@import url(/count/3607a9);/**
 * Copyright (c) 2016 Connor Atherton
 *
 * All animations must live in their own file
 * in the animations directory and be included
 * here.
 *
 */
/**
 * Styles shared by multiple animations
 */
/**
 * Dots
 */
 @-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  66% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; }

.ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
          animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }

.ball-pulse-sync > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
          animation: ball-scale 1s 0s ease-in-out infinite; }

@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
          animation: ball-scale 1s 0s ease-in-out infinite; }

.ball-scale-random {
  width: 37px;
  height: 40px; }
  .ball-scale-random > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    display: inline-block;
    height: 30px;
    width: 30px;
    -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
            animation: ball-scale 1s 0s ease-in-out infinite; }
    .ball-scale-random > div:nth-child(1) {
      margin-left: -7px;
      -webkit-animation: ball-scale 1s 0.2s ease-in-out infinite;
              animation: ball-scale 1s 0.2s ease-in-out infinite; }
    .ball-scale-random > div:nth-child(3) {
      margin-left: -2px;
      margin-top: 9px;
      -webkit-animation: ball-scale 1s 0.5s ease-in-out infinite;
              animation: ball-scale 1s 0.5s ease-in-out infinite; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.ball-rotate {
  position: relative; }
  .ball-rotate > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: relative; }
    .ball-rotate > div:first-child {
      -webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
              animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; }
    .ball-rotate > div:before, .ball-rotate > div:after {
      background-color: #fff;
      width: 15px;
      height: 15px;
      border-radius: 100%;
      margin: 2px;
      content: "";
      position: absolute;
      opacity: 0.8; }
    .ball-rotate > div:before {
      top: 0px;
      left: -28px; }
    .ball-rotate > div:after {
      top: 0px;
      left: 25px; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.ball-clip-rotate > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  height: 26px;
  width: 26px;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
          animation: rotate 0.75s 0s linear infinite; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

@keyframes scale {
  30% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-clip-rotate-pulse {
  position: relative;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px); }
  .ball-clip-rotate-pulse > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%; }
    .ball-clip-rotate-pulse > div:first-child {
      background: #fff;
      height: 16px;
      width: 16px;
      top: 7px;
      left: -7px;
      -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
              animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
    .ball-clip-rotate-pulse > div:last-child {
      position: absolute;
      border: 2px solid #fff;
      width: 30px;
      height: 30px;
      left: -16px;
      top: -2px;
      background: transparent;
      border: 2px solid;
      border-color: #fff transparent #fff transparent;
      -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
              animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
      -webkit-animation-duration: 1s;
              animation-duration: 1s; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

.ball-clip-rotate-multiple {
  position: relative; }
  .ball-clip-rotate-multiple > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: -20px;
    top: -20px;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    -webkit-animation: rotate 1s 0s ease-in-out infinite;
            animation: rotate 1s 0s ease-in-out infinite; }
    .ball-clip-rotate-multiple > div:last-child {
      display: inline-block;
      top: -10px;
      left: -10px;
      width: 15px;
      height: 15px;
      -webkit-animation-duration: 0.5s;
              animation-duration: 0.5s;
      border-color: #fff transparent #fff transparent;
      -webkit-animation-direction: reverse;
              animation-direction: reverse; }

@-webkit-keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

@keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

.ball-scale-ripple > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
          animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }

@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

@keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

.ball-scale-ripple-multiple {
  position: relative;
  -webkit-transform: translateY(-25px);
          transform: translateY(-25px); }
  .ball-scale-ripple-multiple > div:nth-child(0) {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
  .ball-scale-ripple-multiple > div:nth-child(1) {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; }
  .ball-scale-ripple-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .ball-scale-ripple-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .ball-scale-ripple-multiple > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: -2px;
    left: -26px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
            animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }

@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-beat > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
          animation: ball-beat 0.7s 0s infinite linear; }
  .ball-beat > div:nth-child(2n-1) {
    -webkit-animation-delay: -0.35s !important;
            animation-delay: -0.35s !important; }

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px); }
  .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .ball-scale-multiple > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite; }

@-webkit-keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
            transform: translate(25px, -50px); }
  66% {
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
            transform: translate(25px, -50px); }
  66% {
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@-webkit-keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
            transform: translate(25px, 50px); }
  66% {
    -webkit-transform: translate(-25px, 50px);
            transform: translate(-25px, 50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
            transform: translate(25px, 50px); }
  66% {
    -webkit-transform: translate(-25px, 50px);
            transform: translate(-25px, 50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@-webkit-keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0px);
            transform: translate(-50px, 0px); }
  66% {
    -webkit-transform: translate(-25px, -50px);
            transform: translate(-25px, -50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0px);
            transform: translate(-50px, 0px); }
  66% {
    -webkit-transform: translate(-25px, -50px);
            transform: translate(-25px, -50px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

.ball-triangle-path {
  position: relative;
  -webkit-transform: translate(-29.994px, -37.50938px);
          transform: translate(-29.994px, -37.50938px); }
  .ball-triangle-path > div:nth-child(1) {
    -webkit-animation-name: ball-triangle-path-1;
            animation-name: ball-triangle-path-1;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .ball-triangle-path > div:nth-child(2) {
    -webkit-animation-name: ball-triangle-path-2;
            animation-name: ball-triangle-path-2;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .ball-triangle-path > div:nth-child(3) {
    -webkit-animation-name: ball-triangle-path-3;
            animation-name: ball-triangle-path-3;
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
  .ball-triangle-path > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #fff; }
    .ball-triangle-path > div:nth-of-type(1) {
      top: 50px; }
    .ball-triangle-path > div:nth-of-type(2) {
      left: 25px; }
    .ball-triangle-path > div:nth-of-type(3) {
      top: 50px;
      left: 50px; }

@-webkit-keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  25% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  75% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  25% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  50% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  75% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  25% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  75% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(0.75);
            transform: scale(0.75); } }

@keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  25% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  75% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform: scale(0.75);
            transform: scale(0.75); } }

.ball-pulse-rise > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
          animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }
  .ball-pulse-rise > div:nth-child(2n) {
    -webkit-animation-name: ball-pulse-rise-even;
            animation-name: ball-pulse-rise-even; }
  .ball-pulse-rise > div:nth-child(2n-1) {
    -webkit-animation-name: ball-pulse-rise-odd;
            animation-name: ball-pulse-rise-odd; }

@-webkit-keyframes ball-grid-beat {
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

@keyframes ball-grid-beat {
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

.ball-grid-beat {
  width: 57px; }
  .ball-grid-beat > div:nth-child(1) {
    -webkit-animation-delay: 0.15s;
            animation-delay: 0.15s;
    -webkit-animation-duration: 1.45s;
            animation-duration: 1.45s; }
  .ball-grid-beat > div:nth-child(2) {
    -webkit-animation-delay: -0.02s;
            animation-delay: -0.02s;
    -webkit-animation-duration: 0.97s;
            animation-duration: 0.97s; }
  .ball-grid-beat > div:nth-child(3) {
    -webkit-animation-delay: 0.66s;
            animation-delay: 0.66s;
    -webkit-animation-duration: 1.23s;
            animation-duration: 1.23s; }
  .ball-grid-beat > div:nth-child(4) {
    -webkit-animation-delay: 0.64s;
            animation-delay: 0.64s;
    -webkit-animation-duration: 1.24s;
            animation-duration: 1.24s; }
  .ball-grid-beat > div:nth-child(5) {
    -webkit-animation-delay: -0.19s;
            animation-delay: -0.19s;
    -webkit-animation-duration: 1.13s;
            animation-duration: 1.13s; }
  .ball-grid-beat > div:nth-child(6) {
    -webkit-animation-delay: 0.69s;
            animation-delay: 0.69s;
    -webkit-animation-duration: 1.42s;
            animation-duration: 1.42s; }
  .ball-grid-beat > div:nth-child(7) {
    -webkit-animation-delay: 0.58s;
            animation-delay: 0.58s;
    -webkit-animation-duration: 1.14s;
            animation-duration: 1.14s; }
  .ball-grid-beat > div:nth-child(8) {
    -webkit-animation-delay: 0.21s;
            animation-delay: 0.21s;
    -webkit-animation-duration: 1.17s;
            animation-duration: 1.17s; }
  .ball-grid-beat > div:nth-child(9) {
    -webkit-animation-delay: -0.18s;
            animation-delay: -0.18s;
    -webkit-animation-duration: 0.65s;
            animation-duration: 0.65s; }
  .ball-grid-beat > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-beat;
            animation-name: ball-grid-beat;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
            animation-delay: 0; }

@-webkit-keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.ball-grid-pulse {
  width: 57px; }
  .ball-grid-pulse > div:nth-child(1) {
    -webkit-animation-delay: 0.22s;
            animation-delay: 0.22s;
    -webkit-animation-duration: 0.9s;
            animation-duration: 0.9s; }
  .ball-grid-pulse > div:nth-child(2) {
    -webkit-animation-delay: 0.64s;
            animation-delay: 0.64s;
    -webkit-animation-duration: 1s;
            animation-duration: 1s; }
  .ball-grid-pulse > div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
            animation-delay: -0.15s;
    -webkit-animation-duration: 0.63s;
            animation-duration: 0.63s; }
  .ball-grid-pulse > div:nth-child(4) {
    -webkit-animation-delay: -0.03s;
            animation-delay: -0.03s;
    -webkit-animation-duration: 1.24s;
            animation-duration: 1.24s; }
  .ball-grid-pulse > div:nth-child(5) {
    -webkit-animation-delay: 0.08s;
            animation-delay: 0.08s;
    -webkit-animation-duration: 1.37s;
            animation-duration: 1.37s; }
  .ball-grid-pulse > div:nth-child(6) {
    -webkit-animation-delay: 0.43s;
            animation-delay: 0.43s;
    -webkit-animation-duration: 1.55s;
            animation-duration: 1.55s; }
  .ball-grid-pulse > div:nth-child(7) {
    -webkit-animation-delay: 0.05s;
            animation-delay: 0.05s;
    -webkit-animation-duration: 0.7s;
            animation-duration: 0.7s; }
  .ball-grid-pulse > div:nth-child(8) {
    -webkit-animation-delay: 0.05s;
            animation-delay: 0.05s;
    -webkit-animation-duration: 0.97s;
            animation-duration: 0.97s; }
  .ball-grid-pulse > div:nth-child(9) {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
    -webkit-animation-duration: 0.63s;
            animation-duration: 0.63s; }
  .ball-grid-pulse > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    display: inline-block;
    float: left;
    -webkit-animation-name: ball-grid-pulse;
            animation-name: ball-grid-pulse;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
            animation-delay: 0; }

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -10px; }
  .ball-spin-fade-loader > div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
            animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(2) {
    top: 17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
            animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
            animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(4) {
    top: -17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
            animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
            animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(6) {
    top: -17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
            animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
            animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
  .ball-spin-fade-loader > div:nth-child(8) {
    top: 17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
            animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
  .ball-spin-fade-loader > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute; }

@-webkit-keyframes ball-spin-loader {
  75% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

@keyframes ball-spin-loader {
  75% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

.ball-spin-loader {
  position: relative; }
  .ball-spin-loader > span:nth-child(1) {
    top: 45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
            animation: ball-spin-loader 2s 0.9s infinite linear; }
  .ball-spin-loader > span:nth-child(2) {
    top: 30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
            animation: ball-spin-loader 2s 1.8s infinite linear; }
  .ball-spin-loader > span:nth-child(3) {
    top: 0;
    left: 45px;
    -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
            animation: ball-spin-loader 2s 2.7s infinite linear; }
  .ball-spin-loader > span:nth-child(4) {
    top: -30.68182px;
    left: 30.68182px;
    -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
            animation: ball-spin-loader 2s 3.6s infinite linear; }
  .ball-spin-loader > span:nth-child(5) {
    top: -45px;
    left: 0;
    -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
            animation: ball-spin-loader 2s 4.5s infinite linear; }
  .ball-spin-loader > span:nth-child(6) {
    top: -30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
            animation: ball-spin-loader 2s 5.4s infinite linear; }
  .ball-spin-loader > span:nth-child(7) {
    top: 0;
    left: -45px;
    -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
            animation: ball-spin-loader 2s 6.3s infinite linear; }
  .ball-spin-loader > span:nth-child(8) {
    top: 30.68182px;
    left: -30.68182px;
    -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
            animation: ball-spin-loader 2s 7.2s infinite linear; }
  .ball-spin-loader > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: green; }

@-webkit-keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  66% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  66% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  66% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  66% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.ball-zig-zag {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
          transform: translate(-15px, -15px); }
  .ball-zig-zag > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px; }
    .ball-zig-zag > div:first-child {
      -webkit-animation: ball-zig 0.7s 0s infinite linear;
              animation: ball-zig 0.7s 0s infinite linear; }
    .ball-zig-zag > div:last-child {
      -webkit-animation: ball-zag 0.7s 0s infinite linear;
              animation: ball-zag 0.7s 0s infinite linear; }

@-webkit-keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  34% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  84% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zig-deflect {
  17% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  34% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px); }
  84% {
    -webkit-transform: translate(-15px, -30px);
            transform: translate(-15px, -30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  34% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  84% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes ball-zag-deflect {
  17% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  34% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  67% {
    -webkit-transform: translate(-15px, 30px);
            transform: translate(-15px, 30px); }
  84% {
    -webkit-transform: translate(15px, 30px);
            transform: translate(15px, 30px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.ball-zig-zag-deflect {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
          transform: translate(-15px, -15px); }
  .ball-zig-zag-deflect > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    margin-left: 15px;
    top: 4px;
    left: -7px; }
    .ball-zig-zag-deflect > div:first-child {
      -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
              animation: ball-zig-deflect 1.5s 0s infinite linear; }
    .ball-zig-zag-deflect > div:last-child {
      -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
              animation: ball-zag-deflect 1.5s 0s infinite linear; }

/**
 * Lines
 */
@-webkit-keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }
@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.line-scale > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }

@-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
  -webkit-animation-duration: 0.54s;
          animation-duration: 0.54s; }

.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
  -webkit-animation-duration: 1.15s;
          animation-duration: 1.15s; }

.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: 0.04s;
          animation-delay: 0.04s;
  -webkit-animation-duration: 0.77s;
          animation-duration: 0.77s; }

.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: -0.12s;
          animation-delay: -0.12s;
  -webkit-animation-duration: 0.61s;
          animation-duration: 0.61s; }

.line-scale-party > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
          animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }

@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale-pulse-out > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
          animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
  .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: -0.4s !important;
            animation-delay: -0.4s !important; }
  .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: -0.2s !important;
            animation-delay: -0.2s !important; }

@-webkit-keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }
  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out-rapid {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  80% {
    -webkit-transform: scaley(0.3);
            transform: scaley(0.3); }
  90% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale-pulse-out-rapid > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
          animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); }
  .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
    -webkit-animation-delay: -0.25s !important;
            animation-delay: -0.25s !important; }
  .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important; }

@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }

.line-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -4px; }
  .line-spin-fade-loader > div:nth-child(1) {
    top: 20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(2) {
    top: 13.63636px;
    left: 13.63636px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(3) {
    top: 0;
    left: 20px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(4) {
    top: -13.63636px;
    left: 13.63636px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(5) {
    top: -20px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(6) {
    top: -13.63636px;
    left: -13.63636px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(7) {
    top: 0;
    left: -20px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; }
  .line-spin-fade-loader > div:nth-child(8) {
    top: 13.63636px;
    left: -13.63636px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
            animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; }
  .line-spin-fade-loader > div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    width: 5px;
    height: 15px; }

/**
 * Misc
 */
@-webkit-keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }
@keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

.triangle-skew-spin > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
          animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

.square-spin > div {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  width: 50px;
  height: 50px;
  background: #fff;
  -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
          animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

@-webkit-keyframes rotate_pacman_half_up {
  0% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }

@keyframes rotate_pacman_half_up {
  0% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); } }

@-webkit-keyframes rotate_pacman_half_down {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@keyframes rotate_pacman_half_down {
  0% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); } }

@-webkit-keyframes pacman-balls {
  75% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
            transform: translate(-100px, -6.25px); } }

@keyframes pacman-balls {
  75% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
            transform: translate(-100px, -6.25px); } }

.pacman {
  position: relative; }
  .pacman > div:nth-child(2) {
    -webkit-animation: pacman-balls 1s -0.99s infinite linear;
            animation: pacman-balls 1s -0.99s infinite linear; }
  .pacman > div:nth-child(3) {
    -webkit-animation: pacman-balls 1s -0.66s infinite linear;
            animation: pacman-balls 1s -0.66s infinite linear; }
  .pacman > div:nth-child(4) {
    -webkit-animation: pacman-balls 1s -0.33s infinite linear;
            animation: pacman-balls 1s -0.33s infinite linear; }
  .pacman > div:nth-child(5) {
    -webkit-animation: pacman-balls 1s 0s infinite linear;
            animation: pacman-balls 1s 0s infinite linear; }
  .pacman > div:first-of-type {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
            animation: rotate_pacman_half_up 0.5s 0s infinite;
    position: relative;
    left: -30px; }
  .pacman > div:nth-child(2) {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
            animation: rotate_pacman_half_down 0.5s 0s infinite;
    margin-top: -50px;
    position: relative;
    left: -30px; }
  .pacman > div:nth-child(3),
  .pacman > div:nth-child(4),
  .pacman > div:nth-child(5),
  .pacman > div:nth-child(6) {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: translate(0, -6.25px);
            transform: translate(0, -6.25px);
    top: 25px;
    left: 70px; }

@-webkit-keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
            transform: translateX(50px) scale(0.5) rotate(-90deg); }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
            transform: translate(50px, 50px) rotate(-180deg); }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
            transform: translateY(50px) scale(0.5) rotate(-270deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
            transform: translateX(50px) scale(0.5) rotate(-90deg); }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
            transform: translate(50px, 50px) rotate(-180deg); }
  75% {
    -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
            transform: translateY(50px) scale(0.5) rotate(-270deg); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

.cube-transition {
  position: relative;
  -webkit-transform: translate(-25px, -25px);
          transform: translate(-25px, -25px); }
  .cube-transition > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: -5px;
    background-color: #fff;
    -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
            animation: cube-transition 1.6s 0s infinite ease-in-out; }
    .cube-transition > div:last-child {
      -webkit-animation-delay: -0.8s;
              animation-delay: -0.8s; }

@-webkit-keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.semi-circle-spin {
  position: relative;
  width: 35px;
  height: 35px;
  overflow: hidden; }
  .semi-circle-spin > div {
    position: absolute;
    border-width: 0px;
    border-radius: 100%;
    -webkit-animation: spin-rotate 0.6s 0s infinite linear;
            animation: spin-rotate 0.6s 0s infinite linear;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #fff), to(#fff));
    background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
    width: 100%;
    height: 100%; }
/* -----------------------------------------------
  Tables of contents
-------------------------------------------------- */

/* $0 - Vendors
-------------------------------------------------- */

/*! Flickity v2.0.9
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flickity-prev-next-button:hover {
  background: white;
}

.flickity-prev-next-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #09F;
          box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* $1 - Utilities
-------------------------------------------------- */

/* --------------------------------------------------
    Mixins
    -- A global config of mixins
-------------------------------------------------- */

/* Gradient underlines
-------------------------------------------------- */

/* Animation
-------------------------------------------------- */

/* Theme colour switching
-------------------------------------------------- */

/* Font smoothing
-------------------------------------------------- */

/* Reset list styles
-------------------------------------------------- */

/* Button reset
-------------------------------------------------- */

/* Heading loop
-------------------------------------------------- */

/*	Hide
-----------------------------------------------------*/

/* $2 - Config
-------------------------------------------------- */

/* -----------------------------------------------
  CONFIG: Colours
-------------------------------------------------- */

/*  Brand
--------------------------------------------------*/

/* Tints
--------------------------------------------------*/

/*  Shades
--------------------------------------------------*/

/*  Links
--------------------------------------------------*/

/*  Miscellaneous
--------------------------------------------------*/

/*  Text
--------------------------------------------------*/

/*  Theme specific
--------------------------------------------------*/

/*  Accessibility
--------------------------------------------------*/

/*  Layers
--------------------------------------------------*/

/*  Base size
--------------------------------------------------*/

/*  Breakpoints
--------------------------------------------------*/

/*-----------------------------------------------------
  Containers
-----------------------------------------------------*/

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1em;
}

.container--fluid {
  width: 100%;
  padding: 0 1em;
  -webkit-transition: padding .25s;
  transition: padding .25s;
  margin: 0 auto;
  max-width: none;
}

@media screen and (min-width: 1024px) {
  .container--fluid {
    padding: 0 2em;
  }
}

.container--slim {
  max-width: 1024px;
}

.container--skinny {
  max-width: 768px;
}

/* -----------------------------------------------
  CONFIG: Typography
-------------------------------------------------- */

/*  Stack
--------------------------------------------------*/

/*  Weights
--------------------------------------------------*/

/*  Spacing
--------------------------------------------------*/

/* $3  - Base
-------------------------------------------------- */

/*-----------------------------------------------------
  Theme Overrides
-----------------------------------------------------*/

body {
  padding: 0 !important;
}

/*-----------------------------------------------------
  Base: Typography
-----------------------------------------------------*/

body {
  font-family: "BrandonText", sans-serif;
  color: #022442;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

h1,
.h1 {
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  font-weight: 300;
  letter-spacing: 0.025em;
  line-height: 0.9em;
  text-transform: uppercase;
  font-size: 2.6em;
  margin: .25em 0;
  -webkit-transition: font-size .25s;
  transition: font-size .25s;
  letter-spacing: 0.025em;
}

@media screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: 3.2em;
  }
}

@media screen and (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 3.8em;
  }
}

h2,
.h2 {
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  font-weight: 300;
  letter-spacing: 0.025em;
  margin: .25em 0;
  font-size: 1.8em;
  line-height: 1em;
  -webkit-transition: font-size .25s;
  transition: font-size .25s;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  h2,
  .h2 {
    font-size: 2.4em;
  }
}

@media screen and (min-width: 1024px) {
  h2,
  .h2 {
    font-size: 3em;
  }
}

