/* ==========================================================================
   NEAT 3.0 mofidied to compile on Shopify
   ========================================================================== */
/* ==========================================================================
   Custom UTILS
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* ==========================================================================
   SCAFFOLDING
   ========================================================================== */
button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  cursor: pointer;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  text-align: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* Remove excess padding and border in Firefox 4+ */ }
  button::-moz-focus-inner {
    border: 0;
    padding: 0; }

html {
  box-sizing: border-box; }

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

html, body {
  font-family: Helvetica, Arial, sans-serif;
  margin: 0px;
  padding: 0px;
  background: white;
  color: black;
  overflow-x: hidden; }

html.scroll-blocked {
  overflow: hidden;
  width: 100%;
  height: 100%; }

.clearfix::after {
  clear: both;
  content: "";
  display: table; }

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

.mobile:not(#menu-pane) {
  display: none !important; }
  @media screen and (max-width: 959px) {
    .mobile:not(#menu-pane) {
      display: block !important; } }

.mobile#menu-pane {
  display: none; }

@media screen and (min-width: 960px) {
  .mobile-menu, .mobile#menu-pane {
    display: none !important; } }

.table {
  display: table;
  height: 100%;
  width: 100%; }
  .table.empty-banner {
    display: initial; }
    @media screen and (max-width: 959px) {
      .table.empty-banner {
        display: none; } }
  .table .cell {
    display: table-cell;
    vertical-align: middle; }

.template {
  display: none; }

.spacer {
  width: 100%;
  display: block;
  visibility: hidden; }

.center {
  box-sizing: border-box;
  margin: 0 auto;
  padding-left: 56px;
  padding-right: 56px; }
  .center.mobile-padding {
    padding-left: 16px;
    padding-right: 16px; }
  .center.grid {
    padding-left: 40px;
    padding-right: 40px; }
    .center.grid::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (max-width: 959px) {
      .center.grid {
        padding-left: 0px;
        padding-right: 0px; } }
  @media screen and (max-width: 959px) {
    .center {
      padding-left: 16px;
      padding-right: 16px; } }

.center1440 {
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box; }

.center880 {
  max-width: 880px;
  margin: 0 auto;
  box-sizing: border-box; }

.center1000 {
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  animation-duration: 500ms; }

a {
  color: inherit;
  text-decoration: underline; }

h1.big, .h1.big, .h1-big, section.marquee.title-big h1, .marquee-slide.title-big h1 {
  font-size: 70px;
  letter-spacing: -1.8px;
  line-height: 70px;
  font-weight: bold; }
  @media screen and (max-width: 959px) {
    h1.big, .h1.big, .h1-big, section.marquee.title-big h1, .marquee-slide.title-big h1 {
      font-size: 44px;
      letter-spacing: -1px;
      line-height: 46px; } }

h1, .h1 {
  font-size: 50px;
  letter-spacing: -1.4px;
  line-height: 48px;
  font-weight: bold; }
  @media screen and (max-width: 959px) {
    h1, .h1 {
      font-size: 34px;
      letter-spacing: -0.8px;
      line-height: 38px; } }

h2, .h2, section.marquee.title-small h1, .marquee-slide.title-small h1 {
  font-size: 36px;
  letter-spacing: -0.6px;
  line-height: 35px;
  font-weight: bold; }
  @media screen and (max-width: 959px) {
    h2, .h2, section.marquee.title-small h1, .marquee-slide.title-small h1 {
      font-size: 28px;
      letter-spacing: -0.6px;
      line-height: 32px; } }

h3, .h3 {
  font-size: 26px;
  letter-spacing: -0.5px;
  line-height: 26px;
  font-weight: bold; }
  @media screen and (max-width: 959px) {
    h3, .h3 {
      font-size: 22px;
      letter-spacing: -0.4px;
      line-height: 24px;
      font-weight: bold; } }

h4, body.checkout h2:not(#main-header), body.checkout h2.section__title, .h4 {
  font-size: 18px;
  letter-spacing: 0.4px;
  line-height: 19px;
  font-weight: bold; }
  @media screen and (max-width: 959px) {
    h4, body.checkout h2:not(#main-header), body.checkout h2.section__title, .h4 {
      font-size: 16px;
      letter-spacing: 0;
      line-height: 20px; } }

p, section.popular-items .items .item .title, .p, section.pdp .tabbed .tab-content .actual-content ul, section.boxes .box .box-inner-item.text ul li {
  font-size: 18px;
  letter-spacing: 0.1px;
  line-height: 21px;
  font-weight: 500;
  margin-top: 0px; }
  p:only-child, section.popular-items .items .item .title:only-child, .p:only-child, section.pdp .tabbed .tab-content .actual-content ul:only-child, section.boxes .box .box-inner-item.text ul li:only-child {
    margin-bottom: 0px; }
  @media screen and (max-width: 959px) {
    p, section.popular-items .items .item .title, .p, section.pdp .tabbed .tab-content .actual-content ul, section.boxes .box .box-inner-item.text ul li {
      font-size: 16px;
      letter-spacing: 0;
      line-height: 20px; } }

.p-small p, section.boxes.slim .box .box-inner-item.text p p, section.boxes.slim .box .box-inner-item.text section.popular-items .items .item .title p, section.popular-items .items .item section.boxes.slim .box .box-inner-item.text .title p, .p-small section.popular-items .items .item .title, section.popular-items .items .item .p-small .title, section.boxes.slim .box .box-inner-item.text p section.popular-items .items .item .title, section.popular-items .items .item section.boxes.slim .box .box-inner-item.text p .title, section.boxes.slim .box .box-inner-item.text section.popular-items .items .item .title .title, section.popular-items .items .item section.boxes.slim .box .box-inner-item.text .title .title, .p-small, section.boxes.slim .box .box-inner-item.text p, section.boxes.slim .box .box-inner-item.text section.popular-items .items .item .title, section.popular-items .items .item section.boxes.slim .box .box-inner-item.text .title {
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 18px;
  font-weight: 400; }
  @media screen and (max-width: 959px) {
    .p-small p, section.boxes.slim .box .box-inner-item.text p p, section.boxes.slim .box .box-inner-item.text section.popular-items .items .item .title p, section.popular-items .items .item section.boxes.slim .box .box-inner-item.text .title p, .p-small section.popular-items .items .item .title, section.popular-items .items .item .p-small .title, section.boxes.slim .box .box-inner-item.text p section.popular-items .items .item .title, section.popular-items .items .item section.boxes.slim .box .box-inner-item.text p .title, section.boxes.slim .box .box-inner-item.text section.popular-items .items .item .title .title, section.popular-items .items .item section.boxes.slim .box .box-inner-item.text .title .title, .p-small, section.boxes.slim .box .box-inner-item.text p, section.boxes.slim .box .box-inner-item.text section.popular-items .items .item .title, section.popular-items .items .item section.boxes.slim .box .box-inner-item.text .title {
      font-size: 13px;
      letter-spacing: 0;
      line-height: 16px; } }

.tag {
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 18px;
  color: white;
  letter-spacing: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: black; }
  @media screen and (max-width: 959px) {
    .tag {
      padding: 10px;
      font-size: 13px;
      letter-spacing: 0;
      line-height: 16px; } }
  .tag::before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 6px;
    content: "";
    background: black; }
  .tag.green {
    background-color: #ff4616;
    color: black; }
    .tag.green::before {
      background-color: #ff4616; }
  .tag.blue {
    background-color: #B6DCE7;
    color: black; }
    .tag.blue::before {
      background-color: #B6DCE7; }
  .tag.red {
    background-color: #F3968F;
    color: black; }
    .tag.red::before {
      background-color: #F3968F; }

nav ul {
  list-style: none;
  padding: 0px;
  margin: 0px; }

small, section.standout-content h5 {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.8px;
  line-height: 15px; }
  small.green, section.standout-content h5.green {
    color: #ff4616; }
  small.gray, section.standout-content h5.gray {
    color: #959595; }
  small.dark-gray, section.standout-content h5.dark-gray {
    color: #595959; }
  small.darker-gray, section.standout-content h5.darker-gray {
    color: #505050; }
  small.white, section.standout-content h5.white {
    color: white; }
  small.black, section.standout-content h5.black {
    color: black; }

.button, .shopify-challenge__container input[type="submit"], section.page.flexible #description input[type="submit"], section.page.flexible #description button, body.checkout .btn {
  border: 1px solid black;
  color: #ff4616;
  background-color: black;
  box-sizing: border-box;
  display: inline-block;
  padding-left: 24px;
  padding-right: 24px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 50px;
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 46px;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  cursor: pointer; }
  @media screen and (min-width: 960px) {
    .button:hover, .shopify-challenge__container input[type="submit"]:hover, section.page.flexible #description input[type="submit"]:hover, section.page.flexible #description button:hover, body.checkout .btn:hover {
      background-color: #ff4616;
      color: black; } }
  @media screen and (max-width: 959px) {
    .button, .shopify-challenge__container input[type="submit"], section.page.flexible #description input[type="submit"], section.page.flexible #description button, body.checkout .btn {
      height: 45px;
      line-height: 41px; } }

/* Shop now button */
button.button, section.page.flexible #description button, body.checkout button.btn, input.button, .shopify-challenge__container input[type="submit"], section.page.flexible #description input[type="submit"], body.checkout input.btn {
  line-height: initial; }

.button.black, .shopify-challenge__container input.black[type="submit"], section.page.flexible #description input.black[type="submit"], section.page.flexible #description button.black, body.checkout .black.btn {
  background-color: #000;
  color: #fff; }
  @media screen and (min-width: 960px) {
    .button.black:hover, .shopify-challenge__container input.black[type="submit"]:hover, section.page.flexible #description input.black[type="submit"]:hover, section.page.flexible #description button.black:hover, body.checkout .black.btn:hover {
      background-color: #fff;
      color: #000; } }

.button.dark-gray, .shopify-challenge__container input.dark-gray[type="submit"], section.page.flexible #description input.dark-gray[type="submit"], section.page.flexible #description button.dark-gray, body.checkout .dark-gray.btn {
  background-color: #333;
  color: #fff;
  border: 0; }
  @media screen and (min-width: 960px) {
    .button.dark-gray:hover, .shopify-challenge__container input.dark-gray[type="submit"]:hover, section.page.flexible #description input.dark-gray[type="submit"]:hover, section.page.flexible #description button.dark-gray:hover, body.checkout .dark-gray.btn:hover {
      background-color: #ff4616;
      color: #fff; } }

.button.green, .shopify-challenge__container input.green[type="submit"], section.page.flexible #description input.green[type="submit"], section.page.flexible #description button.green, body.checkout .green.btn {
  background-color: #ff4616;
  border-color: #ff4616;
  color: black; }
  @media screen and (min-width: 960px) {
    .button.green:hover, .shopify-challenge__container input.green[type="submit"]:hover, section.page.flexible #description input.green[type="submit"]:hover, section.page.flexible #description button.green:hover, body.checkout .green.btn:hover {
      background-color: black;
      color: #ff4616; } }

.button.green-invert, .shopify-challenge__container input.green-invert[type="submit"], section.page.flexible #description input.green-invert[type="submit"], section.page.flexible #description button.green-invert, body.checkout .green-invert.btn {
  background-color: black;
  border-color: black;
  color: #ff4616; }
  @media screen and (min-width: 960px) {
    .button.green-invert:hover, .shopify-challenge__container input.green-invert[type="submit"]:hover, section.page.flexible #description input.green-invert[type="submit"]:hover, section.page.flexible #description button.green-invert:hover, body.checkout .green-invert.btn:hover {
      background-color: #ff4616;
      color: black; } }

.button.max, .shopify-challenge__container input.max[type="submit"], section.page.flexible #description input.max[type="submit"], section.page.flexible #description button.max, body.checkout .max.btn {
  display: block;
  width: 100%; }

.button.small, .shopify-challenge__container input.small[type="submit"], section.page.flexible #description input.small[type="submit"], section.page.flexible #description button.small, body.checkout .small.btn {
  height: 40px;
  font-size: 12px;
  letter-spacing: 0.3px;
  line-height: 38px; }

.button.white, .shopify-challenge__container input.white[type="submit"], section.page.flexible #description input.white[type="submit"], section.page.flexible #description button.white, body.checkout .white.btn {
  background: white;
  color: black; }
  @media screen and (min-width: 960px) {
    .button.white:hover, .shopify-challenge__container input.white[type="submit"]:hover, section.page.flexible #description input.white[type="submit"]:hover, section.page.flexible #description button.white:hover, body.checkout .white.btn:hover {
      background-color: black;
      color: white; } }

.button.white.hollow, .shopify-challenge__container input.white.hollow[type="submit"], section.page.flexible #description input.white.hollow[type="submit"], section.page.flexible #description button.white.hollow, body.checkout .white.hollow.btn {
  background: white;
  border-color: white;
  color: black; }
  @media screen and (min-width: 960px) {
    .button.white.hollow:hover, .shopify-challenge__container input.white.hollow[type="submit"]:hover, section.page.flexible #description input.white.hollow[type="submit"]:hover, section.page.flexible #description button.white.hollow:hover, body.checkout .white.hollow.btn:hover {
      background: rgba(255, 255, 255, 0);
      color: white; } }

.button.hollow, .shopify-challenge__container input.hollow[type="submit"], section.page.flexible #description input.hollow[type="submit"], section.page.flexible #description button.hollow, body.checkout .hollow.btn {
  background: black;
  border-color: black;
  color: white; }
  @media screen and (min-width: 960px) {
    .button.hollow:hover, .shopify-challenge__container input.hollow[type="submit"]:hover, section.page.flexible #description input.hollow[type="submit"]:hover, section.page.flexible #description button.hollow:hover, body.checkout .hollow.btn:hover {
      background: rgba(0, 0, 0, 0);
      color: black; } }

.button.grey, .shopify-challenge__container input.grey[type="submit"], section.page.flexible #description input.grey[type="submit"], section.page.flexible #description button.grey, body.checkout .grey.btn {
  background: #595959;
  border-color: #595959;
  color: white; }
  @media screen and (min-width: 960px) {
    .button.grey:hover, .shopify-challenge__container input.grey[type="submit"]:hover, section.page.flexible #description input.grey[type="submit"]:hover, section.page.flexible #description button.grey:hover, body.checkout .grey.btn:hover {
      background: white;
      color: #595959; } }

main {
  transition: filter 250ms cubic-bezier(0.86, 0, 0.07, 1);
  /* .page-max {
  	max-width: 1600px;
      margin: 0 auto;
      overflow-x: hidden;
  } */
  min-height: calc(100vh - 518px); }
  @media screen and (max-width: 959px) {
    main {
      min-height: calc(100vh - 819px); } }
  main section.p404 .table, main .account-form {
    min-height: calc(100vh - 518px); }
    @media screen and (max-width: 959px) {
      main section.p404 .table, main .account-form {
        min-height: calc(100vh - 819px); } }
  main .account-form.account-form-fill-screen-shorter {
    min-height: calc(100vh - 728px); }
    @media screen and (max-width: 959px) {
      main .account-form.account-form-fill-screen-shorter {
        min-height: calc(100vh - 972px); } }

.underlay {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  cursor: pointer;
  /* z-index: 10; */ }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select,
.input {
  border: 1px solid #C8C8C8;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  border-radius: 0px;
  letter-spacing: 0px;
  line-height: 18px;
  box-sizing: border-box;
  background-color: white;
  padding-left: 10px;
  padding-right: 10px;
  background: white;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0);
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  textarea:focus,
  textarea:active,
  select:focus,
  select:active,
  .input:focus,
  .input:active {
    border: 1px solid #000000;
    box-shadow: inset 0px 0px 0px 1px black; }
  input[type="text"]::placeholder,
  input[type="email"]::placeholder,
  input[type="password"]::placeholder,
  input[type="number"]::placeholder,
  input[type="tel"]::placeholder,
  input[type="search"]::placeholder,
  input[type="url"]::placeholder,
  textarea::placeholder,
  select::placeholder,
  .input::placeholder {
    color: rgba(255, 255, 255, 0); }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="url"],
.input {
  height: 45px;
  padding-top: 11px;
  width: 100%; }

textarea {
  resize: none; }

.input-field {
  position: relative;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 18px;
  margin: 0px;
  margin-bottom: 10px; }
  .input-field:not(.checkbox) > label {
    font-family: Helvetica, Arial, sans-serif;
    position: absolute;
    top: 13px;
    left: 2px;
    background-color: rgba(255, 255, 255, 0);
    padding-left: 9px;
    box-sizing: border-box;
    cursor: text;
    text-align: left;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    font-weight: 400;
    font-size: 14px;
    color: #595959;
    letter-spacing: 0px;
    line-height: 18px;
    z-index: 1;
    pointer-events: none; }
  .input-field.focus:not(.checkbox) > label, .input-field.active:not(.checkbox) > label {
    font-size: 8px;
    letter-spacing: 0.2px;
    line-height: 11px;
    top: 2px;
    padding-top: 6px;
    border-radius: 0px; }
  .input-field.textarea.focus:not(.checkbox) > label, .input-field.textarea.active:not(.checkbox) > label {
    background-color: white;
    width: calc(100% - 4px); }
  .input-field.active > label {
    z-index: 2; }
  .input-field.active input[type="text"],
  .input-field.active input[type="email"],
  .input-field.active input[type="password"],
  .input-field.active input[type="number"],
  .input-field.active input[type="tel"],
  .input-field.active input[type="search"],
  .input-field.active input[type="url"],
  .input-field.active select,
  .input-field.active textarea {
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0);
    border-color: #000000; }
  .input-field.focus input[type="text"],
  .input-field.focus input[type="email"],
  .input-field.focus input[type="password"],
  .input-field.focus input[type="number"],
  .input-field.focus input[type="tel"],
  .input-field.focus input[type="search"],
  .input-field.focus input[type="url"],
  .input-field.focus textarea {
    box-shadow: inset 0px 0px 0px 1px black; }
  .input-field.error label {
    color: #b40002; }
  .input-field.error input[type="text"],
  .input-field.error input[type="email"],
  .input-field.error input[type="password"],
  .input-field.error input[type="number"],
  .input-field.error input[type="tel"],
  .input-field.error input[type="search"],
  .input-field.error input[type="url"],
  .input-field.error textarea {
    box-shadow: inset 0px 0px 0px 1px #b40002; }
  .input-field textarea {
    padding-top: 20px;
    height: 200px;
    width: 100%; }
  .input-field select {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 45px;
    width: 100%;
    padding-top: 11px;
    padding-right: 30px; }
  .input-field input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    box-shadow: inset 0px 0px 0px 1px black;
    border-radius: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 6px;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    cursor: pointer;
    background: white; }
    .input-field input[type="checkbox"].checked {
      box-shadow: inset 0px 0px 0px 8px #ff4616; }
  .input-field.checkbox {
    margin-top: 10px;
    margin-bottom: 40px; }
    @media screen and (max-width: 959px) {
      .input-field.checkbox {
        margin-bottom: 20px; } }
    .input-field.checkbox::before {
      content: "";
      display: block;
      background-image: url("checkbox.png");
      background-size: 10px 10px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 10px;
      height: 10px;
      line-height: 10px;
      vertical-align: middle;
      margin-top: -3px;
      margin-top: 1px;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 1px;
      left: 0px;
      pointer-events: none;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .input-field.checkbox::before {
          background-image: url("checkbox@2x.png"); } }
    .input-field.checkbox.checked::before {
      filter: invert(1); }
    .input-field.checkbox label {
      cursor: pointer; }
  .input-field .input-icon {
    pointer-events: none;
    position: absolute;
    height: 100%;
    top: 0px;
    right: 17px;
    margin-top: 0px; }

/* ==========================================================================
   HEADER
   ========================================================================== */
body.desktop-menu-open #menu-underlay {
  background: rgba(0, 0, 0, 0.7);
  z-index: 15; }
body.desktop-menu-open header#main .header .content > .center::after {
  opacity: 0; }
@media screen and (min-width: 960px) {
  body.desktop-menu-open header#main.transparent .header .content .bg {
    background-color: white; } }

header#main .banner {
  min-height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
  color: white;
  letter-spacing: 0.5px;
  text-align: center;
  line-height: 16px;
  background-color: #000;
  box-sizing: border-box;
  position: relative;
  z-index: 1000;
  transition: filter 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  @media screen and (max-width: 959px) {
    header#main .banner {
      font-size: 10px;
      line-height: 10px;
      padding-top: 0px;
      padding-bottom: 0px; } }
  header#main .banner p, header#main .banner section.popular-items .items .item .title, section.popular-items .items .item header#main .banner .title {
    font-size: 12px;
    color: white;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 16px;
    background-color: #000;
    font-weight: normal;
    margin: 0px; }
    @media screen and (max-width: 959px) {
      header#main .banner p, header#main .banner section.popular-items .items .item .title, section.popular-items .items .item header#main .banner .title {
        font-size: 10px;
        line-height: 10px; } }
  header#main .banner .center {
    position: relative; }
    @media screen and (max-width: 959px) {
      header#main .banner .center {
        display: table;
        min-height: 28px;
        width: 100%; } }
  header#main .banner .banner-inner p, header#main .banner .banner-inner section.popular-items .items .item .title, section.popular-items .items .item header#main .banner .banner-inner .title {
    background: url("https://cdn.shopify.com/s/files/1/0254/2367/5472/t/2/assets/icon-truck.png?v=1588862997") left 4px no-repeat;
    padding-left: 31px;
    display: inline; }
  @media screen and (min-width: 960px) {
    header#main .banner .banner-inner {
      padding-left: 160px;
      padding-right: 160px; } }
  @media screen and (max-width: 959px) {
    header#main .banner .banner-inner {
      display: table-cell;
      vertical-align: middle;
      padding-top: 6px;
      padding-bottom: 6px; } }
  header#main .banner nav {
    position: absolute;
    left: 5px;
    top: 0px;
    height: 16px;
    z-index: 2; }
    @media screen and (max-width: 959px) {
      header#main .banner nav {
        display: none; } }
    header#main .banner nav li {
      display: inline-block;
      margin: 0 22px;
      /*border-right: solid 1px #C8C8C8;*/
      vertical-align: top;
      height: 16px; }
      header#main .banner nav li:last-child {
        padding-right: 0px;
        border-right: 0px; }
      header#main .banner nav li a {
        display: block;
        line-height: 16px;
        /*opacity: 0.54;*/
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
        @media screen and (min-width: 960px) {
          header#main .banner nav li a:hover {
            opacity: 1; } }
      header#main .banner nav li img {
        height: 16px;
        display: block; }
header#main .content {
  display: block;
  position: relative; }
  header#main .content .bg {
    transition-property: filter, background-color;
    transition-duration: 250ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    background-color: white;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    height: 80px; }
    @media screen and (max-width: 959px) {
      header#main .content .bg {
        height: 60px; } }
@media screen and (min-width: 960px) {
  header#main.transparent .inner {
    height: 0px; } }
@media screen and (min-width: 960px) {
  header#main.transparent .header {
    position: absolute; } }
@media screen and (min-width: 960px) {
  header#main.transparent .header .content .bg {
    background-color: rgba(255, 255, 255, 0); } }
header#main.black .header .content .bg {
  background-color: black; }
header#main.black .header .content > .center::after {
  background: rgba(255, 255, 255, 0.3); }
header#main.black .header .content nav .root-nav.desktop li a, header#main.black .header .content nav .root-nav.desktop li button {
  color: white; }
header#main.black .header .content nav .root-nav.desktop li .sub-nav {
  background: #1F1F1F; }
  header#main.black .header .content nav .root-nav.desktop li .sub-nav small.title, header#main.black .header .content nav .root-nav.desktop li .sub-nav section.standout-content h5.title, section.standout-content header#main.black .header .content nav .root-nav.desktop li .sub-nav h5.title, header#main.black .header .content nav .root-nav.desktop li .sub-nav a.title {
    color: #a9a9a9; }
  header#main.black .header .content nav .root-nav.desktop li .sub-nav .sub-nav-block a.view-more, header#main.black .header .content nav .root-nav.desktop li .sub-nav .sub-nav-block button.view-more {
    color: #a9a9a9; }
header#main.black .header .brand {
  filter: invert(1); }
header#main.black .header .controls .control.search i, header#main.black .header .controls .control.account i, header#main.black .header .controls .control.cart i {
  filter: invert(1); }
header#main.black .header .controls .control .hamburger {
  filter: invert(1); }
header#main.black .header .controls .control .quantity {
  background: white;
  color: black; }
header#main.black .header .controls .control.menu .hamburger span {
  background-color: white; }
@media screen and (min-width: 960px) {
  header#main.black.transparent .header .content .bg {
    background-color: rgba(0, 0, 0, 0); } }
header#main .inner {
  height: 80px;
  position: relative;
  width: 100%; }
  @media screen and (max-width: 959px) {
    header#main .inner {
      height: 60px; } }
header#main .header {
  height: 80px;
  line-height: 80px;
  border-bottom: 1px solid #d8d8d8;
  width: 100%;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  position: relative;
  z-index: 9999; }
  @media screen and (max-width: 959px) {
    header#main .header {
      height: 60px;
      line-height: 60px; } }
  header#main .header .search {
    margin-left: 0px; }
    header#main .header .search.active {
      /* width: calc(100% - 158px); */ }
      header#main .header .search.active .search-bar {
        width: 70%;
        margin-left: 56px; }
        @media screen and (max-width: 959px) {
          header#main .header .search.active .search-bar {
            width: 80%;
            margin-left: 16px;
            margin-top: 40px; } }
    header#main .header .search i {
     /*
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 1px;
    cursor: pointer;
     */
      opacity: 1;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
      @media screen and (min-width: 960px) {
        header#main .header .search i:hover {
          opacity: 0.54; } }
    header#main .header .search .search-bar {
      overflow: hidden;
      display: inline-block;
      /* width: 0px; */
      /* height: 40px; */
      line-height: 10px;
      box-sizing: border-box;
      /* padding-left: 22px; */
      border-bottom: solid 1px white;
      vertical-align: middle;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      margin-top: 48px; }
      header#main .header .search .search-bar.focus {
        border-color: black; }
      header#main .header .search .search-bar input {
        width: 90%;
        border: none;
        box-sizing: border-box;
        padding: 0px;
        height: 38px;
        display: inline-block;
        font-weight: bold;
        color: black;
        letter-spacing: -0.5px;
        line-height: 19px;
        font-size: 18px;
        box-shadow: none;
        padding-left: 10px;
        outline-color: #5e9ed6; }
        header#main .header .search .search-bar input::placeholder {
          color: #757575; }
        @media screen and (max-width: 959px) {
          header#main .header .search .search-bar input {
            padding-left: 10px;
            font-weight: bold;
            font-size: 18px;
            color: #000000;
            letter-spacing: -0.5px;
            line-height: 19px; } }
      header#main .header .search .search-bar button {
        display: none; }
header#main .brand {
  display: inline-block;
  position: relative;
  z-index: 2;
  vertical-align: middle;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 1; }
  header#main .brand img {
    display: block;
    max-height: 21px; }
  @media screen and (min-width: 960px) {
    header#main .brand:hover {
      opacity: 0.54; } }
header#main nav {
  position: relative;
  z-index: 1; }
header#main nav .root-nav.desktop {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px; }
  @media screen and (max-width: 959px) {
    header#main nav .root-nav.desktop {
      display: none; } }
  header#main nav .root-nav.desktop li {
    display: inline-block;
    height: 100%; }
    header#main nav .root-nav.desktop li a, header#main nav .root-nav.desktop li button {
      font-size: 12px;
      color: #000000;
      letter-spacing: 0.5px;
      font-weight: bold;
      text-decoration: none;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      line-height: inherit; }
    header#main nav .root-nav.desktop li.root-nav-item > a, header#main nav .root-nav.desktop li.root-nav-item > button {
      line-height: 78px;
      box-sizing: border-box;
      position: relative; }
      header#main nav .root-nav.desktop li.root-nav-item > a::after, header#main nav .root-nav.desktop li.root-nav-item > button::after {
        content: "";
        position: absolute;
        width: 0px;
        height: 4px;
        background: #ff4616;
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
        bottom: 0px;
        left: 0px;
        z-index: 1; }
      @media screen and (min-width: 960px) {
        header#main nav .root-nav.desktop li.root-nav-item > a:hover::after, header#main nav .root-nav.desktop li.root-nav-item > button:hover::after {
          width: 100%; } }
      header#main nav .root-nav.desktop li.root-nav-item > a:focus::after, header#main nav .root-nav.desktop li.root-nav-item > button:focus::after {
        width: 100%; }
    header#main nav .root-nav.desktop li.root-nav-item.opaque > a, header#main nav .root-nav.desktop li.root-nav-item.opaque > button {
      color: #595959 !important; }
    header#main nav .root-nav.desktop li.root-nav-item.current > a::after, header#main nav .root-nav.desktop li.root-nav-item.current > button::after, header#main nav .root-nav.desktop li.root-nav-item.active > a::after, header#main nav .root-nav.desktop li.root-nav-item.active > button::after {
      width: 100%; }
    header#main nav .root-nav.desktop li > a, header#main nav .root-nav.desktop li > button {
      padding-left: 15px;
      padding-right: 15px;
      display: block; }
    header#main nav .root-nav.desktop li .sub-nav {
      overflow: hidden;
      padding-top: 60px;
      padding-bottom: 60px;
      background: #f0f0f0;
      width: 100%;
      position: absolute;
      top: 100%;
      left: 0px;
      text-align: left;
      line-height: 19px;
      max-height: calc(100vh - 108px);
      box-sizing: border-box;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      @media screen and (max-width: 959px) {
        header#main nav .root-nav.desktop li .sub-nav {
          max-height: calc(100vh - 88px); } }
      header#main nav .root-nav.desktop li .sub-nav .sub-shift {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-evenly; }
      header#main nav .root-nav.desktop li .sub-nav.no-blocks {
        padding-bottom: 32px;
        padding-top: 32px; }
        header#main nav .root-nav.desktop li .sub-nav.no-blocks .sub-shift {
          justify-content: center; }
          header#main nav .root-nav.desktop li .sub-nav.no-blocks .sub-shift a {
            margin-left: 16px;
            margin-right: 16px;
            margin-top: 8px;
            margin-bottom: 8px; }
            @media screen and (min-width: 960px) {
              header#main nav .root-nav.desktop li .sub-nav.no-blocks .sub-shift a:hover {
                opacity: 0.54; } }
      header#main nav .root-nav.desktop li .sub-nav .sub-nav-block {
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        min-width: 120px; }
        header#main nav .root-nav.desktop li .sub-nav .sub-nav-block li {
          display: block;
          margin-bottom: 19px; }
        header#main nav .root-nav.desktop li .sub-nav .sub-nav-block a {
          display: block;
          line-height: 19px;
          opacity: 1;
          transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
          @media screen and (min-width: 960px) {
            header#main nav .root-nav.desktop li .sub-nav .sub-nav-block a:hover {
              opacity: 0.54; } }
        header#main nav .root-nav.desktop li .sub-nav .sub-nav-block .link-wrap li:last-child {
          margin-bottom: 0px; }
        header#main nav .root-nav.desktop li .sub-nav .sub-nav-block a.view-more, header#main nav .root-nav.desktop li .sub-nav .sub-nav-block button.view-more {
          text-decoration: underline;
          margin-bottom: 0px;
          margin-top: 19px;
          color: #505050; }
          @media screen and (min-width: 960px) {
            header#main nav .root-nav.desktop li .sub-nav .sub-nav-block a.view-more:hover, header#main nav .root-nav.desktop li .sub-nav .sub-nav-block button.view-more:hover {
              opacity: 0.54; } }
        header#main nav .root-nav.desktop li .sub-nav .sub-nav-block .rest li:last-child {
          margin-bottom: 0px; }
        header#main nav .root-nav.desktop li .sub-nav .sub-nav-block .rest li:first-child {
          margin-top: 19px; }
        header#main nav .root-nav.desktop li .sub-nav .sub-nav-block small.title, header#main nav .root-nav.desktop li .sub-nav .sub-nav-block section.standout-content h5.title, section.standout-content header#main nav .root-nav.desktop li .sub-nav .sub-nav-block h5.title, header#main nav .root-nav.desktop li .sub-nav .sub-nav-block a.title {
          margin-bottom: 20px;
          font-size: 11px;
          color: #505050;
          letter-spacing: 0.8px;
          line-height: 15px;
          display: block;
          font-weight: normal;
          text-transform: uppercase; }
      header#main nav .root-nav.desktop li .sub-nav.only-one-block .sub-shift div.sub-nav-block a,
      header#main nav .root-nav.desktop li .sub-nav .sub-shift div.sub-nav-block:only-child a {
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px; }
      header#main nav .root-nav.desktop li .sub-nav.only-one-block .sub-shift div.sub-nav-block small.title, header#main nav .root-nav.desktop li .sub-nav.only-one-block .sub-shift div.sub-nav-block section.standout-content h5.title, section.standout-content header#main nav .root-nav.desktop li .sub-nav.only-one-block .sub-shift div.sub-nav-block h5.title,
      header#main nav .root-nav.desktop li .sub-nav .sub-shift div.sub-nav-block:only-child small.title,
      header#main nav .root-nav.desktop li .sub-nav .sub-shift div.sub-nav-block:only-child section.standout-content h5.title,
      section.standout-content header#main nav .root-nav.desktop li .sub-nav .sub-shift div.sub-nav-block:only-child h5.title {
        display: none; }
      header#main nav .root-nav.desktop li .sub-nav.only-one-block {
        padding-bottom: 26px; }
