/* ==========================================================================
   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, body {
  font-family: "Helvetica Neue", 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;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 56px;
  padding-right: 56px; }
  .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; }

/* Hide scroll bar but still allowed to scroll : using previous/next buttons to scroll by plug-ins */
/* 
.items .slick-list {
    overflow: auto;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

.items .slick-list::-webkit-scrollbar { width: 0 !important }
*/
/* End Hide scroll bar */
@-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, section.marquee.title-big h1 {
  font-size: 70px;
  color: #000000;
  letter-spacing: -2.85px;
  line-height: 70px; }
  @media screen and (max-width: 959px) {
    h1.big, .h1-big, section.marquee.title-big h1 {
      font-size: 44px;
      color: #000000;
      letter-spacing: -1px;
      line-height: 46px;
      font-weight: bold; } }

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

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

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

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

p, section.popular-items .items .item .title, .p {
  font-size: 14px;
  color: #000000;
  letter-spacing: 0;
  line-height: 18px; }
  @media screen and (max-width: 959px) {
    p, section.popular-items .items .item .title, .p {
      font-size: 13px;
      color: #000000;
      letter-spacing: 0;
      line-height: 16px; } }

.p-big p, .p-big section.popular-items .items .item .title, section.popular-items .items .item .p-big .title {
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 500; }
  @media screen and (max-width: 959px) {
    .p-big p, .p-big section.popular-items .items .item .title, section.popular-items .items .item .p-big .title {
      font-size: 16px;
      color: #000000;
      letter-spacing: 0;
      line-height: 20px;
      font-weight: 500; } }

.tag {
  border: 1px solid;
  border-color: #C8C8C8;
  border-radius: 10px;
  height: 20px;
  box-sizing: border-box;
  line-height: 18px;
  display: inline-block;
  font-size: 11px;
  color: #000000;
  letter-spacing: 0;
  padding-left: 10px;
  padding-right: 10px;
  background-color: white; }
  .tag.black {
    color: white;
    background-color: black; }

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

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

.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);
  max-width: 1600px;
  margin: 0 auto;
  overflow-x: hidden; }

.underlay {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.1);
  display: none;
  cursor: pointer; }

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.hidden-label {
    font-family: "Helvetica Neue", 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.hidden-label, .input-field.active:not(.checkbox) > label.hidden-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 black; }
  .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: 0px;
      left: 0px;
      pointer-events: 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) {
        .input-field.checkbox::before {
          background-image: url("checkbox@2x.png"); } }
    .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
   ========================================================================== */
header#main .banner {
  min-height: 40px;
  padding-top: 11px;
  padding-bottom: 6px;
  font-size: 12px;
  color: white;
  letter-spacing: 0.5px;
  text-align: center;
  line-height: 16px;
  background-color: #000000;
  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; } }
  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 {
    /* background: url('https://cdn.shopify.com/s/files/1/0040/6015/1843/t/11/assets/icon-truck.png?v=1588863759') left 2px no-repeat; */
    background: url("//cdn.shopify.com/s/files/1/0040/6015/1843/t/11/assets/icon-truck.png?v=17443687512027498217") left 2px no-repeat;
    padding-left: 31px;
    display: inline;
    font-weight: 600;
    line-height: 17px; }
    @media screen and (min-width: 960px) {
      header#main .banner .banner-inner {
        margin-left: 160px;
        margin-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;
        background-position: calc(50% - 100px) 50%; } }
  header#main .banner nav {
    position: absolute;
    left: 5px;
    top: 0px;
    bottom: 0;
    margin: auto;
    height: 19px;
    z-index: 2; }
    @media screen and (max-width: 959px) {
      header#main .banner nav {
        display: none; } }
    header#main .banner nav li {
      display: inline-block;
      margin: 0px 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; }
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;
  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 .content {
    transition: filter 250ms cubic-bezier(0.86, 0, 0.07, 1);
    background-color: white;
    box-shadow: inset 0px -1px 0px 0px #F0F0F0;
    height: 100%; }
  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; }
        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; }
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: 14px;
      color: #000000;
      letter-spacing: 0.3px;
      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: 3px;
        background: black;
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
        bottom: 0px;
        left: 0px; }
      @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.opaque > a, header#main nav .root-nav.desktop li.opaque > button {
      color: #595959; }
    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: 40px;
      padding-bottom: 60px;
      background: white;
      box-shadow: inset 0px -1px 0px 0px #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-around; }
      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 a {
          display: block;
          margin-bottom: 19px;
          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 a: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; }
          @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 a:last-child {
          margin-bottom: 0px; }
        header#main nav .root-nav.desktop li .sub-nav .sub-nav-block .rest a:first-child {
          margin-top: 19px; }
        header#main nav .root-nav.desktop li .sub-nav .sub-nav-block small.title {
          /* margin-bottom: 25px; */
          font-size: 11px;
          color: #595959;
          letter-spacing: 0;
          line-height: 15px;
          display: block; }
      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 .sub-shift div.sub-nav-block:only-child small.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: 10; */
  text-align: right;
  /*display: flex;*/
  /*flex-flow: row;*/ }
  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 {
        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: 2px;
      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;
  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: 36px;
    color: #000000;
    letter-spacing: -1px;
    text-decoration: none;
    display: block;
    line-height: 55px;
    width: 100%; }
  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.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;
    display: block;
    position: relative;
    font-weight: bold;
    font-size: 16px;
    color: #595959;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 2px; }
    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-nav {
    width: auto;
    float: none;
    padding: 0px;
    margin: 0px; }
    header#main #menu-pane footer.main .footer-nav nav small.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 .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; }
  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%); }
  header#main .pane .pane-block {
    padding-top: 10px;
    padding-bottom: 30px; }
    header#main .pane .pane-block .pane-block-title {
      font-weight: bold;
      font-size: 18px;
      color: #595959;
      letter-spacing: -0.5px;
      line-height: 19px;
      padding-bottom: 20px; }
      @media screen and (max-width: 959px) {
        header#main .pane .pane-block .pane-block-title {
          font-size: 16px;
          letter-spacing: 0;
          line-height: 20px;
          padding-bottom: 0px; } }
    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: 36px;
          letter-spacing: -1px;
          line-height: 55px; } }
    @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; } }

body.search-open main,
body.menu-open main,
body.cart-open main,
body.modally-open main,
body.vbox-open main {
  filter: blur(5px); }
body.search-open header#main .content,
body.menu-open header#main .content,
body.cart-open header#main .content,
body.modally-open header#main .content,
body.vbox-open header#main .content {
  filter: blur(5px); }
body.search-open header#main .banner,
body.menu-open header#main .banner,
body.cart-open header#main .banner,
body.modally-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.modally-open footer.blur,
body.vbox-open footer.blur {
  filter: blur(5px); }

body.desktop-menu-open main {
  filter: blur(5px); }
body.desktop-menu-open footer.blur {
  filter: blur(5px); }