h3,
.h3 {
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  font-size: 1.6em;
  line-height: 1em;
  margin: .75em 0;
  -webkit-transition: font-size .25s;
  transition: font-size .25s;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

@media screen and (min-width: 768px) {
  h3,
  .h3 {
    font-size: 1.8em;
  }
}

@media screen and (min-width: 1024px) {
  h3,
  .h3 {
    font-size: 2.1em;
  }
}

h4,
.h4,
.template-collection__footer h2 {
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  margin: 1em 0;
  line-height: 1em;
  font-size: 1.2em;
  -webkit-transition: font-size .25s;
  transition: font-size .25s;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 768px) {
  h4,
  .h4,
  .template-collection__footer h2 {
    font-size: 1.4em;
  }
}

h5,
.h5,
.cart__table th {
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: .8em;
  line-height: 1.35em;
  margin: 0 0 1.5em;
  -webkit-transition: font-size .25s;
  transition: font-size .25s;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  h5,
  .h5,
  .cart__table th {
    font-size: 1em;
  }
}

h6,
label,
.tabs__nav li a,
.h6 {
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: .75em;
  line-height: 1em;
  margin: 0 0 1.5em;
  text-transform: uppercase;
}

.smallcaps,
.site-drawer__nav-item {
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.1em;
}

p {
  font-family: "BrandonText", sans-serif;
  margin-top: .5em;
  margin-bottom: 1.5em;
}

p.first {
  margin: 0;
}

blockquote {
  font-weight: 300;
  font-size: 125%;
  overflow: hidden;
  border-left: 1px solid #222222;
  padding-left: 3em;
}

ul {
  padding-left: 1em;
  list-style-type: square;
}

ul li {
  list-style-type: inherit;
  margin-left: 2em;
}

ul.clear {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.dashed {
  list-style-type: none;
}

ul.dashed > li {
  text-indent: -1em;
}

ul.dashed > li:before {
  content: "\2014";
  text-indent: -1em;
  margin-right: .5em;
}

ul.inline li {
  display: inline-block;
  padding: 0;
  margin: 0;
}

cite {
  font-size: 80%;
  float: right;
}

a {
  color: #003366;
}

a:hover {
  text-decoration: none;
}

.text-link {
  text-decoration: none;
  color: #757575;
}

.text-link:hover {
  color: #003366;
}

.nav-link {
  font-family: "Verlag A", "Verlag B", "BrandonText", sans-serif;
  text-transform: uppercase;
  color: #022442;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-size: .9em;
}

.nav-link:hover {
  color: #DD0000;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="password"],
textarea,
select {
  background-color: transparent;
  border: 1px solid #757575;
  display: block;
  font-weight: 300;
  color: #4A4A4A;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #4A4A4A;
}

input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: #4A4A4A;
}

input[type="text"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder {
  color: #4A4A4A;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder,
select::placeholder {
  color: #4A4A4A;
}

input[type="text"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="tel"][disabled],
input[type="password"][disabled],
textarea[disabled],
select[disabled] {
  background-color: transparent;
  border-color: #f4f4f4;
}

input[type="text"].input--compressed,
input[type="email"].input--compressed,
input[type="number"].input--compressed,
input[type="tel"].input--compressed,
input[type="password"].input--compressed,
textarea.input--compressed,
select.input--compressed {
  padding: 5px 20px;
}

hr {
  margin: 2em 0;
}

/* $4 - Components
-------------------------------------------------- */

/*-----------------------------------------------------
  Accordion
-----------------------------------------------------*/

.accordion__group {
  border-bottom: 1px solid #757575;
}

.accordion__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  width: 100%;
  padding: 1em 0 0.75em;
}

.accordion__tab:hover {
  color: #DD0000;
}

.accordion__title {
  color: inherit;
  margin: 0 !important;
  position: relative;
  left: .5em;
}

.accordion .icon {
  display: inline-block;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  position: relative;
  font-weight: 300;
  height: 12px;
  width: 12px;
  top: -2px;
}

@media screen and (min-width: 768px) {
  .accordion .icon {
    top: -4px;
  }
}

.accordion .icon.is-active {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

.accordion__panel {
  text-align: left;
  padding-bottom: 1em;
  color: #4A4A4A;
}

.accordion__panel p:first-child {
  margin-top: 0;
}

.accordion__panel p:last-child {
  margin-bottom: 0;
}

.accordion__panel p:empty {
  display: none;
}

.accordion__panel ul {
  margin: 0;
}

.accordion__panel ul + p {
  margin-top: 1.5em;
}

.accordion__panel .is-active {
  display: block;
}

/*-----------------------------------------------------
  Ajax Cart
-----------------------------------------------------*/

.ajax-cart {
  border: 1px solid #757575;
  max-width: 320px;
  top: 70px;
  z-index: 10;
  width: 100%;
  position: absolute;
  z-index: 10;
  padding: 1em;
  background-color: #ffffff;
  right: 0;
  display: none;
}

@media screen and (min-width: 768px) {
  .ajax-cart {
    top: 77px;
  }
}

@media screen and (min-width: 1024px) {
  .ajax-cart {
    top: 0;
  }
}

.ajax-cart.is-active {
  display: block;
}

.ajax-cart__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ajax-cart__title {
  margin: 0;
}

.ajax-cart__body {
  color: #222222;
  max-height: 260px;
}

.ajax-cart__body.is-overflow {
  overflow-y: scroll;
}

.ajax-cart__body.is-overflow::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.ajax-cart__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ajax-cart__item + .ajax-cart__item {
  margin-top: 1em;
}

.ajax-cart__product-image {
  max-width: 50px;
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .ajax-cart__product-image {
    max-width: 70px;
  }
}

.ajax-cart__product-description {
  padding: 0 1em;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 75%;
          flex: 1 1 75%;
}

.ajax-cart__product-title {
  text-decoration: none;
  display: block;
  margin: 0;
  font-size: .85em;
  line-height: 1.15em;
  margin: .5em 0;
}

.ajax-cart__product-title:hover {
  color: #DD0000;
}

.ajax-cart__product-price {
  margin: 0;
  color: #4A4A4A;
  font-size: 1.2em;
}

.ajax-cart__product-meta {
  font-size: .65em;
  color: #4A4A4A;
  margin: 0;
  text-transform: uppercase;
  line-height: 1.75em;
}

.ajax-cart__subtotal {
  display: block;
  margin: 1em 0;
  text-transform: uppercase;
}

.ajax-cart__footer .btn-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ajax-cart__footer .btn-group .btn,
.ajax-cart__footer .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .ajax-cart__footer .btn-group button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

/*-----------------------------------------------------
  Article
-----------------------------------------------------*/

.article__body {
  font-weight: 300;
}

/*-----------------------------------------------------
  Best Fit
-----------------------------------------------------*/

#app {
  width: 100%;
  height: 70vh;
  position: relative;
}

.best-fit__container {
  margin: 0 auto;
  padding: 2em !important;
  text-align: center;
  overflow: visible !important;
}

.best-fit__container.is-hidden {
  display: none;
}

.best-fit__container.with-border {
  max-width: 620px;
  border: 1px solid #222222;
  border-width: 1px 3px 3px 1px;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.best-fit__question.is-hidden {
  display: none;
}

.best-fit__header p {
  font-size: .8em;
}

.best-fit__input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*	Typeahead
    -----------------------------------------------------*/
}

.best-fit__input-group input[type="text"] {
  margin-bottom: 0;
}

.best-fit__input-group .btn,
.best-fit__input-group .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .best-fit__input-group button {
  height: 46px;
  border-left: 0;
}

.best-fit__input-group .twitter-typeahead {
  width: 100%;
}

.best-fit__input-group .tt-menu {
  background-color: #ffffff;
  width: 100%;
  top: 45px;
  border: 1px solid #222222;
}

.best-fit__input-group .tt-menu .tt-suggestion {
  padding: .5em 1em;
  text-align: left;
}

.best-fit__input-group .tt-menu .tt-suggestion:hover {
  background-color: #E3E3E3;
  cursor: pointer;
}

.best-fit__input-group .tt-menu .tt-cursor {
  background-color: #E3E3E3;
  cursor: pointer;
}

.best-fit__footer {
  margin: 1em 0 0;
}

.best-fit__footer p {
  margin: 0;
}

/*-----------------------------------------------------
  Billboard Hero
-----------------------------------------------------*/

.billboard-hero {
  position: relative;
  padding-top: 100%;
  -webkit-transition: padding .25s;
  transition: padding .25s;
  /*	Text modifiers
  -----------------------------------------------------*/
  /*	Modifiers
  -----------------------------------------------------*/
}

@media screen and (min-width: 420px) {
  .billboard-hero {
    padding-top: 70%;
  }
}

@media screen and (min-width: 1024px) {
  .billboard-hero {
    padding-top: 40%;
  }
}

.billboard-hero__body {
  display: none;
  /*	Font size modifiers
    -----------------------------------------------------*/
}

@media screen and (min-width: 768px) {
  .billboard-hero__body {
    display: block;
    position: absolute;
    max-width: 380px;
    width: 100%;
    padding: 1em 2em;
    text-align: center;
    z-index: 5;
    -webkit-transition: all .25s;
    transition: all .25s;
    /*	Layout modifiers
      -----------------------------------------------------*/
  }

  .billboard-hero__body.is-centered {
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    margin: 0 auto;
  }

  .billboard-hero__body.is-left {
    left: 3em;
    right: auto;
  }

  .billboard-hero__body.is-right {
    left: auto;
    right: 3em;
  }

  .billboard-hero__body.is-top {
    bottom: auto;
    top: 3em;
    -webkit-transform: none;
            transform: none;
  }

  .billboard-hero__body.is-bottom {
    top: auto;
    bottom: 3em;
    -webkit-transform: none;
            transform: none;
  }
}

@media screen and (min-width: 1024px) {
  .billboard-hero__body {
    max-width: 720px;
  }

  .billboard-hero__body.is-left {
    left: 5em;
  }

  .billboard-hero__body.is-right {
    right: 5em;
  }

  .billboard-hero__body.is-top {
    top: 5em;
  }

  .billboard-hero__body.is-bottom {
    bottom: 5em;
  }
}

.billboard-hero__body.fz-xlarge {
  font-size: 1.4rem;
}

.billboard-hero__body.fz-large {
  font-size: 1.2rem;
}

.billboard-hero__body.fz-medium {
  font-size: 1rem;
}

.billboard-hero__body.fz-small {
  font-size: .8rem;
}

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

.billboard-hero.text-centered {
  text-align: centered;
}

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

.billboard-hero__title {
  margin-bottom: 0;
}

.billboard-hero__subtitle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 1.2em;
  color: #4A4A4A;
}

.billboard-hero__listing {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px) {
  .billboard-hero__listing {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.billboard-hero__listing .billboard {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .billboard-hero__listing .billboard:nth-last-child(n+2),
  .billboard-hero__listing .billboard:nth-last-child(n+2) ~ .billboard {
    max-width: calc(50% - 3px);
  }
}

.billboard-hero__listing .billboard__content {
  /*	Button alignment
        -----------------------------------------------------*/
}

.billboard-hero__listing .billboard__content.is-top {
  top: 5em;
  bottom: auto;
}

.billboard-hero__listing .billboard__content.is-middle {
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.billboard-hero__listing .billboard__content.is-bottom {
  top: auto;
  bottom: 5em;
}

.billboard-hero .btn,
.billboard-hero .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .billboard-hero button {
  font-size: 1em;
}

.billboard-hero--spotlight {
  padding-top: 70%;
  margin-bottom: 1.5em;
}

.billboard-hero--spotlight .billboard-hero__listing .billboard__content {
  top: 50%;
  bottom: auto;
}

@media screen and (max-width: 768px) {
  .billboard-hero.has-mobile-alt .billboard-hero__body {
    display: block;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    padding: 1em 2em;
    text-align: center;
    z-index: 5;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    font-size: 0.8em;
    max-width: 90%;
  }
}

@media screen and (min-width: 768px) {
  .billboard-hero.has-mobile-alt .billboard--small {
    display: none;
  }
}

.billboard-hero.has-mobile-alt .billboard--small .billboard__content {
  top: auto;
  -webkit-transform: none;
          transform: none;
  bottom: 0;
}

@media screen and (min-width: 370px) {
  .billboard-hero.has-mobile-alt .billboard--small .billboard__content {
    bottom: 1em;
  }
}

@media screen and (min-width: 520px) {
  .billboard-hero.has-mobile-alt .billboard--small .billboard__content {
    bottom: 2em;
  }
}

.billboard-hero.has-mobile-alt .billboard--small .billboard__content .btn--small {
  display: block;
  max-width: 160px;
  margin: 0 auto 0.75em;
  width: 100%;
  font-size: 0.9em;
}

.billboard-hero.has-mobile-alt .billboard--large {
  display: none;
}

@media screen and (min-width: 768px) {
  .billboard-hero.has-mobile-alt .billboard--large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/*-----------------------------------------------------
  Billboard
-----------------------------------------------------*/

.billboard {
  background-color: #fcfcfc;
  background-size: cover;
  background-position: bottom center;
  position: relative;
}

.billboard__content {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}

.billboard__title {
  font-size: 1.8em;
  margin: 0;
}

.billboard__price {
  font-weight: 300;
  color: #222222;
}

.billboard__subtitle {
  font-size: 1.2em;
  margin: 0;
}

.billboard.is-pdp {
  height: 480px;
  will-change: height;
  -webkit-transition: height 0.5 cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: height 0.5 cubic-bezier(0.075, 0.82, 0.165, 1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .billboard.is-pdp {
    height: 600px;
  }
}

.billboard.is-pdp .container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.billboard.is-pdp .billboard__container {
  max-width: 70%;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .billboard.is-pdp .billboard__container {
    margin: 0;
    max-width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .billboard.is-pdp .billboard__container {
    margin: 0;
    max-width: 500px;
  }
}

/*-----------------------------------------------------
  Breadcrumbs
-----------------------------------------------------*/

.breadcrumb {
  padding: 1em 0;
  color: #757575;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: .05em;
  margin-top: 0.75em;
}

.breadcrumb a {
  text-decoration: none;
  color: #555;
}

.breadcrumb a:hover {
  color: #022442;
}

/*-----------------------------------------------------
  Button Group
-----------------------------------------------------*/

.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn-group--inline {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px) {
  .btn-group--inline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.btn-group--inline .btn,
.btn-group--inline .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .btn-group--inline button {
  margin: 0;
}

.btn-group--inline .btn + .btn,
.btn-group--inline .template-collection__utilities #bc-sf-filter-tree-mobile button + .btn,
.template-collection__utilities #bc-sf-filter-tree-mobile .btn-group--inline button + .btn,
.btn-group--inline .template-collection__utilities #bc-sf-filter-tree-mobile .btn + button,
.template-collection__utilities #bc-sf-filter-tree-mobile .btn-group--inline .btn + button,
.btn-group--inline .template-collection__utilities #bc-sf-filter-tree-mobile button + button,
.template-collection__utilities #bc-sf-filter-tree-mobile .btn-group--inline button + button {
  margin-top: 10px;
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .btn-group--inline .btn + .btn,
  .btn-group--inline .template-collection__utilities #bc-sf-filter-tree-mobile button + .btn,
  .template-collection__utilities #bc-sf-filter-tree-mobile .btn-group--inline button + .btn,
  .btn-group--inline .template-collection__utilities #bc-sf-filter-tree-mobile .btn + button,
  .template-collection__utilities #bc-sf-filter-tree-mobile .btn-group--inline .btn + button,
  .btn-group--inline .template-collection__utilities #bc-sf-filter-tree-mobile button + button,
  .template-collection__utilities #bc-sf-filter-tree-mobile .btn-group--inline button + button {
    margin-left: 10px;
    margin-top: 0;
  }
}

.btn-group--stacked {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.btn-group--stacked .btn,
.btn-group--stacked .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .btn-group--stacked button {
  margin: 0;
}

.btn-group--stacked .btn + .btn,
.btn-group--stacked .template-collection__utilities #bc-sf-filter-tree-mobile button + .btn,
.template-collection__utilities #bc-sf-filter-tree-mobile .btn-group--stacked button + .btn,
.btn-group--stacked .template-collection__utilities #bc-sf-filter-tree-mobile .btn + button,
.template-collection__utilities #bc-sf-filter-tree-mobile .btn-group--stacked .btn + button,
.btn-group--stacked .template-collection__utilities #bc-sf-filter-tree-mobile button + button,
.template-collection__utilities #bc-sf-filter-tree-mobile .btn-group--stacked button + button {
  margin-top: 10px;
}

/*-----------------------------------------------------
  Button
-----------------------------------------------------*/

.btn,
.template-collection__utilities #bc-sf-filter-tree-mobile button {
  background-color: #E3E3E3;
  border-width: 0;
  outline: none;
  font-family: "Verlag A", "Verlag B", "BrandonText", sans-serif;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #003366;
  -webkit-transition: background-color .125s;
  transition: background-color .125s;
  font-size: .9em;
}

.btn:hover,
.template-collection__utilities #bc-sf-filter-tree-mobile button:hover {
  background-color: #003366;
  color: #ffffff;
  opacity: 1;
}

.btn--primary {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #003366;
  color: #ffffff;
}

.btn--primary:hover,
.btn--primary:focus{
  background-color: #022442;
}

.btn--secondary {
  background-color: #ffffff;
  color: #003366;
}

.btn--secondary:hover {
  background-color: #003366;
  color: #ffffff;
}

.btn--light {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f4f4f4;
  color: #003366;
}

.btn--light:hover {
  background-color: #003366;
  color: #ffffff;
}

.btn--dark {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #022442;
  color: #ffffff;
}

.btn--dark:hover {
  background-color: rgba(2, 36, 66, 0.8);
}

.btn--small {
  padding: 0.75em 1em;
  font-size: .8em;
  min-width: 120px;
}

.btn--large {
  padding: 1em;
  min-width: 180px;
}

.btn--full {
  min-width: 100%;
}

.btn[disabled],
.template-collection__utilities #bc-sf-filter-tree-mobile button[disabled],
.btn.is-disabled,
.template-collection__utilities #bc-sf-filter-tree-mobile button.is-disabled {
  background-color: #E3E3E3;
  border: none;
  color: #636363;
  opacity: 1;
  pointer-events: none;
}

.btn[disabled]:hover,
.template-collection__utilities #bc-sf-filter-tree-mobile button[disabled]:hover,
.btn.is-disabled:hover,
.template-collection__utilities #bc-sf-filter-tree-mobile button.is-disabled:hover {
  cursor: default;
  background-color: #E3E3E3;
  color: #646464;
}

/*-----------------------------------------------------
  Callout Newsletter
-----------------------------------------------------*/

.callout-newsletter .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 2em;
  border: 1px solid #757575;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: calc(100% - 2em);
}

@media screen and (min-width: 768px) {
  .callout-newsletter .container {
    max-width: calc(1250px - 2px);
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 768px) {
  .callout-newsletter__body {
    margin-right: 2em;
  }
}

.callout-newsletter__title {
  margin: 0;
}

.callout-newsletter__subtitle {
  color: #757575;
}

@media screen and (min-width: 768px) {
  .callout-newsletter__subtitle {
    margin-bottom: 0;
  }
}

/*-----------------------------------------------------
  Card
-----------------------------------------------------*/

.card {
  color: #222222;
  text-decoration: none;
  display: block;
/*   margin-bottom: 0.75em; */
  position: relative;
  /*	Modifiers
  -----------------------------------------------------*/
}

.grid__item{
  margin-bottom: 0.75em;
}

@media screen and (min-width: 1024px) {
/*   .card {
    margin-bottom: 35px;
  } */
}

.card .card {
  background-color: #ffffff;
}

.card .card__body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #ffffff;
  color: #222222;
}

.card .card__meta {
  color: #222222;
}

.card .card__meta .standard-price {
  display: block;
  float: left;
  width: 100%;
}

.card .card__meta .standard-price.sold-out .sold-out--label {
  float: left;
  padding-left: 10px;
}

.card .card__meta .standard-price.sold-out .product-price__price {
  float: left;
  -webkit-text-decoration: strikethrough;
          text-decoration: strikethrough;
}

.card .card__meta .pwr-category-snippets {
  float: left;
}

.card__thumbnail {
  position: relative;
}

.card__thumbnail img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.card__utilities {
  bottom: 0.5em;
  display: none;
  font-size: 0.75em;
  font-size: .8em;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 0.5em;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 5;

  top: 70%;
  bottom: auto;
  transform: translateY(-15%);
}

.card__utilities .btn,
.card__utilities .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .card__utilities button {
  min-width: 50%;
}

.card__body {
  padding: 1em 0;
}

@media screen and (min-width: 768px) {
  .card__body {
    padding: 1em;
  }
}

.card__carousel {
  position: relative;
}

.card__carousel .flickity-page-dots {
  bottom: 10px;
}

.card__carousel .flickity-page-dots .dot {
  background-color: #ffffff;
  opacity: 1;
}

.card__carousel .flickity-page-dots .dot.is-selected {
  background-color: #222222;
}

.card__carousel .carousel-cell {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
}

.card__title {
  margin-bottom: 0;
  -webkit-transition: font-size .25s;
  transition: font-size .25s;
}

@media screen and (max-width: 420px) {
  .card__title {
    font-size: 0.7em;
  }
}

.card__meta {
  color: #9B9B9B;
  margin-top: 0.75em;
  -webkit-transition: font-size .25s;
  transition: font-size .25s;
}

@media screen and (max-width: 420px) {
  .card__meta {
    margin-top: 0;
    font-size: 0.7em;
  }
}

.card--alt .card__thumbnail img {
  display: block;
  width: 100%;
}

.card--alt .card__thumbnail img.primary-image {
  position: relative;
  z-index: 5;
  -webkit-transition: opacity .15s;
  transition: opacity .15s;
}

.card--alt .card__thumbnail img.secondary-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  
  .grid__item:hover .card__body, 
  .card:hover .card__body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #003366;
    color: #ffffff;
  }
  
  .grid__item:hover .card__meta,
  .card:hover .card__meta{
    color: #ffffff;
  }
}

@media screen and (min-width: 1024px) {
/*   .card {
    margin-bottom: 35px;
  } */
  
  .grid__item{
    margin-bottom: 10px;
  }

  .grid__item:hover .card__utilities,
  .card:hover .card__utilities{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
  }

  .card--alt:hover img.primary-image{
    opacity: 0;
  }
  
}

/*-----------------------------------------------------
  Carousel
-----------------------------------------------------*/

.carousel {
  /*	Layout modifiers
  -----------------------------------------------------*/
  /*	Flickity overrides
  -----------------------------------------------------*/
}

.carousel img {
  width: 100%;
}

.carousel__pretitle {
  color: #003366;
  margin-bottom: 0;
  padding-left: .25em;
}

.carousel__title {
  margin-bottom: 0;
}

.carousel__subtitle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 1.2em;
  color: #4A4A4A;
  margin-bottom: 1em;
}

.carousel__cell {
  background-size: cover;
  background-position: top center;
  min-height: 420px;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: min-height .25s;
  transition: min-height .25s;
}

@media screen and (min-width: 768px) {
  .carousel__cell {
    min-height: 600px;
  }
}

@media screen and (min-width: 768px) {
  .carousel__cell {
    min-height: 720px;
  }
}

.carousel__content {
  padding: 1.5em 2em;
}

@media screen and (max-width: 768px) {
  .carousel__content {
    left: 0;
    right: 0;
    text-align: center;
    bottom: 2em;
    margin: 0 auto;
    position: absolute;
  }
}

.carousel__body {
  position: relative;
  max-width: 45em;
  z-index: 5;
  padding: .25em 1em 1em;
}

.carousel .carousel__cell--left {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .carousel .carousel__cell--left .carousel__content {
    margin-left: 5em;
  }
}

.carousel .carousel__cell--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.carousel .carousel__cell--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}

@media screen and (min-width: 768px) {
  .carousel .carousel__cell--right .carousel__content {
    margin-right: 5em;
  }
}

.carousel .flickity-page-dots {
  bottom: 1.5em;
}

.carousel .flickity-page-dots .dot {
  opacity: 1;
  background: transparent;
  border: 2px solid #ffffff;
  height: 14px;
  width: 14px;
}

.carousel .flickity-page-dots .dot.is-selected {
  background-color: #ffffff;
}

.carousel .flickity-prev-next-button {
  background: none;
}

.carousel .flickity-prev-next-button .arrow {
  fill: #022442;
}

/*-----------------------------------------------------
  Cart overview
-----------------------------------------------------*/

.cart-overview {
  margin-bottom: 1.5em;
}

.cart-overview__header {
  padding: 1em;
  background-color: #E3E3E3;
}

.cart-overview__title {
  color: #003366;
  margin: 0;
  position: relative;
  top: 3px;
}

.cart-overview__body {
  background-color: #f4f4f4;
  padding: 1em;
}

.cart-overview__footer {
  margin-top: 0.75em;
}

.cart-overview__footer .btn--primary {
  margin-bottom: 0.75em;
}

/*-----------------------------------------------------
  Cart Table
-----------------------------------------------------*/

.cart-table {
  /*	Mobile styling
  -----------------------------------------------------*/
}

.cart-table th {
  padding: 0.75em 0;
}

.cart-table__image-wrapper {
  width: 120px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
}

.cart-table__image-wrapper a {
  display: block;
}

.cart-table__image-wrapper img {
  max-width: 100px;
  width: 100%;
}

.cart-table__description .remove {
  margin-bottom: 0;
}

.cart-table__header {
  margin: 0;
}

.cart-table__overview {
  padding: 1em;
  background-color: #f4f4f4;
}

.cart-table__item-title {
  margin: 0;
  max-width: 300px;
}

@media screen and (max-width: 420px) {
  .cart-table__item-title {
    font-size: 1em;
  }
}

.cart-table__item-title a {
  text-decoration: none;
}

.cart-table td.cart-table__description {
  padding: 1em;
}

.cart-table__meta {
  font-size: 0.9em;
  color: #4A4A4A;
}

.cart-table__remove {
  color: #595959;
  font-size: 0.9em;
}

.cart-table__qty-input {
  max-width: 65px;
  text-align: center;
  padding: 0.5em;
}

.cart-table__price-label,
.cart-table__qty-label {
  color: #003366;
}

@media screen and (min-width: 768px) {
  .cart-table__price-label,
  .cart-table__qty-label {
    display: none;
  }
}

.cart-table .cart-item__discount {
  font-size: .75em;
  text-transform: uppercase;
  font-weight: 700;
  color: #9B9B9B;
  display: inline-block;
  margin-top: 0.375em;
}

@media screen and (max-width: 768px) {
  .cart-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .cart-table__description {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
  }

  .cart-table__price-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    max-width: 50%;
    float: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px !important;
  }

  .cart-table__price-wrapper label {
    margin: 0;
  }

  .cart-table__update-wrapper {
    width: 100%;
    max-width: 50%;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px !important;
  }

  .cart-table__update-wrapper .cart-table__qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .cart-table__update-wrapper .cart-table__qty label {
    margin: 0;
  }
}

@media screen and (max-width: 420px) {
  .cart-table__price-wrapper {
    max-width: 100%;
  }

  .cart-table__update-wrapper {
    max-width: 100%;
  }
}

/*-----------------------------------------------------
  Cart
-----------------------------------------------------*/

.cart .cart-item__price {
  font-weight: 300;
}

.cart .cart-footer__subtotal {
  font-size: 1.2em;
  font-weight: 300;
}

.cart__subtotal-price {
  padding-left: 20px;
}

.cart input.cart-item__qty-input {
  float: right;
}

.cart .cart-item__price-wrapper {
  text-align: right;
}

/*-----------------------------------------------------
  Choice cards
  - to display checkboxes or radio buttons
-----------------------------------------------------*/

.product-form__option-selector fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

.choice-card.is-active .choice-card__button {
  background: #dfe6ec;
  border-color: #003366;
  border-width: 2px;
  cursor: default;
}

.choice-card.is-active .choice-card__button[disabled] {
/*   background-color: #fcfcfc; */
/*   color: #E3E3E3; */
/*   border-color: #E3E3E3; */
  
  background-color: #f9f9f9;
  color: #737373;
  border-color: #989898;
  position: relative;
}

.choice-card__listing {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.choice-card__listing li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.choice-card__listing li:last-child {
  margin-right: 0;
}

.choice-card__listing li {
  margin: 5px 2px;
}

.choice-card__input {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  color: transparent;
  speak: none;
}

.choice-card__button {
  background: none;
  border: 0;
  padding: 0;
  overflow: visible;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  background: transparent;
  border: 1px solid #9B9B9B;
  letter-spacing: 0.1em;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  height: 42px;
  min-width: 42px;
  padding: 0 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  cursor: pointer;
}

.choice-card__button:hover {
  border-color: #003366;
}

.choice-card__button[disabled] {
/*   background-color: #fcfcfc; */
/*   color: #E3E3E3; */
/*   border-color: #E3E3E3; */
  
  
  
  background-color: #f9f9f9;
  color: #737373;
  border-color: #BCBCBC;
  position: relative;
  -webkit-transition: all .25s;
  transition: all .25s;
}

.choice-card__button[disabled]:after {
  content: "";
  height: 1px;
  width: 56px;
/*   background-color: #E3E3E3; */
  background-color: #BCBCBC;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: -8px;
  top: 20px;
}

.template-gift-card .choice-card__button {
  min-width: 50px;
}

/*-----------------------------------------------------
  Cover Listing
-----------------------------------------------------*/

.cover-listing__heading {
  text-align: center;
  margin: 0;
}

.cover-listing__title {
  margin: 0;
}

.cover-listing__title--primary {
  color: #003366;
}

.cover-listing__title--white {
  color: #ffffff;
}

.cover-listing__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 420px) {
  .cover-listing__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.cover-listing__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background-size: cover;
  width: 100%;
  position: relative;
  -webkit-transition: all .25s;
  transition: all .25s;
  font-size: 1.6em;
  height: 140px;
}

.cover-listing__item + .cover-listing__item {
  margin-top: 0.5em;
}