header#main .controls {
  position: absolute;
  right: 56px;
  top: 0px;
  /*z-index: 20;*/
  text-align: right; }
  header#main .controls::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 959px) {
    header#main .controls {
      right: 16px; } }
  header#main .controls .control {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-left: 26px;
    opacity: 1;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
    @media screen and (max-width: 959px) {
      header#main .controls .control {
        margin-left: 16px; } }
    @media screen and (max-width: 959px) {
      header#main .controls .control {
        z-index: 10; } }
    header#main .controls .control .quantity {
      position: absolute;
      min-width: 16px;
      box-sizing: border-box;
      height: 16px;
      border-radius: 8px;
      background: black;
      color: white;
      padding-left: 1px;
      padding-right: 1px;
      padding-top: 0px;
      font-size: 10px;
      font-weight: bold;
      line-height: 15px;
      text-align: center;
      font-style: normal;
      bottom: -4px;
      right: -8px;
      opacity: 0;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
      header#main .controls .control .quantity.visible {
        opacity: 1; }
    header#main .controls .control.hide {
      opacity: 0; }
    @media screen and (min-width: 960px) {
      header#main .controls .control.cart:hover, header#main .controls .control.account:hover {
        opacity: 0.54; } }
    header#main .controls .control.menu {
      margin-left: 0px; }
header#main #menu-pane .core-menu {
  position: relative;
  overflow: hidden;
  /* line-height: 55px; */
  line-height: 30px;
  margin-top: 18px;
  margin-bottom: 40px; }
  header#main #menu-pane .core-menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none; }
  header#main #menu-pane .core-menu .nav-item {
    display: block; }
  header#main #menu-pane .core-menu a, header#main #menu-pane .core-menu button {
    font-weight: bold;
    font-size: 24px;
    height: 45px;
    color: #000000;
    letter-spacing: -1.4px;
    text-decoration: none;
    display: block;
    /* line-height: 48px; */
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  header#main #menu-pane .core-menu li.has-sub {
    box-sizing: border-box;
    position: static; }
    header#main #menu-pane .core-menu li.has-sub > a, header#main #menu-pane .core-menu li.has-sub > button {
      position: relative;
      padding-right: 30px;
      box-sizing: border-box; }
      header#main #menu-pane .core-menu li.has-sub > a::after, header#main #menu-pane .core-menu li.has-sub > button::after {
        width: 10px;
        height: 10px;
        content: "";
        border-top: solid 2px black;
        border-right: solid 2px black;
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -7px;
        transform: rotate(45deg); }
    header#main #menu-pane .core-menu li.has-sub > button {
      /* vertical alignment fix - reason unknown */
      padding-bottom: 10px; }
  header#main #menu-pane .core-menu li.nav-item.back.space {
    height: 22px; }
  header#main #menu-pane .core-menu li.nav-item.back a, header#main #menu-pane .core-menu li.nav-item.back button {
    padding-left: 16px;
    height: auto;
    display: block;
    position: relative;
    font-weight: bold;
    font-size: 16px;
    color: #595959;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 20px; }
    header#main #menu-pane .core-menu li.nav-item.back a::after, header#main #menu-pane .core-menu li.nav-item.back button::after {
      width: 8px;
      height: 8px;
      content: "";
      border-top: solid 1px #595959;
      border-left: solid 1px #595959;
      display: block;
      position: absolute;
      top: 50%;
      left: 1px;
      margin-top: -5px;
      transform: rotate(-45deg); }
  header#main #menu-pane .core-menu .sub-nav {
    display: block;
    position: absolute;
    width: 100%;
    top: 0px;
    right: 0px;
    visibility: hidden;
    transform: translateX(100%);
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    background: white;
    z-index: 1; }
    header#main #menu-pane .core-menu .sub-nav.active {
      visibility: visible !important;
      transform: translateX(0%); }
header#main #menu-pane footer.main {
  padding: 0px;
  background: white; }
  header#main #menu-pane footer.main .footer-main {
    background: transparent;
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 10px; }
  header#main #menu-pane footer.main .footer-sub {
    padding: 0px; }
  header#main #menu-pane footer.main .footer-nav {
    width: auto;
    float: none;
    padding: 0px;
    margin: 0px; }
    header#main #menu-pane footer.main .footer-nav nav small.title, header#main #menu-pane footer.main .footer-nav nav section.standout-content h5.title, section.standout-content header#main #menu-pane footer.main .footer-nav nav h5.title {
      color: #595959; }
  header#main #menu-pane footer.main .newsletter {
    display: none; }
  header#main #menu-pane footer.main .brand {
    display: none !important; }
  header#main #menu-pane footer.main nav.social a {
    filter: invert(1); }
  header#main #menu-pane footer.main nav.social {
    line-height: 22px;
    padding-top: 40px; }
    header#main #menu-pane footer.main nav.social ul {
      display: flex;
      flex-flow: row;
      justify-content: space-evenly; }
  header#main #menu-pane footer.main .footer-nav nav ul li a {
    color: black; }
  header#main #menu-pane footer.main .copy {
    padding-bottom: 20px;
    color: #595959; }
  header#main #menu-pane footer.main .footer-conect .region-selector .selector {
    color: #595959; }
  header#main #menu-pane footer.main .footer-conect .region-selector .value {
    color: black;
    text-decoration: none;
    margin-top: -3px; }
  header#main #menu-pane footer.main .footer-conect .region-selector .arrow::before {
    border-color: rgba(0, 0, 0, 0.6);
    top: -4px; }
  header#main #menu-pane footer.main .footer-conect .region-selector.active .arrow::before {
    top: 1px; }
header#main .pane {
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  /* transform: translateX(100%); */
  max-width: 544px;
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0px;
  right: 0px;
  background: white;
  z-index: 5; }
  @media screen and (min-width: 960px) {
    header#main .pane {
      /* Because this code is not working for iPhone - Blocking banner */
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%);
      -webkit-transition: -webkit-transform 0.5s ease;
      -moz-transition: transform 0.5s ease;
      -o-transition: transform 0.5s ease;
      transition: transform 0.5s ease; } }
  header#main .pane::after {
    display: block;
    content: "";
    position: absolute;
    height: 100%;
    /*left: 544px;*/
    right: -20px;
    /* width: 50vw; */
    width: 20px;
    background: white;
    top: 0px; }
  header#main .pane .pane-content {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    top: 110px;
    height: calc(100% - 110px);
    padding-left: 56px;
    padding-right: 56px;
    line-height: normal; }
    @media screen and (max-width: 959px) {
      header#main .pane .pane-content {
        top: 90px;
        height: calc(100% - 90px);
        padding-left: 16px;
        padding-right: 16px; } }
    header#main .pane .pane-content .cart-content.pane-content-inner {
      padding-bottom: 40px; }
      @media screen and (max-width: 959px) {
        header#main .pane .pane-content .cart-content.pane-content-inner {
          padding-bottom: 20px; } }
  header#main .pane.active {
    /* transform: translateX(0%); */ }
    @media screen and (min-width: 960px) {
      header#main .pane.active {
        /* Because this code is not working for iPhone - Blocking banner */
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: transform 0.5s ease;
        -o-transition: transform 0.5s ease;
        transition: transform 0.5s ease; } }
    header#main .pane.active a.hamburger.close-button {
      display: block; }
  header#main .pane .pane-block {
    padding-top: 10px;
    padding-bottom: 30px; }
    header#main .pane .pane-block .pane-block-title {
      margin-bottom: 20px; }
    header#main .pane .pane-block .pane-block-link {
      font-weight: bold;
      font-size: 26px;
      color: #000000;
      letter-spacing: -0.75px;
      line-height: 26px;
      text-decoration: none;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      opacity: 1;
      display: block; }
      @media screen and (min-width: 960px) {
        header#main .pane .pane-block .pane-block-link:hover {
          opacity: 0.54; } }
      @media screen and (max-width: 959px) {
        header#main .pane .pane-block .pane-block-link {
          font-size: 24px !important;
          letter-spacing: -1px;
          line-height: 55px; } }
    header#main .pane .pane-block .link-wrap {
      font-weight: bold;
      font-size: 14px;
      color: #000000;
      letter-spacing: 0.5px;
      line-height: 18px;
      margin-top: 4px; }
      @media screen and (min-width: 960px) {
        header#main .pane .pane-block .link-wrap a:hover {
          text-decoration: none; } }
    @media screen and (min-width: 960px) {
      header#main .pane .pane-block .categories {
        margin-left: -8px;
        margin-right: -8px; } }
    @media screen and (max-width: 959px) {
      header#main .pane .pane-block .categories {
        padding-top: 20px; } }
    @media screen and (min-width: 960px) {
      header#main .pane .pane-block .categories .items .item {
        width: 50%;
        padding-bottom: 16px; } }
    @media screen and (min-width: 960px) {
      header#main .pane .pane-block .categories .link-wrap {
        padding-left: 8px; } }

body.search-open header#main.black .header .controls .control.search i, body.search-open header#main.black .header .controls .control.account i, body.search-open header#main.black .header .controls .control.cart i,
body.menu-open header#main.black .header .controls .control.search i,
body.menu-open header#main.black .header .controls .control.account i,
body.menu-open header#main.black .header .controls .control.cart i,
body.cart-open header#main.black .header .controls .control.search i,
body.cart-open header#main.black .header .controls .control.account i,
body.cart-open header#main.black .header .controls .control.cart i {
  filter: invert(0); }
body.search-open header#main.black .header .controls .control .quantity,
body.menu-open header#main.black .header .controls .control .quantity,
body.cart-open header#main.black .header .controls .control .quantity {
  background: black;
  color: white; }
body.search-open header#main.black .header .controls .control.menu .hamburger span,
body.menu-open header#main.black .header .controls .control.menu .hamburger span,
body.cart-open header#main.black .header .controls .control.menu .hamburger span {
  background-color: black; }

body.search-open header#main.black .header .content .brand,
body.menu-open header#main.black .header .content .brand,
body.cart-open header#main.black .header .content .brand,
body.vbox-open header#main.black .header .content .brand {
  filter: blur(5px) invert(1); }

body.search-open main,
body.menu-open main,
body.cart-open main,
body.vbox-open main {
  filter: blur(5px); }
body.search-open header#main .content .bg, body.search-open header#main .content .brand, body.search-open header#main .content nav .root-nav.desktop, body.search-open header#main .content > .center::after,
body.menu-open header#main .content .bg,
body.menu-open header#main .content .brand,
body.menu-open header#main .content nav .root-nav.desktop,
body.menu-open header#main .content > .center::after,
body.cart-open header#main .content .bg,
body.cart-open header#main .content .brand,
body.cart-open header#main .content nav .root-nav.desktop,
body.cart-open header#main .content > .center::after,
body.vbox-open header#main .content .bg,
body.vbox-open header#main .content .brand,
body.vbox-open header#main .content nav .root-nav.desktop,
body.vbox-open header#main .content > .center::after {
  filter: blur(5px); }
body.search-open header#main .banner,
body.menu-open header#main .banner,
body.cart-open header#main .banner,
body.vbox-open header#main .banner {
  filter: blur(5px); }
body.search-open footer.blur,
body.menu-open footer.blur,
body.cart-open footer.blur,
body.vbox-open footer.blur {
  filter: blur(5px); }

body.vbox-open header#main .controls {
  filter: blur(5px); }

.modally {
  padding: 0px;
  width: 100%;
  border-radius: 0px; }
  .modally .modally-close-button {
    color: white;
    filter: drop-shadow(0px 0px 1px black);
    z-index: 10;
    width: 40px;
    height: 40px;
    padding: 0px;
    padding-left: 40px;
    box-sizing: border-box;
    overflow: hidden;
    top: 10px;
    right: 10px; }
    @media screen and (max-width: 959px) {
      .modally .modally-close-button {
        top: 6px;
        right: 6px; } }
    .modally .modally-close-button::before, .modally .modally-close-button::after {
      height: 2px;
      width: 28px;
      position: absolute;
      top: 50%;
      left: 6px;
      content: "";
      background: white; }
    .modally .modally-close-button::before {
      transform: rotate(45deg); }
    .modally .modally-close-button::after {
      transform: rotate(-45deg); }

.modally-wrap .modally-underlay {
  background: rgba(0, 0, 0, 0.7); }

.modally-wrap.black .modally .modally-close-button {
  color: black;
  filter: drop-shadow(0px 0px 1px white); }
  .modally-wrap.black .modally .modally-close-button::before, .modally-wrap.black .modally .modally-close-button::after {
    background: black; }

body.search-open header#main .controls {
  width: calc(100% - 112px);
  max-width: 432px; }
  @media screen and (max-width: 959px) {
    body.search-open header#main .controls {
      width: calc(100% - 32px);
      max-width: 512px; } }

body.below-banner header#main .header {
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px; }
  body.below-banner header#main .header .pane {
    top: 0px; }
@media screen and (min-width: 960px) {
  body.below-banner header#main.transparent .header .content .bg {
    background-color: white; } }
@media screen and (min-width: 960px) {
  body.below-banner header#main.black.transparent .header .content .bg {
    background-color: black; } }
body.below-banner header#main .pane .pane-content {
  top: 80px;
  height: calc(100% - 80px); }
  @media screen and (max-width: 959px) {
    body.below-banner header#main .pane .pane-content {
      top: 60px;
      height: calc(100% - 60px); } }
body.below-banner #cart-pane .cart-title {
  top: 0px; }
body.below-banner header#main nav .root-nav.desktop li .sub-nav {
  max-height: calc(100vh - 80px); }
  @media screen and (max-width: 959px) {
    body.below-banner header#main nav .root-nav.desktop li .sub-nav {
      max-height: calc(100vh - 60px); } }
body.below-banner header#main .header a.hamburger.close-button {
  top: 32px; }
  @media screen and (max-width: 959px) {
    body.below-banner header#main .header a.hamburger.close-button {
      top: 22px; } }
body.below-banner header#main .header .search-bar {
  margin-top: 0px !important; }

.hamburger {
  width: 0px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  position: relative;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  overflow-x: hidden;
  margin-left: 0px;
  opacity: 1;
  cursor: pointer; }
  @media screen and (max-width: 959px) {
    .hamburger {
      /* width: 22px; */
      /* margin-left: 26px; */ } }
  @media screen and (min-width: 960px) {
    .hamburger:hover {
      opacity: 0.54; } }
  .hamburger span {
    display: block;
    height: 2px;
    width: 100%;
    background: black;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    position: absolute;
    opacity: 1;
    left: 0px; }
    .hamburger span.mid {
      top: 50%;
      transform: translateY(-1px); }
    .hamburger span.top {
      top: 2px; }
    .hamburger span.bot {
      bottom: 2px; }
  .hamburger.active, .hamburger.close-button {
    width: 22px;
    /* margin-left: 26px; */
    position: absolute;
    right: 50px;
    top: 60px; }
    @media screen and (max-width: 959px) {
      .hamburger.active, .hamburger.close-button {
        right: 16px;
        top: 50px;
        display: none;
        /* hide default and display this button once opened to avoid overlapping with menu button */ } }
    .hamburger.active span.mid, .hamburger.close-button span.mid {
      opacity: 0; }
    .hamburger.active span.top, .hamburger.close-button span.top {
      top: 10px;
      transform: rotate(45deg); }
    .hamburger.active span.bot, .hamburger.close-button span.bot {
      bottom: 10px;
      transform: rotate(-45deg); }

#hamburger_menu {
  display: none !important; }
  @media screen and (max-width: 959px) {
    #hamburger_menu {
      display: inline-block !important;
      width: 22px;
      /* margin-left: 26px; */ } }

#cart-pane .cart-title {
  font-weight: bold;
  font-size: 26px;
  color: #000000;
  letter-spacing: -0.75px;
  line-height: 80px;
  position: absolute;
  top: 28px;
  left: 56px; }
  @media screen and (max-width: 959px) {
    #cart-pane .cart-title {
      font-size: 22px;
      letter-spacing: -0.4px;
      line-height: 60px;
      left: 18px; } }