body.modally-open header#main .controls, 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; }

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

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 .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; } }
    .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 {
  background-color: black;
  padding-top: 60px;
  padding-bottom: 70px; }
  @media screen and (max-width: 959px) {
    footer.main {
      padding: 40px 40px 20px 40px; } }
  footer.main .footer-nav {
    width: calc(58.33333% - 25.33333px);
    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 a.mobile.brand {
      max-width: 121px;
      height: 41px; }
      footer.main .footer-nav a.mobile.brand img {
        width: 100%; }
    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; } }
      @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; } }
      @media screen and (max-width: 959px) {
        footer.main .footer-nav nav ul li:last-child a {
          padding-bottom: 40px; } }
      @media screen and (min-width: 960px) {
        footer.main .footer-nav nav li a:hover {
          color: rgba(225, 225, 225, 0.54); } }
      @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 {
        font-size: 11px;
        color: #959595;
        letter-spacing: 0;
        line-height: 15px;
        position: relative;
        cursor: pointer; }
        footer.main .footer-nav nav small.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 {
              display: block; } }
        footer.main .footer-nav nav small.title i::before, footer.main .footer-nav nav small.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 {
          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 {
          transform: rotate(0deg); }
        @media screen and (max-width: 959px) {
          footer.main .footer-nav nav small.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.3px;
      line-height: 19px;
      font-weight: bold;
      padding-top: 15px;
      padding-bottom: 15px; }
      @media screen and (max-width: 959px) {
        footer.main .footer-nav a {
          padding-top: 0px;
          padding-bottom: 24px; } }
  footer.main ul {
    list-style: none;
    margin: 0px;
    padding: 0px; }
  footer.main .footer-conect {
    width: calc(25% - 20px);
    float: left;
    margin-left: 16px;
    float: right;
    margin-right: calc(8.33333% - 17.33333px + 32px);
    margin-left: 0px; }
    @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; } }
    footer.main .footer-conect .region-selector {
      font-size: 11px;
      color: #959595;
      letter-spacing: 0;
      line-height: 16px;
      text-align: right;
      padding-bottom: 40px; }
      footer.main .footer-conect .region-selector .wrap {
        display: inline-block;
        position: relative; }
      footer.main .footer-conect .region-selector .select-pane {
        position: absolute;
        bottom: 24px;
        background: white;
        width: 100%;
        text-align: left;
        padding: 8px 16px;
        right: -16px;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 1px #959595;
        display: none; }
        footer.main .footer-conect .region-selector .select-pane a {
          font-size: 12px;
          color: black;
          letter-spacing: 0.3px;
          line-height: 20px;
          font-weight: bold;
          text-decoration: none;
          padding-bottom: 8px;
          padding-top: 8px;
          opacity: 1;
          display: block;
          transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
          @media screen and (max-width: 959px) {
            footer.main .footer-conect .region-selector .select-pane a {
              line-height: 32px;
              padding-bottom: 0px;
              padding-top: 0px;
              margin-bottom: 16px;
              margin-top: 16px; } }
          @media screen and (min-width: 960px) {
            footer.main .footer-conect .region-selector .select-pane a:hover {
              opacity: 0.54; } }
          footer.main .footer-conect .region-selector .select-pane a i {
            margin-right: 5px; }
      @media screen and (max-width: 959px) {
        footer.main .footer-conect .region-selector {
          text-align: center;
          padding-bottom: 20px; }
          footer.main .footer-conect .region-selector .select-pane {
            padding: 1px 16px; } }
      footer.main .footer-conect .region-selector .selector {
        text-decoration: none;
        font-size: 11px;
        color: #959595;
        cursor: pointer; }
        footer.main .footer-conect .region-selector .selector > * {
          display: inline-block;
          vertical-align: middle; }
        footer.main .footer-conect .region-selector .selector i {
          margin-right: 5px; }
        footer.main .footer-conect .region-selector .selector .value {
          color: white;
          text-decoration: underline;
          margin-left: 7px;
          margin-right: 10px; }
        footer.main .footer-conect .region-selector .selector .arrow::before {
          content: "";
          display: inline-block;
          width: 8px;
          height: 8px;
          border-left: solid 1px rgba(255, 255, 255, 0.6);
          border-bottom: solid 1px rgba(255, 255, 255, 0.6);
          transform: rotate(-45deg);
          position: relative;
          top: -1px;
          transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
      footer.main .footer-conect .region-selector.active .selector .arrow::before {
        transform: rotate(135deg);
        top: 3px; }
    footer.main .footer-conect nav {
      text-align: right;
      padding-bottom: 25px; }
      @media screen and (max-width: 959px) {
        footer.main .footer-conect nav {
          text-align: center;
          padding-bottom: 40px; } }
      footer.main .footer-conect nav ul {
        display: flex;
        flex-flow: row;
        justify-content: flex-end; }
        @media screen and (max-width: 959px) {
          footer.main .footer-conect nav ul {
            justify-content: space-between; } }
        footer.main .footer-conect nav ul li:first-child {
          padding-left: 0px; }
        footer.main .footer-conect nav ul li:last-child {
          padding-right: 0px; }
        footer.main .footer-conect nav ul li {
          display: inline-block;
          padding-right: 10px;
          padding-left: 10px; }
          @media screen and (max-width: 959px) {
            footer.main .footer-conect nav ul li {
              padding-right: 0px;
              padding-left: 0px; } }
          footer.main .footer-conect nav ul li a {
            opacity: 1;
            transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
            @media screen and (min-width: 960px) {
              footer.main .footer-conect nav ul li a:hover {
                opacity: 0.54; } }
    footer.main .footer-conect .copy {
      font-size: 11px;
      color: #959595;
      letter-spacing: 0;
      text-align: right;
      line-height: 15px; }
      @media screen and (max-width: 959px) {
        footer.main .footer-conect .copy {
          text-align: center; } }
    footer.main .footer-conect .newsletter {
      padding-bottom: 40px; }
      footer.main .footer-conect .newsletter .newsletter-success {
        color: white;
        font-weight: 500;
        text-align: right; }
      footer.main .footer-conect .newsletter .newsletter-form {
        position: relative; }
      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: white;
        border-radius: 0px;
        -webkit-appearance: none;
        -moz-appearance: none;
        position: absolute;
        border: none;
        top: 1px;
        right: 1px;
        cursor: pointer;
        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("email-84.png");
          background-size: 20px 16px;
          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("email-84@2x.png"); } }
        @media screen and (min-width: 960px) {
          footer.main .footer-conect .newsletter .sign-up-button:hover {
            background-color: #757575; }
            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: solid 1px black;
        box-shadow: none;
        border-radius: 0px;
        background: white;
        padding: 0px;
        height: 40px;
        line-height: 38px;
        box-sizing: border-box;
        padding-left: 12px;
        padding-right: 40px;
        font-family: "Helvetica Neue", sans-serif;
        width: 100%;
        font-size: 14px;
        color: black;
        letter-spacing: 0;
        line-height: 18px; }
        footer.main .footer-conect .newsletter input[type="email"]::placeholder, footer.main .footer-conect .newsletter input[type="text"]::placeholder {
          color: #595959; }

/* ==========================================================================
  ICONS
  ========================================================================== */
.stars-mock {
  background-image: url("Stars.png");
  background-size: 73px 14px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 73px;
  height: 14px;
  line-height: 14px;
  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-mock {
      background-image: url("Stars@2x.png"); } }
  @media screen and (max-width: 959px) {
    .stars-mock {
      background-image: url("Stars.png");
      background-size: 52px 10px;
      background-position: center center;
      background-repeat: no-repeat;
      display: inline-block;
      width: 52px;
      height: 10px;
      line-height: 10px;
      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) {
      .stars-mock {
        background-image: url("Stars@2x.png"); } }

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

.region-us {
  background-image: url("region.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;
  border-radius: 8px;
  overflow: hidden; }
  @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) {
    .region-us {
      background-image: url("region@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-visa {
  background-image: url("visa.png");
  background-size: 29px 18px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 29px;
  height: 18px;
  line-height: 18px;
  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-visa {
      background-image: url("visa@2x.png"); } }

.icon-american {
  background-image: url("american-express.png");
  background-size: 29px 18px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 29px;
  height: 18px;
  line-height: 18px;
  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-american {
      background-image: url("american-express@2x.png"); } }

.icon-master {
  background-image: url("master-card.png");
  background-size: 29px 18px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 29px;
  height: 18px;
  line-height: 18px;
  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-master {
      background-image: url("master-card@2x.png"); } }

.icon-pal {
  background-image: url("paypal.png");
  background-size: 29px 18px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 29px;
  height: 18px;
  line-height: 18px;
  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-pal {
      background-image: url("paypal@2x.png"); } }

.icon-affirm {
  background-image: url("affirm.png");
  background-size: 50px 21px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 50px;
  height: 21px;
  line-height: 21px;
  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-affirm {
      background-image: url("affirm@2x.png"); } }

.icon-description {
  background-image: url("description.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("description@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("specs.png");
  background-size: 24px 22px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 22px;
  line-height: 22px;
  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-specs {
      background-image: url("specs@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-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: 21px 21px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 21px;
  height: 21px;
  line-height: 21px;
  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-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-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-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"); } }

/* ==========================================================================
   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 {
  /* Hiding scroll bar in above code */
  /* 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: #979797; }
      .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: #F0F0F0;
    border: solid 1px #F0F0F0;
    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: #F0F0F0;
      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.product .image-wrap {
    padding: 17px; }
    @media screen and (min-width: 960px) {
      .item.product .image-wrap:hover .image .second {
        opacity: 1; } }
    @media screen and (max-width: 959px) {
      .item.product .image-wrap {
        padding: 10px; } }
    .item.product .image-wrap .tags {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 1; }
    .item.product .image-wrap .tags .tag {
      display: none;
      margin-right: 4px; }
    .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 .description {
    padding: 20px;
    padding-bottom: 30px; }
    @media screen and (max-width: 959px) {
      .item.product .description {
        padding: 10px; } }
    .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 .colors {
    position: absolute;
    bottom: 7px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 19px;
    padding-right: 19px;
    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;
        padding-left: 10px;
        padding-right: 10px; } }
    .item.product .colors .color {
      width: 20px;
      height: 20px;
      border-radius: 10px;
      float: left;
      background-size: 25px;
      background-position: center;
      background-repeat: no-repeat;
      margin-right: 4px;
      box-shadow: 0px 0px 0px 1px #C8C8C8;
      margin-top: 4px; }
      @media screen and (max-width: 959px) {
        .item.product .colors .color {
          width: 10px;
          height: 10px;
          border-radius: 5px;
          margin-right: 2px; } }

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

section.category, section.collection {
  padding-top: 80px;
  padding-bottom: 75px; }
  @media screen and (max-width: 959px) {
    section.category, section.collection {
      padding-top: 40px;
      padding-bottom: 35px; } }
  section.category .category-title, section.collection .category-title {
    margin-top: 0px;
    margin-bottom: 20px; }
    @media screen and (max-width: 959px) {
      section.category .category-title, section.collection .category-title {
        margin-bottom: 30px;
        padding-right: 50px; } }
    section.category .category-title a, section.collection .category-title a {
      font-weight: bold;
      font-size: 14px;
      color: #000000;
      letter-spacing: 0.3px;
      line-height: 18px;
      vertical-align: bottom;
      margin-left: 20px;
      display: inline; }
  @media screen and (max-width: 959px) {
    section.category .item, section.collection .item {
      width: 176px; } }

section.categories {
  padding-top: 80px;
  padding-bottom: 75px; }
  @media screen and (max-width: 959px) {
    section.categories {
      padding-top: 40px;
      padding-bottom: 35px; } }
  section.categories .category-title {
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    letter-spacing: -0.5px;
    line-height: 19px;
    margin-bottom: 40px; }
    @media screen and (max-width: 959px) {
      section.categories .category-title {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px;
        margin-bottom: 20px; } }
  section.categories .items {
    opacity: 0;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }

.categories .items .item.smaller .image-wrap, .categories-list .items .item.smaller .image-wrap {
  padding: 30px 20px; }
.categories .items .item.smaller .title, .categories-list .items .item.smaller .title {
  top: 10px;
  left: 18px;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px; }
  @media screen and (max-width: 959px) {
    .categories .items .item.smaller .title, .categories-list .items .item.smaller .title {
      left: 15px; } }
@media screen and (max-width: 959px) {
  .categories .items .item, .categories-list .items .item {
    width: 186px; } }
.categories .items .item .image-wrap, .categories-list .items .item .image-wrap {
  padding: 72px 48px; }
  @media screen and (max-width: 959px) {
    .categories .items .item .image-wrap, .categories-list .items .item .image-wrap {
      height: 196px;
      padding: 30px 20px; } }
.categories .items .item .title, .categories-list .items .item .title {
  font-weight: bold;
  font-size: 18px;
  color: #505050;
  letter-spacing: -0.5px;
  line-height: 19px;
  position: absolute;
  top: 20px;
  left: 20px; }
  @media screen and (max-width: 959px) {
    .categories .items .item .title, .categories-list .items .item .title {
      top: 10px;
      left: 15px;
      font-size: 16px;
      letter-spacing: 0;
      line-height: 20px; } }

section.categories-list {
  padding-top: 80px;
  padding-bottom: 24px; }
  @media screen and (max-width: 959px) {
    section.categories-list {
      padding-top: 40px; } }
  section.categories-list .items {
    margin-left: -8px;
    margin-right: -8px; }
    @media screen and (max-width: 959px) {
      section.categories-list .items {
        margin-left: -5px;
        margin-right: -5px; } }
    section.categories-list .items .item {
      padding-bottom: 16px;
      width: 33.333%; }
      @media screen and (max-width: 959px) {
        section.categories-list .items .item {
          width: 50%;
          padding-bottom: 10px; } }
      @media screen and (max-width: 959px) {
        section.categories-list .items .item .image-wrap {
          height: 100%; } }
  section.categories-list h2 {
    margin-top: 0px;
    margin-bottom: 40px; }
    @media screen and (max-width: 959px) {
      section.categories-list h2 {
        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.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 .space-below, section.big-carousel .space-below {
    border-bottom: 15px solid #fff; }
  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 .text-not-contained .text, section.big-carousel .text-not-contained .text {
    max-width: 575px; }
  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; } }
    section.carousel-image-huge .slide.full-width, section.big-carousel .slide.full-width {
      background: none !important; }
      section.carousel-image-huge .slide.full-width .top, section.big-carousel .slide.full-width .top {
        display: block; }
    @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 section.carousel-image-huge .slide.invert #description > 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 section.big-carousel .slide.invert #description > 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 section.carousel-image-huge .slide.invert #description > 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 section.big-carousel .slide.invert #description > 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: 50px;
  padding-bottom: 100px; }
  @media screen and (max-width: 959px) {
    section.title-text {
      padding-top: 20px;
      padding-bottom: 40px; } }
  section.title-text.white .title h1, section.title-text.invert .title h1 {
    color: white; }
  section.title-text.white .title p, section.title-text.white .title section.popular-items .items .item .title, section.popular-items .items .item section.title-text.white .title .title, section.title-text.invert .title p, section.title-text.invert .title section.popular-items .items .item .title, section.popular-items .items .item section.title-text.invert .title .title {
    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; }
    section.title-text .title p, section.title-text .title section.popular-items .items .item .title, section.popular-items .items .item section.title-text .title .title {
      max-width: 60%; }
      @media screen and (max-width: 959px) {
        section.title-text .title p, section.title-text .title section.popular-items .items .item .title, section.popular-items .items .item section.title-text .title .title {
          max-width: 100%;
          margin-bottom: 0px; } }
  section.title-text .text {
    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.title-text .text {
        width: calc(100% - 32px);
        float: left;
        margin-left: 16px;
        margin-left: calc(0% - 16px + 32px);
        padding-top: 40px; } }
    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 {
      color: #505050;
      padding-top: 0px;
      margin-top: 0px; }

section.marquee {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #F8F8F8;
  color: black; }
  section.marquee .content {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px; }
  section.marquee.has-logo .content {
    margin: 0;
    padding: 0 16px; }
  section.marquee .table {
    position: relative;
    z-index: 1; }
  section.marquee.index, section.marquee.cta {
    color: black;
    background-color: white; }
    @media screen and (max-width: 959px) {
      section.marquee.index, section.marquee.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 {
          background: rgba(0, 0, 0, 0) !important; }
        section.marquee.index .image-wrap, section.marquee.cta .image-wrap {
          display: block; } }
    @media screen and (min-width: 960px) {
      section.marquee.index .table, section.marquee.cta .table {
        min-height: 700px; } }
    @media screen and (max-width: 959px) {
      section.marquee.index .table .cell, section.marquee.cta .table .cell {
        padding: 0px; } }
  section.marquee .cell {
    padding-top: 120px;
    padding-bottom: 40px;
    box-sizing: border-box; }
    @media screen and (max-width: 959px) {
      section.marquee .cell {
        padding-top: 40px; } }
  section.marquee.dark .table {
    background: rgba(0, 0, 0, 0.2); }
  section.marquee.darkest .table {
    background: rgba(0, 0, 0, 0.4); }
  section.marquee.light .table {
    background: rgba(255, 255, 255, 0.2); }
  section.marquee.lightest .table {
    background: rgba(255, 255, 255, 0.4); }
  section.marquee.size-min .table {
    min-height: 280px; }
    @media screen and (max-width: 959px) {
      section.marquee.size-min .table {
        min-height: 180px; } }
  section.marquee.size-med .table {
    min-height: 491px; }
    @media screen and (max-width: 959px) {
      section.marquee.size-med .table {
        min-height: 180px; } }
  section.marquee.size-big .table {
    min-height: 639px; }
    @media screen and (max-width: 959px) {
      section.marquee.size-big .table {
        min-height: 180px; } }
  section.marquee.size-max .table {
    min-height: 800px; }
    @media screen and (max-width: 959px) {
      section.marquee.size-max .table {
        min-height: 180px; } }
  section.marquee.align-bottom .cell {
    vertical-align: bottom; }
  section.marquee.color-white {
    color: white;
    background-color: #505050; }
  section.marquee.align-center {
    text-align: center; }
    section.marquee.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 {
      margin-top: 10px;
      max-width: 400px;
      margin-left: auto;
      margin-right: auto; }
  section.marquee.align-right {
    text-align: right; }
    section.marquee.align-right h1 {
      float: right;
      clear: both; }
    section.marquee.align-right .supertitle {
      float: right;
      clear: both; }
    section.marquee.align-right .button-wrap {
      float: right;
      clear: both; }
    section.marquee.align-right .description {
      float: right;
      clear: both; }
  section.marquee.blank {
    color: black;
    background: white; }
    section.marquee.blank .table {
      min-height: 200px; }
      @media screen and (max-width: 959px) {
        section.marquee.blank .table {
          min-height: 120px; } }
      section.marquee.blank .table .cell {
        padding-top: 20px;
        padding-bottom: 20px; }
  section.marquee.description-big .p1, section.marquee.description-big.align-center .p1 {
    font-size: 22px;
    margin-top: 15px; }
  section.marquee.slide {
    position: relative; }
    section.marquee.slide .table {
      min-height: 600px; }
      @media screen and (max-width: 959px) {
        section.marquee.slide .table {
          min-height: 368px; } }
      section.marquee.slide .table .cell {
        padding-top: 40px;
        padding-bottom: 40px; }
        section.marquee.slide .table .cell .button-wrap {
          margin-top: 30px; }
  section.marquee.collection-marquee .table {
    min-height: 360px; }
    @media screen and (max-width: 959px) {
      section.marquee.collection-marquee .table {
        min-height: 180px; } }
  section.marquee.banner .table {
    min-height: 500px; }
    @media screen and (max-width: 959px) {
      section.marquee.banner .table {
        min-height: 280px; } }
    section.marquee.banner .table .cell {
      padding-top: 20px;
      padding-bottom: 20px; }
      section.marquee.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 {
        margin-top: 20px;
        max-width: 433px;
        margin-left: auto;
        margin-right: auto; }
  section.marquee.cta .table {
    min-height: 480px; }
    @media screen and (max-width: 959px) {
      section.marquee.cta .table {
        min-height: 280px; } }
    section.marquee.cta .table .cell {
      padding-top: 0px;
      padding-bottom: 0px; }
      @media screen and (min-width: 960px) {
        section.marquee.cta .table .cell {
          padding-top: 20px;
          padding-bottom: 20px; } }
  section.marquee.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 {
        width: calc(100% - 32px);
        float: left;
        margin-left: 16px; } }
  section.marquee .content-logo {
    margin-bottom: 15px; }
    section.marquee .content-logo img {
      max-width: 300px;
      width: auto; }
  section.marquee h1 {
    max-width: 576px;
    margin: 0 0 10px; }
  section.marquee .image-wrap {
    display: none; }
  section.marquee p, section.marquee section.popular-items .items .item .title, section.popular-items .items .item section.marquee .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 {
        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 {
    margin-top: 10px;
    max-width: 400px; }
  section.marquee .button-wrap {
    margin-top: 30px; }
  @media screen and (max-width: 959px) {
    section.marquee.index .supertitle, section.marquee.cta .supertitle {
      margin-top: 30px; } }
  section.marquee .image-wrap {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  section.marquee.color-white.index, section.marquee.color-white.cta {
    color: white;
    background-color: black; }
    @media screen and (max-width: 959px) {
      section.marquee.color-white.index, section.marquee.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 section.marquee.color-white #description > button, section.marquee.color-white body.checkout .btn, body.checkout section.marquee.color-white .btn {
    border: 1px solid black;
    background-color: black;
    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 section.marquee.color-white #description > button:hover, section.marquee.color-white body.checkout .btn:hover, body.checkout section.marquee.color-white .btn:hover {
        background-color: transparent; } }

section.video-marquee {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  background-color: black; }
  section.video-marquee .table {
    height: 626px; }
    @media screen and (max-width: 959px) {
      section.video-marquee .table {
        height: 220px; } }
    section.video-marquee .table .cell {
      padding-bottom: 20px;
      vertical-align: bottom; }
      @media screen and (max-width: 959px) {
        section.video-marquee .table .cell {
          padding-bottom: 16px; } }
  section.video-marquee .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.video-marquee .content {
        width: calc(100% - 32px);
        float: left;
        margin-left: 16px;
        margin-left: calc(0% - 16px + 32px); } }
  section.video-marquee .play-button {
    margin-bottom: 16px; }
    @media screen and (max-width: 959px) {
      section.video-marquee .play-button {
        margin-bottom: 10px; } }
  section.video-marquee .hash-tags {
    font-size: 11px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 15px;
    margin-bottom: 5px; }
  section.video-marquee .title {
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    /* letter-spacing: -0.5px; */
    line-height: 19px; }
    section.video-marquee .title .time {
      display: inline-block;
      margin-left: 20px;
      color: #595959; }
  section.video-marquee.invert {
    background-color: white; }
    section.video-marquee.invert .play-button {
      filter: invert(1); }
    section.video-marquee.invert .hash-tags {
      color: black; }
    section.video-marquee.invert .title {
      color: black; }
  section.video-marquee.blend .play-button {
    mix-blend-mode: difference; }
  section.video-marquee.blend .hash-tags {
    mix-blend-mode: difference; }
  section.video-marquee.blend .title {
    mix-blend-mode: difference; }
  section.video-marquee section.title-text {
    padding-top: 0px;
    padding-bottom: 60px; }

@media screen and (max-width: 959px) {
  section.video-marquee-combined {
    background: #F8F8F8;
    border-bottom: solid 1px #C8C8C8; } }
section.video-marquee-combined section.video-marquee {
  background-color: black; }
  @media screen and (min-width: 960px) {
    section.video-marquee-combined section.video-marquee .table {
      height: 900px; } }
section.video-marquee-combined.blend section.video-marquee .play-button {
  mix-blend-mode: difference; }
section.video-marquee-combined.blend section.video-marquee .hash-tags {
  mix-blend-mode: difference; }
section.video-marquee-combined.blend section.video-marquee .title {
  mix-blend-mode: difference; }
section.video-marquee-combined.blend section.title-text .title h1 {
  mix-blend-mode: difference; }
  @media screen and (max-width: 959px) {
    section.video-marquee-combined.blend section.title-text .title h1 {
      color: white; } }
section.video-marquee-combined.blend section.title-text .title p, section.video-marquee-combined.blend section.title-text .title section.popular-items .items .item .title, section.popular-items .items .item section.video-marquee-combined.blend section.title-text .title .title {
  mix-blend-mode: difference; }
  @media screen and (max-width: 959px) {
    section.video-marquee-combined.blend section.title-text .title p, section.video-marquee-combined.blend section.title-text .title section.popular-items .items .item .title, section.popular-items .items .item section.video-marquee-combined.blend section.title-text .title .title {
      color: white; } }
@media screen and (min-width: 960px) {
  section.video-marquee-combined.blend section.title-text .text p, section.video-marquee-combined.blend section.title-text .text section.popular-items .items .item .title, section.popular-items .items .item section.video-marquee-combined.blend section.title-text .text .title, section.video-marquee-combined.blend section.title-text .text p a, section.video-marquee-combined.blend section.title-text .text section.popular-items .items .item .title a, section.popular-items .items .item section.video-marquee-combined.blend section.title-text .text .title a, section.video-marquee-combined.blend section.title-text .text a {
    mix-blend-mode: difference; } }
section.video-marquee-combined.invert-above-image section.video-marquee {
  color: white;
  background-color: #F8F8F8; }
  section.video-marquee-combined.invert-above-image section.video-marquee .play-button {
    filter: invert(1); }
  section.video-marquee-combined.invert-above-image section.video-marquee .hash-tags {
    color: black; }
  section.video-marquee-combined.invert-above-image section.video-marquee .title {
    color: black; }
section.video-marquee-combined.invert {
  border: none; }
  section.video-marquee-combined.invert section.video-marquee {
    color: black;
    background-color: #F8F8F8; }
    section.video-marquee-combined.invert section.video-marquee .play-button {
      filter: invert(1); }
    section.video-marquee-combined.invert section.video-marquee .hash-tags {
      color: black; }
    section.video-marquee-combined.invert section.video-marquee .title {
      color: black; }
  section.video-marquee-combined.invert section.title-text .title h1 {
    color: black; }
  section.video-marquee-combined.invert section.title-text .title p, section.video-marquee-combined.invert section.title-text .title section.popular-items .items .item .title, section.popular-items .items .item section.video-marquee-combined.invert section.title-text .title .title {
    color: black; }
  section.video-marquee-combined.invert section.title-text .text p, section.video-marquee-combined.invert section.title-text .text section.popular-items .items .item .title, section.popular-items .items .item section.video-marquee-combined.invert section.title-text .text .title, section.video-marquee-combined.invert section.title-text .text p a, section.video-marquee-combined.invert section.title-text .text section.popular-items .items .item .title a, section.popular-items .items .item section.video-marquee-combined.invert section.title-text .text .title a, section.video-marquee-combined.invert section.title-text .text a {
    color: black; }
  @media screen and (max-width: 959px) {
    section.video-marquee-combined.invert section.title-text {
      background-color: black; }
      section.video-marquee-combined.invert section.title-text .title h1 {
        color: white; }
      section.video-marquee-combined.invert section.title-text .title p, section.video-marquee-combined.invert section.title-text .title section.popular-items .items .item .title, section.popular-items .items .item section.video-marquee-combined.invert section.title-text .title .title, section.video-marquee-combined.invert section.title-text .title p a, section.video-marquee-combined.invert section.title-text .title section.popular-items .items .item .title a, section.popular-items .items .item section.video-marquee-combined.invert section.title-text .title .title a, section.video-marquee-combined.invert section.title-text .title a {
        color: white; }
      section.video-marquee-combined.invert section.title-text .text p, section.video-marquee-combined.invert section.title-text .text section.popular-items .items .item .title, section.popular-items .items .item section.video-marquee-combined.invert section.title-text .text .title, section.video-marquee-combined.invert section.title-text .text p a, section.video-marquee-combined.invert section.title-text .text section.popular-items .items .item .title a, section.popular-items .items .item section.video-marquee-combined.invert section.title-text .text .title a, section.video-marquee-combined.invert section.title-text .text a {
        color: white; } }

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

section.carousel {
  padding-top: 40px;
  padding-bottom: 47px; }
  @media screen and (max-width: 959px) {
    section.carousel {
      padding-top: 20px;
      padding-bottom: 42px; } }
  section.carousel .slides {
    opacity: 0;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
    section.carousel .slides::after {
      clear: both;
      content: "";
      display: table; }
    section.carousel .slides .slick-list {
      margin-left: -8px;
      margin-right: -8px; }
      @media screen and (max-width: 959px) {
        section.carousel .slides .slick-list {
          margin-left: -5px;
          margin-right: -5px; } }
  @media screen and (min-width: 960px) {
    section.carousel.bigger .center.above {
      padding-left: 40px;
      padding-right: 40px; }
      section.carousel.bigger .center.above::after {
        clear: both;
        content: "";
        display: table; }
      section.carousel.bigger .center.above .slides {
        width: calc(58.33333% - 25.33333px);
        float: left;
        margin-left: 16px;
        margin-left: calc(8.33333% - 17.33333px + 32px); }
    section.carousel.bigger .slick-controls .controls-landing .slick-dots {
      margin-left: calc(8.33333% - 17.33333px + 19px); } }
  section.carousel.invert {
    background: black;
    color: white; }
    section.carousel.invert h3 {
      color: white; }
    section.carousel.invert .slick-controls .controls-landing .slick-dots li:not(.slick-active) button {
      border-color: black; }
    section.carousel.invert .slide .content p, section.carousel.invert .slide .content section.popular-items .items .item .title, section.popular-items .items .item section.carousel.invert .slide .content .title {
      color: #959595; }
    section.carousel.invert .slide .content p a, section.carousel.invert .slide .content section.popular-items .items .item .title a, section.popular-items .items .item section.carousel.invert .slide .content .title a {
      color: white; }
  section.carousel .image-wrap {
    position: relative;
    background-color: #F8F8F8; }
    section.carousel .image-wrap .image {
      position: absolute;
      top: 0px;
      left: 0px;
      height: 100%;
      width: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
  section.carousel .slide {
    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) {
      section.carousel .slide {
        padding-left: 5px;
        padding-right: 5px;
        width: 270px; } }
    section.carousel .slide .time {
      position: absolute;
      top: 16px;
      left: 16px;
      background: black;
      color: white;
      line-height: 34px;
      min-width: 68px;
      text-align: center;
      font-size: 16px;
      font-weight: normal;
      z-index: 1; }
    section.carousel .slide h3 {
      margin-top: 40px;
      margin-bottom: 14px; }
      @media screen and (max-width: 959px) {
        section.carousel .slide h3 {
          margin-top: 20px;
          margin-bottom: 10px; } }
    section.carousel .slide .content {
      max-width: 433px; }
      section.carousel .slide .content p, section.carousel .slide .content section.popular-items .items .item .title, section.popular-items .items .item section.carousel .slide .content .title {
        color: #595959;
        margin-top: 0px; }
  @media screen and (min-width: 960px) {
    section.carousel .slick-controls .controls-landing {
      top: -50px; } }

#description {
  visibility: hidden; }

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

@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; }
    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 .larger-button {
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 10px; }
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%; }
  @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 #F8F8F8; }
  section.pdp .product-images.side .slide.slick-current .image-wrap {
    border-color: #979797; }
  @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: linear-gradient(0deg, rgba(255,255,255,0.00) 1%, #FFFFFF 61%);*/
      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: linear-gradient(180deg, rgba(255,255,255,0.00) 1%, #FFFFFF 61%);*/
      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 {
  font-size: 14px;
  color: #595959;
  letter-spacing: 0;
  line-height: 18px; }
  @media screen and (max-width: 959px) {
    section.pdp {
      font-size: 13px;
      line-height: 16px; } }
  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; }
    section.pdp .rating span {
      display: inline-block; }
    section.pdp .rating span.value {
      text-decoration: underline; }
    @media screen and (min-width: 960px) {
      section.pdp .rating:hover span.value {
        text-decoration: none; } }
    section.pdp .rating .stars {
      margin-right: 5px; }
  section.pdp .product-details-main {
    margin-bottom: 20px; }
    section.pdp .product-details-main h1 {
      margin-top: 10px;
      margin-bottom: 10px; }
    @media screen and (min-width: 960px) {
      section.pdp .product-details-main {
        margin-bottom: 40px; } }
    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: 30px; }
  section.pdp .variants {
    margin-top: 40px;
    margin-bottom: 40px; }
    @media screen and (max-width: 959px) {
      section.pdp .variants {
        margin-top: 20px;
        margin-bottom: 0px;
        padding-bottom: 10px; }
        section.pdp .variants .color {
          margin-top: 0px;
          margin-bottom: 10px; } }
  section.pdp .payments {
    font-size: 11px;
    color: #595959;
    letter-spacing: 0;
    line-height: 15px;
    margin-top: 40px; }
    @media screen and (max-width: 959px) {
      section.pdp .payments {
        margin-top: 10px; } }
    section.pdp .payments .label {
      margin-bottom: 10px; }
      @media screen and (max-width: 959px) {
        section.pdp .payments .label {
          display: inline-block; } }
    section.pdp .payments i, section.pdp .payments span {
      display: inline-block;
      vertical-align: text-bottom; }
    section.pdp .payments i {
      padding-right: 5px; }
      section.pdp .payments i.icon-pal {
        margin-right: 13px; }

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

body.pdp-page footer {
  padding-bottom: 70px; }

.tooltip {
  left: 0px;
  top: 80px;
  position: fixed;
  width: 100%;
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  line-height: 50px;
  height: 0px;
  display: none;
  box-shadow: inset 0 -1px 0 0 #C8C8C8, inset 0 1px 0 0 #C8C8C8;
  background-color: #F8F8F8;
  z-index: 999;
  overflow: hidden; }
  @media screen and (max-width: 959px) {
    .tooltip {
      display: none; } }
  .tooltip::after {
    clear: both;
    content: "";
    display: table; }
  .tooltip .title {
    padding-left: 20px;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    position: absolute;
    left: 0px; }
  .tooltip .variants, .tooltip .to-cart {
    float: right; }
  .tooltip .to-cart {
    width: 20%;
    min-width: 250px;
    max-width: 320px; }
  .tooltip .variants {
    padding-top: 1px;
    margin-top: 1px;
    padding-right: 10px;
    padding-bottom: 2px;
    background-color: #F8F8F8;
    line-height: 44px;
    background-color: #F8F8F8; }
    @media screen and (min-width: 960px) {
      .tooltip .variants .color:hover {
        box-shadow: 0px 0px 0px 2px black; }
        .tooltip .variants .color:hover span.title {
          opacity: 1;
          top: 50%;
          left: -5px;
          transform: translateX(-100%) translateY(-50%);
          z-index: 10; } }

section.pdp .tabbed {
  margin-top: 80px;
  margin-bottom: 80px; }
  @media screen and (max-width: 959px) {
    section.pdp .tabbed {
      margin-top: 0px;
      margin-bottom: 20px; } }
  section.pdp .tabbed .tabbed-inner {
    max-width: 690px;
    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: 8px;
      padding-right: 8px;
      min-width: 180px; }
      section.pdp .tabbed .tabs .tab .tab-inner {
        height: 50px;
        box-shadow: inset 0px -1px 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 -2px 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; */
    display: none;
    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; */
      display: block;
      z-index: 5; }
    section.pdp .tabbed .tab-content h3 {
      margin-top: 0px;
      margin-bottom: 40px; }
      @media screen and (max-width: 959px) {
        section.pdp .tabbed .tab-content h3 {
          margin-top: 0px;
          margin-bottom: 20px; } }
    section.pdp .tabbed .tab-content .actual-content {
      padding-top: 40px; }
      @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 {
    display: block;
    font-size: 14px;
    color: #595959;
    letter-spacing: 0;
    line-height: 18px;
    margin-top: 10px; }
    @media screen and (max-width: 959px) {
      .spec-block small.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; }

body.tooltip-activated .tooltip {
  height: 50px;
  display: block; }

.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: 35px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
    @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 {
  font-size: 11px;
  color: #595959;
  letter-spacing: 0;
  line-height: 15px;
  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: -5px;
    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;
  display: none; }
  .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; } }

section.collection-marquee .on-mobile {
  display: none; }
  @media screen and (max-width: 959px) {
    section.collection-marquee .on-mobile {
      display: block; } }
section.collection-marquee .on-desktop {
  display: block; }
  @media screen and (max-width: 959px) {
    section.collection-marquee .on-desktop {
      display: none; } }
section.collection-marquee .background {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f0f0f0; }
section.collection-marquee h1 {
  margin-top: 10px;
  margin-bottom: 0px; }
  @media screen and (max-width: 959px) {
    section.collection-marquee h1 {
      margin-top: 5px; } }
section.collection-marquee .description {
  margin-top: 10px;
  max-width: 432px;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px; }
  @media screen and (max-width: 959px) {
    section.collection-marquee .description {
      font-size: 13px;
      letter-spacing: 0;
      line-height: 16px; } }
  section.collection-marquee .description p, section.collection-marquee .description section.popular-items .items .item .title, section.popular-items .items .item section.collection-marquee .description .title {
    margin: 0px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px; }
    @media screen and (max-width: 959px) {
      section.collection-marquee .description p, section.collection-marquee .description section.popular-items .items .item .title, section.popular-items .items .item section.collection-marquee .description .title {
        font-size: 13px;
        letter-spacing: 0;
        line-height: 16px; } }
section.collection-marquee .button-wrap {
  margin-top: 20px; }
section.collection-marquee.darken .table {
  background: rgba(0, 0, 0, 0.2); }
section.collection-marquee.darkest .table {
  background: rgba(0, 0, 0, 0.4); }
section.collection-marquee.whiten .table {
  background: rgba(255, 255, 255, 0.2); }
section.collection-marquee.whitest .table {
  background: rgba(255, 255, 255, 0.4); }
section.collection-marquee.text-middle .table .cell {
  vertical-align: middle; }
section.collection-marquee.text-top .table .cell {
  vertical-align: top; }
section.collection-marquee .table {
  min-height: 383px;
  top: 0;
  /* display: initial; */
  /* position: inherit; */ }
  @media screen and (max-width: 959px) {
    section.collection-marquee .table {
      min-height: 200px; } }
  section.collection-marquee .table .cell {
    padding-top: 40px;
    padding-bottom: 40px;
    vertical-align: bottom; }
@media screen and (max-width: 959px) {
  section.collection-marquee .content {
    padding-bottom: 24px;
    padding-top: 10px; } }
section.collection-marquee:not(.type-two).invert {
  background-color: black;
  color: white; }
  section.collection-marquee:not(.type-two).invert h1 {
    color: white; }
  section.collection-marquee:not(.type-two).invert p, section.collection-marquee:not(.type-two).invert section.popular-items .items .item .title, section.popular-items .items .item section.collection-marquee:not(.type-two).invert .title {
    color: white; }
  section.collection-marquee:not(.type-two).invert .button, section.collection-marquee:not(.type-two).invert .shopify-challenge__container input[type="submit"], .shopify-challenge__container section.collection-marquee:not(.type-two).invert input[type="submit"], section.collection-marquee:not(.type-two).invert section.page.flexible #description input[type="submit"], section.page.flexible #description section.collection-marquee:not(.type-two).invert input[type="submit"], section.collection-marquee:not(.type-two).invert section.page.flexible #description > button, section.page.flexible section.collection-marquee:not(.type-two).invert #description > button, section.collection-marquee:not(.type-two).invert body.checkout .btn, body.checkout section.collection-marquee:not(.type-two).invert .btn {
    background-color: white;
    color: black;
    border-color: white; }
    @media screen and (min-width: 960px) {
      section.collection-marquee:not(.type-two).invert .button:hover, section.collection-marquee:not(.type-two).invert .shopify-challenge__container input[type="submit"]:hover, .shopify-challenge__container section.collection-marquee:not(.type-two).invert input[type="submit"]:hover, section.collection-marquee:not(.type-two).invert section.page.flexible #description input[type="submit"]:hover, section.page.flexible #description section.collection-marquee:not(.type-two).invert input[type="submit"]:hover, section.collection-marquee:not(.type-two).invert section.page.flexible #description > button:hover, section.page.flexible section.collection-marquee:not(.type-two).invert #description > button:hover, section.collection-marquee:not(.type-two).invert body.checkout .btn:hover, body.checkout section.collection-marquee:not(.type-two).invert .btn:hover {
        background-color: black;
        color: white; } }
section.collection-marquee.type-two:not(.invert) {
  color: white; }
  section.collection-marquee.type-two:not(.invert) h1 {
    color: white; }
  section.collection-marquee.type-two:not(.invert) .button, section.collection-marquee.type-two:not(.invert) .shopify-challenge__container input[type="submit"], .shopify-challenge__container section.collection-marquee.type-two:not(.invert) input[type="submit"], section.collection-marquee.type-two:not(.invert) section.page.flexible #description input[type="submit"], section.page.flexible #description section.collection-marquee.type-two:not(.invert) input[type="submit"], section.collection-marquee.type-two:not(.invert) section.page.flexible #description > button, section.page.flexible section.collection-marquee.type-two:not(.invert) #description > button, section.collection-marquee.type-two:not(.invert) body.checkout .btn, body.checkout section.collection-marquee.type-two:not(.invert) .btn {
    background-color: white;
    color: black;
    border-color: white; }
    @media screen and (min-width: 960px) {
      section.collection-marquee.type-two:not(.invert) .button:hover, section.collection-marquee.type-two:not(.invert) .shopify-challenge__container input[type="submit"]:hover, .shopify-challenge__container section.collection-marquee.type-two:not(.invert) input[type="submit"]:hover, section.collection-marquee.type-two:not(.invert) section.page.flexible #description input[type="submit"]:hover, section.page.flexible #description section.collection-marquee.type-two:not(.invert) input[type="submit"]:hover, section.collection-marquee.type-two:not(.invert) section.page.flexible #description > button:hover, section.page.flexible section.collection-marquee.type-two:not(.invert) #description > button:hover, section.collection-marquee.type-two:not(.invert) body.checkout .btn:hover, body.checkout section.collection-marquee.type-two:not(.invert) .btn:hover {
        background-color: black;
        color: white; } }
  section.collection-marquee.type-two:not(.invert) .description p, section.collection-marquee.type-two:not(.invert) .description section.popular-items .items .item .title, section.popular-items .items .item section.collection-marquee.type-two:not(.invert) .description .title {
    color: white; }
  section.collection-marquee.type-two:not(.invert) .background {
    background-color: black; }
  section.collection-marquee.type-two:not(.invert) .breadcrumbs {
    color: white; }
section.collection-marquee.type-two {
  border-top: solid 1px #c8c8c8;
  border-bottom: solid 1px #c8c8c8; }
  section.collection-marquee.type-two .on-mobile {
    display: none !important; }
  section.collection-marquee.type-two .on-desktop {
    display: block !important; }
  @media screen and (max-width: 959px) {
    section.collection-marquee.type-two .content {
      padding-bottom: 0px;
      padding-top: 0px; } }
  section.collection-marquee.type-two .table {
    min-height: 700px; }
    @media screen and (max-width: 959px) {
      section.collection-marquee.type-two .table {
        min-height: 400px; } }
    @media screen and (min-width: 960px) {
      section.collection-marquee.type-two .table .cell {
        padding-top: 80px;
        padding-bottom: 80px; } }
  section.collection-marquee.type-two.shorter .table {
    min-height: 500px; }
    @media screen and (max-width: 959px) {
      section.collection-marquee.type-two.shorter .table {
        min-height: 400px; } }

.filter-wrap {
  background-color: white;
  position: relative;
  box-shadow: inset 0 -1px 0 0 #C8C8C8; }
  .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 .value-wrap {
    opacity: 0;
    transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1); }
  .filter-toggle .icon-filter {
    margin-right: 16px; }
  .filter-toggle .clear {
    position: absolute;
    display: none;
    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;
    cursor: auto; }
    @media screen and (max-width: 959px) {
      .filter-toggle .clear {
        left: 16px;
        font-weight: bold;
        font-size: 12px;
        color: #757575;
        letter-spacing: 0.3px; } }
    @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: -16px;
        top: 50px;
        overflow: hidden;
        height: 0px;
        z-index: 11;
        background-color: white;
        box-shadow: inset 0 -1px 0 0 #C8C8C8; } }
    .filter-toggle .clear-pane .filter-close {
      position: absolute;
      right: 16px;
      top: 0px;
      text-decoration: none;
      font-weight: bold;
      font-size: 12px;
      color: black;
      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;
    display: inline-block; }
  .filter-toggle.has-filters .clear {
    cursor: pointer; }

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

.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 (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: 56px;
    padding-left: 56px;
    box-shadow: inset -1px 0 0 0 #C8C8C8; }
    @media screen and (max-width: 959px) {
      .filter-wrap.collection .filter {
        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: 50px; }
  body.filter-open-mobile #collection-filter-wrap .filter {
    height: calc(100vh - 110px) !important; }
  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: 10;
    left: 0px;
    top: 60px;
    width: 100%; } }

.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: 40px; }
    @media screen and (max-width: 959px) {
      .filter .filter-block {
        padding-top: 20px; } }
    .filter .filter-block .title {
      padding-bottom: 10px;
      font-size: 13px;
      color: #505050;
      letter-spacing: 0;
      line-height: 16px;
      display: block; }
    .filter .filter-block.size > .title, .filter .filter-block.color > .title {
      padding-bottom: 0px; }
    .filter .filter-block .filter-selector.regular {
      min-height: 45px;
      padding-right: 20px;
      box-sizing: border-box;
      cursor: pointer;
      position: relative;
      background: #FFFFFF;
      box-shadow: inset 0 -1px 0 0 #C8C8C8;
      font-size: 14px;
      color: #000000;
      letter-spacing: 0;
      line-height: 15px;
      padding-top: 15px;
      padding-bottom: 15px; }
      @media screen and (max-width: 959px) {
        .filter .filter-block .filter-selector.regular {
          font-size: 13px; } }
      .filter .filter-block .filter-selector.regular::after {
        content: "";
        border: solid 1px #C8C8C8;
        background-color: white;
        border-radius: 8px;
        transform: translateY(-50%);
        position: absolute;
        width: 16px;
        height: 16px;
        display: block;
        right: 0px;
        top: 50%;
        box-sizing: border-box;
        background-image: url("check.png");
        background-size: 12px 10px;
        background-repeat: no-repeat;
        background-position: center;
        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) {
          .filter .filter-block .filter-selector.regular::after {
            background-image: url("check@2x.png"); } }
      .filter .filter-block .filter-selector.regular.active::after {
        background-color: black;
        border-color: black; }
    .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.price-range .noUi-target {
    height: 1px;
    box-shadow: none;
    border: none;
    background: #C8C8C8; }
  .filter .filter-block.price-range .noUi-base {
    height: 3px;
    transform: translateY(-1px); }
  .filter .filter-block.price-range .noUi-connect {
    background: black; }
  .filter .filter-block.price-range .noUi-handle {
    width: 12px !important;
    height: 12px !important;
    border-radius: 6px !important;
    background: black;
    border: none;
    box-shadow: none;
    right: -6px !important;
    top: -5px !important; }
    .filter .filter-block.price-range .noUi-handle::before, .filter .filter-block.price-range .noUi-handle::after {
      display: none; }
    @media screen and (max-width: 959px) {
      .filter .filter-block.price-range .noUi-handle {
        width: 26px !important;
        height: 26px !important;
        border-radius: 13px !important;
        right: -13px !important;
        top: -12px !important; } }
  @media screen and (min-width: 960px) {
    .filter .filter-block.price-range .price-slider {
      margin-left: 6px; } }
  .filter .filter-block.price-range .price-values {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    padding-bottom: 16px; }
    @media screen and (max-width: 959px) {
      .filter .filter-block.price-range .price-values {
        font-size: 13px;
        line-height: 16px; } }
    .filter .filter-block.price-range .price-values .min {
      float: left; }
    .filter .filter-block.price-range .price-values .max {
      float: right; }
    @media screen and (max-width: 959px) {
      .filter .filter-block.price-range .price-values {
        padding-bottom: 23px; } }
  .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: 10px;
  padding-bottom: 20px; }
  @media screen and (min-width: 960px) {
    #search-pane .search-ajax-results .stat {
      text-align: center;
      padding-bottom: 40px; } }
#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 {
  display: none; }

#search-pane.filter-open .filter {
  height: calc(100vh - 150px);
  display: block; }
  @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; }

.product-grid {
  transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
  width: calc(100% - 12px);
  float: left;
  margin-left: 8px;
  padding-bottom: 100px; }
  @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: 40px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    letter-spacing: 0;
    line-height: 19px;
    padding-left: 8px;
    padding-right: 8px; }
    .product-grid .stat .filtered {
      display: none; }
    @media screen and (max-width: 959px) {
      .product-grid .stat {
        margin-top: 20px;
        text-align: center; } }

.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; }
#pr-reviewdisplay .pr-review-snapshot-block-container .pr-snippet-reco-to-friend-percent {
  background: none !important; }
#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-checkbox-icon {
  margin-right: 0 !important;
  padding: 10px 8px !important; }
#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-checkbox-icon svg {
  height: 30px !important;
  width: 30px !important; }
#pr-reviewdisplay .pr-review-snapshot-block-container .pr-snippet-reco-to-friend-percent .pr-reco {
  background: #000 !important;
  padding: 13px 5px !important; }