@media screen and (min-width: 420px) {
  .cover-listing__item + .cover-listing__item {
    margin-top: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
}

@media screen and (min-width: 768px) {
  .cover-listing__item + .cover-listing__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.cover-listing__item:hover {
  opacity: .8;
}

@media screen and (min-width: 420px) {
  .cover-listing__item {
    height: 220px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
}

@media screen and (min-width: 768px) {
  .cover-listing__item {
    height: 365px;
  }

  .cover-listing__item:nth-last-child(2):first-child,
  .cover-listing__item:nth-last-child(2):first-child ~ .cover-listing__item {
    max-width: calc(50% - 1rem);
    font-size: 1.8em;
  }

  .cover-listing__item:nth-last-child(3):first-child,
  .cover-listing__item:nth-last-child(3):first-child ~ .cover-listing__item {
    max-width: calc(33.3333333% - 1rem);
    font-size: 1.6em;
  }

  .cover-listing__item:nth-last-child(4):first-child,
  .cover-listing__item:nth-last-child(4):first-child ~ .cover-listing__item {
    max-width: calc(25% - 1rem);
    font-size: 1.2em;
    height: 310px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
  }
}

@media screen and (min-width: 1024px) {
  .cover-listing__item {
    height: 380px;
  }

  .cover-listing__item:nth-last-child(4):first-child,
  .cover-listing__item:nth-last-child(4):first-child ~ .cover-listing__item {
    font-size: 1.4em;
    height: 420px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
  }
}

@media screen and (min-width: 1440px) {
  .cover-listing__item {
    height: 485px;
  }
}

.cover-listing__content {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

/*-----------------------------------------------------
  Overriding Dynamic checkout button () styling in PDP
-----------------------------------------------------*/

.template-product__product-form button {
  line-height: normal;
  font-size: 0.9em;
}

.template-product__product-form button.shopify-payment-button__button {
  padding: 1em;
}

.template-product__product-form .shopify-payment-button {
  margin-top: 0.75rem;
}

.template-product__product-form .shopify-payment-button__button {
  line-height: normal;
  border-radius: 0;
  font-family: "Verlag A", "Verlag B", "BrandonText", sans-serif;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: .9em;
  text-transform: uppercase;
}

.template-product__product-form .shopify-payment-button__button[disabled] {
  background-color: #E3E3E3 !important;
  color: #636363;
  opacity: 1;
}

.template-product__product-form .shopify-payment-button .shopify-cleanslate > div {
  padding: 0.9em !important;
}

.template-product__product-form .shopify-payment-button .shopify-cleanslate > div[aria-disabled="true"] {
  opacity: 1 !important;
  background-color: #E3E3E3 !important;
  border-color: #E3E3E3 !important;
}

.template-product__product-form .shopify-payment-button .shopify-cleanslate > div[aria-disabled="true"] span {
  color: #9B9B9B !important;
}

.template-product__product-form .shopify-payment-button__more-options {
  display: none;
  pointer-events: none;
}

/*-----------------------------------------------------
  Feature Columns
-----------------------------------------------------*/

.feature-columns {
  max-width: 420px;
  margin: 0 auto;
  /*-----------------------------------------------------
    Flex Grid
  -----------------------------------------------------*/
}

@media screen and (min-width: 420px) {
  .feature-columns {
    max-width: 100%;
  }
}

.feature-columns a.feature-columns__item-image {
  -webkit-transition: opacity 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.feature-columns a.feature-columns__item-image:hover {
  opacity: 0.5;
}

.feature-columns__item-image {
  margin: 0 0 0.75em;
}

.feature-columns__item-image img {
  display: block;
  width: 100%;
}

.feature-columns__item-title {
  margin: 0 0 0.75em;
}

.feature-columns__item-link {
  text-decoration: none;
}

.feature-columns__item-link .feature-columns__item-title {
  text-decoration: none;
}

.feature-columns__item-link:hover {
  color: #DD0000;
}

.feature-columns .flex-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .feature-columns .flex-grid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.feature-columns .flex-grid__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.75em;
}

.feature-columns .flex-grid__item .feature-columns__item-image {
  margin-bottom: 1.5em;
  display: block;
}

.feature-columns .flex-grid__item .feature-columns__item-description {
  margin-bottom: 1.5em;
}

.feature-columns .flex-grid__item .btn,
.feature-columns .flex-grid__item .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .feature-columns .flex-grid__item button {
  margin-top: auto;
}

/*-----------------------------------------------------
  Featured carousel
-----------------------------------------------------*/

.featured-carousel {
  /*	Flickity
  -----------------------------------------------------*/
}

.featured-carousel__container {
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .featured-carousel__container {
    max-width: calc(100% - 40px);
  }
}

@media screen and (min-width: 768px) {
  .featured-carousel__container {
    max-width: calc(100% - 100px);
  }
}

.featured-carousel__slide {
  width: 100%;
}

@media screen and (min-width: 320px) {
  .featured-carousel__slide {
    width: 200px;
  }
}

@media screen and (min-width: 768px) {
  .featured-carousel__slide {
    width: 300px;
  }
}

.featured-carousel__slide .card {
  padding: 0 2px;
  text-align: left;
}

@media screen and (min-width: 420px) {
  .featured-carousel__slide .card {
    padding: 0 5px;
  }
}

@media screen and (min-width: 768px) {
  .featured-carousel__slide .card {
    padding: 0 10px;
  }
}

.featured-carousel__slide .card__meta {
  font-size: .75em;
}

@media screen and (min-width: 768px) {
  .featured-carousel__slide .card__meta {
    font-size: 1em;
  }
}

.featured-carousel .flickity-prev-next-button {
  margin-top: -3em;
  background-color: transparent;
  top: 45%;
}

@media screen and (min-width: 420px) {
  .featured-carousel .flickity-prev-next-button:before {
    background-color: #ffffff;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.25;
    pointer-events: none;
    height: 100%;
    width: 100%;
  }
}

.featured-carousel .flickity-prev-next-button.previous {
  left: 0;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}

@media screen and (min-width: 768px) {
  .featured-carousel .flickity-prev-next-button.previous {
    left: -40px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.featured-carousel .flickity-prev-next-button.next {
  right: 0;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}

@media screen and (min-width: 768px) {
  .featured-carousel .flickity-prev-next-button.next {
    right: -40px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*-----------------------------------------------------
  Featured collection
-----------------------------------------------------*/

.featured-collection {
  /*	Flickity
  -----------------------------------------------------*/
}

.featured-collection__carousel {
  margin: 0 auto;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .featured-collection__carousel {
    max-width: calc(100% - 40px);
  }
}

@media screen and (min-width: 768px) {
  .featured-collection__carousel {
    max-width: calc(100% - 100px);
  }
}

.featured-collection__slide {
  width: 100%;
}

@media screen and (min-width: 320px) {
  .featured-collection__slide {
    width: 200px;
  }
}

@media screen and (min-width: 768px) {
  .featured-collection__slide {
    width: 300px;
  }
}

.featured-collection__slide .card {
  padding: 0 2px;
  text-align: left;
}

@media screen and (min-width: 420px) {
  .featured-collection__slide .card {
    padding: 0 5px;
  }
}

@media screen and (min-width: 768px) {
  .featured-collection__slide .card {
    padding: 0 10px;
  }
}

.featured-collection__slide .card__meta {
  font-size: .75em;
}

@media screen and (min-width: 768px) {
  .featured-collection__slide .card__meta {
    font-size: 1em;
  }
}

.featured-collection .flickity-prev-next-button {
  margin-top: -3em;
  background-color: transparent;
  top: 45%;
}

@media screen and (min-width: 420px) {
  .featured-collection .flickity-prev-next-button:before {
    background-color: #ffffff;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.25;
    pointer-events: none;
    height: 100%;
    width: 100%;
  }
}

.featured-collection .flickity-prev-next-button.previous {
  left: 0;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}

@media screen and (min-width: 768px) {
  .featured-collection .flickity-prev-next-button.previous {
    left: -40px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.featured-collection .flickity-prev-next-button.next {
  right: 0;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}

@media screen and (min-width: 768px) {
  .featured-collection .flickity-prev-next-button.next {
    right: -40px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*-----------------------------------------------------
  Filter Menu
-----------------------------------------------------*/

.filter-menu {
  margin: 1em 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .filter-menu {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.filter-menu__item {
  margin: 0;
  list-style-type: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 5px);
          flex: 1 1 calc(50% - 5px);
  max-width: calc(50% - 5px);
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .filter-menu__item {
    max-width: none;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-top: 0;
  }

  .filter-menu__item + .filter-menu__item {
    margin-left: 10px;
  }
}

.filter-menu__label {
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .filter-menu__label {
    margin: 0.75em 1em 0 0;
    float: left;
  }
}

.filter-menu select {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .filter-menu select {
    width: auto;
    padding: 10px 30px 10px 15px;
  }
}

/*-----------------------------------------------------
  Fit Guide
-----------------------------------------------------*/

.fit-guide__main-carousel {
  margin-bottom: 1.5em;
}

@media screen and (min-width: 1024px) {
  .fit-guide__main-carousel {
    width: calc(100% - 160px);
    margin: 0 auto 1.5em;
  }
}

.fit-guide__main-carousel .carousel {
  /*	Flickity
      -----------------------------------------------------*/
}

.fit-guide__main-carousel .carousel__content {
  border: 1px solid #E3E3E3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: static;
  width: 100%;
  padding: 1em;
}

@media screen and (min-width: 768px) {
  .fit-guide__main-carousel .carousel__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 1.5em;
  }
}

.fit-guide__main-carousel .carousel__cell {
  min-height: auto;
}

.fit-guide__main-carousel .carousel .flickity-prev-next-button {
  margin-top: -3em;
  background-color: transparent;
}

.fit-guide__main-carousel .carousel .flickity-prev-next-button.previous {
  left: -5px;
}

@media screen and (min-width: 768px) {
  .fit-guide__main-carousel .carousel .flickity-prev-next-button.previous {
    left: -60px;
  }
}

.fit-guide__main-carousel .carousel .flickity-prev-next-button.next {
  right: -5px;
}

@media screen and (min-width: 768px) {
  .fit-guide__main-carousel .carousel .flickity-prev-next-button.next {
    right: -60px;
  }
}

.fit-guide__main-carousel .carousel__image {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

@media screen and (min-width: 1024px) {
  .fit-guide__main-carousel .carousel__image {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
  }
}

.fit-guide__main-carousel .carousel__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .fit-guide__main-carousel .carousel__body {
    padding: 1.5em 3em;
  }
}

@media screen and (min-width: 1024px) {
  .fit-guide__main-carousel .carousel__body {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    padding: 2em;
  }
}

.fit-guide__main-carousel .carousel__body p,
.fit-guide__main-carousel .carousel__body ul {
  color: #4A4A4A;
}

.fit-guide__main-carousel .flickity-prev-next-button {
  background: none;
}

@media screen and (min-width: 1024px) {
  .fit-guide__main-carousel .flickity-prev-next-button {
    display: none;
  }
}

.fit-guide__nav {
  max-width: calc(100% - 80px);
  margin: 0 auto;
  width: 100%;
  margin-top: 10px;
  /*	Flickity
    -----------------------------------------------------*/
}

@media screen and (min-width: 768px) {
  .fit-guide__nav {
    max-width: calc(100% - 160px);
  }
}

.fit-guide__nav .card {
  float: left;
  max-width: calc(100% - 10px);
  width: 100%;
  margin: 5px;
}

@media screen and (min-width: 320px) {
  .fit-guide__nav .card {
    max-width: calc((100% / 2) - 10px);
  }
}

@media screen and (min-width: 768px) {
  .fit-guide__nav .card {
    max-width: calc((100% / 3) - 15px);
    margin: 10px;
  }
}

@media screen and (min-width: 1024px) {
  .fit-guide__nav .card {
    max-width: calc((100% / 5) - 15px);
  }
}

.fit-guide__nav .card__meta {
  margin-top: 0;
}

.fit-guide__nav .card.is-selected .card__body {
  background-color: #003366;
  color: #ffffff;
}

.fit-guide__nav .card.is-selected .card__meta {
  color: #ffffff;
}

.fit-guide__nav .flickity-prev-next-button {
  margin-top: -2em;
  background-color: transparent;
}

.fit-guide__nav .flickity-prev-next-button.previous {
  left: -40px;
}

@media screen and (min-width: 768px) {
  .fit-guide__nav .flickity-prev-next-button.previous {
    left: -60px;
  }
}

.fit-guide__nav .flickity-prev-next-button.next {
  right: -40px;
}

@media screen and (min-width: 768px) {
  .fit-guide__nav .flickity-prev-next-button.next {
    right: -60px;
  }
}

@media screen and (min-width: 1024px) {
  .fit-guide__description {
    display: block;
  }
}

.fit-guide__description.is-active {
  display: block;
}

/*-----------------------------------------------------
  Gallery
-----------------------------------------------------*/

.gallery__container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1em;
}

.gallery__wrapper {
  overflow: hidden;
}

.gallery__item {
  float: left;
  -webkit-transition: width 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: width 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
  margin: 5px;
}

.gallery__item.is-full {
  width: calc(100% - 10px);
}

@media screen and (min-width: 768px) {
  .gallery__item.is-half {
    width: calc(50% - 10px);
  }
}

@media screen and (min-width: 768px) {
  .gallery__item.is-third {
    width: calc((100% / 3) - 10px);
  }
}

.gallery__item.is-quarter {
  width: 50%;
}

@media screen and (min-width: 768px) {
  .gallery__item.is-quarter {
    width: calc(25% - 10px);
  }
}

.gallery__item img {
  display: block;
  width: 100%;
}

.gallery a.gallery__item {
  opacity: 1;
  -webkit-transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.gallery a.gallery__item:hover {
  opacity: 0.75;
}

/*-----------------------------------------------------
  Hero
-----------------------------------------------------*/

.hero {
  background-size: cover;
  min-height: 420px;
  position: relative;
  /*	Modifiers
  -----------------------------------------------------*/
}

@media screen and (min-width: 1024px) {
  .hero {
    min-height: 720px;
  }
}

.hero__content {
  padding: 1.5em;
  text-align: center;
  max-width: 720px;
  /*	Text modifiers
    -----------------------------------------------------*/
  /*	Font size modifiers
    -----------------------------------------------------*/
}

@media screen and (min-width: 768px) {
  .hero__content.text-left {
    text-align: left;
  }
}

.hero__content.text-left + .btn-group {
  margin-top: 0.75em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

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

.hero__content.text-centered + .btn-group {
  margin-top: 0.75em;
}

@media screen and (min-width: 768px) {
  .hero__content.text-right {
    text-align: right;
  }
}

.hero__content.text-right + .btn-group {
  margin-top: 0.75em;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.hero__content.fz-xlarge {
  font-size: 1.4rem;
}

.hero__content.fz-large {
  font-size: 1.2rem;
}

.hero__content.fz-medium {
  font-size: 1rem;
}

.hero__content.fz-small {
  font-size: .8rem;
}

.hero__inner {
  display: block;
  padding: 1em;
  margin: 0 auto;
  text-align: center;
  z-index: 5;
  -webkit-transition: all .25s;
  transition: all .25s;
  max-width: 380px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  /*	Layout modifiers
    -----------------------------------------------------*/
}

.hero__inner.is-top {
  bottom: auto !important;
  top: 1em !important;
  -webkit-transform: none !important;
          transform: none !important;
}

.hero__inner.is-bottom {
  top: auto !important;
  bottom: 1em !important;
  -webkit-transform: none !important;
          transform: none !important;
}

.hero__inner.is-centered {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .hero__inner {
/*     max-width: calc(100% - 6em); */
    max-width: 500px;
    padding: 3em;
    /*	Layout modifiers
      -----------------------------------------------------*/
  }

  .hero__inner.is-centered {
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    margin: 0 auto;
  }

  .hero__inner.is-left {
    left: 3em;
    right: auto;
  }

  .hero__inner.is-right {
    left: auto;
    right: 3em;
  }

  .hero__inner.is-top {
    top: 3em;
  }

  .hero__inner.is-bottom {
    bottom: 3em;
  }
}

@media screen and (min-width: 1024px) {
  .hero__inner {
    max-width: 720px;
  }

  .hero__inner.is-left {
    left: 5em;
  }

  .hero__inner.is-right {
    right: 5em;
  }

  .hero__inner.is-top {
    top: 5em;
  }

  .hero__inner.is-bottom {
    bottom: 5em;
  }
}

.hero__title {
  margin: 0 0 .1em;
  color: #022442;
  line-height: 1em;
}

.hero__subtitle {
  margin: .5em 0 0;
  color: #4A4A4A;
}

.hero__subtitle--product {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

.hero__overlay-title:before {
  content: none;
}

.hero .btn-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px) {
  .hero .btn-group {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.hero .btn-group .btn,
.hero .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .hero .btn-group button {
  min-width: 180px;
}

.hero .btn-group .btn + .btn,
.hero .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile button + .btn,
.template-collection__utilities #bc-sf-filter-tree-mobile .hero .btn-group button + .btn,
.hero .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile .btn + button,
.template-collection__utilities #bc-sf-filter-tree-mobile .hero .btn-group .btn + button,
.hero .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile button + button,
.template-collection__utilities #bc-sf-filter-tree-mobile .hero .btn-group button + button {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .hero .btn-group .btn + .btn,
  .hero .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile button + .btn,
  .template-collection__utilities #bc-sf-filter-tree-mobile .hero .btn-group button + .btn,
  .hero .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile .btn + button,
  .template-collection__utilities #bc-sf-filter-tree-mobile .hero .btn-group .btn + button,
  .hero .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile button + button,
  .template-collection__utilities #bc-sf-filter-tree-mobile .hero .btn-group button + button {
    margin-top: 0;
    margin-left: 1em;
  }
}

.hero--slim {
  min-height: 320px;
}

/*-----------------------------------------------------
  Image bar
-----------------------------------------------------*/
.grid.image-bar {
  width: 100%;
  overflow-x: hidden;
}

.image-bar__caption {
  text-transform: lowercase;
}

.image-bar__overlay{
  background-color: rgba(255,255,255,0.3)
}

/*-----------------------------------------------------
  Index Section
-----------------------------------------------------*/

.main-content .index-section:first-child {
  margin-top: 0;
}

.main-content .index-section + .index-section {
  margin: 3em 0;
}

.main-content .index-section:last-child {
  margin-bottom: 0;
}

.main-content .index-section + .index-section--flush {
  margin-top: 0;
}

.main-content .index-section + .index-section--flush:last-child {
  margin-bottom: 0;
}

.main-content .index-section--flush {
  margin-top: 0;
}

/*-----------------------------------------------------
  Input Group
-----------------------------------------------------*/

.input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.input-group__text {
  width: 100%;
}

/*-----------------------------------------------------
  Linklist
-----------------------------------------------------*/

.linklist .linklist__title {
  margin: 0 0 0.5em;
}

.linklist ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 1em;
}

.linklist ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.linklist ul li:last-child {
  margin-right: 0;
}

.linklist ul li + li {
  margin-top: 0.25em;
}

.linklist a {
  color: #757575;
  text-decoration: none;
}

.linklist a:hover {
  color: #003366;
}

.linklist + .linklist {
  margin-top: 1.5em;
}

/*-----------------------------------------------------
  Loaders
-----------------------------------------------------*/

.loader .line-scale > div {
  background-color: #003366;
}

/*-----------------------------------------------------
	Meganav
-----------------------------------------------------*/

.meganav {
  display: none;
  position: absolute;
  width: 100%;
  background: #ffffff;
  left: 0;
  z-index: 10;
  padding: 3em 0;
  /*-----------------------------------------------------
		Modifiers
	-----------------------------------------------------*/
}

.meganav .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.meganav .flex .flex__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  padding: 0 1em;
  max-width: 270px;
  width: 100%;
}

.meganav .flex .flex__item:first-child {
  padding-left: 0;
}

.meganav .flex .flex__item:nth-last-child(-n+3):first-child,
.meganav .flex .flex__item:nth-last-child(-n+3):first-child ~ .flex__item {
  max-width: 180px;
}

.meganav .flex .flex__item.is-image {
  max-width: 360px !important;
}

.meganav .flex .flex__item.is-image .meganav__thumbnail {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.meganav__title {
  margin-top: 0;
  margin-bottom: 0.75em;
}

.meganav__navlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: .9em;
}

.meganav__navlist-item {
  margin: 0;
}

.meganav__navlist-item a {
  text-decoration: none;
}

.meganav__navlist-item a:hover {
  color: #DD0000;
}

.meganav__navlist-item + .meganav__navlist-item {
  margin-top: 0.5em;
}

.meganav.meganav--show,
.meganav.meganav__show {
  display: block;
}

.meganav.has-columns .flex__item:nth-last-child(-n+4):first-child,
.meganav.has-columns .flex__item:nth-last-child(-n+4):first-child ~ .flex__item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: none;
  width: auto;
}

.meganav.has-columns .meganav__navlist {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  width: 320px;
}

.meganav.has-image .flex__item {
  max-width: 180px;
}

/* Modal
-------------------------------------------------------------------------------*/

.modal {
  position: fixed;
  display: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.modal__wrapper {
  background-color: #ffffff;
  position: absolute;
  max-width: 280px;
  border: 1px solid #003366;
  border-width: 1px 3px 3px 1px;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 320px) {
  .modal__wrapper {
    max-width: 90%;
  }
}

@media screen and (min-width: 1024px) {
  .modal__wrapper {
    max-width: 960px;
  }
}

.modal__featured-image {
  background-size: cover;
  min-height: 220px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.modal__header {
  padding: 1.5em 2em 0;
}

.modal__header p {
  margin: 0;
}

.modal__title {
  margin-top: 0;
  line-height: 1em;
}

.modal__body {
  background-color: #ffffff;
  padding: 1em;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

@media screen and (min-width: 420px) {
  .modal__body {
    padding: 1.5em 2em;
  }
}

.modal__body .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal__body .input-group .btn,
.modal__body .input-group .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .modal__body .input-group button {
  border-left: 0;
}

.modal__body .input-group input {
  margin: 0;
  font-size: 1em;
}

.modal__footer {
  padding: 0.75em 0;
}

@media screen and (max-width: 420px) {
  .modal__footer {
    font-size: .8em;
  }
}

.modal__footer--slim {
  padding: .5em 2em;
}

.modal__footer p {
  margin-top: 0;
}

.modal__footer p a {
  text-decoration: underline;
  -webkit-text-decoration-color: #DD0000;
          text-decoration-color: #DD0000;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip: ink;
}

.modal__footer p a:hover {
  background-color: transparent;
  border-bottom: none;
  color: #DD0000;
}

.modal__footer .btn,
.modal__footer .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .modal__footer button {
  margin-top: 0.75em;
}

.modal .modal__background {
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.modal__close {
  height: 42px;
  width: 42px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}

.modal .btn-group {
  margin-top: 1.5em;
}

.modal .btn-group .btn,
.modal .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .modal .btn-group button {
  width: 100%;
}

.modal--slim .modal__wrapper {
  max-width: 90%;
}

@media screen and (min-width: 768px) {
  .modal--slim .modal__wrapper {
    max-width: 520px;
  }
}

.modal--inline .modal__wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px) {
  .modal--inline .modal__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.modal.is-active {
  opacity: 1;
  display: block;
}

.modal .loader {
  margin: 1em auto;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}

/*-----------------------------------------------------
  Navigation
-----------------------------------------------------*/

.navigation {
  opacity: 1;
  pointer-events: auto;
  position: static;
  max-height: none;
}

.navigation__link-list {
  list-style-type: none;
  margin: 0 1em;
  padding: 0;
  position: relative;
  font-family: "Verlag A", "Verlag B", "BrandonText", sans-serif;
  -webkit-transition: font-size .25s;
  transition: font-size .25s;
}

@media screen and (min-width: 768px) {
  .navigation__link-list {
    font-size: 1.8em;
    bottom: -10px;
  }
}

@media screen and (min-width: 1024px) {
  .navigation__link-list {
    font-size: 2.1em;
    bottom: -13px;
  }
}

.navigation__link-list > .navigation__link {
  display: inline-block;
}

.navigation__link a {
  font-weight: 300;
  font-size: 2.1em;
  line-height: 1em;
  text-transform: lowercase;
  letter-spacing: 0;
}

@media screen and (min-width: 768px) {
  .navigation__link a {
    font-size: .8em;
  }
}

.navigation__link a:hover {
  -webkit-transform: none;
          transform: none;
  opacity: .5;
}

.navigation__link + .navigation__link {
  margin-left: .5em;
}

@media screen and (min-width: 1024px) {
  .navigation__link + .navigation__link {
    margin-left: 1em;
  }
}

.navigation__link.has-sublinks {
  position: relative;
}

@media screen and (min-width: 768px) {
  .navigation__link.has-sublinks:hover .navigation__sublinks-container {
    display: block;
  }
}

.navigation__link-anchor {
  padding: 0;
}

.navigation__link-anchor:after {
  content: none !important;
}

.navigation__sublinks-container {
  background-color: #ffffff;
  display: none;
  position: absolute;
  top: 26px;
  margin-left: -15px;
  width: 100%;
  min-width: 160px;
}

.navigation__sublinks {
  padding: 0;
}

.navigation__sublink:hover {
  background-color: #E3E3E3;
}

.navigation__sublink-anchor {
  padding: .75em 15px;
  display: block;
}

/*-----------------------------------------------------
  Newsletter
-----------------------------------------------------*/

.newsletter .modal__body .input-group .btn,
.newsletter .modal__body .input-group .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .newsletter .modal__body .input-group button {
  font-size: 0.75em;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 150px;
          flex: 1 1 150px;
}

@media screen and (min-width: 768px) {
  .newsletter .modal__body .input-group .btn,
  .newsletter .modal__body .input-group .template-collection__utilities #bc-sf-filter-tree-mobile button,
  .template-collection__utilities #bc-sf-filter-tree-mobile .newsletter .modal__body .input-group button {
    font-size: .9em;
  }
}

.newsletter .modal__featured-image {
  min-height: 260px;
  -webkit-transition: min-height .25s;
  transition: min-height .25s;
}

@media screen and (min-width: 768px) {
  .newsletter .modal__featured-image {
    min-height: 380px;
  }
}

@media screen and (min-width: 1024px) {
  .newsletter .modal__featured-image {
    min-height: 500px;
  }
}

@media screen and (max-width: 420px) {
  .newsletter .modal__featured-image {
    display: none;
  }
}

.newsletter .modal__wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*-----------------------------------------------------
  Note
-----------------------------------------------------*/

.note {
  background-color: rgba(0, 51, 102, 0.1);
  padding: 0.75em 1em;
  border: none;
  color: #003366;
  font-size: .85em;
  margin-top: 0.75em;
}

.note p {
  margin: 0;
}

.note--success {
  background-color: #dfe6ec;
}

.note--error {
  background-color: rgba(218, 166, 166, 0.25);
}

.note.is-hidden {
  display: none;
}

/*-----------------------------------------------------
  Page Content
-----------------------------------------------------*/

.content-for-layout {
  padding: 0;
}

.page-content {
  margin-top: 1em;
}

.page-content h1,
.page-content .h1,
.page-content h2,
.page-content .h2,
.page-content h3,
.page-content .h3,
.page-content h4,
.page-content .h4,
.page-content .template-collection__footer h2,
.template-collection__footer .page-content h2,
.page-content h5,
.page-content .h5,
.page-content .cart__table th,
.cart__table .page-content th {
  text-align: left;
}

.page-content__wrapper {
  background-color: #ffffff;
}

.page-content__main-content {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .page-content__main-content {
    max-width: 70%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
  }
}

.page-content__aside {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .page-content__aside {
    max-width: 30%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
  }
}

.page-content__body {
  padding: 4em 2em 2em;
  font-size: .8em;
  line-height: 1.75em;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

.page-content__body--wide {
  max-width: 720px;
}

.page-content__body--with-aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  max-width: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 1024px) {
  .page-content__body--with-aside {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.page-content__title {
  margin-bottom: 1em;
}

.page-content__title .icon {
  width: 40px;
  height: 25px;
  margin: -10px 0 0 -10px;
}

.page-content__container {
  max-width: 600px;
}

/*-----------------------------------------------------
  Pagination
-----------------------------------------------------*/

.pagination {
  margin: 1.5em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}

.pagination__item {
  border: 1px solid #E3E3E3;
  color: #9B9B9B;
}

.pagination__item + .pagination__item {
  margin-left: .5em;
}

.pagination__item a,
.pagination__item span {
  display: inline-block;
  text-decoration: none;
  padding: 0.5em 0.75em 0.5em;
}

.pagination__item a {
  color: #4A4A4A;
}

.pagination__item.is-disabled span {
  color: #757575;
}

.pagination__item a:hover {
  background-color: #dfe6ec;
}

/*-----------------------------------------------------
  Product Card Grid
-----------------------------------------------------*/

.product-card-grid.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
  overflow: visible;
}

@media screen and (min-width: 1024px) {
  .product-card-grid.flexbox {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-right: -10px;
  }
}

.product-card-grid.flexbox::after {
  content: none;
}

.product-card-grid.flexbox .grid__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc((100% / 2));
          flex: 1 1 calc((100% / 2));
  max-width: calc((100% / 2) - 5px);
  position: relative;
}

@media screen and (min-width: 1024px) {
  .product-card-grid.flexbox .grid__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc((100% / 3));
            flex: 1 1 calc((100% / 3));
    max-width: calc((100% / 3) - 10px);
    margin-right: 10px;
  }
}

@media screen and (min-width: 768px) {
  .recommendations-group .product-card-grid.flexbox .grid__item:nth-child(3n + 3) {
    margin-right: 10px;
  }
}

.product-card-grid.flexbox .grid__item .card {
  background-color: #ffffff;
  width: 100%;
/*   margin-bottom: 10px; */
}

@media screen and (max-width: 420px) {
  .product-card-grid.flexbox .grid__item .card {
    position: relative;
    padding-bottom: 25px;
  }
}

@media screen and (min-width: 768px) {
  .product-card-grid.flexbox .grid__item .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .product-card-grid.flexbox .grid__item .card:hover {
    background-color: #003366;
  }
}

.product-card-grid.flexbox .grid__item .card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  height: auto;
  -webkit-transition: height .25s;
  transition: height .25s;
  text-align: left;
}

@media screen and (min-width: 1024px) {
  .product-card-grid.flexbox .grid__item .card__body {
    height: 150px;
  }
}

@media screen and (max-width: 420px) {
  .product-card-grid.flexbox .grid__item .card__body {
    padding: 0.5em 0;
  }
}

.product-card-grid.flexbox .grid__item .card__title {
  width: 100%;
  line-height: 1.1;
  min-height: 35px;
}

.card__subtitle {
  margin: 0px 0px 10px 0px;
  font-size: 14px;
  line-height: 1;
  font-family: "BrandonText", sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  text-transform: capitalize;
}

@media (max-width: 767px) {
  .product-card-grid.flexbox .grid__item .card__title {
    min-height: 30px;
  }
  
  .card__subtitle {
    margin: 0px 0px 5px 0px;
  	font-size: 10px;
  }
}

.product-card-grid.flexbox .grid__item .card__meta {
  width: 100%;
  margin-top: 0;
}

@media screen and (min-width: 1024px) {
  .product-card-grid.flexbox .grid__item .card__meta .grid-link__image {
    display: inline-block;
  }
}

@media screen and (max-width: 420px) {
  .product-card-grid.flexbox .grid__item .card__meta {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .nosto_element .yotpo-bottomline.star-clickable .text-m {
    font-size: 0.65rem;
  }

  .nosto_element .product-card-grid.flexbox .grid__item .card__meta {
    position: static;
  }
}

.product-card-grid--3up.flexbox .grid__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc((100% / 2));
          flex: 1 1 calc((100% / 2));
  max-width: calc((100% / 2) - 5px);
  -webkit-transition: all .25s;
  transition: all .25s;
}

@media screen and (min-width: 1024px) {
  .product-card-grid--3up.flexbox .grid__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc((100% / 3));
            flex: 1 1 calc((100% / 3));
    max-width: calc((100% / 3) - 10px);
  }
}

.product-card-grid--3up.flexbox.grid--large .grid__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
}

.product-card-grid--3up.flexbox.grid--large .grid__item .card__body {
  font-size: 1.3em;
  text-align: left;
}

.product-card-grid--3up.flexbox.grid--large .grid__item .card__meta {
  font-size: 0.75em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.product-card-grid--3up.flexbox.grid--large .grid__item .card__meta span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.product-card-grid--3up.flexbox.grid--large .grid__item .card .pwr-category-snippets {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.product-card-grid--3up.flexbox.grid--large .grid__item .card .pwr-category-snippets .p-w-r section {
  float: right;
}

.product-card-grid--3up.flexbox.grid--large .grid__item .card .pwr-category-snippets .p-w-r .pr-star-v4 {
  width: 16px !important;
  height: 16px !important;
}

.product-card-grid--4up.flexbox .grid__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: calc(50% - 5px);
}

@media screen and (min-width: 768px) {
  .product-card-grid--4up.flexbox .grid__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: calc(25% - 10px);
  }
}

.product-card-grid--5up.flexbox .grid__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc((100% / 2));
          flex: 1 1 calc((100% / 2));
  max-width: calc((100% / 2) - 5px);
}

.product-card-grid--5up.flexbox .grid__item:last-child {
  display: none;
}

@media screen and (min-width: 1024px) {
  .product-card-grid--5up.flexbox .grid__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc((100% / 5));
            flex: 1 1 calc((100% / 5));
    max-width: calc((100% / 5) - 10px);
  }

  .product-card-grid--5up.flexbox .grid__item:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.product-card-grid--5up.flexbox .grid__item .card__body {
  height: auto;
}

@media screen and (min-width: 1024px) {
  .product-card-grid--5up.flexbox .grid__item .card__body {
    height: 150px;
  }
}

.filters-container .desktop-clear-all-btn .desktop-clear-btn-text{
  color: #fff !important;
}

/*-----------------------------------------------------
  Product form
-----------------------------------------------------*/

.product-form {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product-form__price {
  margin: 0 0 0.75em;
}

.product-form__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
}

.product-form__item + .product-form__item {
  margin-top: 0.75em;
}

.product-form .note {
  margin: 1.5em 0;
  width: 100%;
  text-align: center;
}

.priceBox .product-table__section p {
  display: inline-block;
  float: none;
  margin: 0 auto;
  vertical-align: text-top;
  width: 18%;
}

.priceBox .product-table__section p.product-form__price {
  width: 55%;
/*   text-align: center; */
  float: right;
}

.priceBox .product-table__section p.product-form__price.no-discounts {
  text-align: right;
  left: unset;
}

.priceBox .product-table__section p.discountSavings {
  display: none;
  text-align: right;
  color: #b50000;
  text-transform: capitalize;
  margin-top: -1px;
  width: 22%;
}

.showSavings_pdp .priceBox .product-table__section p.discountSavings {
  display: inline-block;  
  float: right;
}

@media screen and (min-width: 768px) {
  .product-form .note {
    max-width: 310px;
  }
  
  .product-table__container.priceBox {
    max-width: unset;
  }
}

@media screen and (max-width:767px){

  .priceBox .product-table__section p.product-form__price{
/*     width: 78%;
    text-align: right; */
    
    display: inline-block;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    margin: 0;
    text-align: right;
  }

  .priceBox .product-table__section p.discountSavings{
    width: 99%;
  }
}

.product-form .note p {
  position: relative;
  top: 3px;
}

.product-form .product-table__container #BIS_trigger {
  display: inline-block;
  margin-top: 5px;
}

.product-form .product-table__out-of-stock {
  display: inline-block;
  margin-top: 0.5em;
}

/*-----------------------------------------------------
  Product Gallery
-----------------------------------------------------*/
.product-gallery-desktop .photo{
  width: 50%;
  float: left;
  margin: 1px 0px;
  padding: 0px 1px;
}

.template-gift-card .product-gallery-desktop .photo {
  width: 100%;
}

.product-gallery-desktop .photo.fullWidth {
  width: 100%;
  text-align: center;
/*   background: #e8e7e3;
  background: #d6d4d0;
  background: linear-gradient(#d6d4d0, #deddd9); */
}

.product-gallery {
  display: none;
  overflow: hidden;
  max-height: 980px;
}

.product-gallery__wrapper {
  overflow: hidden;
  position: relative;
}

.product-gallery__wrapper.is-zoomed a:hover {
  cursor: -webkit-zoom-in !important;
  cursor: zoom-in !important;
}

.product-gallery .photo {
  display: block;
  width: 100%;
}

.product-gallery__image {
  max-width: 100%;
  width: 100%;
  vertical-align: middle;
  cursor: zoom-in;
}

.product-gallery__thumbnail:hover {
  cursor: pointer;
  opacity: .75;
}

.product-gallery__thumbnail img {
  width: 100%;
}

.product-gallery__arrows {
  padding: 0;
  list-style-type: none;
  position: absolute;
  height: 100%;
  width: calc(100% - 2px);
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.product-gallery__arrows .arrow {
  background-color: #ffffff;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
}

.product-gallery__arrows .prev {
  top: 0;
}

.product-gallery__arrows .next {
  bottom: 0;
}

.product-gallery__zoom {
  position: absolute;
  z-index: 10;
  bottom: 1.5em;
  right: 1.5em;
}

@media screen and (max-width: 1023px){
  .product-gallery{
  	display: block;
  }
  
  .product-gallery-desktop{
  	display: none;
  }
}

/*-----------------------------------------------------
  Product Table
-----------------------------------------------------*/

.product-table {
  position: relative;
}

.product-table__row {
/*   border-bottom: 1px solid #E3E3E3; */
  padding: 0.5em 0;
  position: relative;
}

.product-table__row--inline .product-table__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-table__row--inline .product-table__container input,
.product-table__row--inline .product-table__container select {
  margin-left: 1em;
}

.product-table__row--medium {
  padding: 0.75em 0;
}

.product-table__heading {
  overflow: hidden;
}

.product-table__container {
  overflow: hidden;
}

.product-table__container.product-table__buttonContainer{
  max-width:450px;
}

.product-table__wishlist .iwishAddWrap {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .product-table__container {
    max-width: 310px;
  }
}

.product-table__heading{
  display: inline-block;
}

.product-table__title {
  margin: 0;
  color: #022442;
  float: left;
}

.product-table__section {
  overflow: hidden;
  padding: 0.375em 0;
  width: 100%;
}

.product-table__value {
/*   float: right; */
  margin: 0;
  color: #757575;
  position: relative;
  line-height: 1.5em;
  left: 20px;
}

.product-table__size-guide {
  float: right;
}

.btn.ks-chart-modal-button {
  border: none !important;
  padding: 0;
}

.template-gift-card .product-table__value{
  left: unset;
  float: right;
}

@media screen and (min-width: 1024px){
	.product-table__value {
      top: -3px;
    }
}

@media screen and (min-width: 768px) {
  .product-table__size-guide {
    position: absolute;
    right: 0;
    top: 0.5em;
  }
  
  .btn.ks-chart-modal-button {
    margin-bottom: 0;
  }
}

.product-table__wishlist {
  margin-top: 0.75em;
}

.product-table .product-form__quantity {
  float: right;
  max-width: 70px;
  width: 100%;
  border-color: #757575;
}

.product-table button[type="submit"] {
  width: 100%;
}

/*-----------------------------------------------------
  Promo
-----------------------------------------------------*/

.promo {
  background-color: #ffffff;
  text-align: center;
  position: relative;
  /*	Layout modifiers
  -----------------------------------------------------*/
}

@media screen and (min-width: 768px) {
  .promo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    min-height: 420px;
    padding: 3em 0px;
  }
}

.promo .promo__thumbnail {
  padding-top: 50%;
  background-color: #E3E3E3;
  width: 90%;
  margin: auto;
  background-size: cover;
  background-position: center top;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .promo .promo__thumbnail {
/*     padding-top: 35%; */
    padding-top: 30%;
    width: 57%;
  }
}

.promo .promo__body {
  width: 100%;
  padding: 1em;
  position: relative;
    z-index: 1;
}

@media screen and (min-width: 768px) {
  .promo .promo__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
    		align-items: center;
    width: 43%;
  }
}

.promo__description.lead {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.promo__title {
  margin: 0;
  text-align:center;
}

@media screen and (max-width: 768px) {
  .promo__cta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .promo__cta .btn + .btn,
  .promo__cta .template-collection__utilities #bc-sf-filter-tree-mobile button + .btn,
  .template-collection__utilities #bc-sf-filter-tree-mobile .promo__cta button + .btn,
  .promo__cta .template-collection__utilities #bc-sf-filter-tree-mobile .btn + button,
  .template-collection__utilities #bc-sf-filter-tree-mobile .promo__cta .btn + button,
  .promo__cta .template-collection__utilities #bc-sf-filter-tree-mobile button + button,
  .template-collection__utilities #bc-sf-filter-tree-mobile .promo__cta button + button {
    margin-top: 0;
    margin-left: 10px;
  }
}

.promo--left.promo--offset .promo__body {
  left: -6em;
}

@media screen and (min-width: 768px) {
  .promo--left.promo--offset .promo__body {
    padding-right: 0;
  }
}

.promo--center .promo__body {
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px) {
  .promo--right .promo__thumbnail {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .promo--right .promo__body {
    text-align: right;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-left: 0;
  }
}

.promo--right.promo--offset .promo__body {
  right: -6em;
}

@media screen and (min-width: 768px) {
  .promo--offset .promo__body {
    max-width: 330px;
    position: relative;
  }
}

/*-----------------------------------------------------
  Quickview
-----------------------------------------------------*/

.quickview {
  pointer-events: none;
  /*-----------------------------------------------------
    Template Override
  -----------------------------------------------------*/
  /*-----------------------------------------------------
    State
  -----------------------------------------------------*/
}

.quickview .shopify-payment-button {
  display: none;
  pointer-events: none;
}

.quickview .container {
  padding: 0;
}

.quickview__container {
  display: block;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
}

.quickview__gallery {
  background-color: #f4f4f4;
}

.quickview__gallery img {
  display: block;
}

.quickview__body {
  padding: 2em;
}

.quickview__wrapper {
  background-color: #ffffff;
  border: 1px solid #003366;
  border-width: 1px 3px 3px 1px;
  height: 100%;
  left: 0;
  margin: 0 auto;
  max-height: calc(100% - 10em);
  max-width: 880px;
  overflow: hidden;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: max-width .25s, max-height .25s;
  transition: max-width .25s, max-height .25s;
  width: 75%;
  will-change: max-width, max-height;
}

.quickview__wrapper .loader {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.quickview__wrapper::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.quickview .modal__close {
  opacity: 1;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.quickview .modal__close:hover {
  background-color: transparent;
  color: #DD0000;
}

.quickview .template-product__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.quickview .template-product__gallery {
  padding: 0;
  width: 100%;
  max-width: 50%;
}

.quickview .template-product__gallery img {
  width: 100%;
}

.quickview .template-product__body {
  font-size: .9em;
  padding: 3em;
  width: 100%;
  max-width: 50%;
}

.quickview .template-product__footer {
  background: #ffffff;
  bottom: 0;
  left: 0;
  margin: 1em auto 0;
  padding: .5em;
  position: -webkit-sticky;
  position: sticky;
  right: 0;
}

.quickview .template-product__footer p {
  margin: 0;
}

.quickview .template-product__footer p a {
  text-decoration: none;
}

.quickview .template-product__footer p a:hover {
  color: #DD0000;
}

.quickview .template-product .product-table__container {
  max-width: unset;
}

.quickview .template-product .product-table .note {
  max-width: unset;
}

.quickview.is-loading .loader {
  opacity: 1;
}

.quickview.is-loading .quickview__wrapper {
  max-height: 160px;
  max-width: 160px;
}

.quickview.is-loading .modal__close {
  opacity: 0;
}

/*-----------------------------------------------------
  Radio Group
-----------------------------------------------------*/

.radio-group {
  margin: 1em 0;
}

.radio-group input[type="radio"] {
  margin: 0 10px;
}

/*-----------------------------------------------------
  Responsive Table
-----------------------------------------------------*/

.responsive-table {
  font-size: 90%;
}

.responsive-table thead th {
  border-bottom: 1px solid #E3E3E3;
  font-weight: 500;
}

.responsive-table tr:nth-child(even) {
  background-color: #E3E3E3;
}

.responsive-table td {
  padding: .5em;
  border: none;
}

.reviews-carousel {
  overflow-y: hidden;
}

.reviews-carousel__title {
  margin-bottom: 0;
  padding: 25px 10px 0 10px;
}

@media (min-width: 64em) {
  .reviews-carousel__title {
    padding: 25px 0 0 0;
  }
}

/*-----------------------------------------------------
  Search Header
-----------------------------------------------------*/

.search-header__input {
  padding: 1.25em 1em .75em;
  font-size: .8em;
  min-width: 240px;
  width: 100%;
  border: none;
  text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
  .search-header__input {
    text-transform: none;
    padding: 8px 1em 5px;
    border: 1px solid #585858;
  }
  
  .bc-sf-search-box:focus{
    border: 1px solid #585858;  
  }
}

.search-header .btn,
.search-header .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .search-header button {
  padding: 5px 10px;
}

@media screen and (max-width: 1024px) {
  .search-header .btn,
  .search-header .template-collection__utilities #bc-sf-filter-tree-mobile button,
  .template-collection__utilities #bc-sf-filter-tree-mobile .search-header button {
    background-color: #ffffff;
    color: #003366;
    fill: #003366;
  }
}

.search-header .btn .icon-search,
.search-header .template-collection__utilities #bc-sf-filter-tree-mobile button .icon-search,
.template-collection__utilities #bc-sf-filter-tree-mobile .search-header button .icon-search {
  width: 16px;
}

/*-----------------------------------------------------
  Section Header
-----------------------------------------------------*/

.section-header {
  overflow: hidden;
  margin: 1em 0 2.5em;
}

.section-header__title {
  margin-bottom: 1em;
}

.section-header__title .icon {
  width: 40px;
  height: 25px;
  margin: -10px 0 0 -8px;
}

.section-header.section-header--cart {
  padding-bottom: 1.5em !important;
}

.section-header.section-header--cart .hero__title {
  font-size: 1.8em;
}

.section-header.section-header--search h1 {
  font-size: 16px;
  margin-bottom: 2em;
}

@media screen and (min-width: 768px) {
  .section-header.section-header--cart .hero__title {
    font-size: 2.4em;
  }
}

@media screen and (min-width: 1024px) {
  .section-header.section-header--cart .hero__title {
    font-size: 3em;
  }
}

/*-----------------------------------------------------
  Section
-----------------------------------------------------*/

.section {
  text-align: center;
}

.section__heading {
  margin: 0;
  line-height: 1.35em;
}

.section__heading--primary {
  color: #003366;
}

.section__heading--white {
  color: #ffffff;
}

.section__subheading {
  color: #4A4A4A;
}

/*-----------------------------------------------------
  Site Drawer
-----------------------------------------------------*/

.site-drawer {
  background: #ffffff;
  height: 100vh;
  border-right: 1px solid #4A4A4A;
  /*	Overflow adjustments
  -----------------------------------------------------*/
}

.site-drawer__close {
  background: #022442;
  color: #ffffff;
  fill: #ffffff;
  position: absolute;
  height: 42px;
  width: 42px;
  right: -42px;
  border: 0;
  top: 42px;
  border-radius: 0;
  z-index: 10;
}

.site-drawer__close:hover {
  background-color: #003366;
}

.site-drawer__nav-item {
  background: none;
  border: 0;
  padding: 0;
  overflow: visible;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1em;
  border-bottom: 1px solid #757575;
  text-align: left;
  list-style-type: none;
  margin-left: 0;
}

.site-drawer__nav-item .btn,
.site-drawer__nav-item .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .site-drawer__nav-item button {
  padding: 1em;
}

.site-drawer__nav-item.no-border {
  border-bottom: none;
}

.site-drawer__nav-item.is-child {
  text-indent: 1em;
  font-size: .8em;
}

.site-drawer__nav-item.is-subchild {
  font-family: "BrandonText", sans-serif;
  text-indent: 2em;
  font-size: .9em;
  font-weight: 300;
  letter-spacing: 0;
  text-transform: none;
}

.site-drawer__nav-item.is-subchild a {
  color: #4A4A4A;
}

.site-drawer__nav-item .icon-chevron-left {
  float: right;
  width: 13px;
  height: 13px;
  position: relative;
  top: 2px;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}

.site-drawer__nav-item .icon-chevron-left.is-active {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.site-drawer__nav-item__offerAnnouncement {
  text-align: left;
  padding: 1.2em 0 1em 1em !important;
}

.site-drawer__nav-list {
  position: relative;
  z-index: 10;
  padding: 0;
  height: 100vh;
  overflow-y: scroll;
}

.site-drawer__nav-list::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.site-drawer__link {
  display: block;
  padding: 0.75em 1em 0.5em;
  width: 100%;
  text-decoration: none;
}

.site-drawer__link--secondary {
  background-color: rgba(227, 227, 227, 0.5);
}

.site-drawer__link:hover,
.site-drawer__link:focus{
  background-color: rgba(227, 227, 227, 0.25);
  color: #DD0000;
}

.site-drawer__dropdown {
  padding-left: 0;
}

.site-drawer a[href="/account/login"],
.site-drawer a[href="/account"] {
  text-align: left;
}

@media screen and (max-height: 568px) {
  .site-drawer {
    overflow-y: scroll;
  }

  .site-drawer::-webkit-scrollbar {
    width: 0px;
    background: transparent;
  }
}

.site-drawer.is-overflow {
  overflow-y: scroll;
}

.site-drawer.is-overflow::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.window-overlay {
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.75);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  display: none;
}

/*-----------------------------------------------------
  Site Footer
-----------------------------------------------------*/

.site-footer {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #003366;
  border: none;
  padding: 2em 0 0;
  margin: 3em 0 0;
  color: #ffffff;
  -webkit-transition: font-size .25s;
  transition: font-size .25s;
  text-align: left;
  /*	Layout modifiers
  -----------------------------------------------------*/
}

@media screen and (min-width: 1024px) {
  .site-footer {
    font-size: 1em;
  }
}

.site-footer p,
.site-footer ul {
  font-size: .9em;
}

.site-footer a {
  color: #ffffff;
  text-decoration: none;
}

.site-footer .flex-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.site-footer .flex-grid__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 2 50%;
          flex: 1 2 50%;
  padding: 0 1em;
}

@media screen and (min-width: 1024px) {
  .site-footer .flex-grid__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    padding: 0;
  }
}

.site-footer .flex-grid__item:nth-child(3) {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-top: 1.5em;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .site-footer .flex-grid__item:nth-child(3) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    margin-top: 0;
    text-align: left;
  }
}

.site-footer .flex-grid__item:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-top: 1.5em;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .site-footer .flex-grid__item:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    margin-top: 0;
    text-align: left;
  }
}

.site-footer .flex-grid__item .footer-exclusives__section {
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #01407e;
}

.site-footer .flex-grid__item .be-ix-link-block {
  text-align: left;
}

.site-footer__title {
  font-family: "Verlag A", "Verlag B", "BrandonText", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-size: 1em;
}

.site-footer__copyright {
  text-align: center;
  font-size: .8em;
}

.site-footer__linklist {
  margin: 0;
  padding: 0;
}

.site-footer__linklist-item {
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  display: block;
}

.site-footer__linklist-item + .site-footer__linklist-item {
  margin-top: 0.75em;
}

.site-footer__newsletter {
  margin: 0;
  max-width: none;
}

.site-footer__newsletter .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.site-footer__newsletter .input-group__field {
  font-size: .8em;
  margin: 0;
  width: 100%;
  background-color: #ffffff;
}

.site-footer__social-icons {
  margin: 0;
}

.site-footer__social-icons a {
  height: 42px;
  width: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #022442;
  color: #ffffff;
}

.site-footer__social-icons a:hover {
  background-color: rgba(2, 36, 66, 0.8);
}

.site-footer__social-icons li {
  margin: 0;
}

.site-footer__social-icons li + li {
  margin-left: .5em;
}

.site-footer__social-icons .icon {
  width: 21px;
  height: 21px;
}

.site-footer__footnote {
  background-color: #022442;
  padding: 1em 0;
  text-align: center;
  margin-top: 2em;
}

.site-footer__footnote p {
  margin-bottom: 0;
}

.site-footer .redirect-picker {
  background-color: #ffffff;
}

.site-footer.is-flush {
  margin-top: 0;
}

/*-----------------------------------------------------
  Site Header
-----------------------------------------------------*/

/*	Config
-----------------------------------------------------*/

.site-header {
  background-color: #003366;
  width: 100%;
  /*	Brand
  -----------------------------------------------------*/
  /*-----------------------------------------------------
    Menu Drawer
  -----------------------------------------------------*/
}

@media screen and (min-width: 1024px) {
  .site-header {
    background-color: #ffffff;
  }
}

.site-header {
  position: relative;
  z-index: 6;
}

.site-header__offerAnnouncement {
  margin-left: auto;
  margin-bottom: 0;
  margin-top: 0;
  text-decoration: none;
  display: block;
  font-size: 1.1em;
}

@media screen and (max-width: 1024px) {
  .site-header__offerAnnouncement {
    display: none;
  }
}

.site-header__offerAnnouncement .smallcaps,
.site-header__offerAnnouncement .site-drawer__nav-item {
  margin-top: 0.25em;
  display: block;
}

.site-header__toolbar {
  background-color: #ffffff;
  color: #003366;
  font-size: .75em;
  padding: 1em 0;
  position: relative;
  text-align: center;
  z-index: 2;
}

@media screen and (min-width: 1024px) {
  .site-header__toolbar {
    background-color: #003366;
    color: #ffffff;
    text-align: left;
    padding: 0;
  }
}

@media screen and (min-width: 1024px) {
  .site-header__toolbar a {
    color: #ffffff;
  }
  
  .site-header__toolbar .site-header__ticker a{
    color: #ffffff;
    background-color: #013366;      
  }
}

@media screen and (min-width: 1024px) {
  .site-header__toolbar .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.site-header__toolbar .site-header__cart {
  padding: 10px;
}

.site-header__toolbar .site-header__cart .icon-cart {
  margin: 0;
}

.site-header__icons {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: auto;
}

@media screen and (min-width: 1024px) {
  .site-header__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.site-header__icon {
  padding: 15px 12px;
}

.site-header__help {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
}

.site-header__help-icon:hover .site-header__help,
.site-header__help-icon.open .site-header__help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.site-header__help:hover,
.site-header__help:focus {
  display: block;
}

.site-header__help:hover .site-header__help-icon,
.site-header__help:focus .site-header__help-icon {
  background-color: #022442;
}

.site-header__masthead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75em 1em;
}

.site-header__menu {
  display: none;
  margin-left: auto;
  margin-right: 3em;
}

@media screen and (min-width: 1024px) {
  .site-header__menu {
    display: block;
  }
}

.site-header__ticker {
  -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  max-width: 550px;
  margin: 0;
  height: 18px;
  overflow: hidden;
}

.site-header__ticker .slick-arrow {
  display: flex;
  flex: 0 0 5%;
  fill: #fff;
}

svg.prevSlideButton {
  transform: scale(-1);
}

.site-header__ticker span {
  display: block;
  position: relative;
  top: 2px;
}

.site-header__ticker a {
  text-decoration: none;
  outline: none;
  padding: 3px 0 0 0;
  line-height: 1.5;
}

.site-header__ticker a:focus {
  border: 1px solid #f00;
}

.site-header__ticker .slick-dots{
  left: 50%;
  bottom: -30%;
  -webkit-transform: translate(-50%, 10%);
     -moz-transform: translate(-50%, 10%);
          transform: translate(-50%, 10%);
  line-height: 0;
}

.site-header__ticker.slick-slider .slick-dots li,
.site-header__ticker.slick-slider .slick-dots li button,
.site-header__ticker.slick-slider .slick-dots li button:before{
  height: 8px !important;
  width: 8px !important;
}

@media screen and (max-width: 1023px){
  .site-header__ticker.slick-slider .slick-dots li button::before{
     background: #003366;
  }
  
  .site-header__ticker {
    margin: auto;
  }
  
  .site-header__ticker .slick-dots{
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}


.site-header__utilities .site-header__cart-mobile {
  display: block;
}

@media screen and (min-width: 1024px) {
  .site-header__utilities .site-header__cart-mobile {
    display: none;
  }
}

.site-header__utilities .site-header__cart-mobile a {
  color: #ffffff;
}

.site-header__search {
  display: none;
}

@media screen and (min-width: 1024px) {
  .site-header__search {
    display: block;
  }
}

.site-header__cart-bubble {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #003366;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1em;
  font-weight: 700;
  height: 100%;
  left: 0;
  line-height: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding-top: 11px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .site-header__cart-bubble {
    font-size: 1.3em;
    padding-top: 5px;
  }
}

.site-header__logo-image {
  max-width: 90px;
  -webkit-transition: max-width .25s;
  transition: max-width .25s;
}

@media screen and (min-width: 768px) {
  .site-header__logo-image {
    max-width: 135px;
  }
}

@media screen and (min-width: 1024px) {
  .site-header__logo-image {
    max-width: 175px;
  }
}

.site-header__logo-image .logo {
  fill: #ffffff;
  width: 100%;
  height: 40px;
  -webkit-transition: height .25s;
  transition: height .25s;
}

@media screen and (min-width: 1024px) {
  .site-header__logo-image .logo {
    height: 60px;
    fill: #003366;
  }
}

.site-header__logo {
  margin: 0;
  font-size: 0;
}

.site-header .site-drawer__toggle {
  display: block;
}

@media screen and (min-width: 1024px) {
  .site-header .site-drawer__toggle {
    display: none;
  }
}

.site-header__drawer {
  position: fixed;
  -webkit-transform: translateX(-325px);
          transform: translateX(-325px);
  top: 0;
  z-index: 10;
  visibility: hidden;
  max-width: 280px;
  width: 100%;
  will-change: transform;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (min-width: 1024px) {
  .site-header__drawer {
    display: none;
  }
}

.site-header__drawer.is-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}

.site-header__drawer.is-active:before {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background-color: #ffffff;
  opacity: .75;
}

/**
 * Help Modal 
 * ------------------------------------------------------------------------------
 * The popup that shows when clicking the help icon in toolbar
 *
 */

.help-modal {
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
  color: #003366;
  cursor: default;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2em;
  width: 350px;
}

.help-modal__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.help-modal .btn,
.help-modal .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .help-modal button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50px;
          flex: 1 1 50px;
  margin: 0 5px;
}

.help-modal__contact {
  padding: 4em 0;
}

.help-modal__text {
  margin-bottom: 0;
}

.help-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #E3E3E3;
  color: #003366;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 1em;
  width: 100%;
}

.help-link + .help-link {
  margin-top: 1em;
}

.help-link > * {
  color: #003366;
}

.help-link__icon {
  margin-right: 1em;
}

.help-link__title {
  margin-right: auto;
}

/*-----------------------------------------------------
  Site nav
-----------------------------------------------------*/

.site-nav li {
  margin: 0;
}

.site-nav__link {
  margin: 0 1em;
}

/*-----------------------------------------------------
  Size Guide
-----------------------------------------------------*/

.size-guide .modal__wrapper {
  max-height: 90vh;
  max-width: 90%;
  height: auto;
}

@media screen and (min-width: 1024px) {
  .size-guide .modal__wrapper {
    max-width: 600px;
  }
}

.size-guide .modal__body {
  padding: 0;
  min-height: 80vh;
  overflow-y: scroll;
}

.size-guide .modal__body::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.size-guide .modal__body .table {
  width: calc(100% - 2em);
  margin: 1em auto;
}

.size-guide .modal__body .table th {
  width: 70px;
}

.size-guide .modal__body img {
  display: block;
}

/*-----------------------------------------------------
  Slideshow
-----------------------------------------------------*/

.slideshow__title {
  margin-bottom: 0;
}

.slideshow__pretitle {
  color: #ffffff;
  text-transform: uppercase;
}

.slideshow__button:hover:not(.slideshow__button--active) {
  -webkit-transform: none;
          transform: none;
}

.slideshow__text-wrap {
  padding: 1.5em;
  text-align: center;
  z-index: 10;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  /*	Text modifiers
    -----------------------------------------------------*/
}

@media screen and (min-width: 768px) {
  .slideshow__text-wrap.text-left {
    text-align: left;
  }

  .slideshow__text-wrap.text-left .btn-group {
    margin-top: 0.75em;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.slideshow__text-wrap.text-centered {
  text-align: center;
}

.slideshow__text-wrap.text-centered .btn-group {
  margin-top: 0.75em;
}

@media screen and (min-width: 768px) {
  .slideshow__text-wrap.text-right {
    text-align: right;
  }

  .slideshow__text-wrap.text-right .btn-group {
    margin-top: 0.75em;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.slideshow__text-content {
  max-width: calc(100% - 6em);
  padding: 1.5em;
  /*	Layout modifiers
    -----------------------------------------------------*/
  /*	Font size modifiers
    -----------------------------------------------------*/
}

.slideshow__text-content p.lead {
  margin: 1em auto 1.75em;
  font-size: 1.2em;
}

.slideshow__text-content.is-centered {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  margin: 0 auto;
}

.slideshow__text-content.is-top {
  bottom: auto;
  top: 3em;
  -webkit-transform: none;
          transform: none;
}

.slideshow__text-content.is-bottom {
  top: auto;
  bottom: 3em;
  -webkit-transform: none;
          transform: none;
}

@media screen and (min-width: 768px) {
  .slideshow__text-content {
    /*	Layout modifiers
      -----------------------------------------------------*/
  }

  .slideshow__text-content.is-centered {
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    margin: 0 auto;
  }

  .slideshow__text-content.is-left {
    left: 3em;
    right: auto;
  }

  .slideshow__text-content.is-right {
    left: auto;
    right: 3em;
  }

  .slideshow__text-content.is-top {
    top: 5em;
    bottom: auto;
  }

  .slideshow__text-content.is-bottom {
    top: auto;
    -webkit-transform: none;
            transform: none;
    bottom: 3em;
  }
}

@media screen and (min-width: 1024px) {
  .slideshow__text-content {
    max-width: 720px;
  }

  .slideshow__text-content.is-left {
    left: 5em;
  }

  .slideshow__text-content.is-right {
    right: 5em;
  }

  .slideshow__text-content.is-top {
    top: 10em;
    bottom: auto;
  }

  .slideshow__text-content.is-bottom {
    top: auto;
    bottom: 5em;
  }
}

.slideshow__text-content.fz-xlarge {
  font-size: 1.4rem;
}

.slideshow__text-content.fz-large {
  font-size: 1.2rem;
}

.slideshow__text-content.fz-medium {
  font-size: 1rem;
}

.slideshow__text-content.fz-small {
  font-size: .8rem;
}

.slideshow .btn-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.75em;
}

@media screen and (min-width: 768px) {
  .slideshow .btn-group {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.slideshow .btn-group .btn,
.slideshow .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .slideshow .btn-group button {
  min-width: 180px;
}

.slideshow .btn-group .btn + .btn,
.slideshow .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile button + .btn,
.template-collection__utilities #bc-sf-filter-tree-mobile .slideshow .btn-group button + .btn,
.slideshow .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile .btn + button,
.template-collection__utilities #bc-sf-filter-tree-mobile .slideshow .btn-group .btn + button,
.slideshow .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile button + button,
.template-collection__utilities #bc-sf-filter-tree-mobile .slideshow .btn-group button + button {
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .slideshow .btn-group .btn + .btn,
  .slideshow .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile button + .btn,
  .template-collection__utilities #bc-sf-filter-tree-mobile .slideshow .btn-group button + .btn,
  .slideshow .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile .btn + button,
  .template-collection__utilities #bc-sf-filter-tree-mobile .slideshow .btn-group .btn + button,
  .slideshow .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile button + button,
  .template-collection__utilities #bc-sf-filter-tree-mobile .slideshow .btn-group button + button {
    margin-top: 0;
    margin-left: 1em;
  }
}

.slideshow__video-control--play-wrapper.is-background-video {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9999;
  margin-top: -10px;
}

.slideshow__video-control--play-wrapper.is-background-video .text-link {
  background-color: #ffffff;
  padding: .5em;
  color: #003366;
}

/* Tabs
-------------------------------------------------------------------------------*/

.tabs__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0;
  padding: 0;
  margin-top: 1.5em;
  list-style-type: none;
}

.tabs__nav li a {
  display: block;
  color: #222222;
  text-decoration: none;
}

.tabs__tab {
  padding: .5em 1em;
  border-top: 2px solid #222222;
}

.tabs__tab:not(:first-child) {
  margin-left: 1em;
}

.tabs__tab.is-active {
  border-color: transparent;
  font-weight: 700;
}

.tabs__body {
  padding: 1em;
  margin: 1em 0 2em;
  overflow: hidden;
}

.tabs__panel {
  display: none;
}

.tabs__panel.is-active {
  display: block;
}

/*-----------------------------------------------------
  View switcher
-----------------------------------------------------*/

.view-switcher__btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0;
  height: 26px;
  width: 26px;
  overflow: hidden;
  padding: 0;
  margin: 0 .25em;
  -webkit-transition: background-color .25s;
  transition: background-color .25s;
}

.view-switcher__btn:hover {
  background-color: #dfe6ec;
}

.view-switcher__btn:hover .icon {
  fill: #003366;
}

.view-switcher__btn span {
  opacity: 0;
  position: absolute;
  left: -9999px;
}

.view-switcher__btn .icon {
  fill: #9B9B9B;
}

.view-switcher__btn.is-active {
  background-color: #dfe6ec;
  opacity: 1;
}

.view-switcher__btn.is-active .icon {
  fill: #003366;
}

/* $5 - Page
-------------------------------------------------- */

/*-----------------------------------------------------
  Template Account
-----------------------------------------------------*/

.template-account .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px) {
  .template-account .grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (max-width: 420px) {
  .template-account .main-content .container {
    padding: 0;
  }
}

.template-account__hero {
  background-size: cover;
  padding-top: 70%;
  background-position: 35% center;
}

@media screen and (min-width: 768px) {
  .template-account__hero {
    padding-top: 45%;
  }
}

.template-account__body .form-vertical {
  padding: 1.5em 1.5em 0.5em 1.5em;
}

@media screen and (min-width: 768px) {
  .template-account__body .form-vertical {
    padding: 3em 3em 1.5em 3em;
  }
}

.template-account .continue__guest {
  padding: 0 1.5em 1.5em;
}

@media screen and (min-width: 768px) {
  .template-account .continue__guest {
    padding: 0 3em 3em;
  }
}

/*-----------------------------------------------------
  Template: Cart
-----------------------------------------------------*/

.template-cart__hero {
  margin-bottom: 1.5em;
  background-position: 0 40%;
  min-height: 240px;
}

.template-cart__body {
  overflow: hidden;
}

@media screen and (min-width: 1024px) {
  .template-cart .cart-table {
    max-width: calc(75% - 1em);
    float: left;
  }
}

@media screen and (min-width: 1024px) {
  .template-cart .cart-overview {
    max-width: 25%;
    float: right;
  }
}

.template-cart .additional-checkout-buttons {
  margin-top: 0;
}

.template-cart .additional-checkout-button {
  border-radius: 0 !important;
  margin-top: .75em !important;
  width: 100% !important;
}

.template-cart .additional-checkout-button + .additional-checkout-button {
  margin-top: .75em !important;
  margin: 0;
}

.template-cart #directededge-blocks .product-card-grid .grid__item .card__body {
  font-size: 0.9em;
}

/*-----------------------------------------------------
  Template: Collection
-----------------------------------------------------*/

.template-collection__header .hero {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.template-collection__header .hero__title {
  font-size: 28px;
}

@media screen and (min-width: 768px) {
  .template-collection__header .hero__title {
    font-size: 40px;
  }
}

.template-collection__header .hero__content {
  background-color: #ffffff;
  max-width: calc(100% - 2em);
  width: 100%;
  margin: 1em;
  text-align: left;
  padding: 2em 2em 1.5em;
}

@media screen and (min-width: 768px) {
  .template-collection__header .hero__content {
    max-width: calc(100% - 215px);
    margin: 0;
  }
}

.template-collection__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .template-collection__body {
    margin-top: 1.5em;
  }
}

.template-collection__sidebar {
  display: none;
  margin-bottom: 1em;
}

@media screen and (min-width: 1050px) {
  .template-collection__sidebar {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 260px;
            flex: 1 1 260px;
    margin-top: 0.75em;
  }
}

.template-collection__sidebar-title {
  margin-top: 0;
}

.template-collection__main-content {
  width: 100%;
}

@media screen and (min-width: 1050px) {
  .template-collection__main-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}

.template-collection__yotpo {
  overflow-x: hidden;
  padding-bottom: 60px;
}

.template-collection .pagination {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.5em auto;
  font-size: .8em;
  -webkit-transition: font-size .25s;
  transition: font-size .25s;
}

@media screen and (min-width: 1024px) {
  .template-collection .pagination {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 1.5em auto 3em;
    font-size: 1em;
  }
}

@media screen and (max-width: 420px) {
  .template-collection .pagination {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .template-collection .pagination__item {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .template-collection .pagination__prev,
  .template-collection .pagination__next {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    margin: 0 0 10px;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }

  .template-collection .pagination__prev a,
  .template-collection .pagination__next a {
    width: 100%;
  }

  .template-collection .pagination__next {
    border-left: none;
  }
}

.template-collection__utilities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: margin .25s;
  transition: margin .25s;
}

@media screen and (min-width: 1024px) {
  .template-collection__utilities {
    margin-bottom: 2em;
  }
}

.template-collection__utilities .filter-menu {
  margin: 0 0 1em;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.template-collection__utilities #bc-sf-filter-tree-mobile button {
  position: relative;
  padding: 14px 0 8px;
  background-color: #003366;
  color: #fff;
  background-color: #003366 !important;
}

.template-collection__utilities #bc-sf-filter-tree-mobile button:after {
  content: '';
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/plus_icon.svg?1381203560835301965");
  background-repeat: no-repeat;
  background-size: cover;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.template-collection__utilities #bc-sf-filter-tree-mobile .is-active:after {
  -webkit-transform: rotate(0) translateY(-60%);
          transform: rotate(0) translateY(-60%);
}

.template-collection__label {
  margin: 0 .5em 0;
  position: relative;
  top: .2em;
}

.template-collection__view-switcher {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0 0.75em;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .template-collection__view-switcher {
    display: none;
  }
}

.template-collection__footer {
  background-color: rgba(223, 230, 236, 0.5);
  color: #022442;
  margin-bottom: 1.5em;
  padding: 1.5em 2em;
  text-align: center;
}

.template-collection .grid--view-items {
  margin-bottom: 0;
}

/*-----------------------------------------------------
  Template Customers
-----------------------------------------------------*/

.template-customers__container {
  margin: 0;
}

.template-customers__links {
  margin: 1em 0;
  float: none;
  font-weight: 300;
}

.template-customers__links a {
  color: #222222;
}

.template-customers-login .customer-login__login,
.template-customers-login .customer-login__recover {
  margin: 0;
}

.template-customers-login .customer-login__recover-password {
  float: none;
}

.template-customers-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.template-customers-account__orders {
  -webkit-box-flex: 1;
      -ms-flex: 1 2 calc(75%);
          flex: 1 2 calc(75%);
}

.template-customers-account__overview {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(25%);
          flex: 1 1 calc(25%);
}

/*============================================================================
  Giftcard Styles
==============================================================================*/

.template-giftcard {
  margin: 5% 0;
}

.template-giftcard .giftcard__header .logo {
  max-width: 200px;
}

.template-giftcard .giftcard__header .logo path {
  fill: #04294A;
}

.giftcard-wrapper .giftcard__wrap {
  text-align: center;
  margin-bottom: 40px;
}

.giftcard-wrapper .giftcard__wrap .use-code-text {
  color: #4A4A4A;
  font-size: 20px;
  font-family: "BrandonText", sans-serif;
}

.giftcard-wrapper .giftcard__wrap .giftcard_image {
  max-width: 600px;
  display: block;
  margin: 0 auto;
  position: relative;
}

.giftcard-wrapper .giftcard__wrap .giftcard_image .giftcard__amount {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 24px;
  color: white;
  font-weight: normal;
  font-family: "BrandonText", sans-serif;
}

.giftcard-wrapper .giftcard__wrap .giftcard_image .giftcard__amount .GC_balance_text {
  color: white;
  font-size: 14px;
}

.giftcard-wrapper .giftcard__wrap .giftcard_image .giftcard__code {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}

.giftcard-wrapper .giftcard__wrap .giftcard_image .giftcard__code .giftcard__code__inner .giftcard__code__text {
  font-size: 24px;
  color: #4A4A4A;
  background-color: white;
  border: 1px solid #9B9B9B;
  padding: 10px 40px;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  color: #4A4A4A;
  font-family: "BrandonText", sans-serif;
  letter-spacing: 2px;
}

.giftcard-wrapper .print-link {
  background: none;
  border: none;
  text-transform: uppercase;
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
}

.giftcard-wrapper .print-link svg {
  vertical-align: bottom;
  margin: 0 5px;
}

/*-----------------------------------------------------
  Page Template
-----------------------------------------------------*/

.template-landing-page .section-landing-page .billboard-hero {
  padding-top: 25%;
  overflow: hidden;
  margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
  .template-landing-page .section-landing-page .billboard-hero {
    padding: 25% 0;
  }
}

.template-landing-page .section-landing-page .billboard-hero .billboard-hero__body {
  display: block !important;
  text-align: center;
}

.template-landing-page .section-landing-page .billboard-hero__title h2 {
  color: white;
  margin-bottom: 0;
}

.template-landing-page .section-landing-page .billboard-hero .snow_texture {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -5%;
}

@media screen and (max-width: 1024px) {
  .template-landing-page .section-landing-page .billboard-hero .snow_texture {
    background-size: 300%;
    top: 0;
  }
}

.template-landing-page .section-landing-page .container {
  margin-bottom: 50px;
}

.template-landing-page .section-landing-page .hero {
  margin-bottom: 50px;
}

/*-----------------------------------------------------
  Template: Lookbook
  - custom template to display varying images
-----------------------------------------------------*/

.template-lookbook .main-content {
  padding-top: 1.25em;
}

@media screen and (min-width: 1024px) {
  .template-lookbook .main-content {
    padding-top: 2.5em;
  }
}

.template-lookbook .page-content__body {
  padding: 2em;
}

@media screen and (min-width: 1024px) {
  .template-lookbook .page-content__body {
    padding: 10px 2em 2em;
  }
}

.template-lookbook .page-content__aside {
  padding: 2em;
}

.template-lookbook__product-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.template-lookbook__product-listing .card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding: 0 5px 5px;
  -webkit-transform: none;
          transform: none;
}

@media screen and (min-width: 1024px) {
  .template-lookbook__product-listing .card {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33.3333333%;
            flex: 1 1 33.3333333%;
  }
}

.template-lookbook__product-listing .card__wrapper {
  margin-bottom: 5px;
}

.template-lookbook__aside {
  text-align: center;
  font-size: 1.2em;
  line-height: 1.5em;
}

@media screen and (min-width: 1024px) {
  .template-lookbook__aside.is-fixed {
    position: fixed;
    right: 0;
    top: calc(50%);
    -webkit-transform: translateY(calc(-50%));
            transform: translateY(calc(-50%));
  }
}

.template-lookbook__intro {
  padding: 0 3em;
}

.template-lookbook__intro .icon__return {
  position: relative;
  left: -8px;
  top: -7px;
}

.template-lookbook__title {
  line-height: .9em;
  font-size: 3.2em;
}

/*-----------------------------------------------------
  Page Template
-----------------------------------------------------*/

.template-page .section-header {
  padding: 3.5em 0 3em;
  text-align: center;
  margin-bottom: 2em;
  -webkit-transition: margin-bottom .25s;
  transition: margin-bottom .25s;
}

@media screen and (min-width: 768px) {
  .template-page .section-header {
    margin-bottom: 3em;
  }
}

.template-page .rte {
  font-size: .75em;
}

.template-page .rte p {
  font-size: 1.25em;
}

.template-page .rte h2:not(:first-of-type),
.template-page .rte h3:not(:first-of-type),
.template-page .rte h4:not(:first-of-type),
.template-page .rte h5:not(:first-of-type),
.template-page .rte h6:not(:first-of-type),
.template-page .rte label:not(:first-of-type),
.template-page .rte .tabs__nav li a:not(:first-of-type),
.tabs__nav li .template-page .rte a:not(:first-of-type) {
  margin-top: 2em;
}

.template-page .rte ol,
.template-page .rte ul {
  font-size: 1.25em;
}

.template-page .rte ol li,
.template-page .rte ul li {
  list-style: unset;
}

.template-page .rte ol li + li,
.template-page .rte ul li + li {
  margin-top: 0.5em;
}

/**
 * Returns Page 
 * ------------------------------------------------------------------------------
 * Customisation for the page.returns.liquid template
 *
 */

.bottom-padding {
  padding-bottom: 55px;
}

.circles-mobile-container {
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .circles-mobile-container {
    overflow: visible;
  }
}

.circles-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #E3E3E3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 46px 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.circles-container.is-active {
  -webkit-transform: translateX(-110%);
          transform: translateX(-110%);
}

@media screen and (min-width: 768px) {
  .circles-container {
    border-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .circles-container.is-active {
    -webkit-transform: none;
            transform: none;
  }
}

.circle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  border: 0;
  border-bottom: 1px solid #E3E3E3;
  color: #003366;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2em;
  position: relative;
  width: 100%;
}

button.circle[data-id="refund"] {
  pointer-events: none;
}

.circle__arrow {
  display: block;
  height: 36px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 36px;
}

.circle__arrow .icon {
  height: 14px;
  left: 11px;
  position: absolute;
  top: 11px;
  width: 14px;
}

.circle__icon {
  height: 42px;
  margin-bottom: 1em;
  position: relative;
  width: 42px;
}

.circle__icon-svg {
  bottom: 50%;
  fill: currentColor;
  left: 0;
  position: absolute;
  stroke: currentColor;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

.circle__text {
  color: #003366;
  display: block;
  font-size: 18px;
  letter-spacing: -0.025em;
  line-height: 1.2;
  text-align: center;
  -webkit-transition: color 0.125s ease;
  transition: color 0.125s ease;
  will-change: color;
}

@media screen and (min-width: 768px) {
  .circle {
    background-color: #E3E3E3;
    border: 0;
    border-radius: 100%;
    height: 198px;
    -webkit-transition: background-color 0.125s ease;
    transition: background-color 0.125s ease;
    width: 198px;
    will-change: background-color;
  }

  .circle__arrow {
    display: none;
  }

  .circle__icon-svg {
    bottom: 0;
    -webkit-transform: none;
            transform: none;
  }

  .circle.is-active,
  .circle:hover {
    background-color: #003366;
    color: #ffffff;
  }

  .circle.is-active .circle__text,
  .circle:hover .circle__text {
    color: #ffffff;
  }
}

.circle-text {
  position: absolute;
  top: 0;
  width: 100%;
}

.circle-text__close {
  background-color: transparent;
  border: 0;
  display: block;
  position: relative;
}

.circle-text__title {
  border-top: 1px solid #E3E3E3;
  display: block;
  padding-top: 1em;
}

.circle-text__paragraph {
  margin-bottom: 3em;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(110%);
          transform: translateX(110%);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  width: 100%;
}

.circle-text__paragraph p,
.circle-text__paragraph li {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 0;
}

.circle-text__paragraph ol {
  padding-left: 22px;
}

.circle-text__paragraph li {
  list-style: decimal;
}

.circle-text__paragraph.is-active {
  display: block;
}

.circle-text__paragraph.mobile-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

@media screen and (min-width: 768px) {
  .circle-text {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto;
    max-width: 500px;
    position: relative;
  }

  .circle-text__paragraph {
    display: none;
    position: relative;
    -webkit-transform: none;
            transform: none;
  }

  .circle-text__title,
  .circle-text__close {
    display: none;
  }
}

/*-----------------------------------------------------
  Template Password
-----------------------------------------------------*/

.template-password .is-hidden {
  display: none;
}

.template-password .logo {
  width: 240px;
  height: 90px;
}

.template-password__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  min-height: 100vh;
  max-width: 420px;
  margin: 0 auto;
  padding: 5em 0;
}

.template-password__body p.lead {
  font-size: 1.6em;
  margin: 1.5em 0;
  -webkit-transition: all .25s;
  transition: all .25s;
}

@media screen and (min-width: 768px) {
  .template-password__body p.lead {
    font-size: 1.8em;
    margin: 3em 0;
  }
}

.template-password__main-content {
  text-align: center;
}

.template-password__form {
  text-align: center;
  margin-top: auto;
}

.template-password__form a {
  color: #9B9B9B;
  text-decoration: none;
}

.template-password__form a:hover {
  color: #003366;
}

/*-----------------------------------------------------
  Template: Product
-----------------------------------------------------*/

@media screen and (min-width: 1024px) {
  .template-product__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 1024px) {
  .template-product__gallery {
    padding: 0 2em 0 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
  }
}

.template-product__gallery .flickity-prev-next-button {
  background: transparent;
}

.template-product__body {
  padding: 1em 0;
  clear: both;
  margin-top: 1em;
}

@media screen and (min-width: 1024px) {
  .template-product__body {
    padding: 0 2em;
    margin-top: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
  }
  
  .template-product__content{
    position: sticky;
    top: 2em;
    left: 0px;
  }
}

.template-product__footer {
  text-align: center;
  margin: 1em 0;
}

.template-product__title {
  margin: 0;
  margin-top: 5px;
/*   max-width: 16em; */
  font-size: 20px;
}

.template-product__subTitle {
  font-size: 14px;
  text-transform: capitalize;
  letter-spacing: 1px;
  color: #636363;
  margin: 10px 0px 15px;
  font-family: inherit;
}

.template-product__subtitle {
  margin: 0;
}

.template-product__description {
  padding: 0.75em 0;
}

.template-product__description p,
.template-product__description ul {
  color: #4A4A4A;
}

.template-product__description h2 {
  font-family: "BrandonText", sans-serif;
  font-size: 1em;
  letter-spacing: 0;
  line-height: normal;
  text-transform: none;
}

.template-product__product-form {
  margin: 1.5em 0 0;
  overflow: hidden;
}

.template-product__product-form .product-form {
  display: block;
  margin: 0;
}

.template-product__product-form .product-form #AddToCart-product-template {
  -webkit-transition: font-size .25s;
  transition: font-size .25s;
  width: 100%;
}