.dropdown-menu {
  padding: 0px;
  margin: 0px;
  list-style: none;
  width: 100%;
  display: none; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
footer.main {
  /* margin-top: 160px; */
  background-color: black; }
  @media screen and (max-width: 959px) {
    footer.main {
      margin-top: 40px; } }
  footer.main .footer-nav {
    width: calc(66.66667% - 26.66667px);
    float: left;
    margin-left: 16px;
    margin-left: calc(8.33333% - 17.33333px + 32px); }
    footer.main .footer-nav .footer-nav-inner {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start; }
      @media screen and (max-width: 959px) {
        footer.main .footer-nav .footer-nav-inner {
          display: block;
          border-top: 1px solid #959595; } }
    @media screen and (max-width: 959px) {
      footer.main .footer-nav {
        width: calc(100% - 32px);
        float: left;
        margin-left: 16px;
        width: auto;
        margin-left: 0px;
        float: none;
        padding-bottom: 40px; } }
    footer.main .footer-nav nav {
      width: 25%; }
      @media screen and (max-width: 959px) {
        footer.main .footer-nav nav {
          width: 100%;
          border-bottom: 1px solid #959595; } }
      footer.main .footer-nav nav .view-more {
        color: #a9a9a9;
        text-decoration: underline;
        cursor: pointer;
        display: none;
        font-size: 12px;
        letter-spacing: 0.5px;
        line-height: 19px;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px; }
        @media screen and (min-width: 960px) {
          footer.main .footer-nav nav .view-more:hover {
            color: rgba(225, 225, 225, 0.5); } }
        @media screen and (max-width: 959px) {
          footer.main .footer-nav nav .view-more {
            display: none !important; } }
      @media screen and (min-width: 960px) {
        footer.main .footer-nav nav > ul {
          display: block !important; } }
      @media screen and (max-width: 959px) {
        footer.main .footer-nav nav > ul {
          display: none; }
          footer.main .footer-nav nav > ul ul.rest {
            display: block !important; } }
      @media screen and (min-width: 960px) {
        footer.main .footer-nav nav li a:hover {
          color: rgba(225, 225, 225, 0.5); } }
      @media screen and (max-width: 959px) {
        footer.main .footer-nav nav li a {
          font-size: 22px;
          color: #FFFFFF;
          letter-spacing: -0.4px;
          line-height: 24px;
          font-weight: bold; } }
      footer.main .footer-nav nav small.title, footer.main .footer-nav nav section.standout-content h5.title, section.standout-content footer.main .footer-nav nav h5.title {
        color: #a9a9a9;
        position: relative;
        display: block; }
        @media screen and (min-width: 960px) {
          footer.main .footer-nav nav small.title, footer.main .footer-nav nav section.standout-content h5.title, section.standout-content footer.main .footer-nav nav h5.title {
            padding-bottom: 10px; } }
        @media screen and (max-width: 959px) {
          footer.main .footer-nav nav small.title, footer.main .footer-nav nav section.standout-content h5.title, section.standout-content footer.main .footer-nav nav h5.title {
            text-transform: none;
            cursor: pointer; } }
        footer.main .footer-nav nav small.title i, footer.main .footer-nav nav section.standout-content h5.title i, section.standout-content footer.main .footer-nav nav h5.title i {
          width: 10px;
          height: 10px;
          position: absolute;
          display: none;
          top: 50%;
          transform: translateY(-5px);
          right: 0px; }
          @media screen and (max-width: 959px) {
            footer.main .footer-nav nav small.title i, footer.main .footer-nav nav section.standout-content h5.title i, section.standout-content footer.main .footer-nav nav h5.title i {
              display: block; } }
        footer.main .footer-nav nav small.title i::before, footer.main .footer-nav nav section.standout-content h5.title i::before, section.standout-content footer.main .footer-nav nav h5.title i::before, footer.main .footer-nav nav small.title i::after, footer.main .footer-nav nav section.standout-content h5.title i::after, section.standout-content footer.main .footer-nav nav h5.title i::after {
          display: block;
          content: "";
          height: 2px;
          position: absolute;
          background-color: #959595;
          width: 100%;
          top: 4px; }
        footer.main .footer-nav nav small.title i::before, footer.main .footer-nav nav section.standout-content h5.title i::before, section.standout-content footer.main .footer-nav nav h5.title i::before {
          transform: rotate(90deg);
          top: 4px;
          transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
        footer.main .footer-nav nav small.title.active i::before, footer.main .footer-nav nav section.standout-content h5.title.active i::before, section.standout-content footer.main .footer-nav nav h5.title.active i::before {
          transform: rotate(0deg); }
        @media screen and (max-width: 959px) {
          footer.main .footer-nav nav small.title, footer.main .footer-nav nav section.standout-content h5.title, section.standout-content footer.main .footer-nav nav h5.title {
            font-size: 16px;
            color: #959595;
            letter-spacing: 0;
            line-height: 20px;
            font-weight: bold;
            display: block;
            padding: 20px 0 20px 0; } }
    footer.main .footer-nav a {
      display: inline-block;
      text-decoration: none;
      font-size: 12px;
      color: #FFFFFF;
      letter-spacing: 0.5px;
      line-height: 19px;
      font-weight: bold;
      padding-top: 10px;
      padding-bottom: 10px; }
      @media screen and (max-width: 959px) {
        footer.main .footer-nav a {
          padding-top: 0px;
          padding-bottom: 24px; } }
  footer.main .footer-main {
    background: #1F1F1F;
    padding-top: 60px;
    padding-bottom: 70px; }
    @media screen and (max-width: 959px) {
      footer.main .footer-main {
        padding: 40px 40px 20px 40px; } }
  footer.main .footer-sub {
    padding-top: 19px;
    padding-bottom: 19px; }
    @media screen and (max-width: 959px) {
      footer.main .footer-sub {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px; } }
    @media screen and (max-width: 959px) {
      footer.main .footer-sub nav.social {
        padding-top: 30px;
        padding-bottom: 30px; } }
    footer.main .footer-sub .center {
      position: relative; }
    footer.main .footer-sub .brand {
      color: white; }
      footer.main .footer-sub .brand img {
        height: 22px;
        filter: invert(1); }
      @media screen and (min-width: 960px) {
        footer.main .footer-sub .brand {
          position: absolute;
          top: 0px;
          left: 16px; } }
    footer.main .footer-sub .copy {
      line-height: 22px; }
      @media screen and (min-width: 960px) {
        footer.main .footer-sub .copy {
          position: absolute;
          top: 0px;
          right: 16px; } }
  footer.main ul {
    list-style: none;
    margin: 0px;
    padding: 0px; }
  footer.main nav.social {
    text-align: center; }
    footer.main nav.social ul li:first-child {
      padding-left: 0px; }
    footer.main nav.social ul li:last-child {
      padding-right: 0px; }
    footer.main nav.social ul li {
      display: inline-block;
      padding-right: 10px;
      padding-left: 10px; }
      footer.main nav.social ul li a {
        opacity: 1;
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
        @media screen and (min-width: 960px) {
          footer.main nav.social ul li a:hover {
            opacity: 0.54; } }
  footer.main .copy {
    font-size: 11px;
    color: #959595;
    letter-spacing: 0;
    text-align: right;
    line-height: 15px; }
    @media screen and (max-width: 959px) {
      footer.main .copy {
        text-align: center; } }
  footer.main .footer-conect {
    width: calc(25% - 20px);
    float: left;
    margin-left: 16px; }
    @media screen and (max-width: 959px) {
      footer.main .footer-conect {
        width: calc(100% - 32px);
        float: left;
        margin-left: 16px;
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
        float: none; } }
    @media screen and (max-width: 959px) {
      footer.main .footer-conect .newsletter {
        padding-bottom: 60px;
        text-align: center; } }
    footer.main .footer-conect .newsletter small, footer.main .footer-conect .newsletter section.standout-content h5, section.standout-content footer.main .footer-conect .newsletter h5 {
      display: block; }
    footer.main .footer-conect .newsletter h3 {
      margin-top: 20px;
      margin-bottom: 10px;
      color: white; }
      @media screen and (max-width: 959px) {
        footer.main .footer-conect .newsletter h3 {
          margin-top: 10px;
          margin-bottom: 12px; } }
    footer.main .footer-conect .newsletter p, footer.main .footer-conect .newsletter section.popular-items .items .item .title, section.popular-items .items .item footer.main .footer-conect .newsletter .title {
      margin: 0px;
      font-size: 14px;
      color: #a9a9a9;
      letter-spacing: 0.1px;
      line-height: 18px; }
    footer.main .footer-conect .newsletter .newsletter-success {
      color: #ff4616;
      font-weight: 500;
      margin-top: 20px; }
    footer.main .footer-conect .newsletter .newsletter-form {
      position: relative;
      margin-top: 20px; }
      @media screen and (max-width: 959px) {
        footer.main .footer-conect .newsletter .newsletter-form {
          margin-top: 10px; } }
    footer.main .footer-conect .newsletter label {
      color: white; }
    footer.main .footer-conect .newsletter .sign-up-button {
      height: 38px;
      width: 38px;
      overflow: hidden;
      padding: 0px;
      box-sizing: border-box;
      padding-left: 38px;
      background-color: rgba(0, 0, 0, 0);
      border-radius: 0px;
      -webkit-appearance: none;
      -moz-appearance: none;
      position: absolute;
      border: none;
      top: 1px;
      right: 0px;
      cursor: pointer;
      color: white;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
      footer.main .footer-conect .newsletter .sign-up-button::after {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        background-image: url("send.png");
        background-size: 21px 18px;
        background-position: center center;
        background-repeat: no-repeat;
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          footer.main .footer-conect .newsletter .sign-up-button::after {
            background-image: url("send@2x.png"); } }
      @media screen and (min-width: 960px) {
        footer.main .footer-conect .newsletter .sign-up-button:hover {
          background-color: #ff4616; }
          footer.main .footer-conect .newsletter .sign-up-button:hover::after {
            filter: invert(1); } }
    footer.main .footer-conect .newsletter input[type="email"], footer.main .footer-conect .newsletter input[type="text"] {
      border: none;
      border-bottom: solid 1px white;
      box-shadow: none;
      border-radius: 0px;
      background: rgba(0, 0, 0, 0);
      padding: 0px;
      height: 40px;
      line-height: 38px;
      box-sizing: border-box;
      padding-left: 0px;
      padding-right: 40px;
      font-family: Helvetica, Arial, sans-serif;
      width: 100%;
      font-size: 14px;
      color: white;
      letter-spacing: 0.1;
      line-height: 18px; }
      footer.main .footer-conect .newsletter input[type="email"]::placeholder, footer.main .footer-conect .newsletter input[type="text"]::placeholder {
        color: white; }

/* ==========================================================================
  ICONS
  ========================================================================== */
.fb {
  background-image: url("fb.png");
  background-size: 12px 21px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 12px;
  height: 21px;
  line-height: 21px;
  vertical-align: middle;
  margin-top: -3px;
  width: 22px;
  height: 22px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .fb {
      background-image: url("fb@2x.png"); } }

.snap {
  background-image: url("snap.png");
  background-size: 22px 21px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 21px;
  line-height: 21px;
  vertical-align: middle;
  margin-top: -3px;
  width: 22px;
  height: 22px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .snap {
      background-image: url("snap@2x.png"); } }

.tumblr {
  background-image: url("tumblr.png");
  background-size: 12px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 12px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  margin-top: -3px;
  width: 22px;
  height: 22px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .tumblr {
      background-image: url("tumblr@2x.png"); } }

.insta {
  background-image: url("insta.png");
  background-size: 21px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 21px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  margin-top: -3px;
  width: 22px;
  height: 22px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .insta {
      background-image: url("insta@2x.png"); } }

.yt {
  background-image: url("yt.png");
  background-size: 21px 15px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 21px;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
  margin-top: -3px;
  width: 22px;
  height: 22px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .yt {
      background-image: url("yt@2x.png"); } }

.pin {
  background-image: url("pin.png");
  background-size: 17px 22px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  margin-top: -3px;
  width: 22px;
  height: 22px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .pin {
      background-image: url("pin@2x.png"); } }

.tw {
  background-image: url("tw.png");
  background-size: 22px 18px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 18px;
  line-height: 18px;
  vertical-align: middle;
  margin-top: -3px;
  width: 22px;
  height: 22px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .tw {
      background-image: url("tw@2x.png"); } }

.icon-chevron {
  background-image: url("icon-chevron.png");
  background-size: 10px 5px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 10px;
  height: 5px;
  line-height: 5px;
  vertical-align: middle;
  margin-top: -3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-chevron {
      background-image: url("icon-chevron@2x.png"); } }

.icon-search {
  background-image: url("zoom.png");
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  margin-top: -3px;
  width: 22px;
  height: 22px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-search {
      background-image: url("zoom@2x.png"); } }

.icon-search-form {
  background-image: url("zoom.png");
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  margin-top: -3px;
  width: 22px;
  height: 22px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-search-form {
      background-image: url("zoom@2x.png"); } }

.icon-account {
  background-image: url("single-01.png");
  background-size: 20px 22px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  margin-top: -3px;
  width: 22px;
  height: 22px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-account {
      background-image: url("single-01@2x.png"); } }

.icon-cart {
  background-image: url("shopping-cart-2.png");
  background-size: 21px 22px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 21px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  margin-top: -3px;
  width: 22px;
  height: 22px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-cart {
      background-image: url("shopping-cart-2@2x.png"); } }

.icon-description {
  background-image: url("single-paragraph.png");
  background-size: 20px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  margin-top: -3px;
  width: 24px;
  height: 24px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-description {
      background-image: url("single-paragraph@2x.png"); } }

.icon-reviews {
  background-image: url("review.png");
  background-size: 24px 23px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 23px;
  line-height: 23px;
  vertical-align: middle;
  margin-top: -3px;
  width: 24px;
  height: 24px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-reviews {
      background-image: url("review@2x.png"); } }

.icon-specs {
  background-image: url("measure-big.png");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  margin-top: -3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-specs {
      background-image: url("measure-big@2x.png"); } }

.icon-filter {
  background-image: url("search-2.png");
  background-size: 24px 20px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  margin-top: -3px;
  width: 24px;
  height: 24px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-filter {
      background-image: url("search-2@2x.png"); } }

.icon-preferences {
  background-image: url("preferences.png");
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  margin-top: -3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-preferences {
      background-image: url("preferences@2x.png"); } }

.icon-write, #pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-no-reviews a::before, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-no-reviews a::before {
  background-image: url("edit-file.png");
  background-size: 23px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 23px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  margin-top: -3px;
  width: 24px;
  height: 24px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-write, #pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-no-reviews a::before, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-no-reviews a::before {
      background-image: url("edit-file@2x.png"); } }

.icon-arrow {
  background-image: url("arrow.png");
  background-size: 14px 7px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 14px;
  height: 7px;
  line-height: 7px;
  vertical-align: middle;
  margin-top: -3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-arrow {
      background-image: url("arrow@2x.png"); } }

.icon-larger {
  background-image: url("fullscreen-double-74.png");
  background-size: 19px 19px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 19px;
  height: 19px;
  line-height: 19px;
  vertical-align: middle;
  margin-top: -3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-larger {
      background-image: url("fullscreen-double-74@2x.png"); } }

.icon-profile {
  background-image: url("profile.png");
  background-size: 31px 32px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 31px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin-top: -3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-profile {
      background-image: url("profile@2x.png"); } }

.icon-profile2 {
  background-image: url("contacts-44.png");
  background-size: 32px 28px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  margin-top: -3px;
  height: 32px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-profile2 {
      background-image: url("contacts-44@2x.png"); } }

.icon-order-details {
  background-image: url("contacts.png");
  background-size: 30px 32px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin-top: -3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-order-details {
      background-image: url("contacts@2x.png"); } }

.icon-payment {
  background-image: url("credit-card.png");
  background-size: 32px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  margin-top: -3px;
  height: 32px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-payment {
      background-image: url("credit-card@2x.png"); } }

.icon-shipping {
  background-image: url("box-2.png");
  background-size: 32px 32px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin-top: -3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-shipping {
      background-image: url("box-2@2x.png"); } }

.icon-shipping2 {
  background-image: url("box-3d-67.png");
  background-size: 32px 32px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin-top: -3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-shipping2 {
      background-image: url("box-3d-67@2x.png"); } }

.icon-address {
  background-image: url("address.png");
  background-size: 34px 31px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 34px;
  height: 31px;
  line-height: 31px;
  vertical-align: middle;
  margin-top: -3px;
  height: 32px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-address {
      background-image: url("address@2x.png"); } }

.icon-address2 {
  background-image: url("book-bookmark-2.png");
  background-size: 26px 32px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 26px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin-top: -3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-address2 {
      background-image: url("book-bookmark-2@2x.png"); } }

.icon-orders {
  background-image: url("orders.png");
  background-size: 26px 32px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 26px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin-top: -3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-orders {
      background-image: url("orders@2x.png"); } }

.icon-lock {
  background-image: url("logout.png");
  background-size: 24px 32px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin-top: -3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-lock {
      background-image: url("logout@2x.png"); } }

.icon-lock-small {
  background-image: url("lock-circle.png");
  background-size: 12px 16px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 12px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  margin-top: -3px;
  width: 16px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-lock-small {
      background-image: url("lock-circle@2x.png"); } }

.icon-award-small {
  background-image: url("award.png");
  background-size: 10px 16px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 10px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  margin-top: -3px;
  width: 16px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-award-small {
      background-image: url("award@2x.png"); } }

.icon-shipping-small {
  background-image: url("app.png");
  background-size: 15px 16px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  margin-top: -3px;
  width: 16px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .icon-shipping-small {
      background-image: url("app@2x.png"); } }

/* ==========================================================================
   CONTENT
   ========================================================================== */
.slick-arrow {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  display: block;
  border: none;
  background: none;
  box-shadow: none;
  padding: 0px;
  padding-left: 30px;
  text-shadow: none;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  z-index: 5;
  cursor: pointer;
  opacity: 0.54;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  @media screen and (min-width: 960px) {
    .slick-arrow:hover {
      opacity: 1; } }
  .slick-arrow::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    display: block;
    position: absolute;
    border-top: solid 1px black;
    border-left: solid 1px black;
    transform: rotate(-45deg);
    box-sizing: border-box;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }

.slick-arrow.slick-prev {
  right: 25px; }

.slick-arrow.slick-next {
  right: -5px; }
  .slick-arrow.slick-next::before {
    border-left: none;
    border-top: solid 1px #757575;
    border-right: solid 1px #757575;
    transform: rotate(45deg); }

.slick-initialized {
  padding-bottom: 60px; }

.slick-dots {
  list-style: none;
  text-align: left;
  padding: 0px;
  margin: 0px;
  height: 8px;
  position: absolute;
  left: 0px;
  bottom: 11px; }
  .slick-dots li {
    display: inline-block;
    margin: 0px;
    margin-right: 6px;
    vertical-align: top; }
    .slick-dots li:only-child {
      visibility: hidden; }
    .slick-dots li.slick-active button {
      background: rgba(172, 170, 170, 0);
      border: solid 1px #757575; }
      @media screen and (min-width: 960px) {
        .slick-dots li.slick-active button:hover {
          opacity: 1; } }
    .slick-dots li button {
      width: 8px;
      height: 8px;
      box-sizing: border-box;
      padding: 0px;
      padding-left: 6px;
      border-radius: 4px;
      border: solid 1px white;
      background: #acaaaa;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      text-shadow: none;
      box-shadow: none;
      display: block;
      margin: 0px;
      overflow: hidden;
      cursor: pointer;
      opacity: 1; }
      @media screen and (min-width: 960px) {
        .slick-dots li button:hover {
          opacity: 0.54; } }

.slick-list {
  overflow: visible !important; }

.slick-track {
  margin-left: 0px;
  margin-right: 0px; }

.items::after {
  clear: both;
  content: "";
  display: table; }
.items .slick-list {
  margin-left: -8px;
  margin-right: -8px; }
  @media screen and (max-width: 959px) {
    .items .slick-list {
      margin-left: -5px;
      margin-right: -5px; } }

.item {
  display: block;
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
  float: left;
  box-sizing: border-box;
  position: relative; }
  @media screen and (max-width: 959px) {
    .item {
      padding-left: 5px;
      padding-right: 5px; } }
  @media screen and (min-width: 960px) {
    .item:hover .image-wrap {
      border-color: #C8C8C8; }
      .item:hover .image-wrap .image {
        transform: scale(1.05); }
    .item:hover .title {
      color: black; } }
  .item span {
    display: block; }
  .item .image-sizer {
    position: relative; }
  .item .image-wrap {
    width: 100%;
    box-sizing: border-box;
    background-color: #F8F8F8;
    border: solid 1px #E4E4E4;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%; }
    .item .image-wrap .image {
      width: 100%;
      height: 100%;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      background-color: #F8F8F8;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      background-blend-mode: multiply; }
  .item .title {
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  .item.brand-item .image-wrap .image {
    background-blend-mode: normal; }
  .item.brand-item.slick-current .image-wrap {
    border-color: #C8C8C8;
    background: #F8F8F8;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.08); }
  @media screen and (min-width: 960px) {
    .item.product .image-wrap:hover .image .second {
      opacity: 1; } }
  .item.product .image-wrap .tags {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%; }
    .item.product .image-wrap .tags::after {
      clear: both;
      content: "";
      display: table; }
  .item.product .image-wrap .tags .tag {
    display: none;
    margin-right: 4px;
    float: left; }
  .item.product .image-wrap .image {
    position: relative;
    z-index: 0;
    background-blend-mode: normal; }
    .item.product .image-wrap .image span {
      background-color: #F0F0F0;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      background-blend-mode: multiply;
      position: absolute;
      top: 0px;
      left: 0px;
      height: 100%;
      width: 100%; }
    .item.product .image-wrap .image .first {
      z-index: 1; }
    .item.product .image-wrap .image .second {
      opacity: 0;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      z-index: 2; }
  .item.product.new .image-wrap .tags .tag.new {
    display: inline-block; }
  .item.product.clearance .image-wrap .tags .tag.clearance {
    display: inline-block; }
  .item.product.popular .image-wrap .tags .tag.popular {
    display: inline-block; }
  .item.product.best-seller .image-wrap .tags .tag.best-seller {
    display: inline-block; }
  .item.product .description {
    padding: 20px 10px;
    padding-bottom: 30px; }
    @media screen and (max-width: 959px) {
      .item.product .description {
        padding: 12px 0px !important; } }
    .item.product .description .stars {
      margin-bottom: 10px;
      min-height: 16px; }
      @media screen and (max-width: 959px) {
        .item.product .description .stars {
          margin-bottom: 5px; } }
    .item.product .description .title {
      font-weight: bold;
      font-size: 14px;
      color: #000000;
      letter-spacing: 0.3px;
      line-height: 18px; }
    .item.product .description .types {
      font-size: 14px;
      color: #595959;
      letter-spacing: 0;
      line-height: 18px; }
      .item.product .description .types .type {
        display: inline-block;
        margin-top: 4px; }
        @media screen and (max-width: 959px) {
          .item.product .description .types .type {
            margin-top: 5px; } }
    .item.product .description .price {
      font-size: 14px;
      letter-spacing: 0;
      line-height: 18px;
      margin-top: 6px; }
      @media screen and (max-width: 959px) {
        .item.product .description .price {
          margin-top: 5px; } }
      .item.product .description .price span {
        display: inline-block; }
      .item.product .description .price .compare {
        margin-right: 8px;
        color: #595959;
        text-decoration: line-through; }
      .item.product .description .price .label {
        margin-right: 8px;
        color: #595959; }
  .item.product .attr-block {
    display: block;
    padding-right: 80px;
    position: relative;
    padding-bottom: 6px; }
    .item.product .attr-block .stars {
      position: absolute;
      right: 0px;
      top: 0px;
      padding-bottom: 8px; }
  .item.product .colors {
    bottom: 7px;
    width: auto;
    display: block;
    box-sizing: border-box;
    left: 0px;
    z-index: 1; }
    .item.product .colors::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (max-width: 959px) {
      .item.product .colors {
        bottom: 10px; } }
    .item.product .colors .color {
      width: 12px;
      height: 12px;
      border-radius: 10px;
      float: left;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      margin-right: 4px;
      box-shadow: 0px 0px 0px 1px #C8C8C8 inset;
      margin-bottom: 4px; }
      @media screen and (max-width: 959px) {
        .item.product .colors .color {
          border-radius: 0px;
          margin-right: 2px;
          margin-bottom: 2px; } }

.product-lines.with-padding {
  padding-left: 56px;
  padding-right: 56px; }

.product-line {
  padding-left: 8px;
  padding-right: 8px;
  display: block;
  color: white; }
  @media screen and (max-width: 959px) {
    .product-line {
      margin-bottom: 20px; } }
  .product-line.color-black {
    color: black; }
  .product-line.dark .overlay {
    background: rgba(0, 0, 0, 0.2); }
  .product-line.darkest .overlay {
    background: rgba(0, 0, 0, 0.4); }
  .product-line.light .overlay {
    background: rgba(255, 255, 255, 0.2); }
  .product-line.lightest .overlay {
    background: rgba(255, 255, 255, 0.4); }
  .product-line .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
    .product-line .overlay .table .cell {
      vertical-align: bottom;
      padding: 35px 30px; }
      @media screen and (max-width: 959px) {
        .product-line .overlay .table .cell {
          padding: 20px; } }
      .product-line .overlay .table .cell span {
        display: block; }
  .product-line .supertitle {
    display: block;
    font-size: 14px;
    letter-spacing: 0.1px;
    line-height: 18px; }
    @media screen and (max-width: 959px) {
      .product-line .supertitle {
        font-size: 13px;
        letter-spacing: 0;
        line-height: 16px; } }
  .product-line .title {
    margin-bottom: 20px; }
    @media screen and (max-width: 959px) {
      .product-line .title {
        margin-bottom: 10px; } }
    .product-line .title.responsive {
      font-size: 3.3vw; }
  .product-line .price {
    padding-bottom: 5px;
    display: inline-block !important;
    border-bottom: solid 2px #ff4616;
    font-size: 18px;
    letter-spacing: 0.1px;
    line-height: 21px;
    font-weight: 500; }
    @media screen and (max-width: 959px) {
      .product-line .price {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px; } }
  .product-line .inner {
    position: relative;
    display: block;
    overflow: hidden; }
    .product-line .inner .bg {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      display: block;
      background-color: #F8F8F8;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      z-index: 1;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  @media screen and (min-width: 960px) {
    .product-line:hover .inner .bg {
      transform: scale(1.1); } }
  .product-line .tags {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    display: block; }
    .product-line .tags::after {
      clear: both;
      content: "";
      display: table; }
  .product-line .tag {
    display: none; }
  .product-line.new .tag.new {
    display: inline-block; }
  .product-line.popular .tag.popular {
    display: inline-block; }
  .product-line.clearance .tag.clearance {
    display: inline-block; }
  .product-line.best-seller .tag.best-seller {
    display: inline-block; }

section.popular-items {
  padding-top: 50px;
  padding-bottom: 75px; }
  @media screen and (max-width: 959px) {
    section.popular-items {
      padding-top: 30px;
      padding-bottom: 35px; } }
  section.popular-items .devices .product-filter {
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    color: #757575;
    letter-spacing: -0.5px;
    line-height: 19px;
    margin: 0px; }
    @media screen and (max-width: 959px) {
      section.popular-items .devices .product-filter {
        font-size: 16px;
        color: #757575;
        letter-spacing: 0;
        line-height: 20px;
        font-weight: bold; } }
    section.popular-items .devices .product-filter.active span.arrow::before {
      transform: rotate(135deg); }
  section.popular-items .devices .product-filter-wrap {
    position: relative;
    margin-bottom: 30px; }
    @media screen and (max-width: 959px) {
      section.popular-items .devices .product-filter-wrap {
        margin-bottom: 20px; } }
    section.popular-items .devices .product-filter-wrap .dropdown-menu {
      background-color: white;
      position: absolute;
      z-index: 5;
      box-shadow: inset 0 -1px 0 0 #C8C8C8;
      padding-top: 8px;
      padding-bottom: 14px;
      width: auto; }
      section.popular-items .devices .product-filter-wrap .dropdown-menu li {
        font-weight: bold;
        font-size: 18px;
        color: #000000;
        letter-spacing: -0.5px;
        line-height: 29px;
        padding-left: 71px;
        padding-right: 20px; }
        section.popular-items .devices .product-filter-wrap .dropdown-menu li button {
          transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
          opacity: 1; }
          @media screen and (min-width: 960px) {
            section.popular-items .devices .product-filter-wrap .dropdown-menu li button:hover {
              opacity: 0.54; } }
      section.popular-items .devices .product-filter-wrap .dropdown-menu[data-target="all"] li button[data-target="all"] {
        display: none; }
      section.popular-items .devices .product-filter-wrap .dropdown-menu[data-target=".device-new"] li button[data-target=".device-new"] {
        display: none; }
      section.popular-items .devices .product-filter-wrap .dropdown-menu[data-target=".device-popular"] li button[data-target=".device-popular"] {
        display: none; }
  section.popular-items .devices span.value {
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 19px;
    text-decoration: underline; }
    @media screen and (max-width: 959px) {
      section.popular-items .devices span.value {
        font-size: 16px;
        color: #000000;
        letter-spacing: 0;
        line-height: 20px;
        font-weight: bold; } }
  section.popular-items .devices span.arrow {
    padding-left: 5px; }
    section.popular-items .devices span.arrow::before {
      content: "";
      display: inline-block;
      width: 8px;
      height: 8px;
      border-left: solid 2px black;
      border-bottom: solid 2px black;
      transform: rotate(-45deg);
      position: relative;
      top: -2px;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  section.popular-items .items {
    opacity: 0;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
    section.popular-items .items .item {
      padding-right: 8px;
      padding-left: 8px; }
      @media screen and (max-width: 959px) {
        section.popular-items .items .item {
          width: 152px; } }
      section.popular-items .items .item .image-wrap {
        padding: 25px; }
        @media screen and (max-width: 959px) {
          section.popular-items .items .item .image-wrap {
            padding: 16px; } }
      section.popular-items .items .item .title {
        color: #595959;
        margin-top: 10px; }

.slick-controls .center {
  position: relative;
  height: 0px; }
.slick-controls .controls-landing {
  position: relative;
  height: 30px;
  top: -30px; }

.categories .items .item.slick-current .image-wrap {
  border-color: #C8C8C8;
  background: #F8F8F8;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.08); }
.categories .items .item.slick-current .title {
  color: #000000; }
.categories .items .item .title {
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 18px;
  color: #595959;
  display: block;
  text-align: center;
  margin-top: 10px; }
  @media screen and (max-width: 959px) {
    .categories .items .item .title {
      font-size: 13px;
      letter-spacing: 0px;
      line-height: 16px;
      margin-top: 5px; } }

.categories.categories-list .items {
  margin-left: -8px;
  margin-right: -8px; }
  .categories.categories-list .items .item {
    width: 25%;
    margin-bottom: 40px; }
    @media screen and (max-width: 959px) {
      .categories.categories-list .items .item {
        width: 50%;
        margin-bottom: 20px; } }

.play-button {
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  background-image: url("play-button.png");
  background-size: 66px 66px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 66px;
  height: 66px;
  line-height: 66px;
  vertical-align: middle;
  margin-top: -3px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .play-button {
      background-image: url("play-button@2x.png"); } }
  .play-button.mid {
    background-image: url("play-button-mid.png");
    background-size: 61px 61px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 61px;
    height: 61px;
    line-height: 61px;
    vertical-align: middle;
    margin-top: -3px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      .play-button.mid {
        background-image: url("play-button-mid@2x.png"); } }
    @media screen and (max-width: 959px) {
      .play-button.mid {
        background-image: url("play-button-mobile.png");
        background-size: 61px 61px;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 61px;
        height: 61px;
        line-height: 61px;
        vertical-align: middle;
        margin-top: -3px; } }
      @media only screen and (max-width: 959px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 959px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 959px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 959px) and (min-resolution: 125dpi), only screen and (max-width: 959px) and (min-resolution: 1.3dppx) {
        .play-button.mid {
          background-image: url("play-button-mobile@2x.png"); } }
  @media screen and (max-width: 959px) {
    .play-button {
      background-image: url("play-button-mobile.png");
      background-size: 61px 61px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 61px;
      height: 61px;
      line-height: 61px;
      vertical-align: middle;
      margin-top: -3px; } }
    @media only screen and (max-width: 959px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 959px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 959px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 959px) and (min-resolution: 125dpi), only screen and (max-width: 959px) and (min-resolution: 1.3dppx) {
      .play-button {
        background-image: url("play-button-mobile@2x.png"); } }
  @media screen and (min-width: 960px) {
    .play-button:hover {
      transform: scale(1.2); } }

.play-bottom-right {
  position: relative; }
  .play-bottom-right .play-button {
    position: absolute;
    bottom: 40px;
    right: 40px; }

section.carousel-columns, section.text-carousel {
  border-top: solid 1px #c8c8c8;
  border-bottom: solid 1px #c8c8c8;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  section.carousel-columns.tall .flex-container, section.text-carousel.tall .flex-container {
    height: 700px; }
  section.carousel-columns.image-left .text-placeholder, section.text-carousel.image-left .text-placeholder {
    order: 1; }
  section.carousel-columns.image-left .image-landing, section.text-carousel.image-left .image-landing {
    order: 0; }
  section.carousel-columns.no-border, section.text-carousel.no-border {
    border: none; }
  section.carousel-columns.dark, section.text-carousel.dark {
    background: black;
    color: white; }
    section.carousel-columns.dark .slide h1, section.text-carousel.dark .slide h1 {
      color: white; }
    section.carousel-columns.dark .slide .text p a, section.carousel-columns.dark .slide .text section.popular-items .items .item .title a, section.popular-items .items .item section.carousel-columns.dark .slide .text .title a, section.carousel-columns.dark .slide a, section.text-carousel.dark .slide .text p a, section.text-carousel.dark .slide .text section.popular-items .items .item .title a, section.popular-items .items .item section.text-carousel.dark .slide .text .title a, section.text-carousel.dark .slide a {
      color: white; }
    section.carousel-columns.dark .slide .text p, section.carousel-columns.dark .slide .text section.popular-items .items .item .title, section.popular-items .items .item section.carousel-columns.dark .slide .text .title, section.text-carousel.dark .slide .text p, section.text-carousel.dark .slide .text section.popular-items .items .item .title, section.popular-items .items .item section.text-carousel.dark .slide .text .title {
      color: #959595; }
    section.carousel-columns.dark .slick-controls .controls-landing .slick-dots li:not(.slick-active) button, section.text-carousel.dark .slick-controls .controls-landing .slick-dots li:not(.slick-active) button {
      border-color: black; }
  @media screen and (min-width: 960px) {
    section.carousel-columns.controls-left .slick-controls .controls-landing, section.text-carousel.controls-left .slick-controls .controls-landing {
      width: calc(41.66667% - 22.66667px);
      float: left;
      margin-left: 16px;
      left: calc(0% - 16px + 16px);
      position: relative; } }
  @media screen and (min-width: 960px) {
    section.carousel-columns.controls-smaller .slick-controls .controls-landing, section.text-carousel.controls-smaller .slick-controls .controls-landing {
      width: calc(25% - 20px);
      float: left;
      margin-left: 16px;
      left: calc(66.66667% - 26.66667px + 16px);
      position: relative; } }
  @media screen and (min-width: 960px) {
    section.carousel-columns.controls-smaller.controls-left .slick-controls .controls-landing, section.text-carousel.controls-smaller.controls-left .slick-controls .controls-landing {
      width: calc(25% - 20px);
      float: left;
      margin-left: 16px;
      left: calc(8.33333% - 17.33333px + 16px);
      position: relative; } }
  section.carousel-columns .slick-initialized, section.text-carousel .slick-initialized {
    padding: 0px; }
  section.carousel-columns .slide.image-contain .image, section.text-carousel .slide.image-contain .image {
    background-size: contain; }
  section.carousel-columns .slide.text-top .content .table .cell, section.text-carousel .slide.text-top .content .table .cell {
    vertical-align: top; }
  @media screen and (min-width: 960px) {
    section.carousel-columns .slide.bigger-image .image, section.text-carousel .slide.bigger-image .image {
      margin-left: -40px;
      width: calc(58.33333% - 25.33333px + 72px); } }
  @media screen and (min-width: 960px) {
    section.carousel-columns .slide.bigger-image .content, section.text-carousel .slide.bigger-image .content {
      width: calc(25% - 20px);
      float: left;
      margin-left: 16px;
      margin-left: calc(8.33333% - 17.33333px + 16px); } }
  section.carousel-columns .slide.invert-play-button .play-button, section.text-carousel .slide.invert-play-button .play-button {
    filter: invert(1); }
  section.carousel-columns .slide.gray-background, section.text-carousel .slide.gray-background {
    background-color: #F8F8F8; }
  @media screen and (min-width: 960px) {
    section.carousel-columns .slide.reversed .image.rev, section.text-carousel .slide.reversed .image.rev {
      display: block; } }
  @media screen and (min-width: 960px) {
    section.carousel-columns .slide.reversed .image:not(.rev), section.text-carousel .slide.reversed .image:not(.rev) {
      display: none; } }
  @media screen and (min-width: 960px) {
    section.carousel-columns .slide.reversed .content, section.text-carousel .slide.reversed .content {
      width: calc(41.66667% - 22.66667px);
      float: left;
      margin-left: 16px;
      margin-right: calc(8.3333333333% - 17.3333333333px + 25px); } }
  @media screen and (min-width: 960px) {
    section.carousel-columns .slide.reversed.bigger-image .image.rev, section.text-carousel .slide.reversed.bigger-image .image.rev {
      margin-left: 0px;
      margin-right: -40px;
      width: calc(58.33333% - 25.33333px + 72px); } }
  @media screen and (min-width: 960px) {
    section.carousel-columns .slide.reversed.bigger-image .content, section.text-carousel .slide.reversed.bigger-image .content {
      width: calc(25% - 20px);
      float: left;
      margin-left: 16px;
      margin-left: calc(8.33333% - 17.33333px + 32px);
      margin-right: calc(8.33333% - 17.33333px + 16px); } }
  section.carousel-columns .slide.smaller-title h1, section.text-carousel .slide.smaller-title h1 {
    font-size: 26px;
    letter-spacing: -0.75px;
    line-height: 26px; }
  section.carousel-columns .slide.smaller-title .text p, section.carousel-columns .slide.smaller-title .text section.popular-items .items .item .title, section.popular-items .items .item section.carousel-columns .slide.smaller-title .text .title, section.text-carousel .slide.smaller-title .text p, section.text-carousel .slide.smaller-title .text section.popular-items .items .item .title, section.popular-items .items .item section.text-carousel .slide.smaller-title .text .title {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: normal; }
    @media screen and (max-width: 959px) {
      section.carousel-columns .slide.smaller-title .text p, section.carousel-columns .slide.smaller-title .text section.popular-items .items .item .title, section.popular-items .items .item section.carousel-columns .slide.smaller-title .text .title, section.text-carousel .slide.smaller-title .text p, section.text-carousel .slide.smaller-title .text section.popular-items .items .item .title, section.popular-items .items .item section.text-carousel .slide.smaller-title .text .title {
        font-size: 13px;
        letter-spacing: 0;
        line-height: 16px; } }
  @media screen and (min-width: 960px) {
    section.carousel-columns .slide, section.text-carousel .slide {
      height: 750px; } }
  section.carousel-columns .slide .center, section.text-carousel .slide .center {
    height: inherit; }
  section.carousel-columns .slide .image, section.text-carousel .slide .image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    @media screen and (min-width: 960px) {
      section.carousel-columns .slide .image, section.text-carousel .slide .image {
        height: inherit;
        width: calc(50% - 24px);
        float: left;
        margin-left: 16px;
        width: calc(50% + 40px);
        margin-left: -40px; } }
    section.carousel-columns .slide .image.rev, section.text-carousel .slide .image.rev {
      display: none;
      margin-left: 0px;
      margin-right: -42px; }
      section.carousel-columns .slide .image.rev .play-button, section.text-carousel .slide .image.rev .play-button {
        right: auto !important;
        left: 16px;
        bottom: 16px !important; }
    @media screen and (max-width: 959px) {
      section.carousel-columns .slide .image, section.text-carousel .slide .image {
        height: 260px; }
        section.carousel-columns .slide .image.on-mobile, section.text-carousel .slide .image.on-mobile {
          display: block !important; }
        section.carousel-columns .slide .image .play-button, section.text-carousel .slide .image .play-button {
          right: auto !important;
          left: 16px;
          bottom: 16px !important; } }
  section.carousel-columns .slide .supertitle, section.text-carousel .slide .supertitle {
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0px;
    margin-bottom: 10px; }
    @media screen and (max-width: 959px) {
      section.carousel-columns .slide .supertitle, section.text-carousel .slide .supertitle {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 5px; } }
  section.carousel-columns .slide h1, section.text-carousel .slide h1 {
    margin: 0px; }
    @media screen and (max-width: 959px) {
      section.carousel-columns .slide h1, section.text-carousel .slide h1 {
        margin-bottom: 40px; } }
  section.carousel-columns .slide .text p, section.carousel-columns .slide .text section.popular-items .items .item .title, section.popular-items .items .item section.carousel-columns .slide .text .title, section.text-carousel .slide .text p, section.text-carousel .slide .text section.popular-items .items .item .title, section.popular-items .items .item section.text-carousel .slide .text .title {
    margin: 0px;
    margin-bottom: 19px;
    font-weight: bold;
    font-size: 18px;
    color: #595959;
    letter-spacing: -0.5px;
    line-height: 19px; }
    @media screen and (max-width: 959px) {
      section.carousel-columns .slide .text p, section.carousel-columns .slide .text section.popular-items .items .item .title, section.popular-items .items .item section.carousel-columns .slide .text .title, section.text-carousel .slide .text p, section.text-carousel .slide .text section.popular-items .items .item .title, section.popular-items .items .item section.text-carousel .slide .text .title {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px;
        margin-bottom: 20px; } }
    section.carousel-columns .slide .text p a, section.carousel-columns .slide .text section.popular-items .items .item .title a, section.popular-items .items .item section.carousel-columns .slide .text .title a, section.text-carousel .slide .text p a, section.text-carousel .slide .text section.popular-items .items .item .title a, section.popular-items .items .item section.text-carousel .slide .text .title a {
      color: black;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      opacity: 1; }
      @media screen and (min-width: 960px) {
        section.carousel-columns .slide .text p a:hover, section.carousel-columns .slide .text section.popular-items .items .item .title a:hover, section.popular-items .items .item section.carousel-columns .slide .text .title a:hover, section.text-carousel .slide .text p a:hover, section.text-carousel .slide .text section.popular-items .items .item .title a:hover, section.popular-items .items .item section.text-carousel .slide .text .title a:hover {
          opacity: 0.54; } }
  @media screen and (max-width: 959px) {
    section.carousel-columns .slide .content, section.text-carousel .slide .content {
      padding-left: 16px;
      padding-right: 16px;
      padding-bottom: 68px;
      padding-top: 20px; } }
  @media screen and (min-width: 960px) {
    section.carousel-columns .slide .content, section.text-carousel .slide .content {
      box-sizing: border-box;
      height: inherit;
      width: calc(41.66667% - 22.66667px);
      float: left;
      margin-left: 16px;
      padding-top: 80px;
      padding-bottom: 68px;
      margin-left: calc(8.3333333333% - 17.3333333333px + 25px); }
      section.carousel-columns .slide .content .table, section.text-carousel .slide .content .table {
        height: calc(100% - 170px); }
        section.carousel-columns .slide .content .table .cell, section.text-carousel .slide .content .table .cell {
          vertical-align: bottom; }
      section.carousel-columns .slide .content .supertitle, section.text-carousel .slide .content .supertitle {
        height: 16px;
        overflow: hidden; }
      section.carousel-columns .slide .content h1, section.text-carousel .slide .content h1 {
        margin: 0px;
        overflow: hidden;
        height: 144px; } }
  @media screen and (max-width: 959px) {
    section.carousel-columns .slick-controls .center.grid, section.text-carousel .slick-controls .center.grid {
      padding-left: 16px;
      padding-right: 16px; } }
  section.carousel-columns .slick-controls .controls-landing, section.text-carousel .slick-controls .controls-landing {
    top: -55px; }
    @media screen and (min-width: 960px) {
      section.carousel-columns .slick-controls .controls-landing, section.text-carousel .slick-controls .controls-landing {
        width: calc(41.66667% - 22.66667px);
        float: left;
        margin-left: 16px;
        left: calc(58.33333% - 25.33333px + 16px);
        position: relative;
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); } }

section.carousel-image-huge, section.big-carousel {
  background-color: #F0F0F0;
  border-top: solid 1px #c8c8c8;
  border-bottom: solid 1px #c8c8c8;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  /* .slick-list {
      //overflow: hidden !important;
  } */ }
  section.carousel-image-huge .slick-initialized, section.big-carousel .slick-initialized {
    padding-bottom: 0px; }
  section.carousel-image-huge .slick-controls .controls-landing, section.big-carousel .slick-controls .controls-landing {
    top: -45px; }
    @media screen and (max-width: 959px) {
      section.carousel-image-huge .slick-controls .controls-landing, section.big-carousel .slick-controls .controls-landing {
        top: -55px; } }
  section.carousel-image-huge .slides, section.big-carousel .slides {
    opacity: 0;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  section.carousel-image-huge .slide, section.big-carousel .slide {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left; }
  section.carousel-image-huge p, section.carousel-image-huge section.popular-items .items .item .title, section.popular-items .items .item section.carousel-image-huge .title, section.big-carousel p, section.big-carousel section.popular-items .items .item .title, section.popular-items .items .item section.big-carousel .title {
    margin-top: 0px;
    color: black;
    margin-bottom: 20px; }
  section.carousel-image-huge .text, section.big-carousel .text {
    max-width: 350px; }
  section.carousel-image-huge h1, section.big-carousel h1 {
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 760px; }
  section.carousel-image-huge .top img, section.big-carousel .top img {
    width: 100%; }
  section.carousel-image-huge.no-border, section.big-carousel.no-border {
    border: none; }
  section.carousel-image-huge.dark, section.big-carousel.dark {
    color: white;
    background: black; }
    section.carousel-image-huge.dark p, section.carousel-image-huge.dark section.popular-items .items .item .title, section.popular-items .items .item section.carousel-image-huge.dark .title, section.big-carousel.dark p, section.big-carousel.dark section.popular-items .items .item .title, section.popular-items .items .item section.big-carousel.dark .title {
      color: white; }
    section.carousel-image-huge.dark .slick-controls .controls-landing .slick-dots li:not(.slick-active) button, section.big-carousel.dark .slick-controls .controls-landing .slick-dots li:not(.slick-active) button {
      border-color: white; }
    section.carousel-image-huge.dark .slick-controls .controls-landing .slick-dots li.slick-active button, section.big-carousel.dark .slick-controls .controls-landing .slick-dots li.slick-active button {
      border-color: white; }
  section.carousel-image-huge .slide, section.big-carousel .slide {
    position: relative;
    background-color: #F0F0F0; }
    @media screen and (min-width: 960px) {
      section.carousel-image-huge .slide, section.big-carousel .slide {
        min-height: 900px; } }
    section.carousel-image-huge .slide.image-right, section.big-carousel .slide.image-right {
      background-position: top right; }
    section.carousel-image-huge .slide.image-center, section.big-carousel .slide.image-center {
      background-position: top center; }
    section.carousel-image-huge .slide.image-cover, section.big-carousel .slide.image-cover {
      background-size: cover; }
    @media screen and (min-width: 960px) {
      section.carousel-image-huge .slide.shorter, section.big-carousel .slide.shorter {
        min-height: 675px; } }
    @media screen and (max-width: 959px) {
      section.carousel-image-huge .slide, section.big-carousel .slide {
        background-image: none !important; } }
    section.carousel-image-huge .slide .alt-image-landing, section.big-carousel .slide .alt-image-landing {
      display: none; }
      @media screen and (max-width: 959px) {
        section.carousel-image-huge .slide .alt-image-landing, section.big-carousel .slide .alt-image-landing {
          display: block; } }
    section.carousel-image-huge .slide .bottom, section.big-carousel .slide .bottom {
      padding-bottom: 60px; }
      @media screen and (min-width: 960px) {
        section.carousel-image-huge .slide .bottom, section.big-carousel .slide .bottom {
          position: absolute;
          width: 100%;
          bottom: 0px;
          left: 0px; } }
      @media screen and (max-width: 959px) {
        section.carousel-image-huge .slide .bottom, section.big-carousel .slide .bottom {
          padding-bottom: 80px;
          padding-top: 10px; } }
    section.carousel-image-huge .slide.invert, section.big-carousel .slide.invert {
      background-color: black; }
      section.carousel-image-huge .slide.invert h1, section.big-carousel .slide.invert h1 {
        color: white; }
      section.carousel-image-huge .slide.invert p a, section.carousel-image-huge .slide.invert section.popular-items .items .item .title a, section.popular-items .items .item section.carousel-image-huge .slide.invert .title a, section.big-carousel .slide.invert p a, section.big-carousel .slide.invert section.popular-items .items .item .title a, section.popular-items .items .item section.big-carousel .slide.invert .title a {
        color: white; }
      section.carousel-image-huge .slide.invert .button, section.carousel-image-huge .slide.invert .shopify-challenge__container input[type="submit"], .shopify-challenge__container section.carousel-image-huge .slide.invert input[type="submit"], section.carousel-image-huge .slide.invert section.page.flexible #description input[type="submit"], section.page.flexible #description section.carousel-image-huge .slide.invert input[type="submit"], section.carousel-image-huge .slide.invert section.page.flexible #description button, section.page.flexible #description section.carousel-image-huge .slide.invert button, section.carousel-image-huge .slide.invert body.checkout .btn, body.checkout section.carousel-image-huge .slide.invert .btn, section.big-carousel .slide.invert .button, section.big-carousel .slide.invert .shopify-challenge__container input[type="submit"], .shopify-challenge__container section.big-carousel .slide.invert input[type="submit"], section.big-carousel .slide.invert section.page.flexible #description input[type="submit"], section.page.flexible #description section.big-carousel .slide.invert input[type="submit"], section.big-carousel .slide.invert section.page.flexible #description button, section.page.flexible #description section.big-carousel .slide.invert button, section.big-carousel .slide.invert body.checkout .btn, body.checkout section.big-carousel .slide.invert .btn {
        background-color: white;
        color: black;
        border-color: white; }
        @media screen and (min-width: 960px) {
          section.carousel-image-huge .slide.invert .button:hover, section.carousel-image-huge .slide.invert .shopify-challenge__container input[type="submit"]:hover, .shopify-challenge__container section.carousel-image-huge .slide.invert input[type="submit"]:hover, section.carousel-image-huge .slide.invert section.page.flexible #description input[type="submit"]:hover, section.page.flexible #description section.carousel-image-huge .slide.invert input[type="submit"]:hover, section.carousel-image-huge .slide.invert section.page.flexible #description button:hover, section.page.flexible #description section.carousel-image-huge .slide.invert button:hover, section.carousel-image-huge .slide.invert body.checkout .btn:hover, body.checkout section.carousel-image-huge .slide.invert .btn:hover, section.big-carousel .slide.invert .button:hover, section.big-carousel .slide.invert .shopify-challenge__container input[type="submit"]:hover, .shopify-challenge__container section.big-carousel .slide.invert input[type="submit"]:hover, section.big-carousel .slide.invert section.page.flexible #description input[type="submit"]:hover, section.page.flexible #description section.big-carousel .slide.invert input[type="submit"]:hover, section.big-carousel .slide.invert section.page.flexible #description button:hover, section.page.flexible #description section.big-carousel .slide.invert button:hover, section.big-carousel .slide.invert body.checkout .btn:hover, body.checkout section.big-carousel .slide.invert .btn:hover {
            background: black;
            color: white; } }
      section.carousel-image-huge .slide.invert.bolder-text p, section.carousel-image-huge .slide.invert.bolder-text section.popular-items .items .item .title, section.popular-items .items .item section.carousel-image-huge .slide.invert.bolder-text .title, section.big-carousel .slide.invert.bolder-text p, section.big-carousel .slide.invert.bolder-text section.popular-items .items .item .title, section.popular-items .items .item section.big-carousel .slide.invert.bolder-text .title {
        color: white; }
        section.carousel-image-huge .slide.invert.bolder-text p a, section.carousel-image-huge .slide.invert.bolder-text section.popular-items .items .item .title a, section.popular-items .items .item section.carousel-image-huge .slide.invert.bolder-text .title a, section.big-carousel .slide.invert.bolder-text p a, section.big-carousel .slide.invert.bolder-text section.popular-items .items .item .title a, section.popular-items .items .item section.big-carousel .slide.invert.bolder-text .title a {
          color: white; }
    section.carousel-image-huge .slide.big-title h1, section.big-carousel .slide.big-title h1 {
      font-size: 70px;
      letter-spacing: -2.85px;
      line-height: 70px; }
      @media screen and (max-width: 959px) {
        section.carousel-image-huge .slide.big-title h1, section.big-carousel .slide.big-title h1 {
          font-size: 44px;
          letter-spacing: -1px;
          line-height: 46px; } }
    section.carousel-image-huge .slide.bolder-text p, section.carousel-image-huge .slide.bolder-text section.popular-items .items .item .title, section.popular-items .items .item section.carousel-image-huge .slide.bolder-text .title, section.big-carousel .slide.bolder-text p, section.big-carousel .slide.bolder-text section.popular-items .items .item .title, section.popular-items .items .item section.big-carousel .slide.bolder-text .title {
      font-weight: bold;
      font-size: 18px;
      color: black;
      letter-spacing: -0.5px;
      line-height: 19px; }
      @media screen and (max-width: 959px) {
        section.carousel-image-huge .slide.bolder-text p, section.carousel-image-huge .slide.bolder-text section.popular-items .items .item .title, section.popular-items .items .item section.carousel-image-huge .slide.bolder-text .title, section.big-carousel .slide.bolder-text p, section.big-carousel .slide.bolder-text section.popular-items .items .item .title, section.popular-items .items .item section.big-carousel .slide.bolder-text .title {
          font-size: 16px;
          letter-spacing: 0;
          line-height: 20px; } }
      section.carousel-image-huge .slide.bolder-text p a, section.carousel-image-huge .slide.bolder-text section.popular-items .items .item .title a, section.popular-items .items .item section.carousel-image-huge .slide.bolder-text .title a, section.big-carousel .slide.bolder-text p a, section.big-carousel .slide.bolder-text section.popular-items .items .item .title a, section.popular-items .items .item section.big-carousel .slide.bolder-text .title a {
        color: black; }
    section.carousel-image-huge .slide.blend h1, section.big-carousel .slide.blend h1 {
      color: white;
      mix-blend-mode: difference; }
    section.carousel-image-huge .slide.blend p, section.carousel-image-huge .slide.blend section.popular-items .items .item .title, section.popular-items .items .item section.carousel-image-huge .slide.blend .title, section.big-carousel .slide.blend p, section.big-carousel .slide.blend section.popular-items .items .item .title, section.popular-items .items .item section.big-carousel .slide.blend .title {
      color: white;
      mix-blend-mode: difference; }
      section.carousel-image-huge .slide.blend p a, section.carousel-image-huge .slide.blend section.popular-items .items .item .title a, section.popular-items .items .item section.carousel-image-huge .slide.blend .title a, section.big-carousel .slide.blend p a, section.big-carousel .slide.blend section.popular-items .items .item .title a, section.popular-items .items .item section.big-carousel .slide.blend .title a {
        color: white; }
    section.carousel-image-huge .slide.image-above, section.big-carousel .slide.image-above {
      background-image: none; }
      section.carousel-image-huge .slide.image-above .alt-image-landing, section.big-carousel .slide.image-above .alt-image-landing {
        display: block; }
      section.carousel-image-huge .slide.image-above .bottom, section.big-carousel .slide.image-above .bottom {
        position: static; }
    @media screen and (min-width: 960px) {
      section.carousel-image-huge .slide.text-right, section.big-carousel .slide.text-right {
        text-align: right; }
        section.carousel-image-huge .slide.text-right .text-wrap .text, section.big-carousel .slide.text-right .text-wrap .text {
          float: right; }
        section.carousel-image-huge .slide.text-right .title-wrap h1, section.big-carousel .slide.text-right .title-wrap h1 {
          float: right; } }

section.title-text {
  padding-top: 60px;
  padding-bottom: 90px; }
  @media screen and (max-width: 959px) {
    section.title-text {
      padding-top: 20px; } }
  section.title-text.white .title h1, section.title-text.invert .title h1 {
    color: white; }
  section.title-text.white .title h3, section.title-text.invert .title h3 {
    color: white; }
  section.title-text.white .text p, section.title-text.white .text section.popular-items .items .item .title, section.popular-items .items .item section.title-text.white .text .title, section.title-text.invert .text p, section.title-text.invert .text section.popular-items .items .item .title, section.popular-items .items .item section.title-text.invert .text .title {
    color: white; }
  section.title-text.invert {
    background-color: black; }
  section.title-text .title {
    width: calc(41.66667% - 22.66667px);
    float: left;
    margin-left: 16px;
    margin-left: calc(8.33333% - 17.33333px + 32px); }
    @media screen and (max-width: 959px) {
      section.title-text .title {
        width: calc(100% - 32px);
        float: left;
        margin-left: 16px; } }
    section.title-text .title h1 {
      margin: 0px;
      padding: 0px;
      margin-bottom: 15px; }
      @media screen and (max-width: 959px) {
        section.title-text .title h1 {
          margin-bottom: 10px; } }
    section.title-text .title h3 {
      color: #595959;
      margin: 0px; }
  section.title-text .text {
    width: calc(41.66667% - 22.66667px);
    float: left;
    margin-left: 16px; }
    @media screen and (max-width: 959px) {
      section.title-text .text {
        width: calc(100% - 32px);
        float: left;
        margin-left: 16px;
        padding-top: 30px; } }
    section.title-text .text p, section.title-text .text section.popular-items .items .item .title, section.popular-items .items .item section.title-text .text .title {
      padding-top: 0px;
      margin-top: 0px; }

section.marquee, .marquee-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #F8F8F8;
  color: black; }
  section.marquee .content, .marquee-slide .content {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px; }
  section.marquee.has-logo .content, .marquee-slide.has-logo .content {
    margin: 0;
    padding: 0 16px; }
  section.marquee .table, .marquee-slide .table {
    position: relative;
    z-index: 1; }
  section.marquee.index, section.marquee.cta, .marquee-slide.index, .marquee-slide.cta {
    color: black;
    background-color: white; }
    @media screen and (max-width: 959px) {
      section.marquee.index, section.marquee.cta, .marquee-slide.index, .marquee-slide.cta {
        background: white;
        padding-top: 16px;
        padding-bottom: 40px;
        /*background-image: none !important;*/
        background-image: none;
        background-position: center;
        /* background-repeat: no-repeat; */ }
        section.marquee.index .table, section.marquee.cta .table, .marquee-slide.index .table, .marquee-slide.cta .table {
          background: rgba(0, 0, 0, 0) !important; }
        section.marquee.index .image-wrap, section.marquee.cta .image-wrap, .marquee-slide.index .image-wrap, .marquee-slide.cta .image-wrap {
          display: block; } }
    @media screen and (min-width: 960px) {
      section.marquee.index .table, section.marquee.cta .table, .marquee-slide.index .table, .marquee-slide.cta .table {
        min-height: 700px; } }
    @media screen and (max-width: 959px) {
      section.marquee.index .table .cell, section.marquee.cta .table .cell, .marquee-slide.index .table .cell, .marquee-slide.cta .table .cell {
        padding: 0px; } }
  section.marquee .cell, .marquee-slide .cell {
    padding-top: 120px;
    padding-bottom: 40px;
    box-sizing: border-box; }
    @media screen and (max-width: 959px) {
      section.marquee .cell, .marquee-slide .cell {
        padding-top: 40px; } }
  section.marquee.dark .table, .marquee-slide.dark .table {
    background: rgba(0, 0, 0, 0.2); }
  section.marquee.darkest .table, .marquee-slide.darkest .table {
    background: rgba(0, 0, 0, 0.4); }
  section.marquee.light .table, .marquee-slide.light .table {
    background: rgba(255, 255, 255, 0.2); }
  section.marquee.lightest .table, .marquee-slide.lightest .table {
    background: rgba(255, 255, 255, 0.4); }
  section.marquee.size-min .table, .marquee-slide.size-min .table {
    min-height: 280px; }
    @media screen and (max-width: 959px) {
      section.marquee.size-min .table, .marquee-slide.size-min .table {
        min-height: 180px; } }
  section.marquee.size-med .table, .marquee-slide.size-med .table {
    min-height: 491px; }
    @media screen and (max-width: 959px) {
      section.marquee.size-med .table, .marquee-slide.size-med .table {
        min-height: 180px; } }
  section.marquee.size-big .table, .marquee-slide.size-big .table {
    min-height: 639px; }
    @media screen and (max-width: 959px) {
      section.marquee.size-big .table, .marquee-slide.size-big .table {
        min-height: 180px; } }
  section.marquee.size-max .table, .marquee-slide.size-max .table {
    min-height: 707px; }
    @media screen and (max-width: 959px) {
      section.marquee.size-max .table, .marquee-slide.size-max .table {
        min-height: 180px; } }
  section.marquee.color-white, .marquee-slide.color-white {
    color: white;
    background-color: #505050; }
  section.marquee.align-center, .marquee-slide.align-center {
    text-align: center; }
    section.marquee.align-center h1, .marquee-slide.align-center h1 {
      max-width: 1136px;
      margin: 0 auto; }
    section.marquee.align-center .description p, section.marquee.align-center .description section.popular-items .items .item .title, section.popular-items .items .item section.marquee.align-center .description .title, .marquee-slide.align-center .description p, .marquee-slide.align-center .description section.popular-items .items .item .title, section.popular-items .items .item .marquee-slide.align-center .description .title {
      margin-top: 10px;
      max-width: 400px;
      margin-left: auto;
      margin-right: auto; }
  section.marquee.align-right, .marquee-slide.align-right {
    text-align: right; }
    section.marquee.align-right h1, .marquee-slide.align-right h1 {
      float: right;
      clear: both; }
    section.marquee.align-right .supertitle, .marquee-slide.align-right .supertitle {
      float: right;
      clear: both; }
    section.marquee.align-right .button-wrap, .marquee-slide.align-right .button-wrap {
      float: right;
      clear: both; }
    section.marquee.align-right .description, .marquee-slide.align-right .description {
      float: right;
      clear: both; }
  section.marquee.blank, .marquee-slide.blank {
    color: black;
    background: white; }
    section.marquee.blank .table, .marquee-slide.blank .table {
      min-height: 200px; }
      @media screen and (max-width: 959px) {
        section.marquee.blank .table, .marquee-slide.blank .table {
          min-height: 120px; } }
      section.marquee.blank .table .cell, .marquee-slide.blank .table .cell {
        padding-top: 20px;
        padding-bottom: 20px; }
  section.marquee.description-big .p1, section.marquee.description-big.align-center .p1, .marquee-slide.description-big .p1, .marquee-slide.description-big.align-center .p1 {
    font-size: 22px;
    margin-top: 15px; }
  section.marquee.slide, .marquee-slide.slide {
    position: relative; }
    section.marquee.slide .table, .marquee-slide.slide .table {
      min-height: 600px; }
      @media screen and (max-width: 959px) {
        section.marquee.slide .table, .marquee-slide.slide .table {
          min-height: 368px; } }
      section.marquee.slide .table .cell, .marquee-slide.slide .table .cell {
        padding-top: 40px;
        padding-bottom: 40px; }
        section.marquee.slide .table .cell .button-wrap, .marquee-slide.slide .table .cell .button-wrap {
          margin-top: 30px; }
  section.marquee.collection-marquee .table, .marquee-slide.collection-marquee .table {
    min-height: 360px; }
    @media screen and (max-width: 959px) {
      section.marquee.collection-marquee .table, .marquee-slide.collection-marquee .table {
        min-height: 180px; } }
  section.marquee.banner .table, .marquee-slide.banner .table {
    min-height: 500px; }
    @media screen and (max-width: 959px) {
      section.marquee.banner .table, .marquee-slide.banner .table {
        min-height: 280px; } }
    section.marquee.banner .table .cell, .marquee-slide.banner .table .cell {
      padding-top: 20px;
      padding-bottom: 20px; }
      section.marquee.banner .table .cell h1, .marquee-slide.banner .table .cell h1 {
        max-width: 433px;
        margin-left: auto;
        margin-right: auto; }
      section.marquee.banner .table .cell p, section.marquee.banner .table .cell section.popular-items .items .item .title, section.popular-items .items .item section.marquee.banner .table .cell .title, .marquee-slide.banner .table .cell p, .marquee-slide.banner .table .cell section.popular-items .items .item .title, section.popular-items .items .item .marquee-slide.banner .table .cell .title {
        margin-top: 20px;
        max-width: 433px;
        margin-left: auto;
        margin-right: auto; }
  section.marquee.cta .table, .marquee-slide.cta .table {
    min-height: 480px; }
    @media screen and (max-width: 959px) {
      section.marquee.cta .table, .marquee-slide.cta .table {
        min-height: 280px; } }
    section.marquee.cta .table .cell, .marquee-slide.cta .table .cell {
      padding-top: 0px;
      padding-bottom: 0px; }
      @media screen and (min-width: 960px) {
        section.marquee.cta .table .cell, .marquee-slide.cta .table .cell {
          padding-top: 20px;
          padding-bottom: 20px; } }
  section.marquee.cta .content, .marquee-slide.cta .content {
    width: calc(83.33333% - 29.33333px);
    float: left;
    margin-left: 16px;
    margin-left: calc(8.33333% - 17.33333px + 32px); }
    @media screen and (max-width: 959px) {
      section.marquee.cta .content, .marquee-slide.cta .content {
        width: calc(100% - 32px);
        float: left;
        margin-left: 16px; } }
  section.marquee .content-logo img, .marquee-slide .content-logo img {
    max-width: 300px;
    width: 100%;
    height: auto; }
  section.marquee h1, .marquee-slide h1 {
    max-width: 576px;
    margin: 0 0 10px; }
  section.marquee .image-wrap, .marquee-slide .image-wrap {
    display: none; }
  section.marquee p, section.marquee section.popular-items .items .item .title, section.popular-items .items .item section.marquee .title, .marquee-slide p, .marquee-slide section.popular-items .items .item .title, section.popular-items .items .item .marquee-slide .title {
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0.1px;
    line-height: 18px;
    display: block;
    margin-bottom: 10px; }
    @media screen and (max-width: 959px) {
      section.marquee p, section.marquee section.popular-items .items .item .title, section.popular-items .items .item section.marquee .title, .marquee-slide p, .marquee-slide section.popular-items .items .item .title, section.popular-items .items .item .marquee-slide .title {
        font-size: 13px;
        letter-spacing: 0;
        line-height: 16px;
        margin-bottom: 5px; } }
  section.marquee .description p, section.marquee .description section.popular-items .items .item .title, section.popular-items .items .item section.marquee .description .title, .marquee-slide .description p, .marquee-slide .description section.popular-items .items .item .title, section.popular-items .items .item .marquee-slide .description .title {
    margin-top: 10px;
    max-width: 400px; }
  section.marquee .button-wrap, .marquee-slide .button-wrap {
    margin-top: 30px; }
  @media screen and (max-width: 959px) {
    section.marquee.index .supertitle, section.marquee.cta .supertitle, .marquee-slide.index .supertitle, .marquee-slide.cta .supertitle {
      margin-top: 30px; } }
  section.marquee .image-wrap, .marquee-slide .image-wrap {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  section.marquee.color-white.index, section.marquee.color-white.cta, .marquee-slide.color-white.index, .marquee-slide.color-white.cta {
    color: white;
    background-color: black; }
    @media screen and (max-width: 959px) {
      section.marquee.color-white.index, section.marquee.color-white.cta, .marquee-slide.color-white.index, .marquee-slide.color-white.cta {
        background: black;
        background-image: none !important; } }
  section.marquee.color-white .button, section.marquee.color-white .shopify-challenge__container input[type="submit"], .shopify-challenge__container section.marquee.color-white input[type="submit"], section.marquee.color-white section.page.flexible #description input[type="submit"], section.page.flexible #description section.marquee.color-white input[type="submit"], section.marquee.color-white section.page.flexible #description button, section.page.flexible #description section.marquee.color-white button, section.marquee.color-white body.checkout .btn, body.checkout section.marquee.color-white .btn, .marquee-slide.color-white .button, .marquee-slide.color-white .shopify-challenge__container input[type="submit"], .shopify-challenge__container .marquee-slide.color-white input[type="submit"], .marquee-slide.color-white section.page.flexible #description input[type="submit"], section.page.flexible #description .marquee-slide.color-white input[type="submit"], .marquee-slide.color-white section.page.flexible #description button, section.page.flexible #description .marquee-slide.color-white button, .marquee-slide.color-white body.checkout .btn, body.checkout .marquee-slide.color-white .btn {
    border: 1px solid #ff4616;
    background-color: #ff4616;
    color: #fff; }
    @media screen and (min-width: 960px) {
      section.marquee.color-white .button:hover, section.marquee.color-white .shopify-challenge__container input[type="submit"]:hover, .shopify-challenge__container section.marquee.color-white input[type="submit"]:hover, section.marquee.color-white section.page.flexible #description input[type="submit"]:hover, section.page.flexible #description section.marquee.color-white input[type="submit"]:hover, section.marquee.color-white section.page.flexible #description button:hover, section.page.flexible #description section.marquee.color-white button:hover, section.marquee.color-white body.checkout .btn:hover, body.checkout section.marquee.color-white .btn:hover, .marquee-slide.color-white .button:hover, .marquee-slide.color-white .shopify-challenge__container input[type="submit"]:hover, .shopify-challenge__container .marquee-slide.color-white input[type="submit"]:hover, .marquee-slide.color-white section.page.flexible #description input[type="submit"]:hover, section.page.flexible #description .marquee-slide.color-white input[type="submit"]:hover, .marquee-slide.color-white section.page.flexible #description button:hover, section.page.flexible #description .marquee-slide.color-white button:hover, .marquee-slide.color-white body.checkout .btn:hover, body.checkout .marquee-slide.color-white .btn:hover {
        background-color: transparent; } }

section.icons-with-text, section.features {
  background-color: #595959;
  padding-top: 80px;
  padding-bottom: 80px; }
  section.icons-with-text::after, section.features::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 959px) {
    section.icons-with-text, section.features {
      padding-top: 10px;
      padding-bottom: 10px; } }
  section.icons-with-text img, section.features img {
    height: 42px; }
  section.icons-with-text .box, section.features .box {
    width: 33.3333%;
    box-sizing: border-box;
    border-right: 1px solid #ACAAAA;
    padding-left: 74px;
    padding-right: 74px;
    min-height: 194px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: table-cell; }
    @media screen and (max-width: 959px) {
      section.icons-with-text .box, section.features .box {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 0px;
        padding-left: 16px;
        padding-right: 16px;
        display: block;
        border-bottom: 1px solid #ACAAAA;
        border-right: none;
        min-height: 180px; } }
  section.icons-with-text .boxes, section.features .boxes {
    display: table; }
    section.icons-with-text .boxes div:last-child, section.features .boxes div:last-child {
      border: none; }
    @media screen and (max-width: 959px) {
      section.icons-with-text .boxes, section.features .boxes {
        display: block; } }
  section.icons-with-text h3, section.features h3 {
    color: white;
    margin-top: 20px;
    margin-bottom: 10px; }
    @media screen and (max-width: 959px) {
      section.icons-with-text h3, section.features h3 {
        margin-top: 10px; } }
  section.icons-with-text p, section.icons-with-text section.popular-items .items .item .title, section.popular-items .items .item section.icons-with-text .title, section.features p, section.features section.popular-items .items .item .title, section.popular-items .items .item section.features .title {
    color: white;
    opacity: 0.98;
    margin: 0px; }
    section.icons-with-text p a, section.icons-with-text section.popular-items .items .item .title a, section.popular-items .items .item section.icons-with-text .title a, section.features p a, section.features section.popular-items .items .item .title a, section.popular-items .items .item section.features .title a {
      color: white;
      text-decoration: underline;
      font-weight: bold; }
  section.icons-with-text.black, section.features.black {
    background-color: black; }
    section.icons-with-text.black p, section.icons-with-text.black section.popular-items .items .item .title, section.popular-items .items .item section.icons-with-text.black .title, section.features.black p, section.features.black section.popular-items .items .item .title, section.popular-items .items .item section.features.black .title {
      opacity: 0.46; }
    section.icons-with-text.black .box, section.features.black .box {
      border-color: #595959; }
  section.icons-with-text.white, section.features.white {
    background-color: white; }
    section.icons-with-text.white h3, section.features.white h3 {
      color: black; }
    section.icons-with-text.white p, section.icons-with-text.white section.popular-items .items .item .title, section.popular-items .items .item section.icons-with-text.white .title, section.features.white p, section.features.white section.popular-items .items .item .title, section.popular-items .items .item section.features.white .title {
      opacity: 1;
      color: #595959; }
      section.icons-with-text.white p a, section.icons-with-text.white section.popular-items .items .item .title a, section.popular-items .items .item section.icons-with-text.white .title a, section.features.white p a, section.features.white section.popular-items .items .item .title a, section.popular-items .items .item section.features.white .title a {
        color: black; }

#description {
  visibility: hidden; }

.vbox-overlay {
  z-index: 9999;
  background: rgba(0, 0, 0, 0.1) !important; }

section.pdp {
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 18px; }
  @media screen and (max-width: 959px) {
    section.pdp {
      font-size: 13px;
      letter-spacing: 0px;
      line-height: 16px; } }
  @media screen and (max-width: 959px) {
    section.pdp .product-image-wrap {
      position: relative; } }
  section.pdp .product-images {
    min-height: 1px; }
    section.pdp .product-images .image-sizer {
      position: relative; }
    section.pdp .product-images .image-wrap {
      position: absolute;
      top: 0px;
      left: 0px;
      height: 100%;
      width: 100%;
      background-color: #F8F8F8;
      padding: 10px;
      box-sizing: border-box;
      border: solid 1px #E4E4E4; }
      section.pdp .product-images .image-wrap .image {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #F8F8F8;
        background-blend-mode: multiply;
        background-size: contain;
        width: 100%;
        height: 100%;
        position: relative; }
        section.pdp .product-images .image-wrap .image .thumb {
          width: 100%;
          visibility: hidden;
          position: absolute;
          top: 0px;
          left: 0px;
          pointer-events: none; }
        section.pdp .product-images .image-wrap .image .larger-button {
          position: absolute;
          top: 0px;
          right: 0px; }
  section.pdp .slick-initialized {
    padding-bottom: 0px; }
  @media screen and (min-width: 960px) {
    section.pdp .product-images.main .slick-list {
      overflow: hidden !important; } }
  section.pdp .product-images.side {
    width: calc(8.33333% - 17.33333px);
    float: left;
    margin-left: 16px; }
    @media screen and (min-width: 960px) {
      section.pdp .product-images.side {
        overflow: hidden; }
        section.pdp .product-images.side .slick-list {
          height: inherit !important; } }
    @media screen and (max-width: 959px) {
      section.pdp .product-images.side {
        position: absolute;
        top: 285px;
        width: 100%;
        margin-left: 0px;
        float: none;
        height: 50px !important; } }
    section.pdp .product-images.side .slides {
      height: 100%; }
    section.pdp .product-images.side .slide .image-sizer {
      position: relative; }
      section.pdp .product-images.side .slide .image-sizer::after {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 0px;
        background: #ff4616;
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
    @media screen and (max-width: 959px) {
      section.pdp .product-images.side .slide {
        width: 50px;
        padding-left: 2.5px;
        padding-right: 2.5px; } }
    section.pdp .product-images.side .slide .image-wrap {
      padding: 10px;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      box-sizing: border-box;
      border: solid 1px #E4E4E4; }
    section.pdp .product-images.side .slide.slick-current .image-wrap {
      border-color: #C8C8C8;
      box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.08); }
    section.pdp .product-images.side .slide.slick-current .image-sizer::after {
      height: 4px; }
    @media screen and (min-width: 960px) {
      section.pdp .product-images.side .slide .image-sizer {
        margin-bottom: 10px; } }
    section.pdp .product-images.side .slide:last-child .image-sizer {
      margin-bottom: 0px; }
    section.pdp .product-images.side .slick-arrow {
      height: 100%;
      background: white;
      color: rgba(255, 255, 255, 0);
      transform: rotate(0deg);
      padding: 0px;
      opacity: 1;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
      @media screen and (min-width: 960px) {
        section.pdp .product-images.side .slick-arrow {
          width: 70px; } }
      section.pdp .product-images.side .slick-arrow.slick-disabled {
        opacity: 0; }
        @media screen and (min-width: 960px) {
          section.pdp .product-images.side .slick-arrow.slick-disabled {
            width: 0px !important;
            height: 0px !important; }
            section.pdp .product-images.side .slick-arrow.slick-disabled:hover {
              opacity: 0; } }
      @media screen and (min-width: 960px) {
        section.pdp .product-images.side .slick-arrow:hover {
          opacity: 1; }
          section.pdp .product-images.side .slick-arrow:hover::before {
            opacity: 0.54; } }
    @media screen and (min-width: 960px) {
      section.pdp .product-images.side .slick-arrow.slick-prev {
        width: 100%;
        left: 0px;
        top: 0px;
        bottom: auto;
        right: auto;
        height: 40px;
        background: transparent; }
        section.pdp .product-images.side .slick-arrow.slick-prev:before {
          transform: rotate(45deg);
          top: 15px; }
      section.pdp .product-images.side .slick-arrow.slick-next {
        width: 100%;
        left: 0px;
        top: auto;
        bottom: 0px;
        right: auto;
        height: 40px;
        background: transparent; }
        section.pdp .product-images.side .slick-arrow.slick-next:before {
          transform: rotate(135deg);
          top: auto;
          bottom: 10px; } }
    @media screen and (max-width: 959px) {
      section.pdp .product-images.side .slick-arrow {
        display: none !important; } }
  section.pdp .product-images.main {
    width: calc(41.66667% - 22.66667px);
    float: left;
    margin-left: 16px; }
    @media screen and (max-width: 959px) {
      section.pdp .product-images.main {
        float: none;
        width: 100%;
        margin-left: 0px;
        padding-bottom: 55px; }
        section.pdp .product-images.main .slide {
          width: 280px;
          padding-left: 2.5px;
          padding-right: 2.5px; } }
  section.pdp .product-details {
    width: calc(33.33333% - 21.33333px);
    float: left;
    margin-left: 16px;
    margin-left: calc(8.33333% - 17.33333px + 32px); }
    @media screen and (max-width: 959px) {
      section.pdp .product-details {
        width: calc(100% - 32px);
        float: left;
        margin-left: 16px;
        margin-left: calc(0% - 16px + 32px); } }
  @media screen and (max-width: 959px) {
    section.pdp .table {
      min-height: 0px !important;
      display: block; }
      section.pdp .table .cell {
        display: block; } }
  @media screen and (min-width: 960px) {
    section.pdp a:hover {
      text-decoration: none; } }
  section.pdp .upper {
    padding-top: 20px;
    padding-bottom: 20px; }
    @media screen and (max-width: 959px) {
      section.pdp .upper {
        padding-bottom: 0px; }
        section.pdp .upper .back-button {
          float: left; }
        section.pdp .upper .rating {
          float: right; } }
  section.pdp .rating {
    text-decoration: none;
    max-height: 20px;
    overflow: hidden; }
    section.pdp .rating span {
      display: inline-block; }
    section.pdp .rating span.value {
      text-decoration: none; }
    section.pdp .rating span.value-label {
      margin-left: 14px;
      text-decoration: underline; }
    @media screen and (min-width: 960px) {
      section.pdp .rating:hover span.value-label {
        text-decoration: none; } }
    section.pdp .rating .stars {
      margin-right: 5px;
      vertical-align: middle; }
  section.pdp .product-details-main {
    margin-bottom: 20px; }
    section.pdp .product-details-main h1 {
      margin-top: 10px;
      margin-bottom: 9px;
      color: black; }
      @media screen and (max-width: 959px) {
        section.pdp .product-details-main h1 {
          margin-bottom: 5px; } }
    section.pdp .product-details-main .info a, section.pdp .product-details-main .info span {
      display: inline-block; }
    section.pdp .product-details-main .info .info-value {
      margin-right: 13px; }
  section.pdp .short-description {
    margin-bottom: 20px; }
  section.pdp .variants-wrap {
    margin-top: 20px;
    margin-bottom: 20px; }
    section.pdp .variants-wrap .variant-info {
      text-transform: uppercase;
      font-size: 11px;
      letter-spacing: 0.8px;
      line-height: 15px; }
      section.pdp .variants-wrap .variant-info span {
        display: inline-block; }
      section.pdp .variants-wrap .variant-info .value {
        color: #595959;
        margin-left: 8px; }
      section.pdp .variants-wrap .variant-info.info-color {
        margin-top: 10px; }
    @media screen and (max-width: 959px) {
      section.pdp .variants-wrap {
        margin-top: 20px;
        margin-bottom: 20px; } }
  section.pdp .details {
    margin-top: 20px; }
    @media screen and (max-width: 959px) {
      section.pdp .details {
        display: none; } }
    section.pdp .details .detail {
      margin-bottom: 10px; }
      section.pdp .details .detail span {
        display: inline-block;
        text-transform: uppercase;
        color: #595959;
        font-size: 11px;
        letter-spacing: 0.8px;
        line-height: 15px; }
      section.pdp .details .detail i {
        margin-right: 7px; }
      section.pdp .details .detail:last-child {
        margin-bottom: 0px; }

.to-cart {
  width: 100%;
  display: block;
  max-width: 320px;
  text-align: left; }
  .to-cart::after {
    clear: both;
    content: "";
    display: table; }
  .to-cart .price {
    display: inline-block;
    padding-left: 16px;
    float: right;
    font-weight: normal; }
    .to-cart .price span {
      display: inline-block; }
      .to-cart .price span.compare {
        padding-right: 10px;
        color: #959595;
        text-decoration: line-through; }
  @media screen and (min-width: 960px) {
    .to-cart:hover {
      color: #595959; } }
  @media screen and (max-width: 959px) {
    .to-cart.to-cart-main {
      position: fixed;
      width: 100%;
      bottom: 0px;
      left: 0px;
      z-index: 999;
      max-width: none;
      border-color: white;
      border-width: 5px;
      height: 55px;
      line-height: 46px; } }

@media screen and (max-width: 959px) {
  body.pdp-page footer {
    padding-bottom: 70px; } }

section.reviews {
  margin-top: 60px;
  margin-bottom: 60px;
  transition: opacity 250ms cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 0; }
  section.reviews.loaded {
    opacity: 1; }
  @media screen and (max-width: 959px) {
    section.reviews {
      margin-top: 40px;
      margin-bottom: 40px; } }
  section.reviews .power-reviews-wrap {
    max-width: 656px;
    margin: 0 auto; }
    section.reviews .power-reviews-wrap h2 {
      margin: 0px;
      margin-bottom: 12px; }
      @media screen and (max-width: 959px) {
        section.reviews .power-reviews-wrap h2 {
          margin-bottom: 9px; } }

section.button-wrap.align-center {
  text-align: center; }
section.button-wrap.align-right {
  text-align: right; }
section.button-wrap.green .button, section.button-wrap.green .shopify-challenge__container input[type="submit"], .shopify-challenge__container section.button-wrap.green input[type="submit"], section.button-wrap.green section.page.flexible #description input[type="submit"], section.page.flexible #description section.button-wrap.green input[type="submit"], section.button-wrap.green section.page.flexible #description button, section.page.flexible #description section.button-wrap.green button, section.button-wrap.green body.checkout .btn, body.checkout section.button-wrap.green .btn {
  background-color: #ff4616;
  border-color: #ff4616;
  color: black; }
  @media screen and (min-width: 960px) {
    section.button-wrap.green .button:hover, section.button-wrap.green .shopify-challenge__container input[type="submit"]:hover, .shopify-challenge__container section.button-wrap.green input[type="submit"]:hover, section.button-wrap.green section.page.flexible #description input[type="submit"]:hover, section.page.flexible #description section.button-wrap.green input[type="submit"]:hover, section.button-wrap.green section.page.flexible #description button:hover, section.page.flexible #description section.button-wrap.green button:hover, section.button-wrap.green body.checkout .btn:hover, body.checkout section.button-wrap.green .btn:hover {
      background-color: black;
      color: #ff4616; } }

section.pdp .tabbed {
  margin-top: 60px;
  margin-bottom: 60px; }
  @media screen and (max-width: 959px) {
    section.pdp .tabbed {
      margin-top: 20px;
      margin-bottom: 50px; } }
  section.pdp .tabbed .tabbed-inner {
    max-width: 688px;
    margin: 0 auto; }
  section.pdp .tabbed .tabs {
    height: 50px;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    overflow: hidden;
    overflow-x: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none; }
    section.pdp .tabbed .tabs::after {
      clear: both;
      content: "";
      display: table; }
    section.pdp .tabbed .tabs::-webkit-scrollbar {
      display: none; }
    section.pdp .tabbed .tabs div.tab:first-child {
      padding-left: 16px; }
    section.pdp .tabbed .tabs div.tab:last-child {
      padding-right: 16px; }
    section.pdp .tabbed .tabs .tab {
      width: 25%;
      float: left;
      text-align: left;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      cursor: pointer;
      line-height: 50px;
      padding-left: 0px;
      padding-right: 0px;
      min-width: 180px; }
      section.pdp .tabbed .tabs .tab .tab-inner {
        height: 50px;
        box-shadow: inset 0px -4px 0px 0px #C8C8C8; }
        section.pdp .tabbed .tabs .tab .tab-inner .title {
          display: inline-block; }
        section.pdp .tabbed .tabs .tab .tab-inner i {
          opacity: 0.54;
          transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
          margin-right: 20px; }
      section.pdp .tabbed .tabs .tab.active {
        position: relative;
        font-weight: bold;
        color: black; }
        section.pdp .tabbed .tabs .tab.active .tab-inner {
          box-shadow: inset 0px -4px 0px 0px black; }
          section.pdp .tabbed .tabs .tab.active .tab-inner i {
            opacity: 1; }
  section.pdp .tabbed.three .tabs .tab {
    width: 33.333%; }
  section.pdp .tabbed.two .tabs .tab {
    width: 50%; }
  section.pdp .tabbed.one .tabs .tab {
    width: 100%; }
  section.pdp .tabbed .tab-content-wrap {
    position: relative;
    overflow: hidden;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  section.pdp .tabbed .tab-content {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    padding-left: 16px;
    padding-right: 16px; }
    section.pdp .tabbed .tab-content.active {
      opacity: 1;
      z-index: 5; }
    section.pdp .tabbed .tab-content h3 {
      margin-top: 0px;
      margin-bottom: 40px;
      color: black; }
      @media screen and (max-width: 959px) {
        section.pdp .tabbed .tab-content h3 {
          margin-top: 0px;
          margin-bottom: 20px; } }
    section.pdp .tabbed .tab-content h4, section.pdp .tabbed .tab-content body.checkout h2:not(#main-header), body.checkout section.pdp .tabbed .tab-content h2:not(#main-header), section.pdp .tabbed .tab-content body.checkout h2.section__title, body.checkout section.pdp .tabbed .tab-content h2.section__title {
      margin-top: 30px;
      margin-bottom: 10px;
      color: black; }
    section.pdp .tabbed .tab-content .actual-content {
      padding-top: 30px; }
      section.pdp .tabbed .tab-content .actual-content ul {
        padding-left: 0px;
        list-style: none;
        color: #595959;
        margin-top: 0px; }
      section.pdp .tabbed .tab-content .actual-content p, section.pdp .tabbed .tab-content .actual-content section.popular-items .items .item .title, section.popular-items .items .item section.pdp .tabbed .tab-content .actual-content .title {
        margin-top: 0px; }
      @media screen and (max-width: 959px) {
        section.pdp .tabbed .tab-content .actual-content {
          padding-top: 20px; } }
      @media screen and (min-width: 960px) {
        section.pdp .tabbed .tab-content .actual-content div.spec-block.sku {
          border-bottom: none;
          padding-bottom: 0px; } }
      section.pdp .tabbed .tab-content .actual-content div.spec-block:first-child {
        padding-top: 0px; }
    section.pdp .tabbed .tab-content .button-wrap {
      text-align: center; }

.variant:not(.color) {
  border: solid 1px #C8C8C8;
  text-align: center;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 18px;
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 12px;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  .variant:not(.color) .title {
    position: static;
    padding-left: 0px;
    color: #595959;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  .variant:not(.color).active {
    border-color: black;
    color: black; }
    .variant:not(.color).active .title {
      color: black; }

.smaller .variant:not(.color) {
  padding: 2px 5px;
  margin: 0px; }
  .smaller .variant:not(.color) .title {
    font-size: 11px;
    line-height: 14px; }

.spec-block {
  border-bottom: solid 1px #C8C8C8;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media screen and (max-width: 959px) {
    .spec-block {
      padding-top: 15px;
      padding-bottom: 15px; } }
  .spec-block small.title, .spec-block section.standout-content h5.title, section.standout-content .spec-block h5.title {
    display: block;
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 10px;
    text-transform: none; }
    @media screen and (max-width: 959px) {
      .spec-block small.title, .spec-block section.standout-content h5.title, section.standout-content .spec-block h5.title {
        font-size: 13px;
        line-height: 16px; } }
  .spec-block .content {
    margin-top: 10px;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 19px; }
    @media screen and (max-width: 959px) {
      .spec-block .content {
        margin-top: 5px;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px; } }
    .spec-block .content p, .spec-block .content section.popular-items .items .item .title, section.popular-items .items .item .spec-block .content .title {
      font-weight: bold;
      font-size: 18px;
      color: #000000;
      letter-spacing: -0.5px;
      line-height: 19px;
      margin: 0px; }
      @media screen and (max-width: 959px) {
        .spec-block .content p, .spec-block .content section.popular-items .items .item .title, section.popular-items .items .item .spec-block .content .title {
          font-size: 16px;
          letter-spacing: 0;
          line-height: 20px; } }
  .spec-block img {
    height: 22px; }

.color-swatches {
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap; }
  .color-swatches.smaller .color {
    width: 24px;
    height: 24px;
    border-radius: 12px; }
  .color-swatches.smaller .variant {
    height: 24px; }
  .color-swatches .color {
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    position: relative;
    cursor: pointer;
    box-shadow: 0px 0px 0px 1px #C8C8C8;
    display: block;
    margin-right: 10px;
    margin-top: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
                /*
		&::after {
			width: 32px;
			height: 32px;
			content: "";
			position: absolute;
			top: -px;
			left: -3px;
			box-sizing: border-box;
			border: solid 1px rgba(0,0,0,1);
			opacity: 0;
			transition: $transition;
			border-radius: 19px;
		}
                */ }
    @media screen and (max-width: 959px) {
      .color-swatches .color {
        margin-right: 20px; } }
    .color-swatches .color span.title {
      position: absolute;
      top: 0px;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      color: white;
      background: black;
      padding: 4px 10px;
      border-radius: 5px;
      text-align: center;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      pointer-events: none;
      opacity: 0;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 16px;
      font-weight: 500; }
    @media screen and (min-width: 960px) {
      .color-swatches .color:hover {
        box-shadow: 0px 0px 0px 2px black; }
        .color-swatches .color:hover span.title {
          opacity: 1;
          top: -5px;
          transform: translateX(-50%) translateY(-100%); } }
    .color-swatches .color::before {
      position: absolute;
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      opacity: 0;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      top: 0px;
      left: 0px;
      background-image: url("check-big.png");
      background-size: 14px 13px;
      filter: drop-shadow(0px 0px 1px black);
      background-repeat: no-repeat;
      background-position: center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .color-swatches .color::before {
          background-image: url("check-big@2x.png"); } }
    .color-swatches .color.active {
      box-shadow: 0px 0px 0px 2px black; }
      .color-swatches .color.active::before {
        opacity: 1; }

.back-button {
  text-decoration: none;
  padding-left: 15px;
  position: relative; }
  .back-button::before {
    content: "";
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    border-top: solid 1px #757575;
    border-left: solid 1px #757575;
    transform: rotate(-45deg);
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -4px;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  @media screen and (min-width: 960px) {
    .back-button:hover::before {
      left: -5px; } }
  .back-button.reversed {
    padding-left: 0px;
    padding-right: 15px; }
    .back-button.reversed::before {
      left: auto;
      right: 0px;
      transform: rotate(135deg); }
    @media screen and (min-width: 960px) {
      .back-button.reversed:hover::before {
        left: auto;
        right: -5px; } }

.breadcrumbs {
  font-size: 11px;
  color: #505050;
  letter-spacing: 0;
  line-height: 15px; }
  .breadcrumbs .break {
    padding-left: 6px;
    padding-right: 6px;
    display: inline-block; }
  .breadcrumbs a {
    text-decoration: none; }
    @media screen and (min-width: 960px) {
      .breadcrumbs a:hover {
        text-decoration: underline; } }

.filter-wrap {
  background-color: white;
  position: relative;
  box-shadow: inset 0 -1px 0 0 #C8C8C8;
  opacity: 0;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  pointer-events: none; }
  .filter-wrap.loaded {
    opacity: 1;
    pointer-events: all; }
  .filter-wrap .icon-arrow {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -3.5px;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    transform: rotate(-180deg); }
  @media screen and (max-width: 959px) {
    .filter-wrap.search {
      margin-left: -16px;
      margin-right: -16px; }
      .filter-wrap.search .filter-toggle .toggle-button {
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box; }
      .filter-wrap.search .icon-arrow {
        right: 16px; } }

.filter-toggle {
  background-color: white;
  height: 70px;
  display: block;
  line-height: 70px;
  position: relative;
  text-decoration: none;
  box-shadow: inset 0 -1px 0 0 #C8C8C8;
  font-size: 14px;
  color: #000000;
  letter-spacing: 0; }
  .filter-toggle.search {
    box-shadow: inset 0 -1px 0 0 #C8C8C8, inset 0 1px 0 0 #C8C8C8; }
  @media screen and (max-width: 959px) {
    .filter-toggle {
      line-height: 50px;
      height: 50px; } }
  .filter-toggle.desktop {
    margin-left: -56px;
    margin-right: -43px; }
    .filter-toggle.desktop .toggle-button {
      padding-left: 56px;
      box-sizing: border-box;
      cursor: default; }
      @media screen and (min-width: 960px) {
        .filter-toggle.desktop .toggle-button:hover {
          opacity: 1; } }
    .filter-toggle.desktop .clear {
      left: 156px;
      top: 1px;
      text-transform: uppercase; }
  .filter-toggle .value-wrap {
    opacity: 0;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  .filter-toggle .icon-filter, .filter-toggle .icon-preferences {
    margin-right: 16px; }
  .filter-toggle .clear {
    position: absolute;
    display: inline-block;
    top: 0px;
    left: 100px;
    font-size: 11px;
    color: #595959;
    letter-spacing: 0;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    z-index: 1;
    /* opacity: 0; */
    display: none;
    cursor: auto; }
    @media screen and (max-width: 959px) {
      .filter-toggle .clear {
        left: 16px;
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 0.3px;
        min-width: 96px;
        /* top: 5px; */
        line-height: initial;
        /* background: white; */
        color: black; } }
    @media screen and (min-width: 960px) {
      .filter-toggle .clear:hover {
        text-decoration: underline; } }
  .filter-toggle .clear-pane {
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
    @media screen and (max-width: 959px) {
      .filter-toggle .clear-pane {
        position: absolute;
        width: calc(100% + 32px);
        left: 10px;
        top: 54px;
        overflow: hidden;
        height: 0px;
        z-index: 1000;
        /* background-color: #fff; */
        /* box-shadow: inset 0 -1px 0 0 #C8C8C8; */ } }
    .filter-toggle .clear-pane .filter-close {
      position: absolute;
      right: 16px;
      /* top: 5px; */
      line-height: initial;
      text-decoration: none;
      min-width: 96px;
      font-weight: bold;
      font-size: 12px;
      letter-spacing: 0.3px; }
      @media screen and (min-width: 960px) {
        .filter-toggle .clear-pane .filter-close:hover {
          text-decoration: underline; } }
  .filter-toggle .toggle-button {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 1;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    text-decoration: none; }
    @media screen and (min-width: 960px) {
      .filter-toggle .toggle-button:hover {
        opacity: 0.54; } }
  .filter-toggle.has-filters .value-wrap, .filter-toggle.has-filters .clear {
    opacity: 1; }
  .filter-toggle.has-filters .clear {
    cursor: pointer;
    display: block; }

.filter-content {
  -webkit-overflow-scrolling: touch; }

.filter-content > div.center.grid {
  padding-left: 0px;
  padding-right: 0px; }

.filter-content.collection .filter-sizer {
  width: calc(25% - 20px);
  float: left;
  margin-left: 16px;
  margin-left: 0px;
  width: calc(25% + 15px); }

.filter-content.collection .filter-sizer {
  position: relative; }
  @media screen and (max-width: 959px) {
    .filter-content.collection .filter-sizer {
      width: 100%;
      float: none;
      margin: 0px; } }

.filter-content-spacer {
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  width: 0px;
  margin-left: 0px;
  float: left;
  height: 900px; }
  @media screen and (max-width: 959px) {
    .filter-content-spacer {
      display: none; } }

.filter-content.collection {
  height: 0px; }

.filter-content .filter {
  position: absolute;
  z-index: 10; }
  @media screen and (max-width: 959px) {
    .filter-content .filter {
      z-index: 999; } }

@media screen and (min-width: 960px) {
  body.filter-open-desktop .filter-wrap.collection .icon-arrow {
    transform: rotate(0deg); }
  body.filter-open-desktop .filter-wrap.collection .filter {
    height: 900px; }
  body.filter-open-desktop .filter-content-spacer {
    width: calc(25% - 20px);
    float: left;
    margin-left: 16px; }
  body.filter-open-desktop .product-grid {
    width: calc(75% - 12px);
    float: left;
    margin-left: 8px; }
    body.filter-open-desktop .product-grid .item.product {
      width: 33.333%; } }

.filter-wrap.collection {
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  .filter-wrap.collection .filter {
    padding-right: 42px;
    padding-left: 56px;
    box-shadow: inset -1px 0 0 0 #C8C8C8; }
    @media screen and (max-width: 959px) {
      .filter-wrap.collection .filter {
        padding-right: 56px;
        margin: 0px;
        width: 100%;
        float: none;
        box-sizing: border-box;
        box-shadow: none;
        overflow-y: scroll;
        height: 0px !important; } }

@media screen and (max-width: 959px) {
  body.filter-open-mobile .filter-wrap.collection .icon-arrow {
    transform: rotate(0deg); }
  body.filter-open-mobile .filter-wrap.collection .clear-pane {
    height: 20px; }
  body.filter-open-mobile #collection-filter-wrap .filter {
    height: auto !important;
    max-height: calc(100vh - 350px);
    border-bottom: 1px solid #ccc; }
  body.filter-open-mobile .product-grid {
    width: calc(100% - 12px); }
    body.filter-open-mobile .product-grid .item.product {
      width: 50%; } }

@media screen and (max-width: 959px) {
  body.filter-attached #collection-filter-wrap {
    position: fixed;
    z-index: 999;
    left: 0px;
    top: 60px;
    width: 100%; }
    body.filter-attached #collection-filter-wrap .filter {
      max-height: calc(100vh - 200px); } }

.filter {
  overflow-x: hidden;
  overflow-y: hidden;
  height: 0px;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  box-sizing: border-box;
  width: 100%;
  background: white; }
  .filter.search {
    padding-left: 16px;
    padding-right: 16px;
    overflow-y: scroll; }
  .filter .filter-inner {
    padding-bottom: 40px; }
    @media screen and (max-width: 959px) {
      .filter .filter-inner {
        padding-top: 50px; } }
  .filter .filter-block {
    padding-top: 20px; }
    @media screen and (max-width: 959px) {
      .filter .filter-block {
        padding-top: 20px; } }
    .filter .filter-block > .title {
      padding-bottom: 10px !important;
      font-size: 14px;
      color: #505050;
      letter-spacing: 0;
      line-height: 18px;
      display: block;
      text-transform: none;
      padding-top: 5px;
      padding-bottom: 6px;
      margin-bottom: 3px;
      box-shadow: inset 0 -1px 0 0 #C8C8C8;
      position: relative;
      width: 100%; }
      .filter .filter-block > .title::after {
        content: "";
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
        background-image: url("filter-carret.png");
        background-size: 11px 5px;
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        width: 11px;
        height: 5px;
        line-height: 5px;
        vertical-align: middle;
        margin-top: -3px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          .filter .filter-block > .title::after {
            background-image: url("filter-carret@2x.png"); } }
    .filter .filter-block .view-more {
      display: none;
      text-align: right;
      text-transform: uppercase;
      font-size: 11px;
      color: #595959;
      letter-spacing: 0.8px;
      line-height: 15px;
      width: 100%;
      margin-top: 15px;
      cursor: pointer;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
      @media screen and (min-width: 960px) {
        .filter .filter-block .view-more:hover {
          color: black; } }
    .filter .filter-block.closed .entries {
      height: 0px; }
    .filter .filter-block.closed .title::after {
      transform: translateY(-50%) rotate(-180deg); }
    .filter .filter-block.protection {
      display: none !important; }
      .filter .filter-block.protection .title {
        margin-bottom: 20px; }
    .filter .filter-block .threeway {
      position: relative;
      height: 38px; }
      .filter .filter-block .threeway .line {
        height: 15px;
        position: relative;
        background: #F8F8F8; }
        .filter .filter-block .threeway .line .bar {
          width: 33.333%;
          height: 15px;
          background: #ff4616;
          position: absolute;
          left: 0px;
          top: 0px;
          transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
      .filter .filter-block .threeway .selectors {
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 1; }
        .filter .filter-block .threeway .selectors::after {
          clear: both;
          content: "";
          display: table; }
        .filter .filter-block .threeway .selectors button {
          width: 33.333%;
          float: left;
          text-align: center;
          padding-top: 20px;
          font-size: 14px;
          color: #000000;
          letter-spacing: 0.1px;
          text-align: center;
          line-height: 18px;
          opacity: 1; }
          @media screen and (min-width: 960px) {
            .filter .filter-block .threeway .selectors button:hover {
              opacity: 0.54; } }
    .filter .filter-block .filter-selector.regular {
      min-height: 45px;
      padding-right: 20px;
      box-sizing: border-box;
      cursor: pointer;
      position: relative;
      background: #FFFFFF;
      font-size: 14px;
      color: #000000;
      letter-spacing: 0;
      line-height: 15px;
      padding-top: 15px;
      padding-bottom: 15px;
      text-transform: capitalize; }
      @media screen and (max-width: 959px) {
        .filter .filter-block .filter-selector.regular {
          font-size: 13px; } }
      .filter .filter-block .filter-selector.regular::after, .filter .filter-block .filter-selector.regular::before {
        content: "";
        border-radius: 8px;
        transform: translateY(-50%);
        position: absolute;
        width: 16px;
        height: 16px;
        display: block;
        right: 0px;
        top: 50%;
        box-sizing: border-box;
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
      .filter .filter-block .filter-selector.regular::after {
        border: solid 1px #757575;
        background-color: white; }
      .filter .filter-block .filter-selector.regular::before {
        background-image: url("check1.png");
        background-size: 12px 10px;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1;
        opacity: 0; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          .filter .filter-block .filter-selector.regular::before {
            background-image: url("check1@2x.png"); } }
      .filter .filter-block .filter-selector.regular.active::after {
        background-color: #ff4616;
        border-color: #ff4616; }
      .filter .filter-block .filter-selector.regular.active::before {
        opacity: 1; }
    .filter .filter-block .filter-selector.box {
      padding: 12px;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      border: solid 1px #C8C8C8;
      text-align: center;
      font-size: 14px;
      color: #595959;
      letter-spacing: 0;
      line-height: 18px;
      display: inline-block;
      margin-top: 10px;
      margin-right: 10px;
      box-sizing: border-box;
      cursor: pointer; }
      @media screen and (max-width: 959px) {
        .filter .filter-block .filter-selector.box {
          font-size: 13px;
          line-height: 16px; } }
      .filter .filter-block .filter-selector.box.active {
        padding: 11px;
        border-width: 2px;
        border-color: black;
        color: black; }
    .filter .filter-block .filter-selector.color {
      margin-top: 10px; }
  .filter .filter-block.color .color-swatches {
    padding-left: 2px; }

#search-pane .search-has-items {
  display: none; }
#search-pane .search-ajax-results .stat {
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  letter-spacing: 0;
  line-height: 19px;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media screen and (min-width: 960px) {
    #search-pane .search-ajax-results .stat {
      text-align: center;
      padding-top: 10px;
      padding-bottom: 20px; } }
#search-pane .filter-wrap {
  display: none; }
#search-pane .filter-toggle .clear {
  line-height: 70px; }
@media screen and (max-width: 959px) {
  #search-pane .filter-toggle .clear-pane {
    line-height: 50px;
    position: absolute;
    width: 100%;
    top: 49px;
    left: 0px;
    height: 0px;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    overflow: hidden;
    z-index: 11;
    background-color: white;
    box-shadow: inset 0 -1px 0 0 #C8C8C8; }
    #search-pane .filter-toggle .clear-pane .clear {
      margin-top: 4px;
      border: 1px solid black;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      padding-left: 24px;
      padding-right: 24px;
      text-align: center;
      background: white;
      color: black;
      height: 40px;
      font-size: 12px;
      letter-spacing: 0.3px;
      line-height: 38px; }
    #search-pane .filter-toggle .clear-pane .filter-close {
      top: 4px;
      color: white; } }

#search-pane.filter-open .filter {
  height: calc(100vh - 150px); }
  @media screen and (max-width: 959px) {
    #search-pane.filter-open .filter {
      height: calc(100vh - 140px); } }
#search-pane.filter-open .filter-toggle .icon-arrow {
  transform: rotate(0deg); }
#search-pane.filter-open .filter-toggle .clear-pane {
  height: 50px; }
#search-pane.filter-open .pane-content {
  overflow-y: hidden !important; }

#collection-products {
  position: relative; }
  #collection-products #collection-loader {
    line-height: 80px;
    text-align: center;
    width: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    background: white; }

.product-grid {
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 0;
  width: calc(100% - 12px);
  float: left;
  margin-left: 8px;
  padding-bottom: 100px;
  pointer-events: none; }
  .product-grid.loaded {
    opacity: 1;
    pointer-events: all; }
  @media screen and (max-width: 959px) {
    .product-grid {
      padding-bottom: 20px; } }
  .product-grid .item.product {
    width: 25%; }
    @media screen and (max-width: 959px) {
      .product-grid .item.product {
        width: 50%; } }
    .product-grid .item.product .description {
      padding: 20px;
      min-height: 190px;
      box-sizing: border-box; }
  .product-grid .stat {
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    letter-spacing: 0;
    line-height: 19px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center; }
    .product-grid .stat .filtered {
      display: none; }
    @media screen and (max-width: 959px) {
      .product-grid .stat {
        /* margin-top: 20px; */
        padding-top: 20px;
        padding-bottom: 20px; } }

.pagination-wrap {
  opacity: 0;
  text-align: center;
  padding-bottom: 0px;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  .pagination-wrap .pagination {
    display: none; }

body.loading .pagination-wrap {
  opacity: 1;
  padding-bottom: 30px; }

/* POWER REVIEWS OVERRIDE */
.stars .p-w-r .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal {
  display: none; }
.stars .p-w-r .pr-category-snippet__total {
  display: none; }
.stars .p-w-r {
  margin: 0px;
  line-height: 14px; }
  .stars .p-w-r .pr-category-snippet {
    margin: 0px; }
.stars .p-w-r .pr-rating-stars {
  display: block; }
.stars .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4 {
  border-radius: 0px;
  padding: 0px; }
  .stars .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-0-filled {
    background-image: url("star-rate-empty.png");
    background-size: 14px 13px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 13px;
    line-height: 13px;
    vertical-align: middle;
    margin-top: -3px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      .stars .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-0-filled {
        background-image: url("star-rate-empty@2x.png"); } }
  .stars .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-50-filled, .stars .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-75-filled, .stars .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-25-filled {
    background-image: url("star-rate-half.png");
    background-size: 14px 13px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 13px;
    line-height: 13px;
    vertical-align: middle;
    margin-top: -3px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      .stars .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-50-filled, .stars .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-75-filled, .stars .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-25-filled {
        background-image: url("star-rate-half@2x.png"); } }
  .stars .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-100-filled {
    background-image: url("star-rate-full.png");
    background-size: 14px 13px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 13px;
    line-height: 13px;
    vertical-align: middle;
    margin-top: -3px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      .stars .p-w-r .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-100-filled {
        background-image: url("star-rate-full@2x.png"); } }
.stars .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-read-and-write,
.stars .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-stars-reco-reco {
  display: none; }
.stars .value-wrap {
  opacity: 0;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  vertical-align: top;
  padding-top: 1px;
  padding-left: 3px;
  display: inline-block; }
.stars.loaded .value-wrap {
  opacity: 1; }

#pr-reviewdisplay .p-w-r {
  margin-left: 0px;
  margin-right: 0px;
  font-family: Helvetica, Arial, sans-serif; }
  #pr-reviewdisplay .p-w-r .pr-rd-images.pr-rd-content-block::after {
    clear: both;
    content: "";
    display: table; }
  #pr-reviewdisplay .p-w-r .pr-rd-images.pr-rd-content-block figure {
    float: left;
    margin-top: 10px;
    margin-right: 10px; }
  #pr-reviewdisplay .p-w-r .pr-rd-review-product.pr-rd-bold {
    margin-top: 10px;
    color: black;
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 18px; }
#pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-pagination .pr-rd-pagination-btn, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-pagination .pr-rd-pagination-btn {
  color: #595959;
  text-decoration: underline; }
  @media screen and (min-width: 960px) {
    #pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-pagination .pr-rd-pagination-btn:hover, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-pagination .pr-rd-pagination-btn:hover {
      text-decoration: none; } }
#pr-reviewdisplay #pr-rd-filter-variant-by, #pr-reviewdisplay #pr-image-display, #pr-reviewdisplay .pr-review-snapshot-faceoff {
  display: none; }
#pr-reviewdisplay .p-w-r .pr-review-display .pr-verified_buyer {
  font-size: 11px;
  color: black;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  line-height: 15px;
  position: absolute;
  top: 2px;
  right: 0px; }
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-verified_buyer .pr-rd-badging-text {
    color: black; }
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-verified_buyer svg {
    margin-top: -3px; }
    #pr-reviewdisplay .p-w-r .pr-review-display .pr-verified_buyer svg circle {
      fill: black; }
#pr-reviewdisplay .p-w-r .pr-review-snapshot.pr-review-enhanced.pr-snapshot-mobile .pr-review-snapshot-header,
#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-block-recommend,
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-contents,
#pr-reviewdisplay .p-w-r .pr-review-display .pr-snippet-rating-decimal,
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-side-content-block .pr-rd-bold,
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-helpful-text,
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-inner-side-content-block .pr-rd-details.pr-rd-author-location, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-side-content-block .pr-rd-details.pr-rd-author-location,
#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-block-histogram {
  display: none !important; }
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-pagination {
  border: none; }
#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4,
#pr-reviewdisplay .p-w-r .pr-review-display .pr-star-v4 {
  border-radius: 0px;
  padding: 0px; }
  #pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-0-filled,
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-star-v4.pr-star-v4-0-filled {
    background-image: url("star-rate-empty.png");
    background-size: 14px 13px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 13px;
    line-height: 13px;
    vertical-align: middle;
    margin-top: -3px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-0-filled,
      #pr-reviewdisplay .p-w-r .pr-review-display .pr-star-v4.pr-star-v4-0-filled {
        background-image: url("star-rate-empty@2x.png"); } }
  #pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-50-filled, #pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-75-filled, #pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-25-filled,
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-star-v4.pr-star-v4-50-filled,
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-star-v4.pr-star-v4-75-filled,
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-star-v4.pr-star-v4-25-filled {
    background-image: url("star-rate-half.png");
    background-size: 14px 13px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 13px;
    line-height: 13px;
    vertical-align: middle;
    margin-top: -3px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-50-filled, #pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-75-filled, #pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-25-filled,
      #pr-reviewdisplay .p-w-r .pr-review-display .pr-star-v4.pr-star-v4-50-filled,
      #pr-reviewdisplay .p-w-r .pr-review-display .pr-star-v4.pr-star-v4-75-filled,
      #pr-reviewdisplay .p-w-r .pr-review-display .pr-star-v4.pr-star-v4-25-filled {
        background-image: url("star-rate-half@2x.png"); } }
  #pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-100-filled,
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-star-v4.pr-star-v4-100-filled {
    background-image: url("star-rate-full.png");
    background-size: 14px 13px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 13px;
    line-height: 13px;
    vertical-align: middle;
    margin-top: -3px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars-png .pr-star-v4.pr-star-v4-100-filled,
      #pr-reviewdisplay .p-w-r .pr-review-display .pr-star-v4.pr-star-v4-100-filled {
        background-image: url("star-rate-full@2x.png"); } }
#pr-reviewdisplay .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-snippet-rating-decimal {
  color: #595959;
  float: left;
  margin: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
  border: none;
  margin-left: 12px;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 18px; }
#pr-reviewdisplay .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-snippet-rating-decimal::after {
  display: inline;
  content: " \/ 5 \- "; }
#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet-stars-container {
  float: left; }
#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars {
  width: 100%;
  position: relative; }
  #pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet .pr-snippet-stars .pr-rating-stars .pr-star-v4 {
    margin-left: 1px;
    margin-right: 1px; }
#pr-reviewdisplay .p-w-r .pr-read-review span, #pr-reviewdisplay .p-w-r .pr-read-review time, #pr-reviewdisplay .p-w-r .pr-review-display span, #pr-reviewdisplay .p-w-r .pr-review-display time {
  color: #595959; }
#pr-reviewdisplay .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-snippet-read-and-write {
  float: left;
  margin-left: 4px;
  vertical-align: middle; }
  #pr-reviewdisplay .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-snippet-read-and-write .pr-snippet-review-count {
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
    margin-top: 0px; }
  #pr-reviewdisplay .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-snippet-read-and-write .pr-snippet-write-review-link {
    display: none; }
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-sorts {
  padding-top: 16px;
  padding-bottom: 16px;
  float: none;
  border-bottom: solid 1px black; }
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-sorts::after {
    clear: both;
    content: "";
    display: table; }
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort-group {
  width: 30%;
  float: left;
  position: relative;
  display: block;
  line-height: 24px;
  height: 24px;
  padding-top: 0px; }
  @media screen and (max-width: 959px) {
    #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort-group {
      width: 50%; } }
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort-group i.chevron {
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-right: 3px;
    margin-top: -8px;
    display: block;
    transform: rotate(225deg);
    position: absolute;
    border-top: solid 1px #757575;
    border-left: solid 1px #757575; }
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort-group .pr-accessible-text {
    display: none; }
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .write-review-wrap {
  width: 70%;
  float: left;
  height: 24px;
  line-height: 24px;
  display: block; }
  @media screen and (max-width: 959px) {
    #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .write-review-wrap {
      width: 50%; } }
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .write-review-wrap a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
    font-size: 14px;
    color: #757575;
    letter-spacing: 0;
    line-height: 18px; }
    @media screen and (min-width: 960px) {
      #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .write-review-wrap a:hover {
        text-decoration: underline; } }
    #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .write-review-wrap a span, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .write-review-wrap a i {
      vertical-align: middle; }
    #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .write-review-wrap a i {
      margin-right: 10px; }
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-sort {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border: none;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 24px;
  line-height: 24px;
  padding-left: 40px;
  padding-right: 15px;
  font-size: 14px;
  color: #000000;
  letter-spacing: 0;
  line-height: 18px;
  z-index: 2;
  cursor: pointer; }
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-content-block {
  position: static; }