#pr-reviewdisplay .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-reco span {
  font-size: 41px !important; }
#pr-reviewdisplay .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-reco-to-friend-message {
  padding-top: 20px !important; }
#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-barValue {
  background: #000000 !important; }
#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-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 {
  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 {
  font-weight: bold;
  font-size: 50px;
  color: #000000;
  letter-spacing: -1.75px;
  text-align: center;
  line-height: 48px;
  float: none;
  margin: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  border: none;
  padding-bottom: 24px; }
#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 {
    float: none;
    position: absolute;
    left: 0px;
    text-align: center;
    width: 100%;
    bottom: 0px; }
    #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-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: #757575;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px; }
#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: underline;
    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: none; } }
    #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; }
    #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: #757575;
      letter-spacing: 0;
      line-height: 15px;
      text-decoration: underline; }
      @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: none; } }
#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: #757575;
  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: 25px; }
#pr-reviewdisplay .p-w-r .pr-read-review a, #pr-reviewdisplay .p-w-r .pr-review-display a {
  font-size: 11px;
  color: #757575;
  letter-spacing: 0;
  line-height: 15px;
  text-decoration: underline; }
  @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: none; } }
#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 {
    font-size: 11px;
    color: #595959;
    letter-spacing: 0;
    line-height: 15px;
    margin-bottom: 5px;
    display: block; }
  .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.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 .tag {
        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); }
      @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 h3 {
    margin: 0px;
    margin-top: 20px; }
    @media screen and (max-width: 959px) {
      #cart-totals h3 {
        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; }
  @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) {
      margin-bottom: 0px; }
  section.account-form .form-content-title {
    margin-top: 0px;
    margin-bottom: 40px; }
    @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: -25px;
    margin-bottom: 40px; }
    @media screen and (max-width: 959px) {
      section.account-form .subtext {
        margin-top: -15px;
        margin-bottom: 20px; } }
  section.account-form .additional-link-wrap {
    margin-top: 40px; }
    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 {
  margin-left: -8px;
  margin-right: -8px; }
  .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;
      padding-left: 8px;
      padding-right: 8px; }
      .icon-tabs ul li a {
        display: block;
        color: #595959;
        text-decoration: none;
        box-shadow: inset 0 -1px 0 0 #C8C8C8;
        cursor: pointer;
        transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px; }
        @media screen and (max-width: 959px) {
          .icon-tabs ul li a {
            font-size: 13px;
            line-height: 16px; } }
        @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: 14px; }
          @media screen and (max-width: 959px) {
            .icon-tabs ul li a span.label {
              padding-top: 8px;
              padding-bottom: 8px; } }
        .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-check.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: black;
            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-check@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 -2px 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: 80px;
  padding-bottom: 100px;
  min-height: 500px; }
  section.page .page-marquee h1 {
    margin-top: 0px; }
  @media screen and (max-width: 959px) {
    section.page {
      padding-top: 40px;
      padding-bottom: 50px; } }
  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 #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 #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 #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 #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 #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 > 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 #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: 40px;
    margin-bottom: 40px; }
    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-color: #F8F8F8; }
  .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);
    max-width: 768px;
    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;
      max-width: 768px;
      font-size: 70px;
      letter-spacing: -2.85px;
      line-height: 70px; }
      @media screen and (max-width: 959px) {
        .blog-marquee .title-section-content h1 {
          font-size: 44px;
          letter-spacing: -1px;
          line-height: 46px; } }
    .blog-marquee .title-section-content h3 {
      padding: 0px;
      margin: 0px; }