.shopify-payment-button__button--unbranded{
  background-color: #29607a !important;
}

@media screen and (max-width: 768px) {
  .template-product__product-form .product-form #AddToCart-product-template {
    font-size: 1.1em;
  }
}

.template-product__sharing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px) {
  .template-product__sharing {
    max-width: 300px;
  }
}

.template-product__sharing .social-sharing a {
  display: inline-block;
  padding: 5px;
  text-decoration: none;
}

.template-product__sharing .social-sharing a .icon {
  fill: #4A4A4A;
  width: 18px;
  height: 18px;
}

.template-product__sharing .social-sharing a:hover .icon {
  fill: #003366;
}

.template-product__section {
  margin: 1.5em 0;
}

.template-product__section .h4,
.template-product__section .template-collection__footer h2,
.template-collection__footer .template-product__section h2 {
  text-align: center;
}

/*-----------------------------------------------------
  Page Template
-----------------------------------------------------*/

#shopify-section-xmas-gift-guide-women .billboard-hero {
  padding-top: 25%;
  overflow: hidden;
  margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
  #shopify-section-xmas-gift-guide-women .billboard-hero {
    padding: 25% 0;
  }
}

#shopify-section-xmas-gift-guide-women .billboard-hero .billboard-hero__body {
  display: block !important;
  text-align: center;
}