#pr-reviewdisplay .p-w-r .pr-review-display .pr-review {
  position: relative;
  margin-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 0px;
  border-bottom: solid 1px #C8C8C8; }
  @media screen and (max-width: 959px) {
    #pr-reviewdisplay .p-w-r .pr-review-display .pr-review {
      margin-top: 20px;
      padding-bottom: 20px; } }
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-review .pr-snippet-stars {
    padding-top: 27px;
    padding-bottom: 23px;
    margin-bottom: 20px; }
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-review .pr-rd-author-nickname {
    position: absolute;
    top: 0px;
    left: 0px;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 19px;
    padding-right: 120px; }
    #pr-reviewdisplay .p-w-r .pr-review-display .pr-review .pr-rd-author-nickname span {
      color: black; }
    @media screen and (max-width: 959px) {
      #pr-reviewdisplay .p-w-r .pr-review-display .pr-review .pr-rd-author-nickname {
        font-size: 16px;
        color: #000000;
        letter-spacing: 0;
        line-height: 20px; } }
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-review .pr-rd-author-submission-date {
    position: absolute;
    top: 50px;
    left: 0px; }
#pr-reviewdisplay .p-w-r .pr-thumbs-icon {
  opacity: 0.54;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  #pr-reviewdisplay .p-w-r .pr-thumbs-icon svg {
    display: none; }
  #pr-reviewdisplay .p-w-r .pr-thumbs-icon.pr-thumbs-icon-up {
    background-image: url("like.png");
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    margin-top: -3px;
    display: table-cell; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #pr-reviewdisplay .p-w-r .pr-thumbs-icon.pr-thumbs-icon-up {
        background-image: url("like@2x.png"); } }
  #pr-reviewdisplay .p-w-r .pr-thumbs-icon.pr-thumbs-icon-down {
    background-image: url("like-no.png");
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    margin-top: -3px;
    display: table-cell; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #pr-reviewdisplay .p-w-r .pr-thumbs-icon.pr-thumbs-icon-down {
        background-image: url("like-no@2x.png"); } }