article.post section.page.flexible {
  padding-bottom: 80px;
  padding-top: 60px; }
  @media screen and (max-width: 959px) {
    article.post section.page.flexible {
      padding-bottom: 40px;
      padding-top: 20px; } }
  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-color: #F8F8F8;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  section.micro-marquee .micro-marquee-inner {
    width: calc(83.33333% - 29.33333px);
    float: left;
    margin-left: 16px;
    margin-left: calc(8.33333% - 17.33333px + 32px);
    max-width: 768px;
    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;
      padding-bottom: 20px;
      max-width: 768px;
      font-size: 70px;
      letter-spacing: -2.85px;
      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: 40px;
  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 {
    display: block;
    font-size: 11px;
    color: #595959;
    letter-spacing: 0;
    line-height: 15px;
    padding-bottom: 10px; }
    @media screen and (max-width: 959px) {
      article.article-item small {
        padding-bottom: 5px; } }
  @media screen and (min-width: 960px) {
    article.article-item {
      display: table;
      padding-top: 25px;
      padding-bottom: 25px; } }
  @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: 20px; }
    @media screen and (max-width: 959px) {
      article.article-item h3 {
        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 h3 a:focus {
      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: 20px;
    margin-bottom: 40px; }
    @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;
        margin-top: 10px;
        margin-bottom: 20px; } }
  article.article-item .readmore {
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.3px;
    line-height: 18px; }
    @media screen and (max-width: 959px) {
      article.article-item .readmore {
        font-size: 13px;
        line-height: 16px; } }
    @media screen and (min-width: 960px) {
      article.article-item .readmore:hover {
        text-decoration: none; } }
  @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 .readmore {
    text-decoration: none; }
  article.article-item.hovered .image-wrap {
    border-color: #979797; }
    article.article-item.hovered .image-wrap .image {
      transform: scale(1.05); }

.blog-pagination .pag-wrap {
  border-top: solid 1px #C8C8C8;
  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; }
  .form-content .address-block.add-new .inner .button-wrap {
    width: 50%;
    text-align: right; }
  .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; }
  .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; }
  .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: white;
      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: white;
          color: black; } }
  .form-content .address-block .control-wrap::after {
    clear: both;
    content: "";
    display: table; }
  .form-content .address-block .control-wrap .left, .form-content .address-block .control-wrap .right {
    width: 50%;
    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 .form-content .address-block .control-wrap .right #description > 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 section.p404 .button-wrap #description > 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 section.p404 .button-wrap #description > 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 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 .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;
    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 .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; }
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; }
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 .fieldset-description .checkbox__label {
  font-size: 11px;
  color: #000000;
  letter-spacing: 0;
  line-height: 15px; }
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; }
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 .input-checkbox, body.checkout .content-box .input-radio {
  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) {
    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 {
  max-width: 880px;
  box-sizing: border-box;
  padding: 16px;
  background-color: #F8F8F8;
  margin: 0 auto;
  margin-top: 40px; }
  section.standout-content.no-padding .center {
    padding: 0px; }
  @media screen and (max-width: 959px) {
    section.standout-content {
      margin-top: 20px; } }

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

.standout-image .inner {
  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) {
    .standout-image .inner {
      width: calc(100% - 32px);
      float: left;
      margin-left: 16px; } }
  .standout-image .inner img {
    width: 100%; }

#page-review .review-disclaimer-text {
  padding-bottom: 20px;
  /* text-align: justify; */
  line-height: 18px;
  font-size: 14px; }
  @media screen and (max-width: 959px) {
    #page-review .review-disclaimer-text {
      line-height: 16px; } }