#shopify-section-xmas-gift-guide-women .billboard-hero__title h2 {
  color: white;
  margin-bottom: 0;
}

#shopify-section-xmas-gift-guide-women .billboard-hero .snow_texture {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -5%;
}

@media screen and (max-width: 1024px) {
  #shopify-section-xmas-gift-guide-women .billboard-hero .snow_texture {
    background-size: 300%;
    top: 0;
  }
}

#shopify-section-xmas-gift-guide-women .container {
  margin-bottom: 50px;
}

#shopify-section-xmas-gift-guide-women .hero {
  margin-bottom: 50px;
}

#shopify-section-xmas-gift-guide-men .billboard-hero {
  padding-top: 25%;
  overflow: hidden;
  margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
  #shopify-section-xmas-gift-guide-men .billboard-hero {
    padding: 25% 0;
  }
}

#shopify-section-xmas-gift-guide-men .billboard-hero .billboard-hero__body {
  display: block !important;
  text-align: center;
}

#shopify-section-xmas-gift-guide-men .billboard-hero__title h2 {
  color: white;
  margin-bottom: 0;
}

#shopify-section-xmas-gift-guide-men .billboard-hero .snow_texture {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -5%;
}

@media screen and (max-width: 1024px) {
  #shopify-section-xmas-gift-guide-men .billboard-hero .snow_texture {
    background-size: 300%;
    top: 0;
  }
}

#shopify-section-xmas-gift-guide-men .container {
  margin-bottom: 50px;
}

#shopify-section-xmas-gift-guide-men .hero {
  margin-bottom: 50px;
}

/* $6 - Apps
-------------------------------------------------- */

/*-----------------------------------------------------
  App styling for Back in Stock
  - PDP
  - Quickview
-----------------------------------------------------*/

.quickview .bis__input-group {
  margin-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 75%;
          flex: 1 1 75%;
}

.quickview .bis__email {
  background-color: #ffffff;
  width: 100%;
  border: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
}

.quickview .bis .btn--small {
  min-width: unset;
}

/*-----------------------------------------------------
  Boost Commerce Filter
-----------------------------------------------------*/

.bc-sf-filter {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 845px) {
  .bc-sf-filter {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.bc-sf-filter .bc-sf-filter__main {
  float: left;
}

@media screen and (min-width: 845px) {
  .bc-sf-filter .bc-sf-filter__main {
    display: block;
  }
}

.bc-sf-filter__label {
  display: none;
  height: 38px;
  margin: 0 1em 0;
}

@media screen and (min-width: 768px) {
  .bc-sf-filter__label {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.bc-sf-filter .bc-sf-filter__sort {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 38px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0.75em 0 0.5em;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media screen and (min-width: 845px) {
  .bc-sf-filter .bc-sf-filter__sort {
    display: block;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

@media screen and (min-width: 768px) {
  .bc-sf-filter .bc-sf-filter__sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 auto;
  }
}

.bc-sf-filter .bc-sf-filter__sort .bc-sf-filter__label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px){
  .bc-sf-filter .bc-sf-filter__sort .bc-sf-filter__label{
    display: none; 
  }
}

.bc-sf-filter #bc-sf-filter-tree-mobile button {
  border-radius: 0;
  background-color: #003366;
  font-weight: 700;
  margin: 0 0 0.75em;
}

.bc-sf-filter #bc-sf-filter-tree-h {
  text-align: left;
  margin: 0;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-selection-wrapper > span {
  display: none;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 1em;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items .selected-item {
  font-size: .75em;
  background-color: #f4f4f4;
  border: 1px solid #dfe6ec;
  padding: 5px;
  margin: 0;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items .selected-item:hover {
  background-color: #E3E3E3;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items .selected-item .selected-type {
  position: relative;
  top: 1px;
  left: 5px;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items .selected-item .bc-sf-filter-clear {
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  margin-left: 10px;
  margin-top: -1px !important;
}

@media screen and (min-width: 768px) {
  .bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items .selected-item .bc-sf-filter-clear {
    margin-top: 2px !important;
  }
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-selection-wrapper .bc-sf-filter-selected-items .selected-item + .selected-item {
  margin-left: 1em;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-clear-all {
  color: #757575;
  text-decoration: none;
  margin-left: 2px;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-clear-all:hover {
  color: #003366;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-option-block ul li a {
  text-decoration: none;
  font-size: 0.9em;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-option-block ul li a span {
  color: #757575;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-option-block .bc-sf-filter-block-title a {
  padding: 10px 40px 7px 20px;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-option-block .bc-sf-filter-block-title a:before {
  margin-top: -8px;
  width: 8px;
  height: 8px;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-block-content-inner {
  padding-top: 0;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-select-button {
  background-color: #003366;
  border-radius: 0;
  border: none;
  font-family: "Verlag A", "Verlag B", "BrandonText", sans-serif;
  width: 100%;
  font-size: .8em;
  letter-spacing: 1px;
  padding: .75em 1em;
}

.bc-sf-filter #bc-sf-filter-tree-h .bc-sf-filter-option-block .bc-sf-filter-block-content .bc-sf-filter-select-button:focus{
  outline: 4px solid #f00;
}

.bc-sf-filter #bc-sf-filter-tree {
  width: 100%;
}

.bc-sf-filter #bc-sf-filter-tree .bc-sf-filter-selection-wrapper .bc-sf-filter-block-title {
  float: right;
}

.bc-sf-filter #bc-sf-filter-tree .bc-sf-filter-selection-wrapper h3 {
  display: none;
}

.bc-sf-filter #bc-sf-filter-tree .bc-sf-filter-block-title h3 {
  text-transform: uppercase;
  font-size: 0.9em;
}

.bc-sf-filter #bc-sf-filter-tree .bc-sf-filter-clear-all {
  float: right;
  color: #9B9B9B;
  text-decoration: none;
}

.bc-sf-filter #bc-sf-filter-tree .bc-sf-filter-clear-all:hover {
  color: #003366;
}

.bc-sf-filter #bc-sf-filter-tree .bc-sf-filter-selected-items .selected-item {
  display: inline-block;
  font-size: .75em;
  background-color: #f4f4f4;
  border: 1px solid #dfe6ec;
  padding: 5px;
  margin: 5px;
}

@media screen and (min-width: 768px) {
  .bc-sf-filter #bc-sf-filter-tree .bc-sf-filter-selected-items .selected-item {
    margin: 0;
  }
}

.bc-sf-filter #bc-sf-filter-tree .bc-sf-filter-selected-items .selected-item:hover {
  background-color: #E3E3E3;
}

.bc-sf-filter #bc-sf-filter-tree .bc-sf-filter-selected-items .selected-item .selected-type {
  position: relative;
  top: 1px;
  left: 5px;
}

.bc-sf-filter #bc-sf-filter-tree .bc-sf-filter-selected-items .selected-item .bc-sf-filter-clear {
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  .bc-sf-filter #bc-sf-filter-tree .bc-sf-filter-selected-items .selected-item .bc-sf-filter-clear {
    margin-top: -1px !important;
  }
}

@media screen and (min-width: 768px) {
  .bc-sf-filter #bc-sf-filter-tree .bc-sf-filter-selected-items .selected-item + .selected-item {
    margin: 0 0 0 5px;
  }
}

@media screen and (min-width: 768px) {
  .bc-sf-filter #bc-sf-filter-tree #bc-sf-filter-options-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

.bc-sf-filter #bc-sf-filter-tree #bc-sf-filter-options-wrapper .bc-sf-filter-clear {
  font-size: .75em;
  text-decoration: none;
  padding: 3px;
  position: relative;
  right: 1.5em;
  color: #9B9B9B;
}

.bc-sf-filter #bc-sf-filter-tree #bc-sf-filter-options-wrapper .bc-sf-filter-clear:hover {
  color: #003366;
}

.bc-sf-filter #bc-sf-filter-tree #bc-sf-filter-options-wrapper .bc-sf-filter-option-block {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding-top: 0;
  border-bottom: none;
}

@media screen and (min-width: 768px) {
  .bc-sf-filter #bc-sf-filter-tree #bc-sf-filter-options-wrapper .bc-sf-filter-option-block {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
  }
}

.bc-sf-filter #bc-sf-filter-tree #bc-sf-filter-options-wrapper .bc-sf-filter-option-block ul li a {
  text-decoration: none;
}

.bc-sf-filter #bc-sf-filter-tree #bc-sf-filter-options-wrapper .bc-sf-filter-option-block ul li a span {
  color: #9B9B9B;
}

.bc-sf-filter #bc-sf-filter-top-sorting label {
  display: none;
}

#bc-sf-filter-scroll-to-top {
  background-color: #003366 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
}

#bc-sf-filter-scroll-to-top:hover {
  background-color: #022442 !important;
}

#bc-sf-filter-top-sorting-mobile {
  display: none;
  position: relative;
  width: 180px;
}

#bc-sf-filter-top-sorting-mobile #sort_by_box {
  background: #ffffff;
  display: none;
  list-style: none;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 8;
}

#bc-sf-filter-top-sorting-mobile #sort_by_box li {
  border-top: none;
  border: 1px solid #003366;
  height: 38px;
  line-height: 38px;
  margin: 0;
  text-align: center;
}

#bc-sf-filter-top-sorting-mobile #sort_by_box li a {
  text-decoration: none;
}

#bc-sf-filter-top-sorting-mobile #sort_by_box li:hover {
  background: #003366;
}

#bc-sf-filter-top-sorting-mobile #sort_by_box li:hover a {
  color: #ffffff;
}

#bc-sf-filter-top-sorting-mobile #sort_by_box .active {
  background: #003366;
}

#bc-sf-filter-top-sorting-mobile #sort_by_box .active a {
  color: #ffffff;
}

#bc-sf-filter-top-sorting-mobile #sort_by_button {
  background: #003366;
  border: none;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  height: 41px;
  text-transform: uppercase;
  width: 100%;
}

#bc-sf-filter-top-sorting-mobile #sort_by_button span::after {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/plus_icon.svg?1381203560835301965");
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  height: 12px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
}

@media screen and (min-width: 768px) {
  #bc-sf-filter-top-sorting-mobile {
    display: block;
  }

  #bc-sf-filter-top-sorting-mobile #sort_by_box li {
    border: 0;
    position: relative;
  }

  #bc-sf-filter-top-sorting-mobile #sort_by_box a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #ffffff;
    border: 1px solid #E3E3E3;
    border-top: 0;
    color: #4A4A4A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }

  #bc-sf-filter-top-sorting-mobile #sort_by_box a:hover {
    background-color: #003366;
    border: 1px solid #003366;
    border-top: 0;
    color: #ffffff;
  }

  #bc-sf-filter-top-sorting-mobile #sort_by_box li.active a {
    background-color: #003366;
    border: 1px solid #003366;
    border-top: 0;
    color: #ffffff;
  }

  #bc-sf-filter-top-sorting-mobile #sort_by_button {
    background-color: transparent;
    border: 1px solid #757575;
    color: #003366;
    font-weight: 300;
    height: 38px;
    line-height: 1.2;
    padding: 10px 28px 10px 18px;
    text-align: left;
    text-transform: none;
  }

  #bc-sf-filter-top-sorting-mobile #sort_by_button span::after {
    background-image: none;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    content: '';
    height: 8px;
    margin-top: -8px;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    width: 8px;
    will-change: transform;
  }

  #bc-sf-filter-top-sorting-mobile #sort_by_button.open span::after {
    margin-top: -2px;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
}

@media screen and (max-width: 425px) {
  .bc-sf-filter__sort h5 {
    display: none !important;
  }

  #bc-sf-filter-top-sorting-mobile {
/*     width: 100% !important; */
  }
}

@media screen and (max-width: 768px) {
  #bc-sf-filter-top-sorting {
    display: none !important;
  }

  #bc-sf-filter-top-sorting-mobile {
    display: block !important;
    width: 100%;
  }
}

/*-----------------------------------------------------
  Foursixty
-----------------------------------------------------*/

.foursixty__header {
  margin-top: 2em;
}

.foursixty .fs-wrapper {
  margin-bottom: 1em;
}

.foursixty .fs-slider-next-button,
.foursixty .fs-slider-prev-button {
  background-color: transparent;
  z-index: 1;
  height: 50px;
  min-width: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.foursixty .fs-slider-next-button:focus,
.foursixty .fs-slider-prev-button:focus {
  border: 2px solid #f00;
  border-radius: 50%;
  outline: none;
}

.foursixty .fs-slider-next-button svg,
.foursixty .fs-slider-prev-button svg {
  -webkit-transform: scale(0.45);
          transform: scale(0.45);
}

.foursixty .fs-slider-next-button:hover .fs-arrow,
.foursixty .fs-slider-prev-button:hover .fs-arrow {
  stroke: #022442;
}

.foursixty .fs-arrow {
  stroke: #003366;
  stroke-width: 2px;
}

.foursixty .fs-wrapper {
  max-width: calc(100% - 40px) !important;
  margin: 0 auto 1em !important;
}

.foursixty .fs-mobile div.fs-entry-container {
  width: calc(50% - 2px) !important;
  padding-top: 70% !important;
  margin: 0 1px;
}

.foursixty .fs-mobile .fs-slider-prev-button,
.foursixty .fs-mobile .fs-slider-next-button {
  display: block;
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.foursixty .fs-mobile .fs-slider-prev-button svg,
.foursixty .fs-mobile .fs-slider-next-button svg {
  -webkit-transform: scale(0.35);
          transform: scale(0.35);
}

.foursixty .fs-slider-prev-button {
  left: -20px;
}

.foursixty .fs-slider-next-button {
  right: -20px;
}

@media screen and (min-width: 1024px) {
  .foursixty .fs-wrapper {
    max-width: calc(100% - 20px) !important;
    margin: 0 auto 1em !important;
  }

  .foursixty .fs-entry-container {
    margin: 0 10px;
    padding-top: 30% !important;
    width: calc(25% - 20px) !important;
  }

  .foursixty .fs-slider-container {
    max-width: calc(100% - 100px);
    margin: 0 auto;
    overflow: visible;
  }

  .foursixty .fs-slider-prev-button {
    left: -60px;
  }

  .foursixty .fs-slider-prev-button svg {
    position: absolute;
    left: 0;
  }

  .foursixty .fs-slider-next-button {
    right: -60px;
  }

  .foursixty .fs-slider-next-button svg {
    position: absolute;
    right: 0;
  }
}

/*	Defaults
-----------------------------------------------------*/

.fs-has-links {
  display: none;
}

.fs-wrapper {
  height: auto;
}

.fs-entry-container {
  height: 0;
  width: 25%;
  padding-top: 25%;
}

.fs-wrapper div.fs-text-container .fs-entry-title,
div.fs-detail-title {
  font-family: 'BrandonText', sans-serif;
  font-style: normal;
  font-weight: normal;
}

div.fs-text-container .fs-entry-date,
div.fs-detail-container .fs-post-info,
div.fs-wrapper div.fs-has-links::after,
.fs-text-product,
.fs-overlink-text {
  font-family: 'BrandonText', sans-serif;
  font-style: normal;
  font-weight: normal;
}

.fs-slider-next-button,
.fs-slider-prev-button {
  opacity: 1;
}

.fs-wrapper div.fs-text-container * {
  color: white;
}

.fs-wrapper div.fs-text-container {
  background-color: rgba(0, 0, 0, 0);
  margin: 0px;
}

div.fs-entry-date {
  display: none;
}

div.fs-service-icon {
  display: none;
}

div.fs-entry-title {
  display: none;
}

.fs-wrapper div.fs-timeline-entry {
  margin: 1px;
}

.fs-detail-nav-button{
  padding: 5px;
  position: relative;
}

/*-----------------------------------------------------
  Popup Slider
-----------------------------------------------------*/

.fs-add-to-cart-enabled .fs-view {
  text-overflow: unset;
  white-space: unset;
}

.fs-add-to-cart-enabled .fs-shopify-options {
  text-align: left;
}

.fs-detail-product-container {
  padding: 0;
}

.fs-product-price {
  font-size: 1.3em;
  padding: 0;
  margin-bottom: 0.5em;
}

.fs-product-name {
  font-size: 1.2em;
}

.fs-add {
  font-size: 1.2em;
}

.fs-detail-product-image {
  max-height: unset;
  margin: 0;
}

.fs-shopify-add-cart.fs-shopify-add-cart-container {
  font-family: "BrandonText", sans-serif;
  color: #ffffff;
  letter-spacing: 0.1em;
  background: #003366;
  font-weight: 300;
  max-width: unset;
  font-size: 0.6em;
}

/*-----------------------------------------------------
  iWish
-----------------------------------------------------*/

.iWish .card {
  margin-bottom: 0;
}

.iWish .card__thumbnail img {
  width: 100%;
}

.iWish .btn-group {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.8em;
}

@media screen and (min-width: 1024px) {
  .iWish .btn-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 1em;
  }
}

.iWish .btn-group .btn,
.iWish .btn-group .template-collection__utilities #bc-sf-filter-tree-mobile button,
.template-collection__utilities #bc-sf-filter-tree-mobile .iWish .btn-group button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.iWish .iwishShareContainer {
  text-align: center;
  padding: 1.5em 0;
  background-color: #f4f4f4;
  margin: 1.5em 0 0;
}

.iWish .iwishShareContainer .shareTitle {
  display: block;
  margin: 0;
}

/*-----------------------------------------------------
  Magic zoom plus
-----------------------------------------------------*/

.MagicToolboxContainer {
  /*	Layout modifiers
  -----------------------------------------------------*/
}

.MagicToolboxContainer.layout .MagicToolboxSlides {
  margin-left: 0;
}

.MagicToolboxContainer.layout-left.thumbnail-size-small {
  padding-left: 0 !important;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .MagicToolboxContainer.layout-left.thumbnail-size-small {
    padding-left: 100px !important;
  }
}

.MagicToolboxContainer .MagicToolboxSelectorsContainer {
  position: relative;
}

.MagicToolboxContainer .MagicToolboxSelectorsContainer .mz-thumb {
  opacity: 0.5;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.MagicToolboxContainer .MagicToolboxSelectorsContainer .mz-thumb.active-magic-selector {
  opacity: 1;
}

.MagicToolboxContainer .MagicToolboxSelectorsContainer .mz-thumb img {
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  -webkit-filter: none;
          filter: none;
}

@media screen and (max-width: 1024px) {
  .MagicToolboxContainer .MagicToolboxSelectorsContainer .mz-thumb {
    background: #E3E3E3;
    height: 10px !important;
    width: 10px !important;
    border-radius: 10px !important;
    margin: 0 !important;
  }

  .MagicToolboxContainer .MagicToolboxSelectorsContainer .mz-thumb img {
    display: none;
  }

  .MagicToolboxContainer .MagicToolboxSelectorsContainer .mz-thumb.mz-thumb-selected {
    background: #003366;
  }
}

.MagicToolboxContainer .MagicToolboxSelectorsContainer a[data-zoom-id] img,
.MagicToolboxContainer .MagicToolboxSelectorsContainer .mz-thumb img {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (max-width: 1024px) {
  .MagicToolboxContainer .MagicToolboxSelectorsContainer {
    display: block;
    width: 100% !important;
    position: absolute;
    bottom: -3em;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    height: 30px;
  }

  .MagicToolboxContainer .MagicToolboxSelectorsContainer .MagicScroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 30px;
  }

  .MagicToolboxContainer .MagicToolboxSelectorsContainer.layout-left .MagicToolboxSelectorsContainer a {
    height: 10px;
    width: 10px;
    background: #E3E3E3;
    border-radius: 10px;
  }

  .MagicToolboxContainer .MagicToolboxSelectorsContainer.layout-left .MagicToolboxSelectorsContainer a.mz-thumb-selected {
    background: #003366;
  }
}

.MagicToolboxContainer .MagicToolboxMessage {
  margin-top: 20px;
}

.mz-zoom-window {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid #fff !important;
}

.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
  padding-bottom: 80px;
}

@media screen and (max-width: 1024px) {
  .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    width: 100% !important;
    left: 0 !important;
  }
}

.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage .mz-caption {
  display: none;
}

@media screen and (min-width: 1024px) {
  .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage .mz-caption {
    font-family: "Verlag A", "Verlag B", "BrandonText", sans-serif;
    color: #222222;
    font-weight: 700;
    display: block;
  }
}

.mz-expand .mz-figure {
  max-width: calc(100% - 4em) !important;
}

.mz-expand > img {
  width: 100% !important;
}

.MagicToolboxSlides .MagicToolboxSlides-arrow {
  background: rgba(244, 244, 244, 0.25) !important;
  color: #003366 !important;
  display: none;
}

.MagicToolboxSlides .MagicToolboxSlides-arrow.prev {
  left: -40px;
}

.MagicToolboxSlides .MagicToolboxSlides-arrow.next {
  right: -40px;
}