#pr-reviewdisplay .p-w-r .pr-helpful-btn {
  border-top: none;
  border-bottom: none;
  border-radius: 0px;
  background: transparent;
  color: #757575;
  border-color: black;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px; }
  #pr-reviewdisplay .p-w-r .pr-helpful-btn .pr-helpful-count {
    color: #757575;
    padding-left: 10px;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  #pr-reviewdisplay .p-w-r .pr-helpful-btn:hover {
    background: transparent;
    color: #757575; }
    #pr-reviewdisplay .p-w-r .pr-helpful-btn:hover .pr-helpful-count {
      color: #757575; }
  @media screen and (min-width: 960px) {
    #pr-reviewdisplay .p-w-r .pr-helpful-btn:hover {
      background: transparent;
      color: black; }
      #pr-reviewdisplay .p-w-r .pr-helpful-btn:hover .pr-helpful-count {
        color: black; }
      #pr-reviewdisplay .p-w-r .pr-helpful-btn:hover .pr-thumbs-icon {
        opacity: 1; } }
  #pr-reviewdisplay .p-w-r .pr-helpful-btn.pr-helpful-yes {
    border-left: none;
    padding-left: 0px; }
  #pr-reviewdisplay .p-w-r .pr-helpful-btn.pr-helpful-no {
    border-right: none;
    padding-right: 0px; }
#pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-footer,
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-footer {
  line-height: 24px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px; }
  #pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-footer::after,
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-footer::after {
    clear: both;
    content: "";
    display: table; }
  #pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-footer .pr-rd-helpful-action,
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-footer .pr-rd-helpful-action {
    float: left;
    margin-top: 40px; }
    @media screen and (max-width: 959px) {
      #pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-footer .pr-rd-helpful-action,
      #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-footer .pr-rd-helpful-action {
        margin-top: 20px; } }
  #pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-footer .pr-rd-flag-review-container,
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-footer .pr-rd-flag-review-container {
    float: left;
    padding-left: 20px;
    margin-top: 40px; }
    @media screen and (max-width: 959px) {
      #pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-footer .pr-rd-flag-review-container,
      #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-footer .pr-rd-flag-review-container {
        margin-top: 20px; } }
    #pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-footer .pr-rd-flag-review-container a,
    #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-footer .pr-rd-flag-review-container a {
      font-size: 11px;
      color: #595959;
      letter-spacing: 0;
      line-height: 15px;
      text-decoration: none;
      text-transform: uppercase; }
      @media screen and (min-width: 960px) {
        #pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-footer .pr-rd-flag-review-container a:hover,
        #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-footer .pr-rd-flag-review-container a:hover {
          text-decoration: underline; } }
#pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-content-block, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-content-block,
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-side-content-block, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-inner-side-content-block {
  margin-bottom: 0px; }
#pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-main-footer, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-footer {
  padding-bottom: 0px;
  padding-top: 40px; }
  @media screen and (max-width: 959px) {
    #pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-main-footer, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-footer {
      padding-top: 20px; } }
#pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-review-headline, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-review-headline {
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  letter-spacing: 0.3px;
  line-height: 18px;
  margin-bottom: 6px; }
#pr-reviewdisplay .p-w-r .pr-read-review p, #pr-reviewdisplay .p-w-r .pr-read-review section.popular-items .items .item .title, section.popular-items .items .item #pr-reviewdisplay .p-w-r .pr-read-review .title, #pr-reviewdisplay .p-w-r .pr-review-display p, #pr-reviewdisplay .p-w-r .pr-review-display section.popular-items .items .item .title, section.popular-items .items .item #pr-reviewdisplay .p-w-r .pr-review-display .title {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 18px; }
  @media screen and (max-width: 959px) {
    #pr-reviewdisplay .p-w-r .pr-read-review p, #pr-reviewdisplay .p-w-r .pr-read-review section.popular-items .items .item .title, section.popular-items .items .item #pr-reviewdisplay .p-w-r .pr-read-review .title, #pr-reviewdisplay .p-w-r .pr-review-display p, #pr-reviewdisplay .p-w-r .pr-review-display section.popular-items .items .item .title, section.popular-items .items .item #pr-reviewdisplay .p-w-r .pr-review-display .title {
      font-size: 13px;
      line-height: 16px; } }
#pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-main-header-with-filters, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-header-with-filters {
  padding: 0px;
  margin: 0px; }
#pr-reviewdisplay .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-simple {
  margin: 0px; }
#pr-reviewdisplay .p-w-r .pr-review-snapshot.pr-review-enhanced.pr-snapshot-mobile .pr-review-snapshot-simple .pr-review-snapshot-block {
  margin-bottom: 14px; }
#pr-reviewdisplay .p-w-r .pr-read-review a, #pr-reviewdisplay .p-w-r .pr-review-display a {
  font-size: 11px;
  color: #595959;
  letter-spacing: 0;
  line-height: 15px;
  text-decoration: none; }
  @media screen and (min-width: 960px) {
    #pr-reviewdisplay .p-w-r .pr-read-review a:hover, #pr-reviewdisplay .p-w-r .pr-review-display a:hover {
      text-decoration: underline; } }
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-bottomline {
  margin-bottom: 0px;
  margin-top: 20px; }
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-bottomline .pr-rd-bold {
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.3px;
    line-height: 18px;
    margin-bottom: 6px; }
#pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-no-reviews a, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-no-reviews a {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  text-decoration: underline;
  font-size: 14px;
  color: #757575;
  letter-spacing: 0;
  line-height: 18px; }
  @media screen and (min-width: 960px) {
    #pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-no-reviews a:hover, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-no-reviews a:hover {
      text-decoration: none; } }
  #pr-reviewdisplay .p-w-r .pr-read-review .pr-rd-no-reviews a::before, #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-no-reviews a::before {
    content: "";
    margin-right: 10px; }

/* POWER REVIEWS OVERRIDE: end */
.pane-items {
  border-top: solid 1px #C8C8C8; }

.pane-item {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #C8C8C8;
  min-height: 64px;
  line-height: normal;
  width: 100%; }
  .pane-item::after {
    clear: both;
    content: "";
    display: table; }
  .pane-item small, .pane-item section.standout-content h5, section.standout-content .pane-item h5 {
    font-size: 11px;
    color: #595959;
    letter-spacing: 0;
    line-height: 15px;
    margin-bottom: 5px;
    display: block; }
    .pane-item small.sku, .pane-item section.standout-content h5.sku, section.standout-content .pane-item h5.sku {
      margin-bottom: 0px;
      margin-top: 5px; }
  .pane-item .colors {
    display: block;
    box-sizing: border-box; }
    .pane-item .colors::after {
      clear: both;
      content: "";
      display: table; }
    .pane-item .colors .color {
      width: 14px;
      height: 14px;
      border-radius: 7px;
      float: right;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      box-shadow: 0px 0px 0px 1px #C8C8C8;
      margin: 2px; }
  .pane-item .image-wrap {
    display: block;
    height: 64px;
    width: 64px;
    padding: 5px;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    border: solid 1px #F0F0F0;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    background-color: #F0F0F0; }
    @media screen and (min-width: 960px) {
      .pane-item .image-wrap:hover {
        border-color: #979797; }
        .pane-item .image-wrap:hover .image {
          transform: scale(1.1); }
          .pane-item .image-wrap:hover .image .second {
            opacity: 1; } }
    .pane-item .image-wrap:focus {
      border-color: #979797; }
      .pane-item .image-wrap:focus .image {
        transform: scale(1.1); }
        .pane-item .image-wrap:focus .image .second {
          opacity: 1; }
    .pane-item .image-wrap .image {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      display: block;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      background-color: #F0F0F0;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      background-blend-mode: multiply;
      position: relative; }
      .pane-item .image-wrap .image .second {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 0;
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
        background-color: #F0F0F0;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        background-blend-mode: multiply;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0px;
        top: 0px; }
    .pane-item .image-wrap .colors {
      position: absolute;
      bottom: 0px;
      width: 100%;
      box-sizing: border-box;
      left: 0px;
      z-index: 1; }
  .pane-item.search-item .details {
    width: calc(65% - 64px); }
  .pane-item.search-item .item-controls {
    width: 35%;
    padding-left: 10px;
    box-sizing: border-box; }
  .pane-item .details {
    float: left;
    width: calc(50% - 64px);
    padding-left: 10px;
    box-sizing: border-box; }
    .pane-item .details .title {
      display: block;
      text-decoration: none;
      font-size: 13px;
      color: #000000;
      letter-spacing: 0;
      line-height: 16px; }
      @media screen and (min-width: 960px) {
        .pane-item .details .title:hover {
          text-decoration: underline; } }
    .pane-item .details .types {
      font-size: 11px;
      color: #595959;
      letter-spacing: 0;
      line-height: normal;
      display: block; }
    .pane-item .details .stars {
      margin-bottom: 3px;
      height: 16px;
      vertical-align: middle;
      display: block; }
  .pane-item .item-controls {
    width: 50%;
    float: left;
    box-sizing: border-box; }
    .pane-item .item-controls::after {
      clear: both;
      content: "";
      display: table; }
  .pane-item .qty {
    float: left;
    text-align: center;
    padding-left: 11px; }
    .pane-item .qty .qty-controls {
      line-height: 32px;
      margin-top: 10px; }
      .pane-item .qty .qty-controls button {
        display: inline-block;
        height: 32px;
        vertical-align: top;
        width: 10px;
        padding: 0px 5px;
        position: relative;
        box-sizing: content-box;
        opacity: 1;
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
        .pane-item .qty .qty-controls button i {
          display: block;
          width: 10px;
          height: 10px;
          top: 50%;
          left: 50%;
          margin-top: -5px;
          margin-left: -5px;
          position: absolute; }
          .pane-item .qty .qty-controls button i::before, .pane-item .qty .qty-controls button i::after {
            position: absolute;
            display: block;
            content: "";
            width: 10px;
            height: 1px;
            top: 50%;
            left: 0px;
            transform: translateY(-50%);
            background: black; }
          .pane-item .qty .qty-controls button i::after {
            height: 10px;
            width: 1px;
            left: 50%;
            top: 0px;
            margin-top: 0px;
            margin-left: -0.5px;
            transform: translateX(-50%); }
        .pane-item .qty .qty-controls button.minus i::after {
          display: none; }
        @media screen and (min-width: 960px) {
          .pane-item .qty .qty-controls button:hover {
            opacity: 0.54; } }
      .pane-item .qty .qty-controls .qty-value {
        vertical-align: top;
        padding-top: 0px;
        height: 32px;
        width: 32px;
        border-color: black;
        text-align: center;
        padding: 0px; }
  .pane-item.new .other .tags .tag.new {
    display: inline-block; }
  .pane-item.best-seller .other .tags .tag.best-seller {
    display: inline-block; }
  .pane-item.popular .other .tags .tag.popular {
    display: inline-block; }
  .pane-item.clearance .other .tags .tag.clearance {
    display: inline-block; }
  .pane-item .other {
    float: right;
    text-align: right; }
    .pane-item .other .tags {
      display: block;
      height: 30px;
      padding-top: 4px;
      padding-bottom: 5px;
      box-sizing: border-box; }
      .pane-item .other .tags::after {
        clear: both;
        content: "";
        display: table; }
      .pane-item .other .tags .tag {
        display: none;
        margin-left: 2px;
        margin-right: 0px;
        float: right;
        padding-left: 3px;
        padding-right: 3px;
        font-size: 11px;
        padding: 0px; }
        .pane-item .other .tags .tag::before {
          display: none; }
    .pane-item .other .price {
      font-size: 13px;
      color: black;
      letter-spacing: 0;
      text-align: right;
      line-height: 16px;
      display: block; }
      .pane-item .other .price span {
        display: inline-block; }
      .pane-item .other .price .compare {
        margin-right: 8px;
        color: #595959;
        text-decoration: line-through; }
      .pane-item .other .price .label {
        margin-right: 8px;
        color: #595959; }
    .pane-item .other .remove {
      font-size: 11px;
      color: #595959;
      letter-spacing: 0;
      text-align: right;
      line-height: 15px;
      white-space: nowrap;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      text-transform: uppercase; }
      @media screen and (min-width: 960px) {
        .pane-item .other .remove:hover {
          color: black; }
          .pane-item .other .remove:hover i::before, .pane-item .other .remove:hover i::after {
            background: black; } }
      .pane-item .other .remove:focus {
        color: black; }
        .pane-item .other .remove:focus i::before, .pane-item .other .remove:focus i::after {
          background: black; }
      .pane-item .other .remove i {
        display: inline-block;
        position: relative;
        margin-left: 5px;
        width: 8px;
        height: 8px; }
        .pane-item .other .remove i::before, .pane-item .other .remove i::after {
          position: absolute;
          display: block;
          content: "";
          width: 10px;
          height: 1px;
          top: 50%;
          left: 0px;
          margin-top: -1px;
          border-radius: 1px;
          background: #595959;
          transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
        .pane-item .other .remove i::before {
          transform: rotate(45deg); }
        .pane-item .other .remove i::after {
          transform: rotate(-45deg); }

#cart-totals {
  margin-top: 40px;
  margin-bottom: 40px; }
  @media screen and (max-width: 959px) {
    #cart-totals {
      margin-top: 20px;
      margin-bottom: 20px; } }
  #cart-totals .total {
    margin: 0px;
    margin-top: 20px;
    color: black; }
    @media screen and (max-width: 959px) {
      #cart-totals .total {
        margin-top: 10px; } }
  #cart-totals .subtotal {
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    line-height: 18px; }
  #cart-totals .subtotal::after, #cart-totals .total::after {
    clear: both;
    content: "";
    display: table; }
  #cart-totals .subtotal .label, #cart-totals .total .label {
    float: left; }
  #cart-totals .subtotal .value-wrap, #cart-totals .total .value-wrap {
    float: right; }

#cart-pane .checkout-wrap {
  text-align: center; }
  #cart-pane .checkout-wrap .checkout {
    display: block;
    margin-bottom: 20px; }
  #cart-pane .checkout-wrap .continue {
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    line-height: 18px;
    padding-bottom: 4px;
    border-bottom: solid 1px #C8C8C8; }

.additional-checkout-buttons {
  margin-top: 40px; }
  .additional-checkout-buttons .label {
    font-weight: bold;
    font-size: 14px;
    color: #595959;
    letter-spacing: 0.3px;
    text-align: center;
    line-height: 18px;
    margin-bottom: 20px; }
    @media screen and (max-width: 959px) {
      .additional-checkout-buttons .label {
        margin-bottom: 10px; } }
  .additional-checkout-buttons div[data-shopify-buttoncontainer] {
    margin-bottom: 0px !important; }
  .additional-checkout-buttons div[data-testid="grid-cell"] {
    flex-grow: 1 !important;
    margin-bottom: 10px !important; }

.pane-loading {
  height: 0px;
  text-align: center;
  display: block;
  opacity: 0;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  .pane-loading img {
    display: inline-block;
    margin-top: 10px; }

.pane.loading .pane-loading {
  opacity: 1;
  height: 100px; }

section.account-form {
  background: #F8F8F8;
  padding-top: 80px;
  padding-bottom: 100px;
  box-sizing: border-box; }
  @media screen and (max-width: 959px) {
    section.account-form {
      padding-top: 40px;
      padding-bottom: 50px; } }
  section.account-form button {
    cursor: pointer; }
  section.account-form table.full {
    width: 100%;
    border-collapse: collapse; }
  section.account-form table thead {
    text-align: left; }
    section.account-form table thead th {
      height: 50px;
      vertical-align: middle;
      padding-right: 16px; }
  section.account-form table tbody tr {
    border-bottom: 1px solid #C8C8C8; }
    section.account-form table tbody tr td {
      height: 50px;
      vertical-align: middle;
      padding-right: 16px; }
  section.account-form table tbody tr:first-child {
    border-top: 1px solid #C8C8C8; }
  section.account-form .form-content {
    max-width: 432px;
    margin: 0 auto;
    min-height: 293px; }
    section.account-form .form-content.wider {
      max-width: 880px; }
    section.account-form .form-content h4, section.account-form .form-content body.checkout h2:not(#main-header), body.checkout section.account-form .form-content h2:not(#main-header), section.account-form .form-content body.checkout h2.section__title, body.checkout section.account-form .form-content h2.section__title {
      margin-bottom: 0px; }
  section.account-form.page-form .form-content h4, section.account-form.page-form .form-content body.checkout h2:not(#main-header), body.checkout section.account-form.page-form .form-content h2:not(#main-header), section.account-form.page-form .form-content body.checkout h2.section__title, body.checkout section.account-form.page-form .form-content h2.section__title {
    margin-bottom: 20px; }
    section.account-form.page-form .form-content h4:first-child, section.account-form.page-form .form-content body.checkout h2:first-child:not(#main-header), body.checkout section.account-form.page-form .form-content h2:first-child:not(#main-header), section.account-form.page-form .form-content body.checkout h2.section__title:first-child, body.checkout section.account-form.page-form .form-content h2.section__title:first-child {
      margin-top: 0px; }
  section.account-form.page-form .form-content .input-field {
    margin-top: 10px; }
  section.account-form .form-content-title {
    margin-top: 0px;
    margin-bottom: 20px; }
    @media screen and (max-width: 959px) {
      section.account-form .form-content-title {
        margin-bottom: 20px; } }
  section.account-form .subtext {
    color: #505050;
    margin: 0px;
    margin-top: -10px;
    margin-bottom: 20px; }
    @media screen and (max-width: 959px) {
      section.account-form .subtext {
        margin-top: -15px;
        margin-bottom: 20px; } }
  section.account-form .additional-link-wrap {
    margin-top: 20px !important; }
    section.account-form .additional-link-wrap::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (max-width: 959px) {
      section.account-form .additional-link-wrap {
        margin-top: 20px; } }
    section.account-form .additional-link-wrap .left {
      float: left; }
    section.account-form .additional-link-wrap .right {
      float: right; }
    section.account-form .additional-link-wrap button {
      font-size: 14px;
      color: #505050;
      letter-spacing: 0;
      line-height: 18px;
      text-decoration: underline; }
      @media screen and (min-width: 960px) {
        section.account-form .additional-link-wrap button:hover {
          text-decoration: none; } }
  section.account-form a:not(.button) {
    font-size: 14px;
    color: #505050;
    letter-spacing: 0;
    line-height: 18px; }
    @media screen and (min-width: 960px) {
      section.account-form a:not(.button):hover {
        text-decoration: none; } }

form .errors ul {
  padding-left: 0px;
  margin-left: 0px;
  list-style: none;
  color: red;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 18px; }

.shopify-challenge__container {
  background: #F8F8F8;
  padding-top: 80px;
  padding-bottom: 100px;
  max-width: none;
  width: 100%;
  text-align: center; }

section.account-header .account-header-content {
  width: calc(66.66667% - 26.66667px);
  float: left;
  margin-left: 16px;
  margin-left: calc(16.66667% - 18.66667px + 32px); }
  @media screen and (max-width: 959px) {
    section.account-header .account-header-content {
      width: calc(100% - 32px);
      float: left;
      margin-left: 16px;
      margin-left: calc(0% - 16px + 32px); } }
  section.account-header .account-header-content h1 {
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 40px; }
    @media screen and (min-width: 960px) {
      section.account-header .account-header-content h1 {
        font-size: 28px;
        letter-spacing: -0.6px;
        line-height: 32px;
        margin-top: 10px;
        margin-bottom: 20px; } }

.icon-tabs.tabs-5 ul li {
  width: 20%; }
.icon-tabs.tabs-4 ul li {
  width: 25%; }
.icon-tabs.tabs-3 ul li {
  width: 33.3333%; }
.icon-tabs.tabs-2 ul li {
  width: 50%; }
.icon-tabs.tabs-1 ul li {
  width: 100%; }
.icon-tabs ul {
  list-style: none;
  padding: 0px;
  margin: 0px; }
  .icon-tabs ul::after {
    clear: both;
    content: "";
    display: table; }
  .icon-tabs ul li {
    display: block;
    float: left;
    width: 25%;
    box-sizing: border-box; }
    .icon-tabs ul li a {
      display: block;
      color: #595959;
      text-decoration: none;
      box-shadow: inset 0 -4px 0 0 #C8C8C8;
      cursor: pointer;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      padding-right: 16px;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 18px; }
      @media screen and (max-width: 959px) {
        .icon-tabs ul li a {
          font-size: 12px;
          line-height: 16px;
          padding-right: 0px; } }
      @media screen and (min-width: 960px) {
        .icon-tabs ul li a:hover {
          color: black; }
          .icon-tabs ul li a:hover i {
            opacity: 1; } }
      .icon-tabs ul li a span.label {
        display: block;
        padding-top: 14px;
        padding-bottom: 18px; }
        @media screen and (max-width: 959px) {
          .icon-tabs ul li a span.label {
            padding-top: 5px;
            padding-bottom: 9px; } }
      .icon-tabs ul li a i {
        opacity: 0.54;
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
        position: relative; }
        .icon-tabs ul li a i::after {
          content: "";
          background-image: url("c-check1.png");
          background-size: 16px 16px;
          background-position: center center;
          background-repeat: no-repeat;
          display: inline-block;
          width: 16px;
          height: 16px;
          line-height: 16px;
          vertical-align: middle;
          margin-top: -3px;
          position: absolute;
          top: -8px;
          right: -8px;
          width: 16px;
          height: 16px;
          background-color: #ff4616;
          border-radius: 8px;
          display: none; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            .icon-tabs ul li a i::after {
              background-image: url("c-check1@2x.png"); } }
      .icon-tabs ul li a.complete:not(.current) i::after {
        display: block; }
      .icon-tabs ul li a.active, .icon-tabs ul li a.complete {
        font-weight: bold;
        color: black;
        box-shadow: inset 0 -4px 0 0 black; }
        .icon-tabs ul li a.active i, .icon-tabs ul li a.complete i {
          opacity: 1; }

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

section.page {
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 500px; }
  section.page .page-marquee h1 {
    margin-top: 0px; }
  @media screen and (max-width: 959px) {
    section.page {
      padding-top: 30px; } }
  section.page.narrow.flexible #description > h1, section.page.narrow.flexible #description > h2, section.page.narrow.flexible #description > h3, section.page.narrow.flexible #description > h4, section.page.narrow.flexible body.checkout #description > h2:not(#main-header), body.checkout section.page.narrow.flexible #description > h2:not(#main-header), section.page.narrow.flexible body.checkout #description > h2.section__title, body.checkout section.page.narrow.flexible #description > h2.section__title, section.page.narrow.flexible #description > h5, section.page.narrow.flexible #description > h6, section.page.narrow.flexible #description > ul, section.page.narrow.flexible #description > ol, section.page.narrow.flexible #description > blockquote, section.page.narrow.flexible #description > p, section.page.narrow.flexible section.popular-items .items .item #description > .title, section.popular-items .items .item section.page.narrow.flexible #description > .title {
    max-width: 656px; }
  section.page.narrow.flexible #description > img {
    max-width: 656px; }
  section.page.narrow.flexible #description > h1:first-child, section.page.narrow.flexible #description > h2:first-child, section.page.narrow.flexible #description > h3:first-child, section.page.narrow.flexible #description > h4:first-child, section.page.narrow.flexible body.checkout #description > h2:first-child:not(#main-header), body.checkout section.page.narrow.flexible #description > h2:first-child:not(#main-header), section.page.narrow.flexible body.checkout #description > h2.section__title:first-child, body.checkout section.page.narrow.flexible #description > h2.section__title:first-child, section.page.narrow.flexible #description > h5:first-child, section.page.narrow.flexible #description > h6:first-child {
    margin-top: 0px; }
  section.page.flexible #description > h1, section.page.flexible #description > h2, section.page.flexible #description > h3, section.page.flexible #description > h4, section.page.flexible body.checkout #description > h2:not(#main-header), body.checkout section.page.flexible #description > h2:not(#main-header), section.page.flexible body.checkout #description > h2.section__title, body.checkout section.page.flexible #description > h2.section__title, section.page.flexible #description > h5, section.page.flexible #description > h6, section.page.flexible #description > ul, section.page.flexible #description > ol, section.page.flexible #description > blockquote, section.page.flexible #description > p, section.page.flexible section.popular-items .items .item #description > .title, section.popular-items .items .item section.page.flexible #description > .title {
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 56px;
    padding-right: 56px; }
    @media screen and (max-width: 959px) {
      section.page.flexible #description > h1, section.page.flexible #description > h2, section.page.flexible #description > h3, section.page.flexible #description > h4, section.page.flexible body.checkout #description > h2:not(#main-header), body.checkout section.page.flexible #description > h2:not(#main-header), section.page.flexible body.checkout #description > h2.section__title, body.checkout section.page.flexible #description > h2.section__title, section.page.flexible #description > h5, section.page.flexible #description > h6, section.page.flexible #description > ul, section.page.flexible #description > ol, section.page.flexible #description > blockquote, section.page.flexible #description > p, section.page.flexible section.popular-items .items .item #description > .title, section.popular-items .items .item section.page.flexible #description > .title {
        padding-left: 16px;
        padding-right: 16px; } }
    section.page.flexible #description > h1 img, section.page.flexible #description > h2 img, section.page.flexible #description > h3 img, section.page.flexible #description > h4 img, section.page.flexible body.checkout #description > h2:not(#main-header) img, body.checkout section.page.flexible #description > h2:not(#main-header) img, section.page.flexible body.checkout #description > h2.section__title img, body.checkout section.page.flexible #description > h2.section__title img, section.page.flexible #description > h5 img, section.page.flexible #description > h6 img, section.page.flexible #description > ul img, section.page.flexible #description > ol img, section.page.flexible #description > blockquote img, section.page.flexible #description > p img, section.page.flexible section.popular-items .items .item #description > .title img, section.popular-items .items .item section.page.flexible #description > .title img {
      width: 100% !important;
      display: block;
      height: auto !important;
      padding-top: 40px;
      padding-bottom: 40px; }
  section.page.flexible #description > h4, section.page.flexible body.checkout #description > h2:not(#main-header), body.checkout section.page.flexible #description > h2:not(#main-header), section.page.flexible body.checkout #description > h2.section__title, body.checkout section.page.flexible #description > h2.section__title {
    margin-top: 30px;
    margin-bottom: 10px; }
  section.page.flexible #description > h1:first-child, section.page.flexible #description > h2:first-child, section.page.flexible #description > h3:first-child, section.page.flexible #description > h4:first-child, section.page.flexible body.checkout #description > h2:first-child:not(#main-header), body.checkout section.page.flexible #description > h2:first-child:not(#main-header), section.page.flexible body.checkout #description > h2.section__title:first-child, body.checkout section.page.flexible #description > h2.section__title:first-child, section.page.flexible #description > h5:first-child, section.page.flexible #description > h6:first-child {
    margin-top: 0px; }
  section.page.flexible #description input[type="submit"], section.page.flexible #description button {
    margin-top: 4px;
    margin-bottom: 4px; }
  section.page.flexible #description > ul, section.page.flexible #description > ol {
    padding-left: 100px; }
    @media screen and (max-width: 959px) {
      section.page.flexible #description > ul, section.page.flexible #description > ol {
        padding-left: 40px; } }
    section.page.flexible #description > ul li, section.page.flexible #description > ol li {
      margin-top: 4px;
      margin-bottom: 4px; }
  section.page.flexible #description > img {
    display: block;
    width: 100%;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto; }
  section.page.flexible #description blockquote {
    margin-top: 30px;
    margin-bottom: 30px; }
    section.page.flexible #description blockquote, section.page.flexible #description blockquote p, section.page.flexible #description blockquote section.popular-items .items .item .title, section.popular-items .items .item section.page.flexible #description blockquote .title, section.page.flexible #description blockquote span, section.page.flexible #description blockquote b {
      font-size: 26px;
      color: #000000;
      letter-spacing: -0.75px;
      line-height: 26px;
      font-weight: bold; }
    section.page.flexible #description blockquote p, section.page.flexible #description blockquote section.popular-items .items .item .title, section.popular-items .items .item section.page.flexible #description blockquote .title, section.page.flexible #description blockquote span, section.page.flexible #description blockquote b {
      padding: 0px;
      margin: 0px; }
    @media screen and (max-width: 959px) {
      section.page.flexible #description blockquote {
        margin-top: 20px;
        margin-bottom: 20px; }
        section.page.flexible #description blockquote, section.page.flexible #description blockquote p, section.page.flexible #description blockquote section.popular-items .items .item .title, section.popular-items .items .item section.page.flexible #description blockquote .title, section.page.flexible #description blockquote span, section.page.flexible #description blockquote b {
          font-size: 22px;
          color: #000000;
          letter-spacing: -0.4px;
          line-height: 24px;
          font-weight: bold; } }

.patents-block .block {
  background: #F8F8F8;
  padding: 16px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 2px solid rgba(20, 20, 20, 0.25); }
.patents-block .patents-title {
  margin: 0px;
  margin-bottom: 8px; }
.patents-block .patents > p, .patents-block section.popular-items .items .item .patents > .title, section.popular-items .items .item .patents-block .patents > .title {
  display: inline-block;
  background: black;
  color: white;
  margin: 0px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 30px;
  font-weight: 500; }

.blog-marquee .background {
  height: 626px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 959px) {
    .blog-marquee .background {
      height: 174px; } }