h1.pr-faceoff-label {
  letter-spacing: 0px; }

.form_mandatory {
  color: red; }

label.error {
  color: red; }

section.big-carousel .slide.text-middle .bottom {
  bottom: 25%; }

section.big-carousel .slide.text-top .bottom {
  bottom: 50%;
  top: 0; }

.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.video-player {
  width: 100%;
  margin: auto; }

section.video-player .video-placeholder {
  max-width: initial; }

@media screen and (max-width: 959px) {
  #menu-pane .hamburger.close-button {
    top: 64px; } }

#shopify-section-1598977261983 section.title-text {
  padding-bottom: 0; }

#shopify-section-1598977261983 .title {
  display: none; }

#shopify-section-1598977261983 .text {
  width: 100%;
  margin-left: 0;
  text-align: center; }

#shopify-section-1598977261983 .text a {
  color: #000000;
  font-weight: 800; }

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

.shopify-section.big-carousel {
    /*
    .background-position-x-5      { background-position-x: -5%!important;      }
    .background-position-x-10     { background-position-x: -10%!important;     }
    .background-position-x-15     { background-position-x: -15%!important;     }
    .background-position-x-20     { background-position-x: -20%!important;     }
    .background-position-x-25     { background-position-x: -25%!important;     }
    .background-position-x-30     { background-position-x: -30%!important;     }
    .background-position-x-35     { background-position-x: -35%!important;     }
    .background-position-x-40     { background-position-x: -40%!important;     }
    .background-position-x-45     { background-position-x: -45%!important;     }
    .background-position-x-50     { background-position-x: -50%!important;     }
    .background-position-x-55     { background-position-x: -55%!important;     }
    .background-position-x-60     { background-position-x: -60%!important;     }
    .background-position-x-65     { background-position-x: -65%!important;     }
    .background-position-x-70     { background-position-x: -70%!important;     }
    .background-position-x-75     { background-position-x: -75%!important;     }
    .background-position-x-80     { background-position-x: -80%!important;     }
    .background-position-x-85     { background-position-x: -85%!important;     }
    .background-position-x-90     { background-position-x: -90%!important;     }
    .background-position-x-95     { background-position-x: -95%!important;     }
*/ }
  .shopify-section.big-carousel .background-position-x-left {
    background-position-x: left !important; }
  .shopify-section.big-carousel .background-position-x-right {
    background-position-x: right !important; }
  .shopify-section.big-carousel .background-position-x-center {
    background-position-x: center !important; }
  .shopify-section.big-carousel .background-position-y-top {
    background-position-y: top !important; }
  .shopify-section.big-carousel .background-position-y-bottom {
    background-position-y: bottom !important; }
  .shopify-section.big-carousel .background-position-y-center {
    background-position-y: center !important; }
  .shopify-section.big-carousel .background-position-y-5 {
    background-position-y: 5% !important; }
  .shopify-section.big-carousel .background-position-y-10 {
    background-position-y: 10% !important; }
  .shopify-section.big-carousel .background-position-y-15 {
    background-position-y: 15% !important; }
  .shopify-section.big-carousel .background-position-y-20 {
    background-position-y: 20% !important; }
  .shopify-section.big-carousel .background-position-y-25 {
    background-position-y: 25% !important; }
  .shopify-section.big-carousel .background-position-y-30 {
    background-position-y: 30% !important; }
  .shopify-section.big-carousel .background-position-y-35 {
    background-position-y: 35% !important; }
  .shopify-section.big-carousel .background-position-y-40 {
    background-position-y: 40% !important; }
  .shopify-section.big-carousel .background-position-y-45 {
    background-position-y: 45% !important; }
  .shopify-section.big-carousel .background-position-y-50 {
    background-position-y: 50% !important; }
  .shopify-section.big-carousel .background-position-y-55 {
    background-position-y: 55% !important; }
  .shopify-section.big-carousel .background-position-y-60 {
    background-position-y: 60% !important; }
  .shopify-section.big-carousel .background-position-y-65 {
    background-position-y: 65% !important; }
  .shopify-section.big-carousel .background-position-y-70 {
    background-position-y: 70% !important; }
  .shopify-section.big-carousel .background-position-y-75 {
    background-position-y: 75% !important; }
  .shopify-section.big-carousel .background-position-y-80 {
    background-position-y: 80% !important; }
  .shopify-section.big-carousel .background-position-y-85 {
    background-position-y: 85% !important; }
  .shopify-section.big-carousel .background-position-y-90 {
    background-position-y: 90% !important; }
  .shopify-section.big-carousel .background-position-y-95 {
    background-position-y: 95% !important; }