@media screen and (min-width: 1024px) {
  .MagicToolboxSlides .MagicToolboxSlides-arrow {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding: 0 !important;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}

/*-----------------------------------------------------
  Magic Scroll - Vertical
-----------------------------------------------------*/

.MagicScroll-vertical .mcs-bullets {
  display: none !important;
}

.MagicScroll-vertical .mcs-item {
  height: auto !important;
}

@media screen and (max-width: 1024px) {
  .MagicScroll-vertical .MagicScroll-arrows-inside,
  .MagicScroll-vertical .mcs-vertical {
    display: none !important;
  }

  .MagicScroll-vertical .mcs-items-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .MagicScroll-vertical .mcs-item {
    width: auto !important;
    margin: 5px;
  }
}

.mobile-magic .mz-expand button.mz-button {
  color: black !important;
  background-color: transparent !important;
  font-size: 14px !important;
}

@media screen and (max-width: 1024px) {
  .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow {
    display: !important;
  }

  .magic-thumbs-wrapper {
    position: relative !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .magic-thumbs-wrapper .magic-thumb {
    height: 7px;
    width: 7px;
    background: #E3E3E3;
    padding: 0 !important;
    border-radius: 20px;
  }

  .magic-thumbs-wrapper .magic-thumb img {
    display: none;
  }

  .magic-thumbs-wrapper .magic-thumb.magic-thumb-selected {
    background: #003366;
  }

  .magic-thumbs.no-buttons ul {
    right: 0;
    position: absolute;
  }
}

/*-----------------------------------------------------
  Shopify Rating Badge
-----------------------------------------------------*/

.template-product .spr-badge {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.75em 0;
  color: #9B9B9B;
}

.template-product .spr-badge:before,
.template-product .spr-badge:after {
  content: none !important;
}

.template-product .spr-badge .spr-starrating {
  font-size: 1.1em;
}

.template-product .spr-badge .spr-icon + .spr-icon {
  margin-left: 5px;
}

.template-product #reviews-link {
  text-decoration: none;
}

.template-product #reviews-link .spr-badge .spr-icon {
  color: #a8b4f0;
}

.template-product #reviews-link .spr-badge-caption {
  font-family: "BrandonText",sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

.template-product #reviews-link .spr-badge-caption:hover {
  color: #a8b4f0;
}

.template-product .spr-container .spr-icon {
  color: #a8b4f0;
}

.template-product .spr-container .spr-form-review-rating a {
  color: #a8b4f0;
}

/*-----------------------------------------------------
  Power reviews
  - style override template
-----------------------------------------------------*/

/**
 * The following high-level CSS selectors can be utilized
 * to create a custom style theme for all PowerReviews
 * content.
 *
 * NOTE: If you wish to hide PowerReviews content,
 * please contact your PowerReviews Client Success
 * Representative.
 */

/* Imported fonts */

/* Badge section additional styles */

.pr-snippet-stars-reco-reco {
  display: none;
}

#pwr-snippets {
  padding-top: 5px;
}

#pwr-snippets .p-w-r {
  margin: 0;
}

#pwr-snippets .p-w-r .pr-star-v4-100-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_full.svg");
}

#pwr-snippets .p-w-r .pr-star-v4-75-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_75.svg");
}

#pwr-snippets .p-w-r .pr-star-v4-50-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_50.svg");
}

#pwr-snippets .p-w-r .pr-star-v4-25-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_25.svg");
}

#pwr-snippets .p-w-r .pr-star-v4-0-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_empty.svg");
}

#pwr-snippets .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-stars-reco-reco,
#pwr-snippets .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-read-and-write {
  margin-top: 0;
}

#pwr-snippets .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-read-and-write a {
  color: #9B9B9B;
  font-family: "BrandonText", sans-serif;
  margin-left: 10px;
  padding: 0;
  font-size: 16px !important;
}

#pwr-snippets .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-read-and-write span {
  color: #9B9B9B;
  font-family: "BrandonText", sans-serif;
  margin-left: 10px;
  padding: 0;
  font-size: 16px !important;
}

#pwr-snippets .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-read-and-write a {
  color: #9B9B9B;
  font-family: "BrandonText", sans-serif;
  margin-left: 10px;
  padding: 0;
  font-size: 16px !important;
}

#pwr-snippets .p-w-r .pr-snippet-review-count {
  color: #9B9B9B !important;
}

#pwr-snippets .p-w-r .pr-snippet-rating-decimal {
  display: none;
}

#pwr-snippets .p-w-r .pr-snippet-read-and-write {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  #pwr-snippets .p-w-r .pr-snippet-read-and-write {
    margin-top: 5px;
  }
}

#pwr-snippets .p-w-r .pr-review-snippet-container .pr-snippet-stars-container {
  display: inline-block;
}

#pwr-snippets .p-w-r .pr-review-snippet-container .pr-snippet-read-and-write {
  float: right;
  display: inline-block;
}

#pwr-snippets .p-w-r .pr-review-snippet-container .pr-snippet-read-and-write .pr-snippet-review-count {
  margin: 0;
}

#pwr-snippets .p-w-r .pr-review-snippet-container .pr-snippet-read-and-write .pr-snippet-write-review-link {
  display: none;
}

#pwr-snippets .p-w-r .pr-no-reviews .pr-snippet-read-and-write {
  float: right;
  display: inline-block;
}

#pwr-snippets .p-w-r .pr-no-reviews .pr-snippet-read-and-write span {
  display: none;
}

#pwr-snippets .p-w-r .pr-no-reviews .pr-snippet-read-and-write .pr-snippet-write-review-link {
  display: block;
  margin: 0;
}

/*	Header intro section
-----------------------------------------------------*/

#pr-reviewdisplay {
  padding: 50px 0;
  /*	Main content
  -----------------------------------------------------*/
}

#pr-reviewdisplay h1,
#pr-reviewdisplay h2,
#pr-reviewdisplay h3,
#pr-reviewdisplay h4,
#pr-reviewdisplay h5,
#pr-reviewdisplay h6,
#pr-reviewdisplay label,
#pr-reviewdisplay .tabs__nav li a,
.tabs__nav li #pr-reviewdisplay a {
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  color: #003366;
  font-weight: normal;
  letter-spacing: 0.1em;
}

#pr-reviewdisplay span,
#pr-reviewdisplay li,
#pr-reviewdisplay p {
  font-family: "BrandonText", sans-serif;
  color: #003366;
}

#pr-reviewdisplay select,
#pr-reviewdisplay option {
  font-family: "BrandonText", sans-serif;
}

#pr-reviewdisplay .pr-snippet-read-and-write span {
  font-size: 16px !important;
}

#pr-reviewdisplay .pr-snippet-read-and-write a {
  font-size: 16px !important;
}

#pr-reviewdisplay .pr-snippet-read-and-write .pr-snippet-write-review-link {
  color: #fff !important;
  background-color: #036;
  padding: 12px 20px 8px 20px;
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 14px !important;
  letter-spacing: 0.5px;
  font-weight: 700;
}

#pr-reviewdisplay .pr-snippet-read-and-write .pr-snippet-write-review-link:hover {
  text-decoration: none;
  background-color: #022442;
}

#pr-reviewdisplay .p-w-r {
  /*	Footer
    -----------------------------------------------------*/
  /*	Content block styling
    -----------------------------------------------------*/
  /* Reviews Flag */
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-review-snapshot-header {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}

@media screen and (max-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-review-snapshot-header .pr-snippet-stars-reco-stars .pr-snippet-stars-container {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-review-snapshot-header .pr-snippet-stars-reco-stars .pr-rating-stars {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-review-snapshot-header .pr-snippet-stars-reco-stars .pr-snippet-read-and-write {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-review-snapshot-header .pr-snippet-stars-reco-stars .pr-snippet-read-and-write .pr-snippet-review-count {
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-review-snapshot-header .pr-snippet-stars-reco-stars .pr-snippet-read-and-write .pr-snippet-write-review-link {
    display: block;
    max-width: 220px;
    text-align: center;
    margin: 0 auto;
  }
}

#pr-reviewdisplay .p-w-r .pr-snippet-write-review-link {
  color: #A8B4F0;
  font-family: "BrandonText", sans-serif;
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot-header-intro {
  border: 0;
  margin: 0;
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot-header-intro .pr-headline {
  text-align: center;
  width: 100%;
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0.075em;
  margin: 0;
}

@media screen and (max-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-review-snapshot-header-intro .pr-headline {
    padding: 0;
  }
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot-header-intro .pr-subheadline {
  display: none;
}

#pr-reviewdisplay .p-w-r .pr-snippet-rating-decimal {
  display: none;
}

#pr-reviewdisplay .p-w-r .pr-rd-review-header-contents {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
}

#pr-reviewdisplay .p-w-r .pr-rd-review-header-contents .pr-rd-review-total {
  margin-right: auto;
  font-size: 16px;
}

#pr-reviewdisplay .p-w-r .pr-rd-review-header-contents .pr-rd-search-reviews-input input {
  border-radius: 2px;
  border: 1px solid #E3E3E3;
  padding-left: 1em;
}

#pr-reviewdisplay .p-w-r .pr-rd-review-header-contents .pr-rd-search-reviews-icon-button {
  background-color: #003366;
}

#pr-reviewdisplay .p-w-r .pr-rd-review-header-contents .pr-rd-search-reviews-icon-button .pr-search-icon {
  position: relative;
  top: 2px;
}

#pr-reviewdisplay .p-w-r .pr-snippet-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}

#pr-reviewdisplay .p-w-r .pr-snippet-standard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1em 0;
}

@media screen and (max-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-snippet-standard {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-review-snapshot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-block-headline {
  line-height: 1em;
  padding: 15px 15px 10px;
}

#pr-reviewdisplay .p-w-r .pr-star-v4-100-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_full.svg");
}

#pr-reviewdisplay .p-w-r .pr-star-v4-75-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_75.svg");
}

#pr-reviewdisplay .p-w-r .pr-star-v4-50-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_50.svg");
}

#pr-reviewdisplay .p-w-r .pr-star-v4-25-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_25.svg");
}

#pr-reviewdisplay .p-w-r .pr-star-v4-0-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_empty.svg");
}

#pr-reviewdisplay .p-w-r .pr-accessible-btn,
#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a {
  background-color: #003366;
  border-bottom: none;
  border-radius: 0;
  border: none;
  font-family: "BrandonText", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 12px 20px;
  text-transform: uppercase;
}

#pr-reviewdisplay .p-w-r .pr-accessible-btn:hover,
#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a:hover {
  background-color: #003366;
  color: #ffffff;
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot {
  background: transparent;
  overflow: hidden;
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-block {
  width: 100%;
  border: 1px solid #E3E3E3;
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-block-container {
  display: block;
  width: 100%;
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-block-container {
    margin: 0;
    width: calc(50% - 10px);
  }
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-histogram-msq-container {
  width: 100%;
  margin: 0;
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-histogram-msq-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 10px);
    margin-left: auto;
  }
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq {
  width: 100%;
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-histogram-label {
  color: #003366;
  font-size: 1em;
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-barValue {
  background: #003366;
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-snippet-reco-to-friend-percent.pr-snippet-reco-to-friend-green {
  padding-top: 10px;
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-snippet-reco-to-friend-green {
  background: #003366;
  color: #036;
}

#pr-reviewdisplay .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-snippet-reco-to-friend-green circle {
  fill: none;
  stroke: #fff;
}

#pr-reviewdisplay .p-w-r .pr-reco-to-friend-message {
  font-size: 12px;
  color: #003366;
}

#pr-reviewdisplay .p-w-r .pr-rd-review-header-sorts {
  display: none;
}

#pr-reviewdisplay .p-w-r .pr-review-display .pr-search-icon {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH";
}

#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-review-headline {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-review-headline {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}

#pr-reviewdisplay .p-w-r .pr-review-display a {
  color: #9B9B9B;
  font-family: "BrandonText", sans-serif;
}

#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-side-content-block {
  margin-bottom: 0;
  max-width: 165px !important;
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-side-content-block {
    min-width: 340px !important;
  }
}

@media screen and (max-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-side-content-block {
    min-width: 100% !important;
  }
}

#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-no-reviews {
  border: 1px solid #ececec;
  padding: 40px 0;
}

#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-no-reviews a {
  font-family: "BrandonText", sans-serif;
  color: #003366;
  text-decoration: underline;
  font-size: 1.2em;
  text-transform: capitalize;
}

#pr-reviewdisplay .p-w-r #msq-histogram-sizing {
  border: 1px solid #E3E3E3;
  display: block;
  padding-right: 0;
}

#pr-reviewdisplay .p-w-r #msq-histogram-sizing .pr-ratings-histogram {
  padding: 5px 30px 15px 5px;
  margin: 0;
}

#pr-reviewdisplay .p-w-r #msq-histogram-sizing .pr-histogram-msq-headline {
  background-color: #f4f4f4;
  color: #003366 !important;
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 1;
  padding: 15px 15px 10px;
  text-transform: uppercase;
  width: 100%;
  font-weight: normal;
  letter-spacing: 0.1em;
}

#pr-reviewdisplay .p-w-r .pr-rd-description .pr-rd-side-content-block,
#pr-reviewdisplay .p-w-r .pr-rd-side-content-block {
  position: static;
}

#pr-reviewdisplay .p-w-r .pr-review {
  float: left;
  width: 100%;
  padding: 25px 25px 20px;
  border: 1px solid #E3E3E3;
  border-radius: 2px;
  margin-bottom: 20px;
}

#pr-reviewdisplay .p-w-r .pr-rd-right,
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-right {
  float: none;
}

#pr-reviewdisplay .p-w-r .pr-rd-main-footer,
#pr-reviewdisplay .p-w-r .p-w-r .pr-review-display .pr-rd-main-footer {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding-bottom: 0;
  border: 0;
}

#pr-reviewdisplay .p-w-r .pr-rd-main-footer,
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-content-block {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1em 0;
}

#pr-reviewdisplay .p-w-r .pr-rd-main-footer .pr-rd-content-block {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-rd-main-footer .pr-rd-content-block {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

#pr-reviewdisplay .p-w-r .pr-rd-main-footer .pr-rd-content-block .pr-rd-pagination {
  border-bottom: none;
}

#pr-reviewdisplay .p-w-r .pr-rd-main-footer .pr-rd-content-block .pr-rd-pagination .pr-rd-pagination-btn {
  color: #a8b4f0;
}

#pr-reviewdisplay .p-w-r .pr-rd-description .pr-rd-side-content-block,
#pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-description .pr-rd-side-content-block {
  float: none;
  border-bottom: 1px solid #f4f4f4;
  width: 100%;
  padding: 0;
  margin: 0 0 1em 0;
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-rd-description .pr-rd-side-content-block,
  #pr-reviewdisplay .p-w-r .pr-review-display .pr-rd-description .pr-rd-side-content-block {
    float: left;
    border: 0;
    border-right: 1px solid #f4f4f4;
    max-width: 155px;
    margin: 0;
  }
}

#pr-reviewdisplay .p-w-r .pr-thumbs-icon svg {
  width: 24px;
}

#pr-reviewdisplay .p-w-r .pr-helpful-btn .pr-helpful-count {
  color: #9b9b9b;
}

#pr-reviewdisplay .p-w-r .pr-helpful-btn {
  border: 0;
  padding: 5px;
  margin: 5px 0 0;
}

#pr-reviewdisplay .p-w-r .pr-helpful-btn .pr-thumbs-cuff-fill,
#pr-reviewdisplay .p-w-r .pr-helpful-btn .pr-thumbs-fill,
#pr-reviewdisplay .p-w-r .pr-helpful-btn span {
  fill: #9B9B9B;
}

#pr-reviewdisplay .p-w-r .pr-helpful-btn:hover {
  background-color: transparent;
}

#pr-reviewdisplay .p-w-r .pr-helpful-btn:hover .pr-thumbs-cuff-fill,
#pr-reviewdisplay .p-w-r .pr-helpful-btn:hover .pr-thumbs-fill,
#pr-reviewdisplay .p-w-r .pr-helpful-btn:hover span {
  fill: #4A4A4A;
}

#pr-reviewdisplay .p-w-r .pr-helpful-btn svg {
  width: 24px;
}

#pr-reviewdisplay .p-w-r .pr-rd-side-content-block .pr-rd-bold {
  text-transform: uppercase;
  line-height: 1.8;
  letter-spacing: 0.1em;
}

#pr-reviewdisplay .p-w-r .pr-rd-header {
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 1em;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-rd-header {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

#pr-reviewdisplay .p-w-r .pr-rd-flag-review-container {
  display: none;
}

#pr-reviewdisplay .p-w-r .pr-rd-footer {
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: right;
}

#pr-reviewdisplay .p-w-r .pr-rd-helpful-action {
  margin-right: 0;
}

#pr-reviewdisplay .p-w-r .pr-rd-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-rd-description {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-rd-description .pr-rd-reviewer-details {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-rd-description .pr-rd-reviewer-details .pr-rd-details {
    margin-bottom: 5px;
  }
}

#pr-reviewdisplay .p-w-r .pr-rd-description .pr-rd-reviewer-details .pr-rd-author-submission-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#pr-reviewdisplay .p-w-r .pr-rd-description .pr-rd-reviewer-details .pr-rd-author-submission-date .pr-rd-bold {
  -ms-flex-preferred-size: 170px;
      flex-basis: 170px;
}

#pr-reviewdisplay .p-w-r .pr-rd-description .pr-rd-reviewer-details .pr-rd-author-submission-date time {
  color: #003366;
  -ms-flex-preferred-size: 170px;
      flex-basis: 170px;
}

#pr-reviewdisplay .p-w-r .pr-rd-description .pr-rd-reviewer-details .pr-rd-author-nickname span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#pr-reviewdisplay .p-w-r .pr-rd-description .pr-rd-reviewer-details .pr-rd-author-nickname span span {
  color: #003366;
  -ms-flex-preferred-size: 170px;
      flex-basis: 170px;
}

#pr-reviewdisplay .p-w-r .pr-rd-description .pr-rd-reviewer-details .pr-rd-author-location span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
}

#pr-reviewdisplay .p-w-r .pr-rd-description .pr-rd-reviewer-details .pr-rd-author-location span span {
  -ms-flex-preferred-size: 170px;
      flex-basis: 170px;
}

#pr-reviewdisplay .p-w-r .pr-rd-description .pr-rd-reviewer-type {
  display: none;
}

#pr-reviewdisplay .p-w-r .pr-rd-review-product {
  display: none;
}

#pr-reviewdisplay .p-w-r .pr-rd-description-text {
  margin-bottom: 1em;
  width: 100%;
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-rd-description-text {
    line-height: 1.6;
    margin-bottom: 0;
    padding: 0 2em;
  }
}

#pr-reviewdisplay .p-w-r .pr-accordion {
  display: block;
  width: 100%;
}

#pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-btn {
  display: none !important;
}

#pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-content {
  max-height: 1000px;
  -webkit-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-content {
    margin-top: 0;
  }
}

#pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-content .pr-rd-tags {
  display: none;
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-content .pr-rd-subratings {
    display: inline-block;
    width: 100%;
    max-width: 340px !important;
    border-right: 1px solid #f4f4f4;
  }
}

#pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-content .pr-rd-subratings .pr-rd-def-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
}

#pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-content .pr-rd-subratings .pr-rd-def-list dt {
  -ms-flex-preferred-size: 170px;
      flex-basis: 170px;
  padding: 0;
}

#pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-content .pr-rd-subratings .pr-rd-def-list dd {
  -ms-flex-preferred-size: 170px;
      flex-basis: 170px;
}

#pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-content .pr-rd-subratings dt {
  font-family: "BrandonText", sans-serif;
  text-transform: uppercase;
  font-size: .9em;
  letter-spacing: 0.05em;
  padding: 0 50px 0 0;
}

@media screen and (max-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-content .pr-rd-subratings dt {
    padding: 0 20px 0 0;
  }
}

#pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-content .pr-rd-subratings dd {
  font-family: "BrandonText", sans-serif;
  color: #003366;
  font-size: 0.9em;
}

#pr-reviewdisplay .p-w-r .pr-accordion .pr-rd-tags {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#pr-reviewdisplay .p-w-r .pr-accordion .pr-rd-tags .pr-rd-review-tag {
  width: calc((100% / 3) - 5px);
  margin: 0;
}

#pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-btn {
  display: none;
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-btn {
    display: block;
  }
}

#pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-btn span {
  color: #9B9B9B;
}

#pr-reviewdisplay .p-w-r .pr-accordion .pr-accordion-btn .pr-caret-icon__line {
  stroke: #9B9B9B;
}

#pr-reviewdisplay .p-w-r .pr-rd-images {
  margin: 20px 0 0;
}

#pr-reviewdisplay .p-w-r .pr-rd-flag-review-container,
#pr-reviewdisplay .p-w-r .pr-rd-bottomline {
  display: none;
}

#pr-reviewdisplay .p-w-r .pr-rd-helpful-action .pr-rd-helpful-text {
  font-weight: 300;
  margin-right: 0;
  color: #9B9B9B;
}

#pr-reviewdisplay .p-w-r .pr-rd-to-top {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

@media screen and (min-width: 768px) {
  #pr-reviewdisplay .p-w-r .pr-rd-to-top {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}

#pr-reviewdisplay .p-w-r .pr-helpful-active {
  background: transparent !important;
}

#pr-reviewdisplay .p-w-r .pr-helpful-active .pr-thumbs-fill {
  fill: #003366 !important;
}

#pr-reviewdisplay .p-w-r .pr-helpful-active .pr-helpful-count {
  color: #003366;
}

/* Snapshot */

#pr-review-snapshot {
  overflow: visible !important;
}

#pr-review-snapshot .pr-review-snapshot-msqs {
  margin: 20px 0 0 20px;
  display: none;
}

#pr-review-snapshot .pr-review-snapshot-msqs .pr-msq-list {
  display: inline-block;
  margin-right: 40px;
  margin-bottom: 0;
}

#pr-review-snapshot .pr-review-snapshot-msqs .pr-msq-list dt {
  font-family: "BrandonText", sans-serif;
  text-transform: uppercase;
  font-size: .9em;
  letter-spacing: 0.05em;
}

#pr-review-snapshot .pr-review-snapshot-msqs .pr-msq-list dd .pr-filter-btn--active span {
  color: #fff;
  background: #036;
}

#pr-review-snapshot .pr-review-snapshot-msqs .pr-msq-list dd .pr-filter-btn:hover span {
  color: #fff;
  background: #036;
}

#pr-review-snapshot .pr-review-snapshot-msqs .pr-review-snapshot-msq-comfortvsstyle {
  display: none;
}

#pr-review-snapshot .pr-review-snapshot-msqs .pr-review-snapshot-msq-wasthisagift {
  display: none;
}

#pr-review-snapshot .pr-review-snapshot-msqs .pr-review-snapshot-msq-bestuses {
  display: none;
}

#pr-review-snapshot .pr-review-snapshot-msqs .pr-review-snapshot-msq-describeyourself {
  display: none;
}

#pr-review-snapshot .pr-review-snapshot-block-pros {
  display: none;
}

#pr-review-snapshot .pr-review-snapshot-block-cons {
  display: none;
}

/* Write a review form */

.section-header {
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0 !important;
  padding: 2em 0 0 !important;
}

.section-header h1 {
  font-size: 48px;
}

.pr-war {
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
}

#pr-write {
  margin: 20px 0 80px;
  background-color: #fafafa;
  padding: 20px 10px;
}

#pr-write div {
  border-radius: 0;
}

#pr-write .pr-control-label span {
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  color: #003366;
  font-size: 16px !important;
  font-weight: normal;
  letter-spacing: 0.1em;
}

#pr-write #pr-warning {
  margin-top: 0;
}

#pr-write .alert-warning,
#pr-write #pr-write .pr-alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
  font-family: "BrandonText", sans-serif;
}

#pr-write .pr-header-title {
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  color: #003366;
  font-size: 16px !important;
  font-weight: normal;
  letter-spacing: 0.1em;
}

#pr-write .pr-header-product-name a {
  color: #A8B4F0;
}

#pr-write .pr-helper-text {
  font-family: "BrandonText", sans-serif;
}

#pr-write .pr-header-product-name {
  font-family: "BrandonText", sans-serif;
}

#pr-write .pr-header-required {
  font-family: "BrandonText", sans-serif;
}

#pr-write input,
#pr-write textarea,
#pr-write select {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #E3E3E3;
  font-family: "BrandonText", sans-serif;
  border-radius: 0;
}

#pr-write .btn-group-radio-vertical .pr-btn {
  font-family: "BrandonText", sans-serif;
}

#pr-write .pr-star-v4 {
  width: 25px;
  height: 25px;
}

#pr-write .pr-star-v4-100-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_full.svg");
}

#pr-write .pr-star-v4-75-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_75.svg");
}

#pr-write .pr-star-v4-50-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_50.svg");
}

#pr-write .pr-star-v4-25-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_25.svg");
}

#pr-write .pr-star-v4-0-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_empty.svg");
}

#pr-write .pr-btn {
  border-color: #E3E3E3;
  border-bottom-width: 1px;
  font-family: "BrandonText", sans-serif;
}

#pr-write .pr-btn.active {
  background-color: #003366;
}

#pr-write .pr-clear-all-radios {
  color: #003366;
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  text-transform: uppercase;
  font-size: 10px;
}

#pr-write .pr-subscript {
  font-family: "BrandonText", sans-serif;
}

#pr-write .p-w-r .pr-accessible-btn {
  background-color: #003366;
  background-color: #003366;
  border-bottom: none;
  border-radius: 0;
  border: none;
  font-family: "BrandonText", sans-serif;
  font-family: "BrandonText", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 12px 20px;
  text-transform: uppercase;
}

#pr-write .pr-submit .pr-logo-container {
  display: none;
}

#pr-write .pr-cons-form-group {
  display: none;
}

#pr-write .pr-sleevelength-form-group {
  display: none;
}

#pr-write .pr-pros-form-group {
  display: none;
}

#pr-write .pr-bestuses-form-group {
  display: none;
}

#pr-write .pr-describeyourself-form-group {
  display: none;
}

#pr-write .pr-wasthisagift-form-group {
  display: none;
}

#pr-write .pr-comfortvsstyle-form-group {
  display: none;
}

#pr-write .pr-media_image-form-group {
  display: inline-block;
  margin-right: 10px;
}

#pr-write .pr-media_image-form-group .pr-btn-fileinput span {
  color: #036;
}

#pr-write .pr-media_image-form-group .pr-btn-fileinput span:after {
  color: #036;
}

#pr-write .pr-media_videourl-form-group {
  display: inline-block;
  margin-right: 10px;
}

#pr-write .pr-media_videourl-form-group .pr-btn-fileinput span {
  color: #036;
}

#pr-write .pr-media_videourl-form-group .pr-btn-fileinput span:after {
  color: #036;
}

#pr-write .pr-btn-danger {
  background-color: #036;
}

#pr-write .thank-you-page {
  padding: 40px;
}

#pr-write .thank-you-page .header .title {
  color: #022442;
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.075em;
  font-weight: normal;
}

#pr-write .thank-you-page .header .subtitle {
  font-family: "BrandonText", sans-serif;
  text-transform: initial;
}

#pr-write .thank-you-page .header h5 {
  display: inline-block;
  padding: 10px 0 20px;
}

#pr-write .thank-you-page .header h5 a {
  font-family: "BrandonText", sans-serif;
  color: #fff !important;
  background-color: #036;
  padding: 12px 20px 8px 20px;
  letter-spacing: 0.5px;
  font-weight: 700;
}

#pr-write .thank-you-page .review-preview .pr-rating-number {
  border: none;
  margin-top: 5px;
}

#pr-write .thank-you-page .review-preview .pr-rating-number span {
  color: #a8b4f0;
  font-size: 16px;
}

#pr-write .thank-you-page .review-preview .pr-rating-date {
  border: none;
  color: #036;
  font-family: "BrandonText", sans-serif;
}

#pr-write .thank-you-page .review-preview .headline {
  color: #022442;
  font-family: "BrandonGrotesqueWeb-Bold", sans-serif;
  font-size: 16px;
  letter-spacing: 0.075em;
  font-weight: normal;
  margin: 15px 0 0;
}

#pr-write .thank-you-page .review-preview .pr-text {
  font-size: 1.1em;
  line-height: 1.6em;
  font-family: "BrandonText", sans-serif;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}

#pr-write .thank-you-page .review-preview #sizing {
  font-family: "BrandonText", sans-serif;
  border-bottom: none;
  padding-bottom: 0;
}

#pr-write .thank-you-page .review-preview #sizing .pr-dark {
  font-family: "BrandonText", sans-serif;
  text-transform: uppercase;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #003366;
  font-size: 12px;
  font-weight: 700;
}

#pr-write .thank-you-page .review-preview #bodytype {
  font-family: "BrandonText", sans-serif;
  border-bottom: none;
  padding-bottom: 0;
}

#pr-write .thank-you-page .review-preview #bodytype .pr-dark {
  font-family: "BrandonText", sans-serif;
  text-transform: uppercase;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #003366;
  font-size: 12px;
  font-weight: 700;
}

#pr-write .thank-you-page .review-preview #bodytype span {
  color: #767676;
  font-size: 12px;
}

#pr-write .thank-you-page .review-preview #customerheight {
  font-family: "BrandonText", sans-serif;
  border-bottom: none;
  padding-bottom: 0;
  text-transform: uppercase;
  line-height: 1.8;
  letter-spacing: 0.1em;
  font-family: "BrandonText", sans-serif;
  color: #003366;
  font-size: 12px;
  font-weight: 700;
}

#pr-write .thank-you-page .review-preview #customerheight .pr-dark {
  font-family: "BrandonText", sans-serif;
  text-transform: uppercase;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #003366;
  font-size: 12px;
  font-weight: 700;
}

#pr-review-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#pr-review-display .pr-rd-search-reviews-clear-button {
  height: 25px;
  width: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#pr-review-display .pr-rd-search-reviews-clear-button .pr-cross-icon__line {
  stroke: #013366;
}

#pr-rd-main-header {
  padding: 5px 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
  margin: 1em 0;
}

#pr-reviewdisplay .p-w-r .carousel__body--light {
  height: auto;
  width: 100%;
  top: 0;
  left: 50%;
  padding: 0;
  z-index: 999999;
  margin: 0 auto;
  display: block;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#pr-reviewdisplay .p-w-r .pr-media-carousel .slide {
  width: initial;
  min-height: auto;
  height: 100%;
  -webkit-transition: initial;
  transition: initial;
  float: none;
  overflow: initial;
  display: unset;
  display: unset;
  display: unset;
  display: unset;
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  -ms-flex-wrap: unset;
  flex-wrap: unset;
}

#pr-reviewdisplay .p-w-r .pr-media-card {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#pr-reviewdisplay .p-w-r .pr-media-card-details-text {
  display: none;
}

.template-collection .pwr-category-snippets .p-w-r,
.template-search .pwr-category-snippets .p-w-r {
  margin: 0;
}

.template-collection .pwr-category-snippets .p-w-r .pr-no-reviews,
.template-search .pwr-category-snippets .p-w-r .pr-no-reviews {
  opacity: 0;
  visibility: hidden;
}

.template-collection .pwr-category-snippets .p-w-r .pr-snippet-stars,
.template-search .pwr-category-snippets .p-w-r .pr-snippet-stars {
  background: none;
}

.template-collection .pwr-category-snippets .p-w-r .pr-snippet-rating-decimal,
.template-search .pwr-category-snippets .p-w-r .pr-snippet-rating-decimal {
  display: none;
}

.template-collection .pwr-category-snippets .p-w-r .pr-category-snippet__total,
.template-search .pwr-category-snippets .p-w-r .pr-category-snippet__total {
  font-family: "BrandonText", sans-serif;
  color: #222222;
  padding-top: 5px;
  display: none;
}

@media screen and (max-width: 768px) {
  .template-collection .pwr-category-snippets .p-w-r .pr-category-snippet__total,
  .template-search .pwr-category-snippets .p-w-r .pr-category-snippet__total {
    display: none;
  }
}

.template-collection .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4-100-filled,
.template-search .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4-100-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_full_992b28e4-16b1-429e-89ae-a59a432f4d44.svg?11196416939795721750");
}