.blog-marquee .title-section-content {
  width: calc(83.33333% - 29.33333px);
  float: left;
  margin-left: 16px;
  margin-left: calc(8.33333% - 17.33333px + 32px);
  padding-top: 40px;
  padding-bottom: 60px; }
  @media screen and (max-width: 959px) {
    .blog-marquee .title-section-content {
      width: calc(100% - 32px);
      float: left;
      margin-left: 16px;
      padding-top: 20px;
      padding-bottom: 40px; } }
  .blog-marquee .title-section-content h1 {
    margin: 0px;
    padding: 0px;
    padding-bottom: 20px;
    font-size: 70px;
    letter-spacing: -1.8px;
    line-height: 70px; }
    @media screen and (max-width: 959px) {
      .blog-marquee .title-section-content h1 {
        font-size: 34px;
        letter-spacing: -0.8px;
        line-height: 38px; } }
  .blog-marquee .title-section-content h3 {
    padding: 0px;
    margin: 0px;
    color: #595959; }

article.post section.page.flexible {
  padding-bottom: 60px;
  padding-top: 60px; }
  article.post section.page.flexible .entry-content p, article.post section.page.flexible .entry-content section.popular-items .items .item .title, section.popular-items .items .item article.post section.page.flexible .entry-content .title {
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    line-height: 18px; }
    @media screen and (max-width: 959px) {
      article.post section.page.flexible .entry-content p, article.post section.page.flexible .entry-content section.popular-items .items .item .title, section.popular-items .items .item article.post section.page.flexible .entry-content .title {
        font-size: 13px;
        color: #757575;
        line-height: 16px; } }
  article.post section.page.flexible .entry-content strong {
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    letter-spacing: 0;
    line-height: 21px; }
    @media screen and (max-width: 959px) {
      article.post section.page.flexible .entry-content strong {
        font-size: 16px;
        line-height: 20px; } }
article.post footer {
  margin-top: 40px; }
  article.post footer .blog-footer-inner {
    max-width: 656px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 56px;
    padding-right: 56px; }
    @media screen and (max-width: 959px) {
      article.post footer .blog-footer-inner {
        padding-left: 16px;
        padding-right: 16px; } }
    article.post footer .blog-footer-inner .blog-details {
      font-weight: bold;
      font-size: 14px;
      color: #000000;
      letter-spacing: 0.3px;
      line-height: 18px; }
    article.post footer .blog-footer-inner .tags {
      padding-top: 20px; }
      article.post footer .blog-footer-inner .tags .label {
        font-size: 14px;
        color: #595959;
        letter-spacing: 0;
        line-height: 18px; }
        @media screen and (max-width: 959px) {
          article.post footer .blog-footer-inner .tags .label {
            font-size: 13px;
            line-height: 16px; } }
    article.post footer .blog-footer-inner a {
      font-size: 14px;
      color: #000000;
      letter-spacing: 0;
      line-height: 18px;
      padding-left: 5px;
      padding-right: 5px; }
      @media screen and (min-width: 960px) {
        article.post footer .blog-footer-inner a:hover {
          color: #595959; } }
      @media screen and (max-width: 959px) {
        article.post footer .blog-footer-inner a {
          font-size: 13px;
          line-height: 16px; } }

section.micro-marquee {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  section.micro-marquee .micro-marquee-inner {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    padding-top: 60px;
    padding-bottom: 60px; }
    @media screen and (max-width: 959px) {
      section.micro-marquee .micro-marquee-inner {
        width: calc(100% - 32px);
        float: left;
        margin-left: 16px;
        padding-top: 40px;
        padding-bottom: 40px; } }
    section.micro-marquee .micro-marquee-inner h1 {
      margin: 0px;
      padding: 0px;
      font-size: 70px;
      letter-spacing: -1.8px;
      line-height: 70px; }
      @media screen and (max-width: 959px) {
        section.micro-marquee .micro-marquee-inner h1 {
          font-size: 44px;
          letter-spacing: -1px;
          line-height: 46px; } }

section.post-list {
  padding-top: 0px;
  padding-bottom: 40px; }
  section.post-list .inner {
    width: calc(83.33333% - 29.33333px);
    float: left;
    margin-left: 16px;
    margin-left: calc(8.33333% - 17.33333px + 32px); }
    @media screen and (max-width: 959px) {
      section.post-list .inner {
        width: calc(100% - 32px);
        float: left;
        margin-left: 16px; } }

article.article-item {
  padding-bottom: 40px;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px; }
  article.article-item small, article.article-item section.standout-content h5, section.standout-content article.article-item h5 {
    display: block;
    font-size: 11px;
    color: #595959;
    letter-spacing: 0;
    line-height: 15px;
    padding-bottom: 10px;
    text-transform: none; }
    @media screen and (max-width: 959px) {
      article.article-item small, article.article-item section.standout-content h5, section.standout-content article.article-item h5 {
        padding-bottom: 6px; } }
    article.article-item small a, article.article-item section.standout-content h5 a, section.standout-content article.article-item h5 a {
      text-decoration: none;
      margin-right: 8px; }
    @media screen and (min-width: 960px) {
      article.article-item small:hover a, article.article-item section.standout-content h5:hover a, section.standout-content article.article-item h5:hover a {
        text-decoration: underline; } }
  @media screen and (min-width: 960px) {
    article.article-item {
      display: table;
      padding-top: 40px;
      padding-bottom: 40px; } }
  @media screen and (min-width: 960px) {
    article.article-item .image-container, article.article-item .content-container {
      display: table-cell;
      width: 50%;
      vertical-align: middle; } }
  article.article-item .content-container {
    padding-top: 20px; }
    @media screen and (min-width: 960px) {
      article.article-item .content-container {
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px; } }
  @media screen and (min-width: 960px) {
    article.article-item .image-container {
      padding-right: calc(8.3333333333% - 21.6666666667px + 13px); } }
  article.article-item .image-wrap {
    position: relative;
    overflow: hidden;
    display: block;
    background-color: #F8F8F8;
    border: solid 1px #F8F8F8; }
    article.article-item .image-wrap .image {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      top: 0px;
      left: 0px;
      height: 100%;
      width: 100%;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden; }
  article.article-item h3 {
    margin-top: 0px;
    margin-bottom: 10px; }
    article.article-item h3 a {
      text-decoration: none; }
    @media screen and (min-width: 960px) {
      article.article-item h3:hover a {
        text-decoration: underline; } }
  article.article-item p, article.article-item section.popular-items .items .item .title, section.popular-items .items .item article.article-item .title {
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 30px; }
    @media screen and (max-width: 959px) {
      article.article-item p, article.article-item section.popular-items .items .item .title, section.popular-items .items .item article.article-item .title {
        font-size: 13px;
        color: #595959;
        line-height: 16px; } }
  @media screen and (min-width: 960px) {
    article.article-item .image-wrap:hover {
      border-color: #979797; }
      article.article-item .image-wrap:hover .image {
        transform: scale(1.05); } }
  article.article-item .image-wrap:focus {
    border-color: #979797; }
    article.article-item .image-wrap:focus .image {
      transform: scale(1.05); }
  article.article-item.hovered h3 a {
    text-decoration: underline; }
  article.article-item.hovered .button, article.article-item.hovered .shopify-challenge__container input[type="submit"], .shopify-challenge__container article.article-item.hovered input[type="submit"], article.article-item.hovered section.page.flexible #description input[type="submit"], section.page.flexible #description article.article-item.hovered input[type="submit"], article.article-item.hovered section.page.flexible #description button, section.page.flexible #description article.article-item.hovered button, article.article-item.hovered body.checkout .btn, body.checkout article.article-item.hovered .btn {
    background-color: #ff4616;
    color: black; }
  article.article-item.hovered .image-wrap {
    border-color: #979797; }
    article.article-item.hovered .image-wrap .image {
      transform: scale(1.05); }

section.link-blocks .items-landing {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-top: 30px; }

.link-block {
  margin-top: 0px;
  margin-bottom: 60px;
  width: calc(50% - 24px);
  float: left;
  margin-left: 16px; }
  @media screen and (max-width: 959px) {
    .link-block {
      width: calc(100% - 32px);
      float: left;
      margin-left: 16px; } }
  .link-block small, .link-block section.standout-content h5, section.standout-content .link-block h5 {
    display: block;
    font-size: 11px;
    color: #595959;
    letter-spacing: 0;
    line-height: 15px;
    padding-bottom: 10px;
    text-transform: none; }
    @media screen and (max-width: 959px) {
      .link-block small, .link-block section.standout-content h5, section.standout-content .link-block h5 {
        padding-bottom: 6px; } }
    .link-block small a, .link-block section.standout-content h5 a, section.standout-content .link-block h5 a {
      text-decoration: none;
      margin-right: 8px; }
    @media screen and (min-width: 960px) {
      .link-block small:hover a, .link-block section.standout-content h5:hover a, section.standout-content .link-block h5:hover a {
        text-decoration: underline; } }
  .link-block .content-container {
    padding-top: 20px; }
  .link-block .image-wrap {
    position: relative;
    overflow: hidden;
    display: block;
    background-color: #F8F8F8;
    border: solid 1px #F8F8F8; }
    .link-block .image-wrap .image {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      top: 0px;
      left: 0px;
      height: 100%;
      width: 100%;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden; }
  .link-block h3 {
    margin-top: 0px;
    margin-bottom: 10px; }
    .link-block h3 a {
      text-decoration: none; }
    @media screen and (min-width: 960px) {
      .link-block h3:hover a {
        text-decoration: underline; } }
  .link-block p, .link-block section.popular-items .items .item .title, section.popular-items .items .item .link-block .title {
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 0px; }
    .link-block p:only-child, .link-block section.popular-items .items .item .title:only-child, section.popular-items .items .item .link-block .title:only-child, .link-block p:last-child, .link-block section.popular-items .items .item .title:last-child, section.popular-items .items .item .link-block .title:last-child {
      margin-bottom: 0px; }
    @media screen and (max-width: 959px) {
      .link-block p, .link-block section.popular-items .items .item .title, section.popular-items .items .item .link-block .title {
        font-size: 13px;
        color: #595959;
        line-height: 16px; } }
  .link-block .button-wrap {
    margin-top: 30px; }
  @media screen and (min-width: 960px) {
    .link-block .image-wrap:hover {
      border-color: #979797; }
      .link-block .image-wrap:hover .image {
        transform: scale(1.05); } }
  .link-block .image-wrap:focus {
    border-color: #979797; }
    .link-block .image-wrap:focus .image {
      transform: scale(1.05); }
  .link-block.hovered h3 a {
    text-decoration: underline; }
  .link-block.hovered .button, .link-block.hovered .shopify-challenge__container input[type="submit"], .shopify-challenge__container .link-block.hovered input[type="submit"], .link-block.hovered section.page.flexible #description input[type="submit"], section.page.flexible #description .link-block.hovered input[type="submit"], .link-block.hovered section.page.flexible #description button, section.page.flexible #description .link-block.hovered button, .link-block.hovered body.checkout .btn, body.checkout .link-block.hovered .btn {
    background-color: #ff4616;
    color: black; }
  .link-block.hovered .image-wrap {
    border-color: #979797; }
    .link-block.hovered .image-wrap .image {
      transform: scale(1.05); }

.blog-pagination .pag-wrap {
  width: calc(83.33333% - 29.33333px);
  float: left;
  margin-left: 16px;
  margin-left: calc(8.33333% - 17.33333px + 32px);
  padding-top: 40px;
  padding-bottom: 70px;
  text-align: center; }
  @media screen and (max-width: 959px) {
    .blog-pagination .pag-wrap {
      width: calc(100% - 32px);
      float: left;
      margin-left: 16px;
      padding-top: 20px;
      padding-bottom: 50px; } }
.blog-pagination.full-width .pag-wrap {
  width: calc(100% - 32px);
  float: left;
  margin-left: 16px; }

.visuallyhidden, body.checkout .payment-due__currency {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; }

nav ol.pagination {
  list-style: none;
  padding: 0px;
  margin: 0px; }

nav ol.pagination li {
  display: inline;
  margin: 0 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 18px;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  nav ol.pagination li a {
    text-decoration: none; }
    @media screen and (min-width: 960px) {
      nav ol.pagination li a:hover {
        color: black; } }
    nav ol.pagination li a:focus {
      color: black; }
  nav ol.pagination li.active {
    color: black;
    text-decoration: underline; }

.form-content .address-block {
  padding: 20px;
  box-sizing: border-box;
  background-color: white;
  line-height: 40px;
  border: solid 1px #C8C8C8;
  margin-top: 20px; }
  .form-content .address-block.primary {
    border-color: black; }
  .form-content .address-block hr {
    margin-top: 20px;
    margin-bottom: 20px; }
  .form-content .address-block.add-new .inner .title {
    width: 50%;
    min-height: 5px; }
    @media screen and (max-width: 959px) {
      .form-content .address-block.add-new .inner .title {
        float: none;
        width: auto;
        text-align: center;
        padding: 0px;
        min-height: 0px; } }
  .form-content .address-block.add-new .inner .button-wrap {
    width: 50%;
    text-align: right; }
    @media screen and (max-width: 959px) {
      .form-content .address-block.add-new .inner .button-wrap {
        float: none;
        width: auto;
        text-align: center;
        padding: 0px; } }
  .form-content .address-block .inner::after {
    clear: both;
    content: "";
    display: table; }
  .form-content .address-block .inner .title {
    float: left;
    width: 20%;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.1px; }
    @media screen and (max-width: 959px) {
      .form-content .address-block .inner .title {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 10px;
        float: none;
        width: auto;
        text-align: center;
        padding: 0px; } }
  .form-content .address-block .inner .address {
    float: left;
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 20px;
    font-size: 14px;
    color: #595959;
    letter-spacing: 0.1px; }
    @media screen and (max-width: 959px) {
      .form-content .address-block .inner .address {
        float: none;
        width: auto;
        text-align: center;
        padding: 0px;
        white-space: normal;
        text-overflow: none;
        overflow: visible;
        line-height: 18px;
        margin-bottom: 20px; }
        .form-content .address-block .inner .address .city::after {
          display: block;
          min-height: 1px;
          content: ""; } }
  .form-content .address-block .inner .button-wrap {
    float: left;
    width: 20%;
    text-align: right; }
    .form-content .address-block .inner .button-wrap a {
      border: 1px solid black;
      color: #ff4616;
      background-color: black;
      box-sizing: border-box;
      display: inline-block;
      padding-left: 24px;
      padding-right: 24px;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
      height: 40px;
      font-size: 12px;
      letter-spacing: 0.3px;
      line-height: 38px;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
      @media screen and (min-width: 960px) {
        .form-content .address-block .inner .button-wrap a:hover {
          background-color: #ff4616;
          color: black; } }
    @media screen and (max-width: 959px) {
      .form-content .address-block .inner .button-wrap {
        float: none;
        width: auto;
        text-align: center;
        margin-top: 20px; } }
  .form-content .address-block .control-wrap::after {
    clear: both;
    content: "";
    display: table; }
  .form-content .address-block .control-wrap .left {
    width: 20%;
    float: left; }
  .form-content .address-block .control-wrap .right {
    width: 80%;
    float: left; }
  .form-content .address-block .control-wrap .left button.link {
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    line-height: 18px;
    text-decoration: underline; }
    @media screen and (min-width: 960px) {
      .form-content .address-block .control-wrap .left button.link:hover {
        text-decoration: none; } }
  .form-content .address-block .control-wrap .right {
    text-align: right; }
    .form-content .address-block .control-wrap .right .button, .form-content .address-block .control-wrap .right .shopify-challenge__container input[type="submit"], .shopify-challenge__container .form-content .address-block .control-wrap .right input[type="submit"], .form-content .address-block .control-wrap .right section.page.flexible #description input[type="submit"], section.page.flexible #description .form-content .address-block .control-wrap .right input[type="submit"], .form-content .address-block .control-wrap .right section.page.flexible #description button, section.page.flexible #description .form-content .address-block .control-wrap .right button, .form-content .address-block .control-wrap .right body.checkout .btn, body.checkout .form-content .address-block .control-wrap .right .btn {
      margin-bottom: 10px; }
    .form-content .address-block .control-wrap .right a {
      border: 1px solid #b40002;
      color: white;
      background-color: #b40002;
      box-sizing: border-box;
      display: inline-block;
      padding-left: 24px;
      padding-right: 24px;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
      height: 40px;
      font-size: 12px;
      letter-spacing: 0.3px;
      line-height: 38px;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      margin-right: 10px;
      margin-bottom: 10px; }
      @media screen and (min-width: 960px) {
        .form-content .address-block .control-wrap .right a:hover {
          background-color: white;
          color: #b40002; } }

section.p404 {
  background-color: black;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center; }
  section.p404 .table {
    min-height: 700px;
    background-color: rgba(0, 0, 0, 0.2); }
    @media screen and (max-width: 959px) {
      section.p404 .table {
        min-height: 350px; } }
    section.p404 .table .cell {
      padding-top: 40px;
      padding-bottom: 40px; }
  section.p404 h1.big {
    margin-top: 0px;
    margin-bottom: 20px; }
  section.p404 .button-wrap {
    margin-top: 40px; }
    section.p404 .button-wrap .button, section.p404 .button-wrap .shopify-challenge__container input[type="submit"], .shopify-challenge__container section.p404 .button-wrap input[type="submit"], section.p404 .button-wrap section.page.flexible #description input[type="submit"], section.page.flexible #description section.p404 .button-wrap input[type="submit"], section.p404 .button-wrap section.page.flexible #description button, section.page.flexible #description section.p404 .button-wrap button, section.p404 .button-wrap body.checkout .btn, body.checkout section.p404 .button-wrap .btn {
      border-color: white; }
      @media screen and (min-width: 960px) {
        section.p404 .button-wrap .button:hover, section.p404 .button-wrap .shopify-challenge__container input[type="submit"]:hover, .shopify-challenge__container section.p404 .button-wrap input[type="submit"]:hover, section.p404 .button-wrap section.page.flexible #description input[type="submit"]:hover, section.page.flexible #description section.p404 .button-wrap input[type="submit"]:hover, section.p404 .button-wrap section.page.flexible #description button:hover, section.page.flexible #description section.p404 .button-wrap button:hover, section.p404 .button-wrap body.checkout .btn:hover, body.checkout section.p404 .button-wrap .btn:hover {
          border-color: black; } }

/* ==========================================================================
   START: Checkout style overrides
   ========================================================================== */
.anyflexbox body.checkout {
  min-height: 100vh;
  background-color: #F8F8F8; }
  .anyflexbox body.checkout .content .wrap {
    max-width: 1000px !important; }
  @media screen and (min-width: 960px) {
    .anyflexbox body.checkout .main {
      padding-top: 80px; } }

.floating-labels body.checkout .main .field__label {
  color: #595959; }

body.checkout {
  font-family: Helvetica, Arial, sans-serif !important; }
  body.checkout header#main .header {
    box-shadow: inset 0 -1px 0 0 #F0F0F0;
    background: white; }
  body.checkout header#main .button-wrap {
    line-height: inherit;
    float: right; }
  body.checkout header#main .back {
    display: inline-block;
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 13px;
    line-height: 16px;
    color: #595959;
    letter-spacing: 0;
    text-decoration: none;
    border-bottom: solid 1px #757575;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
    @media screen and (min-width: 960px) {
      body.checkout header#main .back:hover {
        border-color: white; } }
    body.checkout header#main .back::after {
      content: ">";
      display: inline-block;
      margin-left: 5px; }
  body.checkout header#main .content > .center::after {
    display: none; }
  body.checkout .account-header {
    background-color: white; }
    body.checkout .account-header h1 {
      font-weight: bold;
      margin-top: 78px;
      margin-bottom: 40px; }
      @media screen and (max-width: 959px) {
        body.checkout .account-header h1 {
          font-size: 28px;
          letter-spacing: -0.6px;
          line-height: 32px;
          margin-top: 10px;
          margin-bottom: 20px; } }
  body.checkout .order-summary__scroll-indicator {
    color: black; }
  body.checkout.confirmation .content-box {
    margin: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: none; }
    @media screen and (max-width: 959px) {
      body.checkout.confirmation .content-box {
        padding-top: 20px;
        padding-bottom: 20px; } }
    body.checkout.confirmation .content-box:last-child {
      border-bottom: none; }
  body.checkout.confirmation h3 {
    font-size: 14px;
    color: black;
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 5px; }
  body.checkout h2 {
    color: black; }
  body.checkout .input-checkbox, body.checkout .input-radio {
    border-radius: 8px;
    width: 16px;
    height: 16px;
    vertical-align: -3px; }
    body.checkout .input-checkbox::after, body.checkout .input-radio::after {
      background-image: url("checkbox.png");
      background-size: 10px 10px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 10px;
      height: 10px;
      line-height: 10px;
      vertical-align: middle;
      margin-top: -3px;
      filter: invert(1);
      margin: 0px;
      margin-top: 0px;
      position: absolute;
      top: 3px;
      left: 3px;
      background-color: rgba(0, 0, 0, 0); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body.checkout .input-checkbox::after, body.checkout .input-radio::after {
          background-image: url("checkbox@2x.png"); } }
  body.checkout .input-checkbox:checked, body.checkout .input-radio:checked {
    -webkit-box-shadow: 0 0 0 10px #ff4616 inset;
    box-shadow: 0 0 0 10px #ff4616 inset; }
  body.checkout .main .field__caret {
    border: none; }
  body.checkout .field__input, body.checkout .btn {
    border-radius: 0px !important; }
  body.checkout .field__input {
    color: black;
    border-color: #C8C8C8;
    background-color: white; }
  body.checkout .field.field--show-floating-label .field__input {
    border-color: black; }
  body.checkout .floating-labels .field__label {
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    margin-left: 0px; }
  body.checkout .btn {
    padding-top: 0px;
    padding-bottom: 0px;
    background: #ff4616;
    border-color: #ff4616;
    color: black; }
    @media screen and (min-width: 960px) {
      body.checkout .btn:hover {
        background: black;
        color: #ff4616; } }
  body.checkout .sidebar .btn {
    height: 45px;
    line-height: 43px; }
  body.checkout .sidebar .reduction-code__text {
    color: black;
    font-weight: 500; }
  body.checkout .sidebar .icon-svg--color-adaptive-light {
    color: black; }
  body.checkout .btn--disabled {
    border-color: #c8c8c8;
    color: #373737; }
    @media screen and (min-width: 960px) {
      body.checkout .btn--disabled:hover {
        border-color: #c8c8c8;
        color: rgba(0, 0, 0, 0.5);
        background: #c8c8c8; } }
  body.checkout .checkout-body {
    background: #F8F8F8; }
  body.checkout .main__footer {
    padding: 0px;
    border: none; }
  body.checkout .product .descriptor {
    word-break: keep-all;
    display: block;
    text-align: left;
    text-transform: uppercase; }
  body.checkout .product td {
    vertical-align: top; }
  body.checkout .product .product-thumbnail {
    position: relative;
    border-radius: 0px !important;
    background-color: #F8F8F8;
    width: 64px;
    height: 64px;
    padding: 5px;
    box-sizing: border-box; }
    body.checkout .product .product-thumbnail::after {
      display: none; }
    body.checkout .product .product-thumbnail .product-thumbnail__wrapper {
      border-radius: 0px !important;
      mix-blend-mode: multiply; }
      body.checkout .product .product-thumbnail .product-thumbnail__wrapper img {
        border-radius: 0px;
        border: none; }
    body.checkout .product .product-thumbnail .product-thumbnail__quantity {
      display: none; }
    body.checkout .product .product-thumbnail .colors {
      display: block;
      box-sizing: border-box;
      position: absolute;
      bottom: 1px;
      right: 1px;
      z-index: 2; }
      body.checkout .product .product-thumbnail .colors::after {
        clear: both;
        content: "";
        display: table; }
      body.checkout .product .product-thumbnail .colors .color {
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 7px;
        float: right;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        box-shadow: 0px 0px 0px 1px #C8C8C8;
        margin: 2px; }
  body.checkout .tags-list .tag {
    height: auto; }
  body.checkout .step__footer {
    display: block;
    text-align: center; }
    body.checkout .step__footer .btn.step__footer__continue-btn {
      display: block;
      width: 100%;
      margin-bottom: 20px; }
    body.checkout .step__footer .step__footer__previous-link {
      display: inline-block;
      margin: 0px;
      padding-top: 3px;
      padding-bottom: 3px;
      float: none;
      font-size: 13px;
      color: #505050;
      letter-spacing: 0;
      line-height: 16px;
      text-decoration: none;
      border-bottom: solid 1px #757575;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
      body.checkout .step__footer .step__footer__previous-link::before {
        content: "<";
        display: inline-block;
        margin-right: 5px; }
      @media screen and (min-width: 960px) {
        body.checkout .step__footer .step__footer__previous-link:hover {
          border-color: #F8F8F8; } }
  body.checkout .order-summary {
    background: white; }
    @media screen and (min-width: 960px) {
      body.checkout .order-summary {
        margin-top: 80px; } }
    body.checkout .order-summary .order-summary__sections {
      height: auto;
      padding: 16px;
      box-sizing: border-box; }
  body.checkout label.checkbox__label {
    font-size: 11px;
    color: #000000;
    letter-spacing: 0;
    line-height: 15px; }
    body.checkout label.checkbox__label[for="checkout_buyer_accepts_marketing"] {
      text-transform: uppercase; }
  body.checkout .review-block__link a {
    background-image: url("pen-01.png");
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    margin-top: -3px;
    opacity: 0.59;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body.checkout .review-block__link a {
        background-image: url("pen-01@2x.png"); } }
    @media screen and (min-width: 960px) {
      body.checkout .review-block__link a:hover {
        opacity: 1; } }
    body.checkout .review-block__link a span:not(.visually-hidden) {
      display: none; }
  body.checkout .order-summary__section--product-list::after {
    display: none; }
  body.checkout .product-table {
    border-top: solid 1px #C8C8C8; }
    body.checkout .product-table .product {
      border-bottom: solid 1px #C8C8C8; }
      body.checkout .product-table .product td {
        padding-top: 10px;
        padding-bottom: 10px; }
        body.checkout .product-table .product td .descriptor {
          font-size: 11px;
          color: #595959;
          letter-spacing: 0;
          line-height: 15px; }
      body.checkout .product-table .product .product__description__name {
        color: black;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 18px; }
      body.checkout .product-table .product .order-summary__small-text {
        color: #595959;
        letter-spacing: 0; }
      body.checkout .product-table .product .product__quantity {
        text-align: center;
        padding-right: 10px;
        color: black; }
      body.checkout .product-table .product .product__price {
        text-align: right; }
        body.checkout .product-table .product .product__price .order-summary__emphasis {
          font-weight: normal;
          font-size: 14px;
          color: #000000;
          letter-spacing: 0;
          text-align: right;
          line-height: 18px; }
  body.checkout .products-count-label {
    margin-top: 4px;
    margin-bottom: 20px;
    color: black; }
  body.checkout .tag__text {
    color: black; }
  @media (min-width: 1000px) {
    body.checkout .sidebar {
      width: 46%;
      padding-left: 8%;
      padding-bottom: 80px; }
    body.checkout .main {
      width: 42%;
      padding-right: 4%; } }
  body.checkout .review-block {
    display: block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 20px;
    margin: 0px !important;
    padding-right: 32px;
    border-color: #C8C8C8; }
    body.checkout .review-block .review-block__link {
      position: absolute;
      top: 50%;
      right: 0px;
      transform: translateY(-8px); }
  body.checkout .review-block__inner {
    display: block; }
    body.checkout .review-block__inner::after {
      clear: both;
      content: "";
      display: table; }
    body.checkout .review-block__inner .review-block__label {
      display: block;
      font-size: 11px;
      color: #505050;
      letter-spacing: 0;
      line-height: 15px;
      margin-bottom: 5px; }
    body.checkout .review-block__inner .review-block__content {
      color: black;
      font-size: 14px;
      font-weight: normal;
      letter-spacing: 0;
      line-height: 18px; }
  body.checkout .content-box {
    border-radius: 0px;
    border-color: #C8C8C8; }
  body.checkout .content-box__row:last-child {
    border-radius: 0px; }
  body.checkout .section:not(.section--payment-method) .content-box {
    background: none;
    border-right: none;
    border-left: none; }
    body.checkout .section:not(.section--payment-method) .content-box .emphasis {
      color: black; }
    body.checkout .section:not(.section--payment-method) .content-box .content-box__row {
      padding: 0px; }
      body.checkout .section:not(.section--payment-method) .content-box .content-box__row.radio-group__row {
        border-top: none !important;
        padding-top: 0px;
        padding-bottom: 15px; }
      body.checkout .section:not(.section--payment-method) .content-box .content-box__row.radio-wrapper, body.checkout .section:not(.section--payment-method) .content-box .content-box__row .checkbox-wrapper, body.checkout .section:not(.section--payment-method) .content-box .content-box__row .radio-wrapper {
        padding-top: 20px;
        padding-bottom: 20px; }
      body.checkout .section:not(.section--payment-method) .content-box .content-box__row .radio__label, body.checkout .section:not(.section--payment-method) .content-box .content-box__row .content-box__emphasis {
        color: black;
        font-weight: normal; }
  body.checkout .section:not(.section--payment-method) .radio__label__accessory .content-box__emphasis {
    color: black;
    font-weight: 400; }
  body.checkout .section:not(.section--payment-method) .radio__label__primary {
    color: black; }
  @media (max-width: 999px) {
    body.checkout .wrap {
      padding: 0px 16px; } }
  body.checkout .order-summary__section ~ .order-summary__section {
    border-color: #C8C8C8; }
  body.checkout .order-summary__section {
    border-color: #C8C8C8; }
  body.checkout .sidebar .total-line-table__tbody + .total-line-table__footer .total-line th::before, body.checkout .sidebar .total-line-table__tbody + .total-line-table__footer .total-line td::before {
    display: none; }
  body.checkout .main .field--active .field__label {
    color: #595959; }
  body.checkout .sidebar .payment-due-label__total, body.checkout .payment-due__price {
    color: black;
    font-weight: bold;
    font-size: 26px;
    letter-spacing: -0.75px;
    line-height: 26px; }
    @media (max-width: 999px) {
      body.checkout .sidebar .payment-due-label__total, body.checkout .payment-due__price {
        font-size: 22px;
        letter-spacing: -0.4px;
        line-height: 24px; } }
  body.checkout .order-summary-toggle {
    background: white;
    color: black;
    margin-top: 16px;
    margin-left: 16px;
    margin-right: 16px;
    width: calc(100% - 32px);
    border-color: #C8C8C8;
    border-left: solid 1px #C8C8C8;
    border-right: solid 1px #C8C8C8; }
    @media (max-width: 999px) {
      body.checkout .order-summary-toggle .wrap {
        padding: 0px 10px;
        margin: 0px;
        max-width: none; } }
  body.checkout .content-box__small-text {
    color: #595959; }
  body.checkout .sidebar .order-summary__emphasis {
    font-weight: normal;
    color: #595959; }
  body.checkout .total-line-table__footer .total-line__name, body.checkout .total-line-table__footer .total-line__price {
    padding-top: 20px; }
  body.checkout .total-line__name, body.checkout .total-line__price {
    font-weight: normal;
    color: #595959;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    padding-top: 20px; }
    @media (max-width: 999px) {
      body.checkout .total-line__name, body.checkout .total-line__price {
        font-size: 13px;
        line-height: 16px;
        padding-top: 10px; } }
  body.checkout #section--remember-me__phone {
    border-top: none; }
    body.checkout #section--remember-me__phone .field--half {
      width: 100% !important; }
    body.checkout #section--remember-me__phone #remember-me-opt-in-description {
      padding-bottom: 20px; }
  body.checkout .main .small-text {
    color: #505050; }
  body.checkout .order-summary__section.order-summary__section--discount {
    border-top: none; }
  body.checkout .total-recap__original-price {
    color: #595959; }

/* ==========================================================================
   END: Checkout style overrides
   ========================================================================== */
.order-summary-wrap .errors {
  color: #b40002;
  margin-bottom: 40px; }
  .order-summary-wrap .errors h4, .order-summary-wrap .errors body.checkout h2:not(#main-header), body.checkout .order-summary-wrap .errors h2:not(#main-header), .order-summary-wrap .errors body.checkout h2.section__title, body.checkout .order-summary-wrap .errors h2.section__title {
    margin-top: 0px;
    color: #b40002;
    font-weight: normal; }
  .order-summary-wrap .errors p, .order-summary-wrap .errors section.popular-items .items .item .title, section.popular-items .items .item .order-summary-wrap .errors .title {
    color: #b40002; }
.order-summary-wrap .table-wrap {
  background: white;
  padding: 16px;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px; }
  .order-summary-wrap .table-wrap tbody td {
    vertical-align: top; }
  .order-summary-wrap .table-wrap tfoot {
    color: #595959; }
    .order-summary-wrap .table-wrap tfoot tr:first-child td {
      padding-top: 40px; }
      @media screen and (max-width: 959px) {
        .order-summary-wrap .table-wrap tfoot tr:first-child td {
          padding-top: 20px; } }
    .order-summary-wrap .table-wrap tfoot tr:last-child td {
      padding-bottom: 30px; }
      @media screen and (max-width: 959px) {
        .order-summary-wrap .table-wrap tfoot tr:last-child td {
          padding-bottom: 10px; } }
    .order-summary-wrap .table-wrap tfoot tr td {
      padding-top: 20px; }
      @media screen and (max-width: 959px) {
        .order-summary-wrap .table-wrap tfoot tr td {
          padding-top: 10px; } }
    .order-summary-wrap .table-wrap tfoot .order-total {
      color: black;
      font-weight: bold;
      font-size: 26px;
      letter-spacing: -0.75px;
      line-height: 26px; }
      @media screen and (max-width: 959px) {
        .order-summary-wrap .table-wrap tfoot .order-total {
          font-size: 22px;
          letter-spacing: -0.4px;
          line-height: 24px; } }
  .order-summary-wrap .table-wrap .quantity-data {
    text-align: center; }
  .order-summary-wrap .table-wrap .total-data {
    text-align: right; }
  .order-summary-wrap .table-wrap .text-right {
    text-align: right; }
  .order-summary-wrap .table-wrap .inner-value {
    padding-top: 20px;
    display: inline-block; }
  .order-summary-wrap .table-wrap .product-wrap {
    padding-top: 10px;
    padding-bottom: 10px; }
    .order-summary-wrap .table-wrap .product-wrap::after {
      clear: both;
      content: "";
      display: table; }
    .order-summary-wrap .table-wrap .product-wrap .image {
      display: inline-block;
      background-color: #F8F8F8;
      width: 64px;
      height: 64px;
      padding: 5px;
      box-sizing: border-box;
      position: relative;
      float: left;
      margin-right: 16px; }
      .order-summary-wrap .table-wrap .product-wrap .image .image-wrap {
        display: block;
        width: 100%;
        height: 100%;
        mix-blend-mode: multiply; }
        .order-summary-wrap .table-wrap .product-wrap .image .image-wrap img {
          width: 100%;
          height: 100%;
          transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
        @media screen and (min-width: 960px) {
          .order-summary-wrap .table-wrap .product-wrap .image .image-wrap:hover img {
            transform: scale(1.1); } }
      .order-summary-wrap .table-wrap .product-wrap .image .colors {
        display: block;
        box-sizing: border-box;
        position: absolute;
        bottom: 2px;
        right: 2px;
        z-index: 2; }
        .order-summary-wrap .table-wrap .product-wrap .image .colors::after {
          clear: both;
          content: "";
          display: table; }
        .order-summary-wrap .table-wrap .product-wrap .image .colors .color {
          display: inline-block;
          width: 14px;
          height: 14px;
          border-radius: 7px;
          float: right;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          box-shadow: 0px 0px 0px 1px #C8C8C8;
          margin: 2px; }
    .order-summary-wrap .table-wrap .product-wrap .title {
      color: black;
      font-size: 14px;
      font-weight: normal;
      letter-spacing: 0;
      line-height: 18px;
      text-decoration: none;
      float: left;
      display: inline-block;
      padding-top: 10px; }
      @media screen and (min-width: 960px) {
        .order-summary-wrap .table-wrap .product-wrap .title:hover {
          text-decoration: underline; } }
.order-summary-wrap .addresses {
  margin-left: -8px;
  margin-right: -8px; }
  .order-summary-wrap .addresses::after {
    clear: both;
    content: "";
    display: table; }
  .order-summary-wrap .addresses .address-box {
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (min-width: 960px) {
      .order-summary-wrap .addresses .address-box {
        margin-top: 40px;
        width: 50%;
        float: left; } }
    .order-summary-wrap .addresses .address-box .address-wrap {
      background: white;
      box-sizing: border-box;
      padding: 16px; }

section.standout-content {
  box-sizing: border-box;
  padding: 16px;
  background-color: white;
  margin-left: -16px;
  margin-right: -16px;
  box-shadow: 0 1px 0 0 #E4E4E4, 0 -1px 0 0 #E4E4E4; }
  section.standout-content.no-padding .center {
    padding: 0px; }
  section.standout-content h4, section.standout-content body.checkout h2:not(#main-header), body.checkout section.standout-content h2:not(#main-header), section.standout-content body.checkout h2.section__title, body.checkout section.standout-content h2.section__title {
    margin-top: 30px;
    margin-bottom: 10px; }
    section.standout-content h4:first-child, section.standout-content body.checkout h2:first-child:not(#main-header), body.checkout section.standout-content h2:first-child:not(#main-header), section.standout-content body.checkout h2.section__title:first-child, body.checkout section.standout-content h2.section__title:first-child {
      margin-top: 0px; }
  section.standout-content em {
    font-style: normal; }
  section.standout-content h5 {
    margin-top: 30px;
    margin-bottom: 5px;
    font-weight: normal;
    color: #595959; }
  section.standout-content p, section.standout-content section.popular-items .items .item .title, section.popular-items .items .item section.standout-content .title {
    color: #595959; }
    section.standout-content p strong, section.standout-content section.popular-items .items .item .title strong, section.popular-items .items .item section.standout-content .title strong {
      font-size: 18px;
      letter-spacing: 0.1px;
      line-height: 21px;
      font-weight: 500; }
      section.standout-content p strong a, section.standout-content section.popular-items .items .item .title strong a, section.popular-items .items .item section.standout-content .title strong a {
        color: black !important;
        font-size: 18px !important;
        letter-spacing: 0.1px !important;
        line-height: 21px !important;
        font-weight: 500 !important; }
    section.standout-content p a, section.standout-content section.popular-items .items .item .title a, section.popular-items .items .item section.standout-content .title a {
      margin-right: 10px; }

section.faq {
  max-width: 880px;
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 auto; }
  section.faq.no-padding .center {
    padding: 0px; }
  section.faq .faq-item:first-child .faq-heading .title {
    border-top: solid 1px #c8c8c8; }
  section.faq .faq-item .rest {
    display: none;
    border-bottom: solid 1px #c8c8c8;
    padding-bottom: 20px;
    padding-top: 20px; }
  section.faq .faq-item .faq-heading .title {
    display: block;
    position: relative;
    cursor: pointer;
    border-bottom: solid 1px #c8c8c8;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    box-sizing: border-box; }
    section.faq .faq-item .faq-heading .title span {
      position: relative;
      text-decoration: none; }
      section.faq .faq-item .faq-heading .title span::after {
        content: "";
        width: 0%;
        background: black;
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
        height: 2px;
        position: absolute;
        bottom: -1px;
        left: 50%; }
    @media screen and (min-width: 960px) {
      section.faq .faq-item .faq-heading .title:hover span::after {
        width: 100%;
        left: 0%; } }
    section.faq .faq-item .faq-heading .title i {
      width: 16px;
      height: 16px;
      position: absolute;
      top: 50%;
      transform: rotate(90deg);
      right: 0px;
      opacity: 1;
      margin-top: -9px;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
    section.faq .faq-item .faq-heading .title i::before, section.faq .faq-item .faq-heading .title i::after {
      display: block;
      content: "";
      height: 1px;
      position: absolute;
      background-color: #757575;
      width: 10px;
      top: 4px;
      left: 4px; }
    section.faq .faq-item .faq-heading .title i::after {
      transform: rotate(-45deg);
      top: 11px; }
    section.faq .faq-item .faq-heading .title i::before {
      transform: rotate(45deg);
      top: 4px; }
    section.faq .faq-item .faq-heading .title.active i {
      transform: rotate(270deg); }

.section-title {
  color: #757575;
  margin-top: 0px;
  margin-bottom: 30px; }
  @media screen and (max-width: 959px) {
    .section-title {
      color: #595959;
      margin-bottom: 20px; } }
  .section-title a {
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.5px;
    line-height: 18px;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 20px; }
    @media screen and (min-width: 960px) {
      .section-title a:hover {
        text-decoration: none; } }
    @media screen and (max-width: 959px) {
      .section-title a {
        margin-left: 10px;
        font-size: 14px;
        line-height: 16px; } }

.section-padding {
  margin-top: 60px; }
  @media screen and (max-width: 959px) {
    .section-padding {
      margin-top: 40px;
      margin-bottom: 40px; } }

.cta-carousel {
  transition: opacity 250ms cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 0; }
  @media screen and (max-width: 959px) {
    .cta-carousel > .center {
      padding: 0px; } }
  .cta-carousel.initialized {
    opacity: 1; }
  @media screen and (max-width: 959px) {
    .cta-carousel .slide {
      background-image: none !important; } }
  .cta-carousel .slide .alt-image-landing {
    display: none; }
    @media screen and (max-width: 959px) {
      .cta-carousel .slide .alt-image-landing {
        display: block;
        width: 100%; } }
    .cta-carousel .slide .alt-image-landing img {
      width: 100%; }
  @media screen and (max-width: 959px) {
    .cta-carousel .slide .bottom .supertitle {
      color: white !important; } }
  @media screen and (max-width: 959px) {
    .cta-carousel .slide .bottom .title {
      color: white !important; } }
  @media screen and (max-width: 959px) {
    .cta-carousel .slide .bottom .button-wrap {
      position: initial; } }
  @media screen and (max-width: 959px) {
    .cta-carousel .slide .bottom .button-wrap > a.button, .cta-carousel .slide .bottom body.checkout .button-wrap > a.btn, body.checkout .cta-carousel .slide .bottom .button-wrap > a.btn {
      background-color: #ff4616 !important;
      border-color: #ff4616 !important;
      color: white !important; } }
  @media screen and (max-width: 959px) {
    .cta-carousel .slide .bottom .table {
      min-height: auto; } }
  @media screen and (max-width: 959px) {
    .cta-carousel .slide .bottom .table .cell {
      padding-top: 20px !important;
      padding-bottom: 65px !important;
      vertical-align: top; } }
  .cta-carousel .slider .slick-list {
    overflow: hidden !important;
    margin: 0 -3px; }
    .cta-carousel .slider .slick-list .marquee-slide.slide {
      margin: 0 3px; }
  .cta-carousel .slick-initialized {
    padding-bottom: 0px; }
  .cta-carousel .slick-dots {
    bottom: 22px;
    width: 100%;
    text-align: center; }
    .cta-carousel .slick-dots li button {
      border: solid 1px rgba(0, 0, 0, 0); }
    .cta-carousel .slick-dots li.slick-active button {
      border: solid 1px black; }
  .cta-carousel .slick-arrow {
    box-sizing: border-box;
    display: block;
    border: none;
    background: none;
    background-color: #666;
    box-shadow: none;
    padding: 0px;
    width: 22px;
    height: 18px;
    padding-left: 22px;
    text-shadow: none;
    overflow: hidden;
    cursor: pointer;
    opacity: 1;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    margin-left: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    display: inline-block; }
    .cta-carousel .slick-arrow.slick-disabled {
      opacity: 0.54;
      cursor: default; }
    .cta-carousel .slick-arrow::before {
      background-image: url("arrow-right-new.png");
      background-size: 22px 18px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 22px;
      height: 18px;
      line-height: 18px;
      vertical-align: middle;
      margin-top: -3px;
      border: none;
      transform: rotate(0deg);
      top: 0px;
      margin: 0px;
      right: 0px;
      left: auto; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .cta-carousel .slick-arrow::before {
          background-image: url("arrow-right-new@2x.png"); } }
    @media screen and (min-width: 960px) {
      .cta-carousel .slick-arrow:hover {
        opacity: 0.54; } }
  .cta-carousel .slick-arrow.slick-prev {
    left: -40px;
    right: auto; }
    .cta-carousel .slick-arrow.slick-prev::before {
      transform: rotate(180deg); }
  .cta-carousel .slick-arrow.slick-next {
    right: -40px;
    left: auto; }

.special-slider {
  transition: opacity 250ms cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 0; }
  .special-slider.initialized {
    opacity: 1; }
  @media screen and (max-width: 959px) {
    .special-slider {
      opacity: 1; } }
  .special-slider .slider .slick-list {
    margin-left: -8px;
    margin-right: -8px; }
    @media screen and (min-width: 960px) {
      .special-slider .slider .slick-list {
        overflow: hidden !important; } }
  .special-slider .slick-initialized {
    padding-bottom: 0px; }

.new-slider {
  transition: opacity 250ms cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 0; }
  .new-slider.initialized {
    opacity: 1; }
  .new-slider .slider {
    margin-top: 30px;
    margin-bottom: 30px; }
    @media screen and (max-width: 959px) {
      .new-slider .slider {
        margin-bottom: 20px; } }
    @media screen and (min-width: 960px) {
      .new-slider .slider .slick-list {
        overflow: hidden !important; } }
  .new-slider .slick-arrow {
    box-sizing: border-box;
    display: block;
    border: none;
    background: none;
    box-shadow: none;
    padding: 0px;
    width: 22px;
    height: 18px;
    padding-left: 22px;
    text-shadow: none;
    overflow: hidden;
    cursor: pointer;
    opacity: 1;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
    margin-left: 20px;
    position: relative;
    bottom: auto;
    right: auto;
    top: auto;
    left: auto;
    display: inline-block; }
    .new-slider .slick-arrow.slick-disabled {
      opacity: 0.54;
      cursor: default; }
    .new-slider .slick-arrow::before {
      background-image: url("arrow-right.png");
      background-size: 22px 18px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 22px;
      height: 18px;
      line-height: 18px;
      vertical-align: middle;
      margin-top: -3px;
      border: none;
      transform: rotate(0deg);
      top: 0px;
      margin: 0px;
      right: 0px;
      left: auto; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .new-slider .slick-arrow::before {
          background-image: url("arrow-right@2x.png"); } }
    @media screen and (min-width: 960px) {
      .new-slider .slick-arrow:hover {
        opacity: 0.54; } }
  .new-slider .slick-arrow.slick-prev::before {
    transform: rotate(180deg); }
  .new-slider .slider-header {
    position: relative; }
  .new-slider .slider-controls {
    position: absolute;
    top: 0px;
    right: 56px; }
    @media screen and (max-width: 959px) {
      .new-slider .slider-controls {
        right: 16px; } }
  .new-slider .section-title {
    padding-right: 64px; }
  .new-slider .slick-initialized {
    padding-bottom: 0px; }
  .new-slider .custom-dots {
    overflow: hidden;
    background: #ACAAAA;
    height: 4px; }
    @media screen and (max-width: 959px) {
      .new-slider .custom-dots {
        margin-right: -16px; } }
    .new-slider .custom-dots .dots-inner {
      height: 4px;
      margin-left: -8px;
      margin-right: -8px;
      position: relative; }
      .new-slider .custom-dots .dots-inner::after {
        clear: both;
        content: "";
        display: table; }
    .new-slider .custom-dots .slick-list {
      z-index: 1; }
      @media screen and (min-width: 960px) {
        .new-slider .custom-dots .slick-list {
          overflow: hidden !important; } }
    .new-slider .custom-dots .dot {
      height: 4px;
      padding-left: 8px;
      padding-right: 8px;
      cursor: pointer; }
      .new-slider .custom-dots .dot::after {
        display: block;
        width: auto;
        content: '';
        height: 4px;
        border: solid 1px rgba(0, 0, 0, 0);
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
        box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        .new-slider .custom-dots .dot:hover::after {
          background: black;
          border-color: black; } }
      .new-slider .custom-dots .dot.slick-current::after {
        background: black;
        border-color: black; }
  .new-slider .slider-dots {
    position: relative;
    display: none; }
    .new-slider .slider-dots .dummy-dot {
      display: block;
      background: black;
      position: absolute;
      top: 0px;
      left: 0px;
      height: 4px;
      width: 0px;
      transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
      z-index: 5; }
    .new-slider .slider-dots .slick-dots {
      position: static;
      display: flex;
      height: 4px;
      background-color: #ACAAAA; }
      .new-slider .slider-dots .slick-dots li {
        display: block;
        width: auto;
        margin: 0px;
        width: 100%; }
        .new-slider .slider-dots .slick-dots li button {
          width: 100%;
          border-radius: 0px;
          height: 4px;
          padding-top: 4px;
          border: none;
          background-color: #ACAAAA;
          opacity: 1; }
          @media screen and (min-width: 960px) {
            .new-slider .slider-dots .slick-dots li button:hover {
              background-color: black;
              opacity: 0.3; } }

section.boxes {
  background: #F8F8F8;
  box-shadow: 0 1px 0 0 #E4E4E4, 0 -1px 0 0 #E4E4E4; }
  section.boxes .box-content .box:nth-child(even) .box-inner-item.image {
    text-align: right; }
    @media screen and (min-width: 960px) {
      section.boxes .box-content .box:nth-child(even) .box-inner-item.image .image-wrap {
        left: auto;
        right: -16px; } }
    section.boxes .box-content .box:nth-child(even) .box-inner-item.image.rev {
      display: table-cell; }
      @media screen and (max-width: 959px) {
        section.boxes .box-content .box:nth-child(even) .box-inner-item.image.rev {
          display: none !important; } }
    section.boxes .box-content .box:nth-child(even) .box-inner-item.image.reg {
      display: none; }
      @media screen and (max-width: 959px) {
        section.boxes .box-content .box:nth-child(even) .box-inner-item.image.reg {
          display: block !important; } }
  @media screen and (min-width: 960px) {
    section.boxes .box-content .box:nth-child(even) .box-inner-item.text {
      padding-left: 0px;
      padding-right: 8px; } }
  section.boxes .box-content .box:only-child .hr, section.boxes .box-content .box:last-child .hr {
    display: none; }
  section.boxes.reversed .box-content .box:nth-child(odd) .box-inner-item.image {
    text-align: right; }
    @media screen and (min-width: 960px) {
      section.boxes.reversed .box-content .box:nth-child(odd) .box-inner-item.image .image-wrap {
        left: auto;
        right: -16px; } }
    section.boxes.reversed .box-content .box:nth-child(odd) .box-inner-item.image.rev {
      display: table-cell; }
      @media screen and (max-width: 959px) {
        section.boxes.reversed .box-content .box:nth-child(odd) .box-inner-item.image.rev {
          display: none !important; } }
    section.boxes.reversed .box-content .box:nth-child(odd) .box-inner-item.image.reg {
      display: none; }
      @media screen and (max-width: 959px) {
        section.boxes.reversed .box-content .box:nth-child(odd) .box-inner-item.image.reg {
          display: block !important; } }
  @media screen and (min-width: 960px) {
    section.boxes.reversed .box-content .box:nth-child(odd) .box-inner-item.text {
      padding-left: 0px;
      padding-right: 8px; } }
  section.boxes.reversed .box-content .box:only-child .hr, section.boxes.reversed .box-content .box:last-child .hr {
    display: none; }
  section.boxes.smaller-images .box .box-inner-item.image .spacer.smaller {
    display: block; }
  section.boxes.smaller-images .box .box-inner-item.image .spacer.bigger {
    display: none; }
  section.boxes.smaller-images .box .box-inner-item.image .spacer.regular {
    display: none; }
  section.boxes.bigger-images .box .box-inner-item.image .image-wrap {
    display: block;
    max-width: none; }
  section.boxes.bigger-images .box .box-inner-item.image .spacer.bigger {
    display: block; }
  section.boxes.bigger-images .box .box-inner-item.image .spacer.smaller {
    display: none; }
  section.boxes.bigger-images .box .box-inner-item.image .spacer.regular {
    display: none; }
  section.boxes.slim .box {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    margin-left: calc(0% - 16px + 32px);
    padding: 0px; }
    @media screen and (max-width: 959px) {
      section.boxes.slim .box {
        padding-top: 16px;
        padding-bottom: 60px; } }
    @media screen and (min-width: 960px) {
      section.boxes.slim .box .hr {
        display: none; } }
    @media screen and (min-width: 960px) {
      section.boxes.slim .box .box-inner-item.image {
        width: 60%; } }
    @media screen and (min-width: 960px) {
      section.boxes.slim .box .box-inner-item.text {
        width: 40%; } }
    section.boxes.slim .box .box-inner-item.text p, section.boxes.slim .box .box-inner-item.text section.popular-items .items .item .title, section.popular-items .items .item section.boxes.slim .box .box-inner-item.text .title {
      color: #505050; }
      @media screen and (min-width: 960px) {
        section.boxes.slim .box .box-inner-item.text p, section.boxes.slim .box .box-inner-item.text section.popular-items .items .item .title, section.popular-items .items .item section.boxes.slim .box .box-inner-item.text .title {
          max-width: 62%; } }
  section.boxes .box {
    width: calc(83.33333% - 29.33333px);
    float: left;
    margin-left: 16px;
    margin-left: calc(8.33333% - 17.33333px + 32px);
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative; }
    @media screen and (max-width: 959px) {
      section.boxes .box {
        width: calc(100% - 32px);
        float: left;
        margin-left: 16px;
        margin-left: calc(0% - 16px + 32px); } }
    @media screen and (max-width: 959px) {
      section.boxes .box {
        padding-top: 16px;
        padding-bottom: 60px; } }
    section.boxes .box .button, section.boxes .box .shopify-challenge__container input[type="submit"], .shopify-challenge__container section.boxes .box input[type="submit"], section.boxes .box section.page.flexible #description input[type="submit"], section.page.flexible #description section.boxes .box input[type="submit"], section.boxes .box section.page.flexible #description button, section.page.flexible #description section.boxes .box button, section.boxes .box body.checkout .btn, body.checkout section.boxes .box .btn {
      margin-top: 20px; }
    section.boxes .box .hr {
      height: 1px;
      width: calc(100% + 32px);
      background: #D8D8D8;
      left: -16px;
      bottom: 0px;
      position: absolute; }
      @media screen and (max-width: 959px) {
        section.boxes .box .hr {
          left: 0px;
          width: calc(100%); } }
    @media screen and (max-width: 959px) {
      section.boxes .box .table {
        display: block !important; } }
    @media screen and (max-width: 959px) {
      section.boxes .box .table .cell {
        display: block; } }
    section.boxes .box .box-inner-item {
      box-sizing: border-box; }
      @media screen and (min-width: 960px) {
        section.boxes .box .box-inner-item {
          width: 50%; } }
      section.boxes .box .box-inner-item.image {
        text-align: left; }
        section.boxes .box .box-inner-item.image .spacer.smaller {
          display: none; }
        section.boxes .box .box-inner-item.image .spacer.regular {
          display: block; }
        section.boxes .box .box-inner-item.image .spacer.bigger {
          display: none; }
        section.boxes .box .box-inner-item.image .image-wrap {
          box-sizing: border-box;
          position: relative;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          background-image: url("product-line-bg.png"); }
          @media screen and (min-width: 960px) {
            section.boxes .box .box-inner-item.image .image-wrap {
              left: -16px;
              max-width: 465px;
              display: inline-block;
              width: 100%; } }
        section.boxes .box .box-inner-item.image.rev {
          display: none; }
          @media screen and (max-width: 959px) {
            section.boxes .box .box-inner-item.image.rev {
              display: none; } }
        section.boxes .box .box-inner-item.image.reg {
          display: table-cell; }
          @media screen and (max-width: 959px) {
            section.boxes .box .box-inner-item.image.reg {
              display: block; } }
      @media screen and (min-width: 960px) {
        section.boxes .box .box-inner-item.text {
          padding-left: 8px; } }
      @media screen and (max-width: 959px) {
        section.boxes .box .box-inner-item.text {
          padding-top: 20px; } }
      section.boxes .box .box-inner-item.text small, section.boxes .box .box-inner-item.text section.standout-content h5, section.standout-content section.boxes .box .box-inner-item.text h5 {
        text-transform: none;
        margin-bottom: 10px;
        color: #595959;
        display: block;
        font-size: 14px;
        letter-spacing: 0.1px;
        line-height: 18px; }
        @media screen and (max-width: 959px) {
          section.boxes .box .box-inner-item.text small, section.boxes .box .box-inner-item.text section.standout-content h5, section.standout-content section.boxes .box .box-inner-item.text h5 {
            font-size: 13px;
            letter-spacing: 0;
            line-height: 16px;
            margin-bottom: 5px; } }
      section.boxes .box .box-inner-item.text h2 {
        margin-top: 0px;
        margin-bottom: 20px; }
      section.boxes .box .box-inner-item.text ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        padding-top: 10px; }
        section.boxes .box .box-inner-item.text ul li {
          margin-top: 20px;
          padding-left: 28px;
          position: relative;
          color: #505050; }
          section.boxes .box .box-inner-item.text ul li img {
            height: 16px;
            display: inline-block;
            position: absolute;
            top: 3px;
            left: 0px; }

.modally-wrap.announcement .modally {
  margin-top: 60px;
  margin-bottom: 60px; }
  @media screen and (max-width: 959px) {
    .modally-wrap.announcement .modally {
      margin-top: 0px;
      margin-bottom: 0px; } }

#announcement.black .table {
  background-color: white;
  color: black; }
#announcement.black .inner .text small, #announcement.black .inner .text section.standout-content h5, section.standout-content #announcement.black .inner .text h5, #announcement.black .inner .text p, #announcement.black .inner .text section.popular-items .items .item .title, section.popular-items .items .item #announcement.black .inner .text .title {
  color: #595959; }
#announcement .table {
  min-height: 528px;
  background-color: black;
  color: white; }
#announcement .inner {
  padding: 56px; }
  @media screen and (max-width: 959px) {
    #announcement .inner {
      padding: 16px;
      padding-top: 45px;
      padding-bottom: 30px; } }
  #announcement .inner .text {
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 960px) {
      #announcement .inner .text {
        width: 50%; } }
    #announcement .inner .text small, #announcement .inner .text section.standout-content h5, section.standout-content #announcement .inner .text h5 {
      text-transform: none;
      display: block;
      color: #959595; }
    #announcement .inner .text h1 {
      margin-top: 10px;
      margin-bottom: 10px; }
      @media screen and (max-width: 959px) {
        #announcement .inner .text h1 {
          margin-top: 5px; } }
    #announcement .inner .text .button-wrap {
      margin-top: 30px; }
    #announcement .inner .text p, #announcement .inner .text section.popular-items .items .item .title, section.popular-items .items .item #announcement .inner .text .title {
      margin-top: 0px;
      color: #959595; }
      @media screen and (min-width: 960px) {
        #announcement .inner .text p, #announcement .inner .text section.popular-items .items .item .title, section.popular-items .items .item #announcement .inner .text .title {
          width: 80%; } }
      #announcement .inner .text p:only-child, #announcement .inner .text section.popular-items .items .item .title:only-child, section.popular-items .items .item #announcement .inner .text .title:only-child {
        margin-bottom: 0px; }
  #announcement .inner .image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("video-dummy.png"); }
    @media screen and (max-width: 959px) {
      #announcement .inner .image {
        margin-bottom: 10px; } }
    @media screen and (min-width: 960px) {
      #announcement .inner .image {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 60%;
        height: 100%;
        z-index: 1; } }
    #announcement .inner .image img {
      height: 260px !important; }

.two-columns::after {
  clear: both;
  content: "";
  display: table; }
.two-columns .col {
  width: calc(33.33333% - 21.33333px);
  float: left;
  margin-left: 16px;
  margin-left: 0px;
  margin-right: calc(8.33333% - 17.33333px + 32px);
  float: right; }
  @media screen and (max-width: 959px) {
    .two-columns .col {
      width: calc(100% - 32px);
      float: left;
      margin-left: 16px;
      margin-right: 0px; } }
  @media screen and (max-width: 959px) {
    .two-columns .col.right {
      margin-top: -40px;
      margin-bottom: 30px; } }

body.body-gray {
  background-color: #f8f8f8; }

section.image-links {
  margin-top: 60px;
  margin-bottom: 90px; }
  @media screen and (max-width: 959px) {
    section.image-links {
      margin-top: 30px;
      margin-bottom: 34px; } }
  section.image-links .title {
    padding-left: 16px;
    margin-top: 0px;
    margin-bottom: 20px; }
  section.image-links .link-landing {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start; }
    section.image-links .link-landing a {
      display: block;
      width: calc(11.08333% - 17.77333px);
      float: left;
      margin-left: 16px;
      margin-bottom: 16px; }
      @media screen and (max-width: 959px) {
        section.image-links .link-landing a {
          width: calc(50% - 24px);
          float: left;
          margin-left: 16px; } }
      section.image-links .link-landing a img {
        display: block;
        width: 100%; }

.pswp {
  z-index: 10000; }
  .pswp .pswp__bg {
    background-color: rgba(0, 0, 0, 0.7); }
  .pswp .pswp__ui--fit .pswp__caption, .pswp .pswp__ui--fit .pswp__top-bar, .pswp .pswp__button--arrow--left:before, .pswp .pswp__button--arrow--right:before {
    background-color: rgba(0, 0, 0, 0); }

section.cta-carousel {
  /* In this case, by default it's positioned correctly, No style is required to set position */ }
  section.cta-carousel div.button-wrap {
    bottom: 65px;
    position: absolute; }
  section.cta-carousel .align-right div.button-wrap {
    right: 56px; }
  section.cta-carousel .align-left div.button-wrap {
    left: 56px; }
    @media screen and (max-width: 959px) {
      section.cta-carousel .align-left div.button-wrap {
        left: 16px; } }
  section.cta-carousel .align-bottom-left .table .cell {
    vertical-align: bottom;
    padding-bottom: 134px; }
    @media screen and (min-width: 960px) {
      section.cta-carousel .align-bottom-left .table .cell .center {
        padding-left: 65px;
        padding-right: 65px; } }
  section.cta-carousel .align-center div.button-wrap {
    left: 50%;
    /* top: 50%; */
    transform: translate(-50%, 0);
    margin: 0 !important; }
  section.cta-carousel .align-center-left div.button-wrap {
    position: initial; }
  section.cta-carousel .align-center-left .table .cell {
    padding-top: 95px; }
  section.cta-carousel .button, section.cta-carousel .shopify-challenge__container input[type="submit"], .shopify-challenge__container section.cta-carousel input[type="submit"], section.cta-carousel section.page.flexible #description input[type="submit"], section.page.flexible #description section.cta-carousel input[type="submit"], section.cta-carousel section.page.flexible #description button, section.page.flexible #description section.cta-carousel button, section.cta-carousel body.checkout .btn, body.checkout section.cta-carousel .btn {
    border: 1px solid #ff4616;
    background-color: #ff4616;
    color: #fff; }
    section.cta-carousel .button:hover, section.cta-carousel .shopify-challenge__container input[type="submit"]:hover, .shopify-challenge__container section.cta-carousel input[type="submit"]:hover, section.cta-carousel section.page.flexible #description input[type="submit"]:hover, section.page.flexible #description section.cta-carousel input[type="submit"]:hover, section.cta-carousel section.page.flexible #description button:hover, section.page.flexible #description section.cta-carousel button:hover, section.cta-carousel body.checkout .btn:hover, body.checkout section.cta-carousel .btn:hover {
      background-color: transparent; }

section.section-video.cta-carousel .slider .slick-list .slick-track {
  height: 100%; }

section.section-video.cta-carousel .marquee-slide.slide .table {
  min-height: auto; }

@media screen and (max-width: 959px) {
  .shortcode-landing-top .image-mobile-landing img.spacer {
    width: auto; } }

section.product-lines span.cell span.title.h1.big {
  font-size: 38px; }
  @media screen and (max-width: 959px) {
    section.product-lines span.cell span.title.h1.big {
      font-size: 38px; } }

/* Short code tags styles */
section.big-carousel-image,
section.text-carousel,
section.video-player-with-text,
section.feature-set {
  border: none; }
  section.big-carousel-image .flex-container,
  section.text-carousel .flex-container,
  section.video-player-with-text .flex-container,
  section.feature-set .flex-container {
    height: 700px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 5%; }
    @media screen and (max-width: 959px) {
      section.big-carousel-image .flex-container,
      section.text-carousel .flex-container,
      section.video-player-with-text .flex-container,
      section.feature-set .flex-container {
        height: auto;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0%; } }
    @media screen and (min-width: 1400px) {
      section.big-carousel-image .flex-container,
      section.text-carousel .flex-container,
      section.video-player-with-text .flex-container,
      section.feature-set .flex-container {
        /* height: 800px; */
        padding: 0 10%; } }

section.big-carousel-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  @media screen and (max-width: 959px) {
    section.big-carousel-image {
      background-image: none !important;
      background-color: #F0F0F0; } }
  section.big-carousel-image .flex-container {
    padding: 80px 5%; }
    @media screen and (max-width: 959px) {
      section.big-carousel-image .flex-container {
        height: auto;
        padding: 20px 16px; } }
  section.big-carousel-image .alt-image-landing {
    display: none;
    width: 100%; }
    section.big-carousel-image .alt-image-landing img {
      width: 100%; }
    @media screen and (max-width: 959px) {
      section.big-carousel-image .alt-image-landing {
        display: block; } }
  section.big-carousel-image.text-right-center .flex-container {
    justify-content: flex-end; }
  section.big-carousel-image.text-left-bottom .flex-container {
    align-items: flex-end; }
  section.big-carousel-image.text-right-bottom .flex-container {
    justify-content: flex-end;
    align-items: flex-end; }
  @media screen and (min-width: 960px) {
    section.big-carousel-image.text-white .title, section.big-carousel-image.text-white .description {
      color: #fff; } }
  section.big-carousel-image.no-background {
    background-image: none !important;
    position: relative; }
    section.big-carousel-image.no-background .alt-image-landing {
      display: block; }
    section.big-carousel-image.no-background .flex-container {
      width: 100%;
      height: 100%;
      padding: 4% 5%;
      box-sizing: border-box;
      position: absolute;
      top: 0;
      left: 0; }
      section.big-carousel-image.no-background .flex-container .text-placeholder {
        max-width: 460px;
        width: 100%; }
        section.big-carousel-image.no-background .flex-container .text-placeholder .title-landing {
          font-size: 44px;
          line-height: 42px;
          margin-bottom: 15px; }

section.text-carousel.right-image .flex-container {
  padding-right: 0px; }

section.video-player-with-text .text-placeholder,
section.big-carousel-image .text-placeholder,
section.text-carousel .text-placeholder {
  width: 420px; }
  @media screen and (max-width: 959px) {
    section.video-player-with-text .text-placeholder,
    section.big-carousel-image .text-placeholder,
    section.text-carousel .text-placeholder {
      width: 100%;
      margin-left: 16px !important;
      margin-right: 16px !important; } }
  section.video-player-with-text .text-placeholder .title-landing,
  section.big-carousel-image .text-placeholder .title-landing,
  section.text-carousel .text-placeholder .title-landing {
    margin-top: 0px;
    margin-bottom: 10px; }

section.text-carousel .text-placeholder .title-landing {
  font-size: 38px;
  line-height: 36px;
  margin-bottom: 30px; }

section.text-carousel .image-landing img {
  width: 100%; }

@media screen and (min-width: 960px) {
  section.video-player-with-text .text-placeholder {
    margin: auto; } }

.video-player.contained .video-placeholder {
  max-width: 1040px;
  padding: 70px 0;
  box-sizing: content-box; }
  @media screen and (max-width: 959px) {
    .video-player.contained .video-placeholder {
      padding: 0; } }

/* End Short code tags styles */
.page-patents .page-main {
  margin: 0 auto;
  max-width: 1000px;
  padding: 50px 20px; }
  .page-patents .page-main .page-subtitle {
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 12pt;
    font-weight: 600;
    text-transform: capitalize; }
  .page-patents .page-main .patent-listings {
    margin: 30px 0 0 0; }
    .page-patents .page-main .patent-listings .patent-listing {
      margin-top: 20px;
      padding: 10px;
      height: 100%;
      background: whitesmoke;
      box-sizing: border-box; }
      .page-patents .page-main .patent-listings .patent-listing:first-child {
        margin-top: 0; }
      .page-patents .page-main .patent-listings .patent-listing .patent-listing-title {
        margin: 0 0 10px 0;
        padding: 0;
        font-size: 10pt;
        line-height: 10pt;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px; }
      .page-patents .page-main .patent-listings .patent-listing .patent-listing-patents {
        margin: 0;
        padding: 0;
        font-size: 10pt;
        line-height: 12pt;
        font-weight: 300; }

@media screen and (min-width: 500px) {
  .page-patents .page-main .patent-listings {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px; }
    .page-patents .page-main .patent-listings .patent-listing {
      margin: 0; } }
@media screen and (min-width: 800px) {
  .page-patents .page-main .patent-listings {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px; } }
.page-trademarks .page-main {
  margin: 0 auto;
  max-width: 1000px;
  padding: 50px 20px; }
  .page-trademarks .page-main .page-subtitle {
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 12pt;
    font-weight: 600;
    text-transform: capitalize; }
  .page-trademarks .page-main .trademark-listings {
    margin: 30px 0 0 0; }
    .page-trademarks .page-main .trademark-listings .trademark-listing {
      margin-top: 20px;
      padding: 10px;
      height: 100%;
      background: whitesmoke;
      box-sizing: border-box; }
      .page-trademarks .page-main .trademark-listings .trademark-listing:first-child {
        margin-top: 0; }
      .page-trademarks .page-main .trademark-listings .trademark-listing .trademark-listing-title {
        margin: 0 0 5px 0;
        padding: 0;
        font-size: 10pt;
        line-height: 10pt;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px; }
      .page-trademarks .page-main .trademark-listings .trademark-listing .trademark-listing-subtitle {
        margin: 0;
        padding: 0;
        font-size: 10pt;
        line-height: 10pt;
        font-weight: 300; }

@media screen and (min-width: 500px) {
  .page-trademarks .page-main .trademark-listings {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px; }
    .page-trademarks .page-main .trademark-listings .trademark-listing {
      margin: 0; } }
@media screen and (min-width: 800px) {
  .page-trademarks .page-main .trademark-listings {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px; } }
section.pdp .tabbed .tabbed-inner .tab-content #description ul {
  padding-left: 30px; }

section.pdp .tabbed .tabbed-inner .tab-content #description ul li {
  list-style: initial; }

/* UFE */
.pdp-page .product-details .ufe-wrap {
  margin: 0; }

.pdp-page .product-details .ufe-offer:not(.o2o) .upsellWrapper {
  background: #f8f8f8 !important;
  border-radius: 0;
  border: 0 !important;
  margin: 0 0 15px;
  padding: 25px 22px; }

.pdp-page .product-details .ufe-core .popTitle {
  font-size: 14px;
  text-align: left;
  color: #5a5a5a; }

.pdp-page .product-details .ufe-trigger-product {
  display: none; }

.pdp-page .product-details .upsellTitle a.ufe-has-no-link {
  font-size: 14px;
  font-weight: 900; }

.pdp-page .product-details .ufe-core .upsellContent .ufe-options {
  display: flex;
  align-items: center; }

.pdp-page .product-details .ufe-core .upsellContent .ufe-options .upsellTitle {
  width: 80%; }

.pdp-page .product-details .ufe-core .upsellContent .ufe-options .ufe-price {
  margin: 0 40px; }

.pdp-page .product-details .ufe-core .upsellContent .ufe-options .ufe-variants-wrap {
  display: none; }

.pdp-page .product-details .ufe-widget .ubadge,
.pdp-page .product-details .ufe-widget .ufe-price:not(.ufe-total-price) {
  flex-direction: column; }

.pdp-page .product-details .ufe-widget .ufe-price #uprice {
  font-size: 14px;
  font-weight: normal;
  color: #000 !important;
  order: 1; }

.pdp-page .product-details .ufe-widget .ufe-price #uprice .ufe-trigger-plus {
  display: none; }

.pdp-page .product-details .ufe-widget .ufe-price #ufe-comparePrice {
  font-size: 12px;
  font-weight: normal;
  order: 0; }

.pdp-page .product-details .ufe-fbt label.fbt-chk-wrap.ufe-checkbox {
  position: absolute;
  right: 22px;
  margin: 0; }

.pdp-page .product-details .ufe-fbt label.fbt-chk-wrap.ufe-checkbox span {
  width: 22px;
  height: 22px;
  background-color: transparent;
  border-radius: 0;
  border: 1px solid #e9e9e9;
  box-shadow: none; }

.pdp-page .product-details .ufe-fbt label.fbt-chk-wrap.ufe-checkbox input:checked + span {
  border: 2px solid #ff4616; }

.pdp-page .product-details .ufe-checkbox input:checked + span:after {
  transform: scale(0.8); }

@media (max-width: 544px) {
  .pdp-page .product-details .ufe-checkbox input:checked + span:after {
    margin: 1px; } }
.pdp-page .product-details .ufe-wrap .ubadge {
  display: none; }

.pdp-page .product-details .ufe-btn,
.pdp-page .product-details .ufe-btnd {
  border-radius: 0;
  max-width: 320px;
  justify-content: flex-start;
  padding: 14px 24px !important;
  font-size: 14px;
  font-weight: bold; }

.pdp-page .product-details .ufe-btn:hover,
.pdp-page .product-details .ufe-btnd:hover {
  background-color: #ff4616 !important; }

.ufe-widget + .addtocart {
  /*   display: none; */ }

.external-video img.youtube-video-sample {
  height: 30px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media screen and (max-width: 959px) {
    .external-video img.youtube-video-sample {
      height: 20px; } }
.external-video.big .image-wrap {
  padding: 0 !important;
  height: auto !important;
  margin-top: 110px !important; }
  @media screen and (max-width: 959px) {
    .external-video.big .image-wrap {
      margin-top: 50px !important; } }

/*  badge style */
section.badge .flex-container {
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  color: #fff; }
  @media screen and (max-width: 959px) {
    section.badge .flex-container {
      flex-direction: column; } }
  section.badge .flex-container > div {
    width: 320px;
    margin: 10px;
    font-size: 15px; }
    @media screen and (max-width: 959px) {
      section.badge .flex-container > div {
        width: 90% !important;
        text-align: center !important; } }
  @media screen and (max-width: 959px) {
    section.badge .flex-container .title-landing {
      margin: 0px; } }

/* End badge style */