.template-collection .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4-75-filled,
.template-search .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4-75-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_75_c33febf6-f427-42b6-877e-6335041f444b.svg?11196416939795721750");
}

.template-collection .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4-50-filled,
.template-search .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4-50-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_50_69faf36f-4baa-43b9-b727-6f0aacfce16f.svg?11196416939795721750");
}

.template-collection .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4-25-filled,
.template-search .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4-25-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_25_7c564f55-9c7b-4157-8d35-cf0ad056a722.svg?11196416939795721750");
}

.template-collection .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4-0-filled,
.template-search .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4-0-filled {
  background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_empty_dc45df06-aafb-4925-a8b8-684086b4c17e.svg?11196416939795721750");
}

.template-collection .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4,
.template-search .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4 {
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 420px) {
  .template-collection .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4,
  .template-search .pwr-category-snippets .p-w-r .pr-category-snippet__rating .pr-star-v4 {
    width: 12px;
    height: 12px;
  }
}

.template-collection .card .p-w-r .pr-category-snippet,
.template-search .card .p-w-r .pr-category-snippet {
  margin: 0;
}

.template-collection .card .pr-rating-stars,
.template-search .card .pr-rating-stars {
  vertical-align: top;
}

@media screen and (max-width: 420px) {
  .template-collection .card .pr-rating-stars,
  .template-search .card .pr-rating-stars {
    margin-top: -4px;
  }
}

.template-collection .grid__item:hover .pr-category-snippet__total,
.template-search .grid__item:hover .pr-category-snippet__total,
.template-collection .card:hover .pr-category-snippet__total,
.template-search .card:hover .pr-category-snippet__total {
  font-family: "BrandonText", sans-serif;
  color: #FFFFFF;
}

.btn.search__submit:focus {
  background-color: #003366;
  color: #ffffff;
  opacity: 1;
  outline: 2px solid #000;
}

@media screen and (min-width: 768px) {
  .template-collection .grid__item:hover .pr-category-snippet__rating .pr-star-v4-100-filled,
  .template-se.grid__item:hover .pr-category-snippet__rating .pr-star-v4-100-filled,
  .template-collection .card:hover .pr-category-snippet__rating .pr-star-v4-100-filled,
  .template-search .card:hover .pr-category-snippet__rating .pr-star-v4-100-filled {
    background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_full_white.svg");
  }

  
  .template-collection .grid__item:hover .pr-category-snippet__rating .pr-star-v4-75-filled,
  .template-search .grid__item:hover .pr-category-snippet__rating .pr-star-v4-75-filled,
  .template-collection .card:hover .pr-category-snippet__rating .pr-star-v4-75-filled,
  .template-search .card:hover .pr-category-snippet__rating .pr-star-v4-75-filled {
    background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_75_white.svg");
  }

  .template-collection .grid__item:hover .pr-category-snippet__rating .pr-star-v4-50-filled,
  .template-search .grid__item:hover .pr-category-snippet__rating .pr-star-v4-50-filled,
  .template-collection .card:hover .pr-category-snippet__rating .pr-star-v4-50-filled,
  .template-search .card:hover .pr-category-snippet__rating .pr-star-v4-50-filled {
    background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_50_white.svg");
  }

  
  .template-collection .grid__item:hover .pr-category-snippet__rating .pr-star-v4-25-filled,
  .template-search .grid__item:hover .pr-category-snippet__rating .pr-star-v4-25-filled,
  .template-collection .card:hover .pr-category-snippet__rating .pr-star-v4-25-filled,
  .template-search .card:hover .pr-category-snippet__rating .pr-star-v4-25-filled {
    background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_25_white.svg");
  }

  .template-collection .grid__item:hover .pr-category-snippet__rating .pr-star-v4-0-filled,
  .template-search .grid__item:hover .pr-category-snippet__rating .pr-star-v4-0-filled,
  .template-collection .card:hover .pr-category-snippet__rating .pr-star-v4-0-filled,
  .template-search .card:hover .pr-category-snippet__rating .pr-star-v4-0-filled {
    background-image: url("https://cdn.shopify.com/s/files/1/2162/9629/files/star_empty__white.svg");
  }
}

.reviews_form #__lpform_olark-form-input-fname {
  display: none;
}

/**
 * Component: Yotpo
 * -----------------------------------------------------------------------------
 * Overriding the Yotpo styling as the account does not advanced features
 *
 */

.yotpo.testimonials .yotpo-testimonials-btn{
  background-color: #3079ad !important
}

.yotpo-bottomline.star-clickable {
  width: 100%;
  position: relative;
}

.yotpo-bottomline.star-clickable .yotpo-icon-star,
.yotpo-bottomline.star-clickable .yotpo-icon-half-star,
.yotpo-bottomline.star-clickable .yotpo-icon-empty-star {
  font-size: 1.1rem !important;
}

.yotpo-bottomline.star-clickable .text-m {
  position: absolute;
  right: 0;
  color: #757575 !important;
  font-size: 1rem;
}

@media screen and (min-width: 769px) {
  .grid__item:hover .yotpo .yotpo-icon-star:before,
  .grid__item:hover .yotpo .yotpo-icon-half-star:before,
  .card:hover .yotpo .yotpo-icon-star:before,
  .card:hover .yotpo .yotpo-icon-half-star:before {
    color: #ffff;
  }
  
  .card:hover .yotpo-bottomline.star-clickable .text-m {
    color: #fff !important;
  }
}

.yotpo div,
.yotpo span,
.yotpo p,
.yotpo a,
.yotpo img,
.yotpo i,
.yotpo strong,
.yotpo sup,
.yotpo ul,
.yotpo li,
.yotpo form,
.yotpo label {
  font-family: "BrandonText", sans-serif !important;
}

.yotpo .yotpo-small-box,
.yotpo .yotpo-regular-small-box,
.yotpo .yotpo-popup-box-medium {
  border-bottom: 0 none !important;
}

.yotpo span.yotpo-field-title {
  color: #a2a2a2 !important;
  font-size: 13px;
  text-transform: uppercase;
}

.yotpo .yotpo-bottomline-empty-state {
  display: none !important;
}

.yotpo .form-group {
  display: block;
}

.yotpo.bottomLine a:hover {
  color: #003366 !important;
}

.yotpo .yotpo-first-review .yotpo-first-review-stars {
  display: none;
}

.yotpo .yotpo-first-review-content .yotpo-default-button,
.yotpo .yotpo-first-review-content input[type="button"].yotpo-default-button {
  background-color: #003366 !important;
}

.yotpo .yotpo-first-review-content .yotpo-default-button:hover,
.yotpo .yotpo-first-review-content input[type="button"].yotpo-default-button:hover {
  background-color: #003366 !important;
}

.yotpo.yotpo-main-widget {
  margin-bottom: 2rem !important;
  max-width: 1360px;
}

.yotpo.yotpo-main-widget .yotpo-label.yotpo-small-box {
  display: block !important;
}

.yotpo.yotpo-main-widget .yotpo-single-choice-field {
  border: solid 1px #e3e3e3;
  margin-bottom: 40px;
  padding-bottom: 0 !important;
}

.yotpo.yotpo-main-widget .yotpo-single-choice-field fieldset {
  display: table;
  padding: 0 !important;
  table-layout: fixed;
}

.yotpo.yotpo-main-widget .yotpo-single-choice-field .yotpo-single-choice-option.is-active label,
.yotpo.yotpo-main-widget .yotpo-single-choice-field .yotpo-single-choice-option:hover label {
  background-color: #003366 !important;
  border: solid 1px #003366;
  color: #fff !important;
}

.yotpo.yotpo-main-widget .yotpo-single-choice-field .yotpo-single-choice-option label {
  border: solid 1px #e3e3e3;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  text-transform: none;
  width: 100% !important;
}

/* .yotpo.yotpo-main-widget .yotpo-radio-wrapper {
  display: none !important;
} */

.yotpo.yotpo-main-widget .yotpo-stars-and-sum-reviews {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-flow: column;
      flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.yotpo.yotpo-main-widget .yotpo-stars-and-sum-reviews span,
.yotpo.yotpo-main-widget .yotpo-stars-and-sum-reviews span.based-on {
  padding-top: 0;
}

.yotpo.yotpo-main-widget .yotpo-label.yotpo-small-box {
  display: none;
}

.yotpo.yotpo-main-widget .main-widget {
  margin: 0 1rem;
}

.yotpo.yotpo-main-widget .yotpo-icon-profile {
  display: none !important;
}

.yotpo.yotpo-main-widget .yotpo-main {
  margin-left: 0 !important;
}

.yotpo.yotpo-main-widget .yotpo-default-button {
  background-color: #003366;
  padding: 10px 25px !important;
}

.yotpo.yotpo-main-widget .yotpo-default-button:hover,
.yotpo.yotpo-main-widget .yotpo-default-button:focus,
.yotpo .yotpo-first-review-content input[type="button"].yotpo-default-button:focus{
  background-color: #102030 !important;
}

.yotpo.yotpo-main-widget .primary-color-btn.yotpo-disabled,
.yotpo.yotpo-main-widget input[type="button"].primary-color-btn.yotpo-disabled {
  background-color: #E3E3E3;
  color: #4A4A4A;
  opacity: 0.8;
}

.yotpo.yotpo-main-widget .primary-color-btn.yotpo-disabled:hover,
.yotpo.yotpo-main-widget input[type="button"].primary-color-btn.yotpo-disabled:hover {
  background-color: #E3E3E3;
  cursor: not-allowed;
}

.yotpo.yotpo-main-widget .yotpo-icon-btn span.yotpo-icon {
  display: none;
}

.yotpo.yotpo-main-widget .yotpo-icon-btn span.yotpo-icon-button-text {
  font-weight: bold;
  text-transform: capitalize;
  font-size: 1rem;
  line-height: initial;
}

.yotpo.yotpo-main-widget .socialize .yotpo-icon-btn span.yotpo-icon {
  display: block;
  color: #003366;
}

.yotpo.yotpo-main-widget .socialize .yotpo-default-button {
  border: 0;
  margin: 0;
  padding: 5px;
}

.yotpo.yotpo-main-widget .write-review.yotpo-regular-box {
  max-width: 70%;
  margin: 0 auto;
}

.yotpo.yotpo-main-widget .write-review .yotpo-header-title {
  padding-bottom: 2rem;
}

.yotpo.yotpo-main-widget .write-review .yotpo-header .y-label:nth-child(2) {
  letter-spacing: 1.3px;
  font-weight: 500;
}

.yotpo.yotpo-main-widget .write-review-content .yotpo-text-box:nth-child(1) {
  height: 43px !important;
  min-height: initial;
}

.yotpo.yotpo-main-widget .error-box {
  background-color: #d12828;
  font-size: 12px;
  margin-bottom: 15px;
}

.yotpo.yotpo-reviews-carousel {
  max-width: none !important;
}

.yotpo.yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.yotpo.yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .headline {
  visibility: hidden;
}

.yotpo.yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .yotpo-num-of-reviews {
  line-height: 22px;
}

.yotpo.yotpo-reviews-carousel .carousel-display-wrapper .scroller {
  padding-bottom: 25px;
  padding-top: 15px;
}

.yotpo.yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .single-carousel {
  border-radius: .375rem;
  border: 1px solid rgba(203, 203, 203, 0.15);
  -webkit-box-shadow: 0 0.1rem 0.875rem 0 #e6e6e6;
          box-shadow: 0 0.1rem 0.875rem 0 #e6e6e6;
  -webkit-transition-property: -webkit-transform,-webkit-box-shadow;
  transition-property: -webkit-transform,-webkit-box-shadow;
  transition-property: transform,box-shadow;
  transition-property: transform,box-shadow,-webkit-transform,-webkit-box-shadow;
  -webkit-transition: .22s ease-out;
  transition: .22s ease-out;
}

.yotpo.yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .single-carousel:hover {
  -webkit-box-shadow: 0 0.2rem 1.875rem 0 #e6e6e6;
          box-shadow: 0 0.2rem 1.875rem 0 #e6e6e6;
  -webkit-transform: translate3d(0, -0.1875rem, 0);
          transform: translate3d(0, -0.1875rem, 0);
}

.yotpo.yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .small-version {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
/*   padding: 1.5rem; */
}

.yotpo.yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .small-version .stars-container,
.yotpo.yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .small-version .carousel-review-title {
  width: 100%;
}

/* .yotpo.yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .small-version .product-link-container,
.yotpo.yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .small-version .right-side {
  width: 50%;
} */

@media (min-width: 768px) {
  .yotpo-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }

  .yotpo-main,
  .yotpo-multiple-rating-fields {
    margin-top: 0 !important;
  }

  .yotpo-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 1rem !important;
    border-right: solid 1px #E3E3E3 !important;
  }

  .yotpo-main {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .yotpo-footer {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-left: 0 !important;
  }

  .yotpo .yotpo-regular-box {
    padding: 40px 0 22px 0 !important;
  }

  .yotpo-syndication-reference {
    position: absolute;
    left: 0;
  }

  .yotpo .content-title.yotpo-font-bold {
    font-size: 1rem;
  }
}

@media (min-width: 64em) {
  .yotpo.yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .single-carousel {
    margin-left: .5rem;
    margin-right: 0 !important;
    padding: 1.5rem;
  }

  .yotpo.yotpo-main-widget .yotpo-single-choice-field fieldset {
    display: table;
    table-layout: fixed;
  }

  .yotpo.yotpo-main-widget .yotpo-single-choice-field fieldset .yotpo-single-choice-option {
    display: table-cell !important;
    width: 5%;
  }
}

.template-collection .yotpo .star-clickable a.text-m {
  display: none;
}

.template-collection .yotpo.bottomLine.yotpo-small {
  height: 20px;
}

.template-collection .yotpo .yotpo-bottomline .yotpo-icon-star,
.template-collection .yotpo .yotpo-bottomline .yotpo-icon-half-star,
.template-collection .yotpo .yotpo-bottomline .yotpo-icon-empty-star {
  color: #222222;
}

.template-collection .product-card-grid.flexbox .grid__item .grid__item:hover .yotpo .yotpo-bottomline .yotpo-icon-star,
.template-collection .product-card-grid.flexbox .grid__item .grid__item:hover .yotpo .yotpo-bottomline .yotpo-icon-half-star,
.template-collection .product-card-grid.flexbox .grid__item .grid__item:hover .yotpo .yotpo-bottomline .yotpo-icon-empty-star,
.template-collection .product-card-grid.flexbox .grid__item .card:hover .yotpo .yotpo-bottomline .yotpo-icon-star,
.template-collection .product-card-grid.flexbox .grid__item .card:hover .yotpo .yotpo-bottomline .yotpo-icon-half-star,
.template-collection .product-card-grid.flexbox .grid__item .card:hover .yotpo .yotpo-bottomline .yotpo-icon-empty-star {
  color: #ffffff;
}


/* Accessibility Custom CSS */

.quickview__wrapper .modal__close:focus,
.product-table__container button:focus,
.product-form__quantity:focus,
.site-footer__newsletter button:focus,
.card__utilities button:focus,
.callout-newsletter button:focus,
.hero .btn-group a:focus {
  outline: 2px solid #c5791d;
}

input.yotpo-default-button.write-review-button.write-first-review-button:focus {
  background-color: #4c4c4c !important;
  outline: 3px solid #c5791d !important;
}


.hidden{
  display: none;
}


.ajax-cart.openState {
 display: block !important;
}

.search-header__input::placeholder {
  color: #555;
  opacity: 1;
}

.ajax-cart__footer a:focus,
button#sort_by_button:focus {
 outline: 1px solid #f1b13d;
}

.toolbar_icon{
  position: relative;
}

.toolbar_icon:focus {
  background-color: #022442;
}

.tooltip {
  position: absolute;
  background: #00000099;
  color: #fff;
  left: 50%;
  top: 100%;
  transform: translate(-50%,10%);
  display: inline-block;
  margin: 0px;
  z-index: 2;
  padding: 5px;
  font-size: 12px;
  border-radius: 5px;
  width: auto;
  width: max-content;
}

#bc-sf-filter-scroll-to-top span.back-to-top.tooltip {
  display: none;
  position: fixed;
  top: unset;
  bottom: 70px;
  left: unset;
  right: 15px;
  transform: none;
  background: #00000055 !important;
  width: auto;
  height: auto;
  line-height: normal;
  text-transform: capitalize;
}

#bc-sf-filter-scroll-to-top span.back-to-top.tooltip:before{
  content: '';
}

#bc-sf-filter-scroll-to-top:focus span.back-to-top.tooltip {
  display: inline-block;
}

.instaBtn{
  margin-bottom: 50px;
}

.afterpay-link,
.instaBtn,
.help-modal__buttons .btn,
.yotpo-helpful .vote-btn,
.socialize .yotpo-icon-btn,
.social-sharing .social-link {
 position: relative;
}

.filters-container .clear-text-icon .tooltip,
.testimonialCarousel .slick-dots li button .tooltip,
.ks-modal-close .tooltip,
.directed-edge-carousel__pdp .slick-arrow .tooltip,
.testimonialCarousel .slick-arrow .tooltip,
.site-drawer__close .tooltip,
#afterpay-modal-close .tooltip,
.afterpay-link .tooltip,
.quickview__wrapper .modal__close .tooltip,
.instaBtn .tooltip,
.help-modal__buttons .btn .tooltip,
.yotpo-helpful .vote-btn .tooltip,
.socialize .yotpo-icon-btn .tooltip,
.social-sharing .social-link .tooltip,
.flickity-prev-next-button .tooltip,
.modal__close.btn .tooltip,
.fs-slider-next-button .tooltip,
.fs-slider-prev-button .tooltip,
.closeZoom .tooltip{
 display: none;
}

.filters-container .clear-text-icon:focus .tooltip,
.testimonialCarousel .slick-dots li button:focus .tooltip,
.ks-modal-close:focus .tooltip,
.testimonialCarousel .slick-prev:focus .tooltip,
.testimonialCarousel .slick-next:focus .tooltip,
.directed-edge-carousel__pdp .slick-prev:focus .tooltip,
.directed-edge-carousel__pdp .slick-next:focus .tooltip,
.site-drawer__close:focus .tooltip,
#afterpay-modal-close:focus .tooltip,
.afterpay-link:focus .tooltip,
.quickview__wrapper .modal__close:focus .tooltip,
.instaBtn:focus .tooltip,
.help-modal__buttons .btn:focus .tooltip,
.yotpo-helpful .vote-btn:focus .tooltip,
.socialize .yotpo-icon-btn:focus .tooltip,
.social-sharing .social-link:focus .tooltip,
.flickity-prev-next-button:focus .tooltip,
.modal__close.btn:focus .tooltip,
.fs-slider-next-button:focus .tooltip,
.fs-slider-prev-button:focus .tooltip,
.closeZoom:focus .tooltip{
 display: inline-block;
}


/* .instaBtn .tooltip, */
.ks-modal-close .tooltip,
.yotpo-helpful .vote-btn .tooltip,
.socialize .yotpo-icon-btn .tooltip {
  color: #fff;
  padding: 5px;
  text-transform: capitalize;
}

#afterpay-modal-close .tooltip{
  right: -100%;
  left: auto;
}

.directed-edge-carousel__pdp .slick-arrow .tooltip,
.testimonialCarousel .slick-arrow .tooltip {
  padding: 10px 5px;
}

.testimonialCarousel .slick-dots li button .tooltip {
  padding: 10px;
}

.filters-container .clear-text-icon .tooltip {
  color: #fff;
  padding: 10px 5px 6px;
  top: 0px;
  left: auto;
  right: 0;
  transform: translate(-40%, -40%);
}

.yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-icon,
.yotpo .yotpo-bottomline .yotpo-icon-star,
.yotpo .yotpo-bottomline .yotpo-icon-half-star,
.yotpo .yotpo-bottomline .yotpo-icon-empty-star{
  color: #003366 !important;
}

.template-collection .product-card-grid.flexbox .grid__item .card.focused .yotpo .yotpo-bottomline .yotpo-icon-star,
.template-collection .product-card-grid.flexbox .grid__item .card.focused .yotpo .yotpo-bottomline .yotpo-icon-half-star,
.template-collection .product-card-grid.flexbox .grid__item .card.focused .yotpo .yotpo-bottomline .yotpo-icon-empty-star,
.write-question-review-buttons-container .write-question-review-button .write-question-review-button-text{
  color: #ffffff !important;
}

input.choice-card__input:focus + label .choice-card__button {
  outline: 1px solid red;
}

.yotpo .y-label,
.yotpo span.y-label,
.yotpo .yotpo-review .yotpo-main .content-review,
.yotpo .yotpo-comment .yotpo-main .content-review,
.yotpo .yotpo-question .yotpo-main .content-review,
.yotpo .yotpo-onsite-upload .yotpo-main .content-review,
.yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-user-related-fields .yotpo-user-field .yotpo-user-field-answer,
.yotpo .yotpo-comment .yotpo-header .yotpo-review-stars .yotpo-user-related-fields .yotpo-user-field .yotpo-user-field-answer,
.yotpo .yotpo-question .yotpo-header .yotpo-review-stars .yotpo-user-related-fields .yotpo-user-field .yotpo-user-field-answer,
.yotpo .yotpo-onsite-upload .yotpo-header .yotpo-review-stars .yotpo-user-related-fields .yotpo-user-field .yotpo-user-field-answer,
.yotpo .yotpo-review .yotpo-main .yotpo-multiple-rating-fields .yotpo-open-question-fields .yotpo-question-field .yotpo-question-field-answer,
.yotpo .yotpo-comment .yotpo-main .yotpo-multiple-rating-fields .yotpo-open-question-fields .yotpo-question-field .yotpo-question-field-answer,
.yotpo .yotpo-question .yotpo-main .yotpo-multiple-rating-fields .yotpo-open-question-fields .yotpo-question-field .yotpo-question-field-answer,
.yotpo .yotpo-onsite-upload .yotpo-main .yotpo-multiple-rating-fields .yotpo-open-question-fields .yotpo-question-field .yotpo-question-field-answer{
  color: #636363 !important;
}

.product-gallery .photo {
  visibility:hidden;
  transition: visibility 0.5s ease-in-out;
}

.template-gift-card .product-gallery .photo{
  visibility:visible;
}

.product-gallery .photo.is-selected {
  visibility:visible;
}

@media screen and (max-width:767px){
  .write-question-review-buttons-container .write-question-review-button{
    height: auto !important;
  }
}


#womens-section {
  padding-top: 3em;
}

@media screen and (max-width: 767px){
  #womens-section {
    padding-top: 1em;
  }
  
  .xmas-gift-guide__wrapper .container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .xmas-gift-guide__wrapper .container.section {
    padding: 0px 1em;
  }
  
  .callout-newsletter__body{
    width: 80%;
  }
}

#mens-section .product-card-grid,
#womens-section .product-card-grid {
    margin-bottom: 0px;
}


.promo__body .btn-group {
  margin: 0px auto;
}


@media screen and (min-width: 768px) {
  .promo__body .btn-group {
/*     width: 30%; */
    max-width: 150px;
  }
}

.promo-background {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 80%;
  z-index: 0;
}

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

nav.breadcrumb ul li {
  display: inline;
  margin: 0px;
}

.breadcrumb h1 {
  display: inline;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: inherit;
  font-size: inherit;
  margin: inherit;
  -webkit-transition: font-size .25s;
  		  transition: font-size .25s;
  letter-spacing: inherit;
}

@media screen and (min-width: 768px) {
  .promo-background {  
    top: 0;
    bottom: auto;
    width: 66%;
    height: 100%;
  }
}

.promo__body .btn {
  display: inline-block;
/*   background-color: #f4f4f4;
  color: #8eadcc; */
  width: 100%;
}

@media screen and (max-width: 767px){
  .promo__body .btn {
    width: 75%;
  }

  .skip-link:focus{
    color: #003366;
  }
}

@media screen and (min-width: 768px) {

  .card.focused .card__body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #003366;
    color: #ffffff;
  }

  .card.focused .card__meta{
    color: #ffffff;
  }
}

@media screen and (min-width: 1024px) {

  .card.focused .card__utilities,
  .card.focused + .card__utilities{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
  }

  .card--alt.focused img.primary-image{
    opacity: 0;
  }
}

.site-drawer__close:focus {
  fill: #022442;
  background: #fff;
  color: #022442;
}

.bc-sf-search-btn-close-suggestion:focus {
  background: #022334 !important;
}

.bc-sf-search-btn-close-suggestion:focus:before {
  color: #fff !important;
}

#ComparePrice-product-quickview,
#ComparePrice-product-template{
  text-decoration: line-through;
  text-decoration-color: #9b9b9b;
}



/*-----------------------------------------------------
  Directed edge carousel in PDP
-----------------------------------------------------*/
div#directededge-blocks #recommendations .directed-edge-carousel {
  max-width: 100%;
}

.product-card-grid.flexbox.directed-edge-carousel__landing{
  -webkit-box-pack: center;
  justify-content: center;
}

.directed-edge-carousel .flickity-viewport {
  width: 100%;
}

.directed-edge-carousel .card {
/*   padding: 0 5px; */
  margin-right: 10px;
}

.directed-edge-carousel .flickity-button {
  margin-top: -3em;
  width: 33px;
  height: 33px;
  background: none;
  border-radius: 0;
}

.directed-edge-carousel .flickity-prev-next-button.next {
  right: -9px;
}

.directed-edge-carousel .flickity-prev-next-button.previous {
  left: -9px;
}

.directed-edge-carousel__landing .grid__item {
  width: 200px;
  max-width: 200px !important;
}

.directed-edge-carousel__landing .card {
  /*   padding: 0 2px; */
  margin-right: 5px;

}

.directed-edge-carousel__landing .flickity-prev-next-button.next {
  right: 6px;
}

.directed-edge-carousel__landing .flickity-prev-next-button.previous {
  left: 6px;
}

@media screen and (min-width: 420px) {
  .directed-edge-carousel .card {
/*     padding: 0 10px; */  
    margin-right: 10px;
  }

  .directed-edge-carousel .flickity-button {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.2);
  }
}

@media screen and (min-width: 768px) {
  .directed-edge-carousel .card.recommendations-product:hover {
    background-color: transparent !important;
  }

  .directed-edge-carousel__pdp .grid__item {
    margin: 0 5px !important;
  }

  .directed-edge-carousel__pdp .card {
    padding: 0;
  }

  .directed-edge-carousel__landing.product-card-grid.flexbox .grid__item {
    margin-right: 1.5rem !important;
  }

  .directed-edge-carousel__landing.product-card-grid.flexbox .grid__item:nth-child(3n + 3) {
    margin-right: 1.5rem !important;
  }

  .directed-edge-carousel__landing .grid__item {
    margin: 0 0;
    float: none;
  }

  .directed-edge-carousel__landing .card {
    margin: 0;
    margin-right: 10px;
/*     padding: 0 10px; */
  }

  .directed-edge-carousel__landing .grid__item {
    width: 300px;
    max-width: 300px !important;
  }

  .directed-edge-carousel__landing .flickity-viewport {
    max-width: calc(100% - 100px);
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  .directed-edge-carousel .flickity-prev-next-button.next {
    right: 10px;
  }

  .directed-edge-carousel .flickity-prev-next-button.previous {
    left: 10px;
  }
}




.template-search .section-header form .input-group input[type="search"],
.template-search .section-header form .input-group .search__submit {
  border: 1px solid #757575;
}

.template-search .section-header form .input-group input[type="search"] {
  border-right: 0;
}


/* Side by Side Banner */
.hero__title {
  margin: 0 0 .1em;
  color: #022442;
  line-height: 1em;
}

.hero__title.fz-xlarge {
  font-size: 4rem;
}

.hero__title.fz-large {
  font-size: 3.5rem;
}

.hero__title.fz-medium {
  font-size: 3rem;
}

.hero__title.fz-small {
  font-size: 2.5rem;
}


/* .hero__subtitle {
  font-size: 1.2rem;
  margin: .5em auto 0;
  color: #4A4A4A;
} */

.text_content-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  width: 100%;
}

.hero__subtext {
  margin: 12px auto 20px;
  padding: 0px 1em;
  max-width: 800px;
}

.hero__subtext.fz-xlarge {
  font-size: 1.4rem;
}

.hero__subtext.fz-large {
  font-size: 1.2rem;
}

.hero__subtext.fz-medium {
  font-size: 1rem;
}

.hero__subtext.fz-small {
  font-size: .8rem;
}

.image-bar .grid__item:first-child {
  padding-right: 1px;
}

.image-bar .grid__item:last-child {
  padding-left: 1px;
}

.image-bar .btn {
  min-width: 180px;
}

@media screen and (max-width:749px){
  .image-bar .grid__item:first-child {
    padding: 0px;
    padding-bottom: 1px;
  }

  .image-bar .grid__item:last-child {
    padding: 0px;
    padding-top: 1px;
  }
  
  .hero__title.fz-xlarge {
    font-size: 2.8rem;
  }

  .hero__title.fz-large {
    font-size: 2.5rem;
  }

  .hero__title.fz-medium {
    font-size: 2.2rem;
  }

  .hero__title.fz-small {
    font-size: 2rem;
  }
}

/* Collection Page Scroll Menu */

.collectionMenu__wrapper {
  position: relative;
  padding-bottom: 55px;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 1024px){
  .collectionMenu__wrapper{
    display: none;
  }
}

.collectionMenu__container {
  position: absolute;
  width: 100%;
}

.collectionMenu {
  white-space: nowrap;
  overflow-x: auto;
  max-width: 100%;
  padding: 20px 0;
}

.collectionMenu a {
  font-family: BrandonGrotesqueWeb-Bold,sans-serif;
  letter-spacing: .1em;
  font-weight: 500;
  font-size: .8em;
  line-height: 1.35em;
  padding: 20px 10px;
  -webkit-transition: font-size .25s;
  transition: font-size .25s;
  text-transform: uppercase;
  flex: 0 0 auto;
  text-decoration: none;
}

/* Fabric Guide */

  .hero__content.fz-xlarge p {
    font-size: 1.4rem;
  }

  .hero__content.fz-large p {
    font-size: 1.2rem;
  }

  .hero__content.fz-medium p {
    font-size: 1rem;
  }

  .hero__content.fz-small p {
    font-size: .8rem;
  }

  .hero_image_container{
    position: relative;
	height: 40vw;
  }

  .hero_banner_text {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
    padding: 1.5vw;
  }

  .hero_banner_text h2.hero_banner_heading {
    text-transform: capitalize;
    font-size: 3.3vw;
    letter-spacing: 4px;
    font-weight: 400;
  }

  .hero_image_container .hero_banner_text .hero_banner_subheading {
    font-size: 1.5vw;
    letter-spacing: 4px;
    margin: 0px;
  }

  @media screen and (max-width: 670px){

    .hero_image_container{
		height: 80vw;
	}

    .hero_banner_text h2.hero_banner_heading {
      font-size: 34px;
      line-height: 51px;
    }

    .hero_image_container .hero_banner_text .hero_banner_subheading {
      font-size: 18px;
      line-height: 28px;
	}
  }


  .fabric-guide__wrapper{
	background: #f7f7f7;
    
  }

  .fabric-guide__container{
	width: 100%;
	max-width: 1200px;
	margin: auto;
    position: relative;
  }

  .fabric-guide__header{
	text-transform: uppercase;
	color: #d8d8d8;
    padding: 30px 0px;
    text-align: center;
  }

  .rte .fabric-guide__header p {
    margin: 0px auto;
    font-size: 26px;
    height: 26px;
    letter-spacing: 5px;
  }

  .rte .fabric-guide__header p span {
    display: inline-block;
    width: 32.5%;
    vertical-align: middle;
  }

  .rte .fabric-guide__header p span.strike_spacing {
	padding: 0px 20px;
  }

  .rte .fabric-guide__header p span.horizontal-spacer {
    background: #d8d8d8;
    height: 3px;
    width: 100%;
  }

  .rte .fabric-guide__header p span.header_one {
    text-align: right;
  }

  .rte .fabric-guide__header p span.header_two{
    text-align: left;
  }


  .image__wrapper {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    margin: 0px 1vw;
  }

  .slider__section {
    text-align: center;
    padding-bottom: 3vw;
  }

  .slider-image-text__section {
    width: 100%;
    text-align: left;
    position: absolute;
    top: 60%;
    color: #fff;
    padding: 0px 2.5vw;
  }

  .slider-image-text__section .header__text p {
    margin: 0px;
    font-size: 34px;
    letter-spacing: 2px;
  }

  .slider-image-text__section .description__text p {
    line-height: 26px;
    margin: 15px 0px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 2px;
  }

  .image__wrapper img {
    object-fit: cover;
    width: 100%;
  }

  svg.slick-disabled {
    opacity: 0;
  }

  svg.arrow-button-icon {
    position: absolute;
    top: 50%;
    cursor: pointer;
	z-index: 1;
  }

  .arrow-button-icon.prev{
    left: 0px;
    transform: translate(-25%, -100%);
  }

  .arrow-button-icon.next{
    transform: rotate(180deg) translate(-25%, 100%);
	right: 0px;
  }

  .prev-arrow,
  .next-arrow{
    fill: #022442;
  }

  .arrow-button-icon{
    height: 30px;
    width: 30px;
  }

  .button__wrapper {
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%,50%);
  }

  .button__wrapper a{
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.4vw;
    line-height: 1.4vw;
    letter-spacing: 2px;
    font-weight: 700;
    text-decoration: none;
    background: #013366;
    color: #fff;
    text-align: center;
    min-width: 20vw;
    padding: 1.15vw;
  }



@media screen and ( max-width: 992px ){
  .rte .fabric-guide__header p span {
    width: 30%;
    padding: 0px;
  }
}

@media screen and ( max-width: 767px ){
  .arrow-button-icon.prev {
    transform: translate(-10%, -100%);
  }

  .arrow-button-icon.next {
    transform: rotate(180deg) translate(-10%, 100%);
  }

  .rte .fabric-guide__header p {
    font-size: 20px;
    height: 20px;
    letter-spacing: -1px;
  }
}

@media screen and (max-width: 670px){

  .slider__section{
    padding-bottom: 20px;
  }

  .button__wrapper {
    position: static;
    transform: translate(0px, 0px);
    padding-bottom: 20px;
  }

  .button__wrapper a{
    font-size: 14px;
    line-height: 20px;
    min-width: 200px;
    padding: 10px;
  }
}


.fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_image img {
  object-fit: cover;
  width: 100%;
}

.fabric-guide-wrapper .fabric-text_block {
  width: 100%;
  height: 35vw;
  position: relative;
}

.fabric-guide-wrapper .fabric-inner_wrapper {
  position: absolute;
  top: 50%;
  width: 45%;
}

.fabric-guide-wrapper .fabric-inner_wrapper.right {
  left: 25%;
  transform: translate(-25%, -50%);
  text-align: center;
}

.fabric-guide-wrapper .fabric-inner_wrapper.left {
  right: 20%;
  transform: translate(25%, -50%);
}

.fabric-guide-wrapper .fabric-text_wrapper p.fabric-text {
  font-size: 1.4vw;
  line-height: 2.7vw;
  margin: 0px;
}

.fabric-guide-wrapper .fabric-text_block .fabric-inner_wrapper p.fabric-heading {
  font-size: 2.6vw;
  line-height: 3.6vw;
  text-align: center;
  margin: 0px;
  margin-bottom: 3.1vw;
}

.fabric-guide-wrapper .fabric-product_text_blocks {
  position: relative;
  width: 100%;
  max-width: 76.1vw;
  height: 29.2vw;
  margin: 9.2vw auto;
}

.fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_heading {
  font-size: 2.6vw;
  line-height: 3.65vw;
  letter-spacing: 1px;
}

.fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_subheading {
  font-size: 1.5vw;
  line-height: 2.15vw;
  width: 90%;
  max-width: 30.7vw;
  margin: 0.75vw 0px;
}

.fabric-guide-wrapper .fabric-usp_list ul {
  margin: 0px;
  padding: 0px;
}

.fabric-guide-wrapper .fabric-product_text_blocks .fabric-usp_list ul li {
  margin: 0px 1.15vw;
  width: 90%;
  max-width: 30.7vw;
  font-size: 1.08vw;
  font-weight: 300;
  padding: 0.5vw 0vw;
}

.fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_image {
  position: absolute;
  width: 40vw;
  top: 4.6vw;
}

.fabric-image_text-section .container {
  max-width: 80vw;
}

.fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_text {
  width: 43vw;
  height: 27vw;
  background: #f7f7f7;
  padding: 1.5vw 3vw;
}

.fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_image.right {
  right: 0px;
  z-index: 1;
}

.fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_text.right{
  position: absolute;
  left: 0px;
}

.fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_image.left {
  left: 0px;
}

.fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_text.left {
  position: absolute;
  right: 0px;
  z-index: 1;
  width: 40vw;
}

.fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_text_blocks .fabric-usp_list ul li,
.fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_text.left .fabric-product_subheading{
  width: 100%;
  max-width: auto;
}

.fabric-guide-wrapper .fabric-collection_link {
  position: absolute;
  bottom: 0px;
  left: 47%;
  z-index: 2;
  transform: translate(-50%,-50%);
}

.fabric-guide-wrapper .fabric-collection_link a {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4vw;
  line-height: 1.4vw;
  letter-spacing: 2px;
  font-weight: 700;
  text-decoration: none;
  background: #013366;
  color: #fff;
  text-align: center;
  min-width: 20vw;
  padding: 1.15vw 2vw;
}


.fabric-hero_image_container{
  position: relative;
  height: 60vh;
}

.fabric-hero_banner_text {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  width: 100%;
  padding: 20px;
}

.fabric-hero_banner_text h2.fabric-hero_banner_heading {
  text-transform: uppercase;
  font-size: 43px;
  letter-spacing: 4px;
  font-weight: 400;
}

.fabric-hero_image_container .fabric-hero_banner_text p {
  font-size: 20px;
  letter-spacing: 4px;
  margin: 0px;
}

.fabric-hero_banner_text a {
  color: #fff;
  text-decoration: none;
}


.fabric-collection_link {
  text-align: center;
  margin: 20px auto;
}

.fabric-collection_link a {
  display: inline-block;
  padding: 15px;
  min-width: 200px;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  text-decoration: none;
  background: #013366;
  color: #fff;
}


@media screen and (max-width: 670px){

  .fabric-image_text-section .container{
    max-width: 100%;
  } 

  .fabric-guide-wrapper .fabric-text_block {
    background: none !important;
    height: auto;
  }

  .fabric-guide-wrapper .fabric-inner_wrapper {
    position: static;
    width: 100%;
    max-width: 450px;
    padding: 0px 10px;
    margin: 40px auto;
    transform: translate(0%,0%) !important;
  }

  .fabric-guide-wrapper .fabric-text_block .fabric-inner_wrapper p.fabric-heading {
    font-size: 32px;
    line-height: 36px;
    margin: 0px;
  }

  .fabric-guide-wrapper .fabric-text_wrapper p.fabric-text {
      font-size: 18px;
      line-height: 24px;
      margin: 20px 0px;
  }

  .fabric-guide-wrapper .fabric-product_text_blocks {
    position: relative;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0px;
  }

  .fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_text.left,
  .fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_text.right {
    position: static;
    width: 100%;
    height: auto;
    min-height: 450px;
    padding: 15px;
  }

  .fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_heading {
    font-size: 28px;
    line-height: 32px;
  }

  .fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_subheading {
    font-size: 20px;
    line-height: 26px;
    width: 100%;
    max-width: 100%;
    margin: 15px 0px;
  }

  .fabric-guide-wrapper .fabric-product_text_blocks .fabric-usp_list ul {
    padding: 0px 15px;
  }

  .fabric-guide-wrapper .fabric-product_text_blocks .fabric-usp_list ul li {
    margin: 14px 0px;
    width: 100%;
    max-width: 100%;
    font-size: 16px;
  }

  .fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_image.left,
  .fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_image.right {
    position: static;
    width: 100%;
  }
  .fabric-guide-wrapper .fabric-collection_link {
    bottom: 50%;
	left: 10%;
    transform: translate(0,50%);
    margin: 0px;
  }

  .fabric-guide-wrapper .fabric-collection_link a {
    font-size: 14px;
    line-height: 20px;
    min-width: 200px;
    padding: 10px;
  }

  .fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_text.left,
  .fabric-guide-wrapper .fabric-product_text_blocks .fabric-product_text.right,
  .fabric-product_image.right img,
  .fabric-product_image.left img {
    min-height: 450px;
    overflow: hidden;
    background-color: #f7f7f7;
    object-fit: cover;
  }
}


/* Denim Care */

.text_block {
  width: 100%;
  height: 46vw;
  position: relative;
}

.inner_wrapper {
  position: absolute;
  top: 50%;
  width: 48.5vw;
}

.inner_wrapper.right {
  left: 25%;
  transform: translate(-25%, -50%);
  text-align: center;
}

.inner_wrapper.left {
  right: 20%;
  transform: translate(25%, -50%);
}

.text_wrapper p.text {
  font-size: 1.22vw;
  line-height: 2.78vw;
  letter-spacing: 1px;
  margin: 0px;
}

.text_wrapper p.text strong {
  padding-right: 5px;
}

.text_block .inner_wrapper p.heading {
  font-size: 2.6vw;
  line-height: 3.7vw;
  text-align: center;
  margin: 0px;
  margin-bottom: 3vw;
}

.collection_link {
  text-align: center;
  margin: 20px auto;
}

.collection_link a {
  display: inline-block;
  padding: 15px;
  min-width: 200px;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
  text-decoration: none;
  background: #013366;
  color: #fff;
}

@media screen and (max-width: 670px){
  .text_block {
    position: static;
    background-image: none !important;
    height: auto;
    padding: 30px 0px;
  }

  .inner_wrapper.right, .inner_wrapper.left {
    position: static;
    width: 100%;
    transform: translate(0px,0px);
    padding: 0px 15px;
    margin: 20px 0px;
  }

  .text_block .inner_wrapper p.heading {
    font-size: 27px;
    line-height: 38px;
  }

  .text_wrapper p.text {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0px;
    margin: 30px auto;
    width: 100%;
    max-width: 450px;
  }
}


/* Homepage Review Carousel */

.yotpo-tool-tip {
    top: 25% !important;
}

@media screen and (max-width: 1023px){
  .yotpo-tool-tip {
    top: 40% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
  } 
}

/*   Fit Details Section   */

.fitDetail-section__wrapper {
  margin: 4rem 0px;
}

.sectionFitDetails {
  width: 100%;
  max-width: 500px;
}

.sectionFitDetails h2 {
  margin-top: 0px;
}

.sectionFitDetails ul {
  padding: 0px;
}

.fitDetail-section {
  display: flex;
  flex-direction: row-reverse;
}

.fitDetails-image__wrapper {
  -webkit-box-flex: 1;
  	  -ms-flex: 1 1 50%;
  		  flex: 1 1 50%;
}

.fitDetails-text__wrapper {
  -webkit-box-flex: 1;
  		 -ms-flex: 1 1 50%;
  			 flex: 1 1 50%;
}

@media screen and (max-width: 1023px){
  
  .fitDetail-section__wrapper {
    margin: 1rem 0px;
  }
  
  .fitDetail-section{
    flex-direction: column;
  }

  .sectionFitDetails{
    max-width: none;
  }

  .fitDetails-image__wrapper img {
    width: 100%;
  }

  .fitDetails-text__wrapper .sectionFitDetails {
    padding: 2.5rem 2rem;
  }
}

@media screen and (max-width: 480px){
  .fitDetails-text__wrapper .sectionFitDetails {
    padding: 20px 10px;
  } 
}

/* ---------------------------------
	Product Page Accordion Icons
------------------------------------*/
/* .icons.no-stretch:before,
.icons.medium-stretch:before,
.icons.max-stretch:before,
.icons.light-weight:before,
.icons.medium-weight:before,
.icons.structured:before,
.icons.smooth:before,
.icons.textured:before,
.icons.crosshatch:before,
.icons.organic:before,
.icons.recycled:before,
.icons.vegan:before { 
  content: '';
  display: inline-block;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  margin-right: 5px;
  background-size: contain;
}*/

.product__description .icons {
  margin: 15px 0px;
  
  display: inline-block;
  width: 24%;
  padding-top: 24%;
  vertical-align: middle;
/*   margin-right: 5px; */
  background-size: contain;
  background-repeat: no-repeat; 
}

.variant-sku {
  margin-top: 30px;
}

.tab__container {
  min-height: 420px;
}

.tab.tabtitles {
  display: flex;
}

.tab-title {
  flex-grow: 0;
  flex-basis: 33.33%;
  align-self: center;
  margin: 0px;
  font-weight: 400;
/*   font-weight: 700; */
/*   border-left: 1px solid #989898; */
  font-family: "BrandonText", sans-serif;
  font-size: 1em;
  text-align: center;
  padding: 14px 0px 10px;
  cursor: pointer;
  color: #757575;
  border-bottom: 2px solid transparent;
  transition: all 0.4s linear;
}

.template-gift-card .tab-title {
  flex-grow: 1;
}

.tab-title:last-child {
/*   border-right: 1px solid #989898; */
}

.tabTextBox {
  padding: 1em 20px 0.75em;
}

.tab-title.active {
  color: #003366;
  font-weight: 700;
  border-bottom: 2px solid #003366;
}

.tab-title:focus {
  color: #003366;
  outline: none;
  font-weight: 700;
}

.tab-content {
  display: none;
  margin: 0px;
  color: #4A4A4A;
}

.tab-content.active {
  display: block;
}

.tab-content ul {
  margin: 0;
  padding: 0;
}

.tab-content ul li {
  margin-left: 20px;
}

.tabTextBox .tab-content .icons {
  margin: 10px 0px;
  display: inline-block;
  width: 23.5%;
  padding-top: 23.5%;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat; 
}

/*-------------------------------
      Testimonial Carousel
  -------------------------------*/

.testimonialCarousel__wrapper {
  text-align: center;
  padding: 50px 0px;
}

.testimonialCarousel__header .testimonialCarousel__headerText {
  font-size: 45px;
  margin-bottom: 35px;
}

.testimonialCarousel__cover {
  max-width: 1240px;
  margin: auto;
}

.testimonialCarousel {
  width: 90%;
  margin: auto;
}

.testimonialCard {
  width: 25%;
  max-width: 300px;
  display: inline-block;
  margin: 0px 1% 20px;
}

.testimonialCard .starWrapper .star {
  display: inline;
}

.testimonialCarousel .testimonialHeaderText {
  font-size: 14px;
  text-transform: uppercase;
  font-family: inherit;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 10px 0px;
}

.testimonialCard .testimonialContent {
  font-size: 14px;
  font-weight: 300;
  min-height: 160px;
}

.testimonialCarousel .testimonialFooter .reviewerName {
  font-size: 14px;
  margin: 20px 0px 0px;
}

.directed-edge-carousel__pdp .slick-arrow:before,
.testimonialCarousel .slick-arrow:before {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-top: 1px solid #013366;
  border-left: 1px solid #013366;
}

.directed-edge-carousel__pdp .slick-prev:before,
.testimonialCarousel .slick-prev:before{
  content: "";
  transform: translateX(20%) rotate(-45deg);
}

.directed-edge-carousel__pdp .slick-next:before,
.testimonialCarousel .slick-next:before{
  content: "";
  transform: translateX(-20%) rotate(135deg);
}


.directed-edge-carousel__pdp .slick-prev,
.directed-edge-carousel__pdp .slick-next,
.testimonialCarousel .slick-prev,
.testimonialCarousel .slick-next{
  width: 30px;
  height: 30px;
  z-index: 1;
}

.directed-edge-carousel__pdp .slick-prev:focus,
.directed-edge-carousel__pdp .slick-next:focus,
.testimonialCarousel .slick-prev:focus,
.testimonialCarousel .slick-next:focus {
  border: 2px solid red;
  border-radius: 50%;
}

.modal__close.newsletter-close:focus,
.klaviyo-form button[type="button"]:focus {
  outline: 2px solid #f00;
}

.testimonialCarousel .slick-dots li button:before {
  color: #000000;
}

.testimonialCarousel.slick-slider .slick-dots{
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 768px){
  .testimonialCarousel__header .testimonialCarousel__headerText{
  	font-size: 25px;
  }
  
  .testimonialCard{
    max-width: 100%;
  }
}

.testimonialCarousel .slick-dots li button:focus {
  outline: 1px solid #f00;
}

/* All Blue/Cause Campaign Page */

.parallaxBackground__media video,
.parallaxBackground__media img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

body.all-blue > div[aria-hidden="false"]{
  position: relative;
  z-index: 2;
}

body.all-blue .site-header--wrapper{
  position: relative;
  z-index: 2;
  background-color: #fff;
}

body.all-blue .window-overlay{
    z-index: 1;
}

body.all-blue main#MainContent,
div#shopify-section-all-blue-page_template,
body.all-blue div#PageFooter{
  position: relative;
  z-index: 1;
}

body.all-blue nav.breadcrumb {
  display: none;
}

body.all-blue .all-blue__wrapper p{
  font-family: 'BrandonText-Light';
}

body.all-blue .all-blue__wrapper .headingBlock .headingBlock__header p,
body.all-blue .all-blue__wrapper .textImage__heading p,
body.all-blue .all-blue__wrapper .pageGalleryText__header p,
body.all-blue .all-blue__wrapper .featuredHeader__container p{
  font-family: 'BrandonText', sans-serif;
}

.all-blue__wrapper,
.headingBlock__wrapper,
.imageText__container{
  position: relative;
}

.parallaxBackground__section {
  position: fixed;
  top: 0;
  z-index: 0;
  width: 100vw;
  max-width: 100%;
  overflow-x: hidden;
}

.parallaxBackground__section.removeParallax {
  position: absolute;
}

.imageText.small,
.featuredCollection.small,
.headingBlock__container.small {
  min-height: 40vh;
}

.imageText.medium,
.featuredCollection.medium,
.headingBlock__container.medium {
  min-height: 60vh;
}

.imageText.large,
.featuredCollection.large,
.headingBlock__container.large {
  min-height: 80vh;
}

.imageText.full,
.featuredCollectio.full,
.headingBlock__container.full {
  min-height: 100vh;
}

.headingBlock__container{
  padding: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.headingBlock {
/*   position: absolute; 
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); */
  width: 70%;
  text-align: center;
}
 
.indigo__wrapper.headingBlock{
  width: 85%;
} 

.headingBlock p {
  margin: 0;
}

.headingBlock .headingBlock__header {
/*   font-size: 2vw; */
  line-height: 2;
  letter-spacing: 2px;
}

.headingBlock .headingBlock__subHead {
/*   font-size: 3.3vw; */
  line-height: 1.2;
  letter-spacing: 5px;
  margin: 30px 0px;
}

.headingBlock .headingBlock__headSectionText{
  line-height: 1.2;
  letter-spacing: 2px;
  margin-bottom: 30px;
}

.imageText {
  display: flex;
}

.imageText .imageText__text,
.imageText .imageText__media {
  width: 50%;
}

.imageText .imageText__media img,
.imageText .imageText__media video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.imageText__text {
  position: relative;
  text-align: center;
}

.imageText__text p {
  margin: 0;
  line-height: 1.2;
/*   font-size: 2.3vw; */
  font-size: inherit;
  letter-spacing: 2px;
}

.imageText__text .textImage__heading {
  margin: 30px 0;
  margin-top: 0;
}

.textContent {
  position: absolute;
  width: 90%;
  padding: 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pageGallery__layout.twoImages,
.pageGallery__layout.threeImages {
  position: relative;
  width: 90%;
  margin: auto;
  height: 65vw;
}

.pageGallery__layout.twoImages {
  margin-right: 0;
}

.pageGalleryWrapper__icon ,
.pageGalleryWrapper__icon_two,
.pageGalleryMediaWrapper__one,
.pageGalleryMediaWrapper__two, 
.pageGalleryMediaWrapper__three,
.pageGalleryText__wrapper {
  position: absolute;
}

.pageGallery__container {
  padding: 5vw 0;
}

.threeImages .pageGalleryWrapper__icon {
  right: 37%;
  bottom: 10%;
  z-index: 1;
  width: 14%;
/*   transform: translate(-50%, -50%); */
}

.twoImages .pageGalleryWrapper__icon {
  left: 10%;
  top: 20%;
  z-index: 1;
  width: 15%;
}

.threeImages .pageGalleryMediaWrapper__one {
  right: 10%;
  width: 50%;
}

.threeImages .pageGalleryMediaWrapper__two {
  left: 10%;
  top: 15%;
  width: 37%;
}

.threeImages .pageGalleryMediaWrapper__three {
  bottom: 0%;
  right: 15%;
  width: 30%;
}

.pageGalleryText__wrapper {
  bottom: 0;
  left: 10%;
  width: 37%;
}

.pageGalleryText__wrapper p {
  margin: 0;
/*   font-size: 1.8vw; */
  font-size: inherit;
  letter-spacing: 0.15vw;
}

.indigo__wrapper .pageGalleryText__wrapper {
  position: static;
}

.twoImages .pageGalleryMediaWrapper__one {
  width: 80%;
  right: 0;
}

.twoImages .pageGalleryMediaWrapper__two {
  width: 35%;
  bottom: 5%;
}

.twoImages .pageGalleryText__wrapper {
  right: 20%;
  left: auto;
  bottom: 5%;
  width: 40%;
}

.featuredCollection {
  position: relative;
}

.featuredCollection__content {
  position: absolute;
  max-width: 700px;
  width: 90%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 20px;
  text-align: center;
}

.featuredCollection p {
  margin: 0;
/*   font-size: 2.2vw; */
  font-size: inherit;
  letter-spacing: 0.2vw;
}

.featuredLinks__container{
  margin: 30px auto;
/*   display: flex; */
/*   flex-flow: wrap; */
/*   justify-content: space-around; */
  max-width: 700px;
}

.featuredLinks__container .featuredLink {
  display: inline-block;
  width: 30%;
  margin: 0 5px;
}

.featuredLink a {
  text-decoration: none;
  border: 1px solid;
  padding: 10px;
  display: inline-block;
  width: 100%;
  line-height: 1;
  font-family: "Verlag A", "Verlag B", "BrandonText", sans-serif;
}

.textImageIcon__wrapper {
  position: absolute;
  top: 50%;
  left: 5%;
  -webkit-transform: translate(0%,-50%);
      -ms-transform: translate(0%,-50%);
          transform: translate(0%,-50%);
}

.wow.fadeIn.imageText__media {
  position: relative;
}

.imageText .imageText__media .textImageIcon__wrapper img.imageText__icon {
  width: 100%;
  max-width: 100px;
  margin: 10%;
}

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

.indigo__wrapper .pageGalleryText__header{
  position: absolute;
  z-index: 1;
  right: 8%;
  writing-mode: tb-rl;
  text-transform: uppercase;
}

.indigo__wrapper .pageGalleryText__header p{
  font-weight: 700;
  letter-spacing: 2.3vw;
  margin: 0;
}

.indigo__wrapper .pageGalleryText__subHeading {
  text-align: center;
  padding: 20px;
}

.indigo__wrapper .pageGalleryText__subHeading p{
  margin: 0;
}

.indigo__wrapper .pageGalleryText__subHeading a {
  background-color: #003366;
  color: #fff;
  padding: 10px 5px 6px;
  display: inline-block;
  min-width: 150px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}

.twoImages .pageGalleryWrapper__icon_two {
  bottom: 0;
  right: 5%;
  z-index: 1;
  width: 20%;
}

@media screen and (max-width: 767px){
  
  .all-blue-page__container {
    overflow-x: hidden;
  }
  
  .headingBlock{
    width: 100%;
  }
  
  .headingBlock .headingBlock__header p,
  .headingBlock .headingBlock__subHead p{
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 1px;
  }
  
  .headingBlock .headingBlock__headSectionText p {
    font-size: 18px;
  }
  
  .imageText{
    flex-direction: column-reverse !important;
  }
  
  .textContent{
    width: 100%;
  }
  
  .imageText__text p{
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 1px;
  }
  
  .imageText .imageText__text,
  .imageText .imageText__media {
    height: 50vh;
    width: 100%;
  }
  
  .pageGallery__container {
    padding: 10vw 0;
    width: 100%;
    max-width: 100vw;
    margin-top: -1px;
  }
  
  .pageGallery__layout.twoImages,
  .pageGallery__layout.threeImages{
    height: 260vw;
    width: 100%;
  }
  
  .indigo__wrapper .pageGallery__layout.twoImages,
  .indigo__wrapper .pageGallery__layout.threeImages{
      height: 200vw;
  }

  .threeImages .pageGalleryMediaWrapper__one {
    width: 85%;
    right: 0;   
  }

  .threeImages .pageGalleryMediaWrapper__two {
    left: 0%;
    top: 26%;
    width: 65%;
  }
  
  .twoImages .pageGalleryMediaWrapper__two img {
    width: 100%;
    object-fit: cover;
  }

  .threeImages .pageGalleryMediaWrapper__three {
    top: 52%;
    bottom: auto;
    right: 7%;
    width: 70%;
  }

  .threeImages .pageGalleryWrapper__icon{
    right: auto;
    left: 10%;
    top: 60%;
    bottom: auto;
    width: 30%;
  }
  
  .pageGallery__layout.twoImages{
    margin-right: auto;
  }

  .twoImages .pageGalleryMediaWrapper__one{
    width: 200%;
    right: 0;
    left: -30%;
  }

  .twoImages .pageGalleryMediaWrapper__two {
    width: 100%;
    bottom: 25%;
    left: 0;
  }
  
  .indigo__wrapper .twoImages .pageGalleryMediaWrapper__two{
    bottom: 5%;
  }
  
  .twoImages .pageGalleryMediaContainer__two {
    width: 85%;
    margin: auto;
  }

  .twoImages .pageGalleryWrapper__icon {
    right: 10%;
    left: auto;
    top: -5%;
    z-index: 1;
    width: 35%;
  }

  .pageGalleryText__wrapper {
    left: 0;
    width: 100%;
    bottom: auto;
    top: 80%;
  }
  
  .pageGalleryText__container{
    width: 80%;
    margin: auto;
  }

  .twoImages .pageGalleryText__wrapper {
    right: auto;
    left: 0;
    bottom: 0%;
    width: 100%;
  }

  .pageGalleryText__wrapper p{
    font-size: 12px;
  }
  
  .pageGalleryText__header p ,
  .pageGalleryText__subHeading p {
    font-size: 22px;
    line-height: 1.2;
  }

  .pageGalleryText__header p {
    margin: 10px 0;
  }

  .pageGalleryText {
    text-align: center;
  }
  
  .featuredLinks__container .featuredLink {
    display: block;
    width: 100%;
    margin: 10px auto;
  }
  
  .featuredCollection p {
    font-size: 20px;
    letter-spacing: 2px;
  }
  
  .featuredLink {
    margin: 5px auto;
  }
  
  .indigo__wrapper .pageGalleryText__subHeading a{
    font-size: 14px;
    width: 90%;
  }
}

/* Campaign Page Cause */

.causeBanner{
  padding-top: 100%;
  background-position: center;
}


.cause .textImage__subHeading p{
  font-family: "BrandonText-Light";
  line-height: 1.5;
}


.textImage__subHeading a {
  display: inline-block;
  color: inherit;
  text-transform: uppercase;
  line-height: 1.5;
  margin: 2em 0 0;
}

.ctaSection {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 10% 0;
}

.ctaSectionText{
  margin: 5% auto;
}

.ctaSectionText p,
.ctaHeader p{
  font-size: inherit;
  margin: 0;
}

.ctaButton {
  text-align: center;
}

.ctaButton a {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  width: 80%;
  max-width: 300px;
  margin: 20px auto;
  padding: 12px 10px 10px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
  vertical-align: middle;
  font-weight: bold;
}

@media screen and (max-width: 768px){
  .ctaSection {
    width: 90%;
  }
  
  .cause .imageText .imageText__text{
    min-height: 50vh;
    height: auto;
  }
  
  .cause .textContent{
    width: 100%;
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    padding: 50px 20px;
  }
  
  .cause .textImage__subHeading p{
    line-height: 1.3;
  }
}


/* Be Kind Campaign */
.beKindBanner{
  min-height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
}

.beKind-template__wrapper .ctaHeader.giveMargin {
  margin: 5% 0;
}

.beKind-template__wrapper .ctaSection{
  width: 57%;
  padding: 2.5% 0;
}

.beKind-template__wrapper .ctaSectionText{
  margin: 0;
}

.beKind-template__wrapper .ctaSectionText p {
  margin-bottom: 25px;
}

.beKind-template__wrapper .ctaButton a{
  max-width: 250px;
  padding: 22px 10px 18px;
  font-size: 20px;
  letter-spacing: 2.5px;
  font-weight: 400;
}

@media screen and (max-width: 768px){
  .beKind-template__wrapper .ctaSection{
    width: 90%;
  }
  
  .beKindBanner {
    min-height: 35vh;
  }
  
  .beKind-template__wrapper .ctaButton a{
    padding: 10px 10px 6px;
  }
}


/* Product Zoom */


.zoomWrapper.active {
  display: block;
}

body.noScroll {
  overflow: hidden;
}

.zoomWrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  z-index: 10;
  height: 100vh;
  width: 100%;
}

.zoomWrapper .photo__Zoom {
  position: relative;
/*   padding-top: 155%; */
  padding-top: 71%;
  overflow: hidden;
  background-color: rgba(0,0,0,0.8)
}

.zoomWrapper img.zoom-gallery__image {
  position: absolute;
  top: 0;
/*   left: 0;
  width: 100%; */
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      	  transform: translateX(-50%);
  width: 45%;
}

.closeZoom__wrapper {
  position: fixed;
  top: 20px;
  right: 30px;
  z-index: 1;
}

.closeZoom {
  display: inline-block;
  position:relative;
  cursor: zoom-out;
  padding: 10px 20px 5px;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(255,255,255,0.6);
}

.closeZoom span {
  width: 1px;
  height: 30px;
  display: inline-block;
  border: 1px solid #555;
  margin: -3px;
  transform: rotate(-45deg);
}

.closeZoom span:first-child {
  transform: rotate(45deg);
}

.closeZoom:focus {
  background-color: #013366;
}

.closeZoom:focus span {
  border-color: #fff;
}

.zoomWrapper::-webkit-scrollbar {
  width: 5px;
}

.zoomWrapper::-webkit-scrollbar-track {
  background-color: #cfcfcf;
}

.zoomWrapper::-webkit-scrollbar-thumb {
  background: #343434;
  border-radius: 5px;
}

.zoomThumbnail___wrapper {
  position: fixed;
  top: 50%;
  left: 2%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 80%;
}

.zoomThumbnail___container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 150px;
  height: 100%;
}

.zoomThumbnail {
  display: inline-block;
  cursor: pointer;
  width: fit-content;
  margin-bottom: 5px;
}

.zoomThumbnail img{
  display: block;
}

.zoomThumbnail.is-active img {
  outline: 2px solid #da832f;
}