/** Shopify CDN: Minification failed

Line 119:0 Unexpected ";"
Line 128:0 Unexpected ";"
Line 5028:2 Expected identifier but found "*"
Line 5234:2 Expected identifier but found "*"
Line 5286:2 Expected identifier but found "*"
Line 8392:2 Expected identifier but found "*"
Line 11615:2 Expected identifier but found "*"
Line 11630:2 Expected identifier but found "*"

**/
/* Compiled from theme.scss.liquid by scripts/build-scss.js. DO NOT EDIT — edit the .scss.liquid source. */
@charset "UTF-8";
/*============================================================================
  Broadcast | Built with Slate
    - You cannot use native CSS/Sass @imports in this file without a build script
==============================================================================*/
/*================ TOOLS ================*/
/**
 * Mixins
 */
/*============================================================================
  Prefix mixin for generating vendor prefixes.
  Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss

  Usage:
    // Input:
    .element {
      @include prefix(transform, scale(1), ms webkit spec);
    }

    // Output:
    .element {
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
==============================================================================*/
/*================ Media Query Mixin ================*/
/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*================ REM Function https://github.com/pierreburel/sass-rem MIT License ================*/
/*================ Color ================*/
/*================ VARIABLES ================*/
/**
 * Variables
 */
.site-nav .icon,
.site-nav .oi[data-glyph],
.header__cart__icon,
.header__cart__icon__wrapper .icon,
.header__social .icon,
.toggle-menus .icon,
.toggle-menus-lines span,
nav .icon,
nav svg.icon {
  color: #FF252A !important;
  fill: #FF252A !important;
  stroke: #FF252A !important;
  transition: color 0.2s, fill 0.2s, stroke 0.2s;
}

svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) rect {
  fill: #FF252A !important;
  stroke: inherit !important;
}

.site-nav .icon:hover,
.site-nav .oi[data-glyph]:hover,
.header__cart__icon:hover,
.header__cart__icon__wrapper .icon:hover,
.header__social .icon:hover,
.toggle-menus .icon:hover,
.toggle-menus-lines span:hover,
nav .icon:hover,
nav svg.icon:hover {
  color: #000 !important;
  fill: #000 !important;
  stroke: #000 !important;
}

.header-content .icon:hover,
.header-content svg.icon:hover,
.header-content .oi[data-glyph]:hover {
  color: #000 !important;
  fill: #000 !important;
  stroke: #000 !important;
}

/*================ Product video ================*/

/*================ Typography ================*/


@font-face {
  font-family: Poppins;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("//www.ueshimacoffeecompany.com/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2") format("woff2"),
       url("//www.ueshimacoffeecompany.com/cdn/fonts/poppins/poppins_n6.5f815d845fe073750885d5b7e619ee00e8111208.woff") format("woff");
}
;
@font-face {
  font-family: Poppins;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("//www.ueshimacoffeecompany.com/cdn/fonts/poppins/poppins_n3.05f58335c3209cce17da4f1f1ab324ebe2982441.woff2") format("woff2"),
       url("//www.ueshimacoffeecompany.com/cdn/fonts/poppins/poppins_n3.6971368e1f131d2c8ff8e3a44a36b577fdda3ff5.woff") format("woff");
}
;

  @font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  src: url("//www.ueshimacoffeecompany.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
       url("//www.ueshimacoffeecompany.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
}



  @font-face {
  font-family: Poppins;
  font-weight: 300;
  font-style: italic;
  src: url("//www.ueshimacoffeecompany.com/cdn/fonts/poppins/poppins_i3.8536b4423050219f608e17f134fe9ea3b01ed890.woff2") format("woff2"),
       url("//www.ueshimacoffeecompany.com/cdn/fonts/poppins/poppins_i3.0f4433ada196bcabf726ed78f8e37e0995762f7f.woff") format("woff");
}



  @font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: italic;
  src: url("//www.ueshimacoffeecompany.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"),
       url("//www.ueshimacoffeecompany.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff");
}


/*============================================================================
  Grid Breakpoints and Class Names
    - Do not change the variable names
==============================================================================*/
/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
    - Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
    - Will not work if `styles/global/grid.scss` is removed
==============================================================================*/
/*================ Sizing Variables ================*/
.search.open {
  
  border-top: 1px solid #f0f0f0; 
}

select,
.dropdown {
  background-color: rgba(255, 255, 255, 0);
}

#ActiveWrapper.loading {
  background: url(//www.ueshimacoffeecompany.com/cdn/shop/t/23/assets/loading.gif?v=80102107862799239311788884760) no-repeat center center;
}

#ActiveWrapper .bx-prev {
  background: url(//www.ueshimacoffeecompany.com/cdn/shop/t/23/assets/icons.png?v=118372997153998466541788884760) 0 -30px no-repeat transparent;
}

.fader.loading {
  background: url(//www.ueshimacoffeecompany.com/cdn/shop/t/23/assets/loading.gif?v=80102107862799239311788884760) no-repeat center center;
}

#ActiveWrapper .bx-next {
  background: url(//www.ueshimacoffeecompany.com/cdn/shop/t/23/assets/icons.png?v=118372997153998466541788884760) -30px -30px no-repeat transparent;
}

#ProductThumbs li {
  background-image: url(//www.ueshimacoffeecompany.com/cdn/shop/t/23/assets/loading.gif?v=80102107862799239311788884760);
}

.product-form .rc-container-wrapper.rc_container_wrapper {
  display: none !important;
}

.recharge-te {
  padding-top: 40px;
}

.homepage-slideshow .hero__title {
  font-size: 40px !important;
  max-width: 70%;
}

.homepage-slideshow .hero__description {
  font-size: 17px !important;
  max-width: 70%;
}

.homepage-slideshow .hero__btn {
  background-color: #FF252A !important;
  color: white !important;
  bordeR: 0px !important;
}

div#SiteContainer {
  padding: 0px !important;
  max-width: unset !important;
}

.site-header {
  top: 0px;
}

.rc_layout__container {
  margin-top: 20px;
}

@media (min-width: 768px) {
  li.grandparent.kids-6 .main-menu-dropdown.main-menu-dropdown--megamenu > ul > li {
    width: 16.6666666667% !important;
  }
}
li.grandparent.kids-6 .main-menu-dropdown.main-menu-dropdown--megamenu > ul > li:last-child .child a {
  line-height: 1.5;
  transition: all 0.15s ease;
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 0;
  border-radius: 0;
  font-weight: 700;
  cursor: pointer;
  background: #FF252A;
  color: #fff !important;
  font-size: 0.875rem;
  font-family: asmbold, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.21429;
  padding: 1rem 3.0625rem;
  text-transform: uppercase;
}

/*================ VENDOR ================*/
/**
 * Core Owl CAROUSEL
 * v1.3.2
 */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

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

.grabbing {
  cursor: move;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/**
 * EASY DROPDOWN
 */
.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after {
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  pointer-events: none;
}

.dropdown {
  display: inline-block;
  position: relative;
  min-width: 150px;
  padding-right: 30px;
  border: 1px solid #f0f0f0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.dropdown.open {
  z-index: 9999;
}

.dropdown .old {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}

.dropdown select {
  position: absolute;
  left: 0px;
  top: 0px;
}

.dropdown.touch .old {
  width: 100%;
  height: 100%;
}

.dropdown.touch select {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.dropdown .selected,
.dropdown li {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  color: rgb(14.9418823529%, 19.8431372549%, 24.7443921569%);
  overflow: hidden;
  white-space: nowrap;
}

.dropdown.disabled .selected {
  opacity: 0.8;
}

.dropdown div {
  position: absolute;
  height: 0;
  left: -1px;
  right: -1px;
  top: 100%;
  margin-top: -1px;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #f0f0f0;
  overflow: hidden;
  opacity: 0;
}

.touch .dropdown div {
  max-height: 350px;
  overflow-y: scroll;
}

@media screen and (max-width: 640px) {
  .dropdown div {
    max-height: 350px;
    overflow-y: scroll;
  }
}
.dropdown.open div {
  opacity: 1;
  z-index: 2;
}

.dropdown.scrollable div::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  box-shadow: inset 0 -50px 30px -35px #fff;
}

.dropdown.scrollable.bottom div::after {
  opacity: 0;
}

.dropdown ul {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  width: 100%;
  list-style: none;
  overflow: hidden;
}

.dropdown.scrollable.open ul {
  overflow-y: auto;
}

.dropdown li {
  list-style: none;
  padding: 0 5px;
  margin: 0;
}

.dropdown li.focus {
  position: relative;
  z-index: 3;
  font-weight: 400;
}

.dropdown li.active {
  font-weight: 400;
}

.svg-placeholder {
  background-color: #f7f7f7;
  height: 100%;
  position: relative;
  width: 100%;
}
.svg-placeholder svg {
  fill: rgb(14.9418823529%, 19.8431372549%, 24.7443921569%);
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

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

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

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

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

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

/*============================================================================
  #Slick Theme
==============================================================================*/
/* Slider */
.slick-loading .slick-list {
  background: #ffffff;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  margin-top: -124px;
  z-index: 500;
  cursor: pointer;
  background: transparent;
  color: transparent;
  border: none;
  outline: none;
  opacity: 0.75;
  -webkit-text-size-adjust: none;
  font-size: 1px;
  letter-spacing: -1px;
}
.slick-prev:before,
.slick-next:before {
  font-size: 46px;
  font-size: 3rem;
  letter-spacing: normal;
  color: #f0f0f0;
}
.slick-prev,
.slick-next {
  transition: opacity 0.2s ease-out;
}
.slick-prev:hover,
.slick-next:hover {
  outline: none;
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.75;
}

/* Dots */
.product__thumbs--square .slick-dots {
  list-style: none;
  display: block;
  text-align: left;
  padding: 0;
  margin: 0;
  width: 100%;
}
.product__thumbs--square .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 10px 10px 5px 0;
  padding: 0;
  cursor: pointer;
}
.product__thumbs--square .slick-dots li.slick-active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 2;
}
.product__thumbs--square .slick-dots li a {
  display: block;
  width: 75px;
  height: 75px;
}
.modal__inner__wrapper .product__thumbs--square .slick-dots li a {
  width: 60px;
  height: 60px;
}
.product__thumbs--square .slick-dots li img {
  height: inherit;
  width: inherit;
  display: block;
}
.product__thumbs--square .slick-dots .icon {
  position: absolute;
  top: 2px;
  right: 2px;
  margin: 0;
  height: 20px;
  width: 20px;
  color: transparent;
  fill: #ffffff;
  vertical-align: baseline;
}
.product__thumbs--square .slick-dots .icon path {
  fill: inherit;
  stroke: inherit;
}
.product__thumbs--square .slick-dots .icon path.icon-media-model-outline, .product__thumbs--square .slick-dots .icon path.icon-media-video-outline {
  stroke: rgba(15, 20, 25, 0.05);
}
.product__thumbs--square .slick-dots .icon path.icon-media-model-element, .product__thumbs--square .slick-dots .icon path.icon-media-video-element {
  fill: #0f1419;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 30px;
  line-height: 20px;
  text-align: center;
  color: #f0f0f0;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #FF252A;
  opacity: 1;
}

.slick-arrow.slick-disabled {
  opacity: 0 !important;
  cursor: default;
}

/*! Flickity v2.1.2
https://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;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

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

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.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 .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

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

.flickity-slider--default .flickity-prev-next-button {
  background: transparent;
  transform: translateY(-50%);
  margin-top: -35px;
}
.flickity-slider--default .flickity-prev-next-button .flickity-button-icon {
  width: 60px;
  height: 60px;
  fill: #f1f1f1;
}
.flickity-slider--default .flickity-prev-next-button.previous {
  left: 0;
}
.flickity-slider--default .flickity-prev-next-button.previous .flickity-button-icon {
  top: 10px;
  left: 15px;
}
.flickity-slider--default .flickity-prev-next-button.next {
  right: 0;
}
.flickity-slider--default .flickity-prev-next-button.next .flickity-button-icon {
  top: -28px;
  left: -30px;
}
.flickity-slider--default .flickity-button:focus {
  box-shadow: none;
}
.flickity-slider--default[data-arrows-style=dark] .flickity-prev-next-button .flickity-button-icon {
  fill: #222;
}

/*============================================================================
  #Magnific Popup CSS (used on password page)
==============================================================================*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  display: flex;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 10045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom,
.product__photo img[data-mfp-src] {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 10044;
}
.mfp-preloader:after {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 0.25rem solid rgba(255, 255, 255, 0.2);
  border-top-color: #fff;
  animation: spin 1s infinite linear;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 10046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  background: transparent;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 30px;
}
.mfp-image-holder .mfp-close svg,
.mfp-iframe-holder .mfp-close svg {
  pointer-events: none;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

button.mfp-close {
  margin: 30px;
  font-size: 2.5rem;
  font-weight: 300px;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
}

/*============ Theme Specific MFP ==================*/
.mfp-bg {
  background-color: rgba(0, 0, 0, 0.75);
}

/* Wider images for zoom */
.mfp-figure figure {
  overflow-y: scroll;
}

img.mfp-img {
  max-height: none !important;
}

button.mfp-close {
  margin: 0px;
}

/* Size chart popup for product page */
.mfp-content .product-modal {
  position: relative;
  background: #fff;
  padding: 45px 30px;
  width: auto;
  margin: 20px auto;
  max-width: 1180px;
}
@media only screen and (min-width: 750px) {
  .mfp-content .product-modal {
    padding: 45px 15px;
  }
}

.mfp-bg.mfp-fade {
  -webkit-backface-visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-bg.mfp-fade.mfp-ready {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-bg.mfp-fade.mfp-removing {
  transition: all 0.3s ease-out;
  opacity: 0;
  filter: alpha(opacity=0);
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing {
  transition: all 0.3s ease-out;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
.mfp-fade.mfp-wrap.mfp-removing button {
  opacity: 0;
}

@font-face {
  font-family: "Icons";
  src: url("./open-iconic.eot");
  src: url("./open-iconic.eot?#iconic-sm") format("embedded-opentype"), url("./open-iconic.woff") format("woff"), url("./open-iconic.ttf") format("truetype"), url("./open-iconic.otf") format("opentype"), url("./open-iconic.svg#iconic-sm") format("svg");
  font-weight: normal;
  font-style: normal;
}
.oi[data-glyph].oi-text-replace {
  font-size: 0;
  line-height: 0;
}

.oi[data-glyph].oi-text-replace:before {
  width: 1em;
  text-align: center;
}

.oi[data-glyph]:before {
  position: relative;
  top: 1px;
  font-family: "Icons";
  display: inline-block;
  speak: none;
  line-height: 1;
  vertical-align: baseline;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.oi[data-glyph]:empty:before {
  width: 1em;
  text-align: center;
  box-sizing: content-box;
}
.oi[data-glyph].oi-align-left:before {
  text-align: left;
}
.oi[data-glyph].oi-align-right:before {
  text-align: right;
}
.oi[data-glyph].oi-align-center:before {
  text-align: center;
}
.oi[data-glyph].oi-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.oi[data-glyph].oi-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(-1, 1);
  transform: scale(1, -1);
}
.oi[data-glyph].oi-flip-horizontal-vertical:before {
  -webkit-transform: scale(-1, -1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, -1);
}

.oi[data-glyph=account-login]:before {
  content: "\e000";
}

.oi[data-glyph=account-logout]:before {
  content: "\e001";
}

.oi[data-glyph=action-redo]:before {
  content: "\e002";
}

.oi[data-glyph=action-undo]:before {
  content: "\e003";
}

.oi[data-glyph=align-center]:before {
  content: "\e004";
}

.oi[data-glyph=align-left]:before {
  content: "\e005";
}

.oi[data-glyph=align-right]:before {
  content: "\e006";
}

.oi[data-glyph=aperture]:before {
  content: "\e007";
}

.oi[data-glyph=arrow-bottom]:before {
  content: "\e008";
}

.oi[data-glyph=arrow-circle-bottom]:before {
  content: "\e009";
}

.oi[data-glyph=arrow-circle-left]:before {
  content: "\e00a";
}

.oi[data-glyph=arrow-circle-right]:before {
  content: "\e00b";
}

.oi[data-glyph=arrow-circle-top]:before {
  content: "\e00c";
}

.oi[data-glyph=arrow-left]:before {
  content: "\e00d";
}

.oi[data-glyph=arrow-right]:before {
  content: "\e00e";
}

.oi[data-glyph=arrow-thick-bottom]:before {
  content: "\e00f";
}

.oi[data-glyph=arrow-thick-left]:before {
  content: "\e010";
}

.oi[data-glyph=arrow-thick-right]:before {
  content: "\e011";
}

.oi[data-glyph=arrow-thick-top]:before {
  content: "\e012";
}

.oi[data-glyph=arrow-top]:before {
  content: "\e013";
}

.oi[data-glyph=audio-spectrum]:before {
  content: "\e014";
}

.oi[data-glyph=audio]:before {
  content: "\e015";
}

.oi[data-glyph=badge]:before {
  content: "\e016";
}

.oi[data-glyph=ban]:before {
  content: "\e017";
}

.oi[data-glyph=bar-chart]:before {
  content: "\e018";
}

.oi[data-glyph=basket]:before {
  content: "\e019";
}

.oi[data-glyph=battery-empty]:before {
  content: "\e01a";
}

.oi[data-glyph=battery-full]:before {
  content: "\e01b";
}

.oi[data-glyph=beaker]:before {
  content: "\e01c";
}

.oi[data-glyph=bell]:before {
  content: "\e01d";
}

.oi[data-glyph=bluetooth]:before {
  content: "\e01e";
}

.oi[data-glyph=bold]:before {
  content: "\e01f";
}

.oi[data-glyph=bolt]:before {
  content: "\e020";
}

.oi[data-glyph=book]:before {
  content: "\e021";
}

.oi[data-glyph=bookmark]:before {
  content: "\e022";
}

.oi[data-glyph=box]:before {
  content: "\e023";
}

.oi[data-glyph=briefcase]:before {
  content: "\e024";
}

.oi[data-glyph=british-pound]:before {
  content: "\e025";
}

.oi[data-glyph=browser]:before {
  content: "\e026";
}

.oi[data-glyph=brush]:before {
  content: "\e027";
}

.oi[data-glyph=bug]:before {
  content: "\e028";
}

.oi[data-glyph=bullhorn]:before {
  content: "\e029";
}

.oi[data-glyph=calculator]:before {
  content: "\e02a";
}

.oi[data-glyph=calendar]:before {
  content: "\e02b";
}

.oi[data-glyph=camera-slr]:before {
  content: "\e02c";
}

.oi[data-glyph=caret-bottom]:before {
  content: "\e02d";
}

.oi[data-glyph=caret-left]:before {
  content: "\e02e";
}

.oi[data-glyph=caret-right]:before {
  content: "\e02f";
}

.oi[data-glyph=caret-top]:before {
  content: "\e030";
}

.oi[data-glyph=cart]:before {
  content: "\e031";
}

.oi[data-glyph=chat]:before {
  content: "\e032";
}

.oi[data-glyph=check]:before {
  content: "\e033";
}

.oi[data-glyph=chevron-bottom]:before {
  content: "\e034";
}

.oi[data-glyph=chevron-left]:before {
  content: "\e035";
}

.oi[data-glyph=chevron-right]:before {
  content: "\e036";
}

.oi[data-glyph=chevron-top]:before {
  content: "\e037";
}

.oi[data-glyph=circle-check]:before {
  content: "\e038";
}

.oi[data-glyph=circle-x]:before {
  content: "\e039";
}

.oi[data-glyph=clipboard]:before {
  content: "\e03a";
}

.oi[data-glyph=clock]:before {
  content: "\e03b";
}

.oi[data-glyph=cloud-download]:before {
  content: "\e03c";
}

.oi[data-glyph=cloud-upload]:before {
  content: "\e03d";
}

.oi[data-glyph=cloud]:before {
  content: "\e03e";
}

.oi[data-glyph=cloudy]:before {
  content: "\e03f";
}

.oi[data-glyph=code]:before {
  content: "\e040";
}

.oi[data-glyph=cog]:before {
  content: "\e041";
}

.oi[data-glyph=collapse-down]:before {
  content: "\e042";
}

.oi[data-glyph=collapse-left]:before {
  content: "\e043";
}

.oi[data-glyph=collapse-right]:before {
  content: "\e044";
}

.oi[data-glyph=collapse-up]:before {
  content: "\e045";
}

.oi[data-glyph=command]:before {
  content: "\e046";
}

.oi[data-glyph=comment-square]:before {
  content: "\e047";
}

.oi[data-glyph=compass]:before {
  content: "\e048";
}

.oi[data-glyph=contrast]:before {
  content: "\e049";
}

.oi[data-glyph=copywriting]:before {
  content: "\e04a";
}

.oi[data-glyph=credit-card]:before {
  content: "\e04b";
}

.oi[data-glyph=crop]:before {
  content: "\e04c";
}

.oi[data-glyph=dashboard]:before {
  content: "\e04d";
}

.oi[data-glyph=data-transfer-download]:before {
  content: "\e04e";
}

.oi[data-glyph=data-transfer-upload]:before {
  content: "\e04f";
}

.oi[data-glyph=delete]:before {
  content: "\e050";
}

.oi[data-glyph=dial]:before {
  content: "\e051";
}

.oi[data-glyph=document]:before {
  content: "\e052";
}

.oi[data-glyph=dollar]:before {
  content: "\e053";
}

.oi[data-glyph=double-quote-sans-left]:before {
  content: "\e054";
}

.oi[data-glyph=double-quote-sans-right]:before {
  content: "\e055";
}

.oi[data-glyph=double-quote-serif-left]:before {
  content: "\e056";
}

.oi[data-glyph=double-quote-serif-right]:before {
  content: "\e057";
}

.oi[data-glyph=droplet]:before {
  content: "\e058";
}

.oi[data-glyph=eject]:before {
  content: "\e059";
}

.oi[data-glyph=elevator]:before {
  content: "\e05a";
}

.oi[data-glyph=ellipses]:before {
  content: "\e05b";
}

.oi[data-glyph=envelope-closed]:before {
  content: "\e05c";
}

.oi[data-glyph=envelope-open]:before {
  content: "\e05d";
}

.oi[data-glyph=euro]:before {
  content: "\e05e";
}

.oi[data-glyph=excerpt]:before {
  content: "\e05f";
}

.oi[data-glyph=expand-down]:before {
  content: "\e060";
}

.oi[data-glyph=expand-left]:before {
  content: "\e061";
}

.oi[data-glyph=expand-right]:before {
  content: "\e062";
}

.oi[data-glyph=expand-up]:before {
  content: "\e063";
}

.oi[data-glyph=external-link]:before {
  content: "\e064";
}

.oi[data-glyph=eye]:before {
  content: "\e065";
}

.oi[data-glyph=eyedropper]:before {
  content: "\e066";
}

.oi[data-glyph=file]:before {
  content: "\e067";
}

.oi[data-glyph=fire]:before {
  content: "\e068";
}

.oi[data-glyph=flag]:before {
  content: "\e069";
}

.oi[data-glyph=flash]:before {
  content: "\e06a";
}

.oi[data-glyph=folder]:before {
  content: "\e06b";
}

.oi[data-glyph=fork]:before {
  content: "\e06c";
}

.oi[data-glyph=fullscreen-enter]:before {
  content: "\e06d";
}

.oi[data-glyph=fullscreen-exit]:before {
  content: "\e06e";
}

.oi[data-glyph=globe]:before {
  content: "\e06f";
}

.oi[data-glyph=graph]:before {
  content: "\e070";
}

.oi[data-glyph=grid-four-up]:before {
  content: "\e071";
}

.oi[data-glyph=grid-three-up]:before {
  content: "\e072";
}

.oi[data-glyph=grid-two-up]:before {
  content: "\e073";
}

.oi[data-glyph=hard-drive]:before {
  content: "\e074";
}

.oi[data-glyph=header]:before {
  content: "\e075";
}

.oi[data-glyph=headphones]:before {
  content: "\e076";
}

.oi[data-glyph=heart]:before {
  content: "\e077";
}

.oi[data-glyph=home]:before {
  content: "\e078";
}

.oi[data-glyph=image]:before {
  content: "\e079";
}

.oi[data-glyph=inbox]:before {
  content: "\e07a";
}

.oi[data-glyph=infinity]:before {
  content: "\e07b";
}

.oi[data-glyph=info]:before {
  content: "\e07c";
}

.oi[data-glyph=italic]:before {
  content: "\e07d";
}

.oi[data-glyph=justify-center]:before {
  content: "\e07e";
}

.oi[data-glyph=justify-left]:before {
  content: "\e07f";
}

.oi[data-glyph=justify-right]:before {
  content: "\e080";
}

.oi[data-glyph=key]:before {
  content: "\e081";
}

.oi[data-glyph=laptop]:before {
  content: "\e082";
}

.oi[data-glyph=layers]:before {
  content: "\e083";
}

.oi[data-glyph=lightbulb]:before {
  content: "\e084";
}

.oi[data-glyph=link-broken]:before {
  content: "\e085";
}

.oi[data-glyph=link-intact]:before {
  content: "\e086";
}

.oi[data-glyph=list-rich]:before {
  content: "\e087";
}

.oi[data-glyph=list]:before {
  content: "\e088";
}

.oi[data-glyph=location]:before {
  content: "\e089";
}

.oi[data-glyph=lock-locked]:before {
  content: "\e08a";
}

.oi[data-glyph=lock-unlocked]:before {
  content: "\e08b";
}

.oi[data-glyph=loop-circular]:before {
  content: "\e08c";
}

.oi[data-glyph=loop-square]:before {
  content: "\e08d";
}

.oi[data-glyph=loop]:before {
  content: "\e08e";
}

.oi[data-glyph=magnifying-glass]:before {
  content: "\e08f";
}

.oi[data-glyph=map-marker]:before {
  content: "\e090";
}

.oi[data-glyph=map]:before {
  content: "\e091";
}

.oi[data-glyph=media-pause]:before {
  content: "\e092";
}

.oi[data-glyph=media-play]:before {
  content: "\e093";
}

.oi[data-glyph=media-record]:before {
  content: "\e094";
}

.oi[data-glyph=media-skip-backward]:before {
  content: "\e095";
}

.oi[data-glyph=media-skip-forward]:before {
  content: "\e096";
}

.oi[data-glyph=media-step-backward]:before {
  content: "\e097";
}

.oi[data-glyph=media-step-forward]:before {
  content: "\e098";
}

.oi[data-glyph=media-stop]:before {
  content: "\e099";
}

.oi[data-glyph=medical-cross]:before {
  content: "\e09a";
}

.oi[data-glyph=menu]:before {
  content: "\e09b";
}

.oi[data-glyph=microphone]:before {
  content: "\e09c";
}

.oi[data-glyph=minus]:before {
  content: "\e09d";
}

.oi[data-glyph=monitor]:before {
  content: "\e09e";
}

.oi[data-glyph=moon]:before {
  content: "\e09f";
}

.oi[data-glyph=move]:before {
  content: "\e0a0";
}

.oi[data-glyph=musical-note]:before {
  content: "\e0a1";
}

.oi[data-glyph=paperclip]:before {
  content: "\e0a2";
}

.oi[data-glyph=pencil]:before {
  content: "\e0a3";
}

.oi[data-glyph=people]:before {
  content: "\e0a4";
}

.oi[data-glyph=person]:before {
  content: "\e0a5";
}

.oi[data-glyph=phone]:before {
  content: "\e0a6";
}

.oi[data-glyph=pie-chart]:before {
  content: "\e0a7";
}

.oi[data-glyph=pin]:before {
  content: "\e0a8";
}

.oi[data-glyph=play-circle]:before {
  content: "\e0a9";
}

.oi[data-glyph=plus]:before {
  content: "\e0aa";
}

.oi[data-glyph=power-standby]:before {
  content: "\e0ab";
}

.oi[data-glyph=print]:before {
  content: "\e0ac";
}

.oi[data-glyph=project]:before {
  content: "\e0ad";
}

.oi[data-glyph=pulse]:before {
  content: "\e0ae";
}

.oi[data-glyph=puzzle-piece]:before {
  content: "\e0af";
}

.oi[data-glyph=question-mark]:before {
  content: "\e0b0";
}

.oi[data-glyph=rain]:before {
  content: "\e0b1";
}

.oi[data-glyph=random]:before {
  content: "\e0b2";
}

.oi[data-glyph=reload]:before {
  content: "\e0b3";
}

.oi[data-glyph=resize-both]:before {
  content: "\e0b4";
}

.oi[data-glyph=resize-height]:before {
  content: "\e0b5";
}

.oi[data-glyph=resize-width]:before {
  content: "\e0b6";
}

.oi[data-glyph=rss-alt]:before {
  content: "\e0b7";
}

.oi[data-glyph=rss]:before {
  content: "\e0b8";
}

.oi[data-glyph=script]:before {
  content: "\e0b9";
}

.oi[data-glyph=share-boxed]:before {
  content: "\e0ba";
}

.oi[data-glyph=share]:before {
  content: "\e0bb";
}

.oi[data-glyph=shield]:before {
  content: "\e0bc";
}

.oi[data-glyph=signal]:before {
  content: "\e0bd";
}

.oi[data-glyph=signpost]:before {
  content: "\e0be";
}

.oi[data-glyph=sort-ascending]:before {
  content: "\e0bf";
}

.oi[data-glyph=sort-descending]:before {
  content: "\e0c0";
}

.oi[data-glyph=spreadsheet]:before {
  content: "\e0c1";
}

.oi[data-glyph=star]:before {
  content: "\e0c2";
}

.oi[data-glyph=sun]:before {
  content: "\e0c3";
}

.oi[data-glyph=tablet]:before {
  content: "\e0c4";
}

.oi[data-glyph=tag]:before {
  content: "\e0c5";
}

.oi[data-glyph=tags]:before {
  content: "\e0c6";
}

.oi[data-glyph=target]:before {
  content: "\e0c7";
}

.oi[data-glyph=task]:before {
  content: "\e0c8";
}

.oi[data-glyph=terminal]:before {
  content: "\e0c9";
}

.oi[data-glyph=text]:before {
  content: "\e0ca";
}

.oi[data-glyph=thumb-down]:before {
  content: "\e0cb";
}

.oi[data-glyph=thumb-up]:before {
  content: "\e0cc";
}

.oi[data-glyph=timer]:before {
  content: "\e0cd";
}

.oi[data-glyph=transfer]:before {
  content: "\e0ce";
}

.oi[data-glyph=trash]:before {
  content: "\e0cf";
}

.oi[data-glyph=underline]:before {
  content: "\e0d0";
}

.oi[data-glyph=vertical-align-bottom]:before {
  content: "\e0d1";
}

.oi[data-glyph=vertical-align-center]:before {
  content: "\e0d2";
}

.oi[data-glyph=vertical-align-top]:before {
  content: "\e0d3";
}

.oi[data-glyph=video]:before {
  content: "\e0d4";
}

.oi[data-glyph=volume-high]:before {
  content: "\e0d5";
}

.oi[data-glyph=volume-low]:before {
  content: "\e0d6";
}

.oi[data-glyph=volume-off]:before {
  content: "\e0d7";
}

.oi[data-glyph=warning]:before {
  content: "\e0d8";
}

.oi[data-glyph=wifi]:before {
  content: "\e0d9";
}

.oi[data-glyph=wrench]:before {
  content: "\e0da";
}

.oi[data-glyph=x]:before {
  content: "\e0db";
}

.oi[data-glyph=yen]:before {
  content: "\e0dc";
}

.oi[data-glyph=zoom-in]:before {
  content: "\e0dd";
}

.oi[data-glyph=zoom-out]:before {
  content: "\e0de";
}

.aos-initialized [data-aos][data-aos][data-aos-duration="50"], .aos-initialized body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="50"], .aos-initialized body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="50"].aos-animate, .aos-initialized body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="100"], .aos-initialized body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="100"], .aos-initialized body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="100"].aos-animate, .aos-initialized body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="150"], .aos-initialized body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="150"], .aos-initialized body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="150"].aos-animate, .aos-initialized body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="200"], .aos-initialized body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="200"], .aos-initialized body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="200"].aos-animate, .aos-initialized body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="250"], .aos-initialized body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="250"], .aos-initialized body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="250"].aos-animate, .aos-initialized body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="300"], .aos-initialized body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="300"], .aos-initialized body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="300"].aos-animate, .aos-initialized body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="350"], .aos-initialized body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="350"], .aos-initialized body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="350"].aos-animate, .aos-initialized body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="400"], .aos-initialized body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="400"], .aos-initialized body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="400"].aos-animate, .aos-initialized body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="450"], .aos-initialized body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="450"], .aos-initialized body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="450"].aos-animate, .aos-initialized body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="500"], .aos-initialized body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="500"], .aos-initialized body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="500"].aos-animate, .aos-initialized body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="550"], .aos-initialized body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="550"], .aos-initialized body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="550"].aos-animate, .aos-initialized body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="600"], .aos-initialized body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="600"], .aos-initialized body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="600"].aos-animate, .aos-initialized body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="650"], .aos-initialized body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="650"], .aos-initialized body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="650"].aos-animate, .aos-initialized body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="700"], .aos-initialized body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="700"], .aos-initialized body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="700"].aos-animate, .aos-initialized body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="750"], .aos-initialized body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="750"], .aos-initialized body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="750"].aos-animate, .aos-initialized body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="800"], .aos-initialized body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="800"], .aos-initialized body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="800"].aos-animate, .aos-initialized body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="850"], .aos-initialized body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="850"], .aos-initialized body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="850"].aos-animate, .aos-initialized body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="900"], .aos-initialized body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="900"], .aos-initialized body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="900"].aos-animate, .aos-initialized body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="950"], .aos-initialized body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="950"], .aos-initialized body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="950"].aos-animate, .aos-initialized body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1000"], .aos-initialized body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1000"], .aos-initialized body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1000"].aos-animate, .aos-initialized body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1050"], .aos-initialized body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1050"], .aos-initialized body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1050"].aos-animate, .aos-initialized body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1100"], .aos-initialized body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1100"], .aos-initialized body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1100"].aos-animate, .aos-initialized body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1150"], .aos-initialized body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1150"], .aos-initialized body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1150"].aos-animate, .aos-initialized body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1200"], .aos-initialized body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1200"], .aos-initialized body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1200"].aos-animate, .aos-initialized body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1250"], .aos-initialized body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1250"], .aos-initialized body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1250"].aos-animate, .aos-initialized body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1300"], .aos-initialized body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1300"], .aos-initialized body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1300"].aos-animate, .aos-initialized body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1350"], .aos-initialized body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1350"], .aos-initialized body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1350"].aos-animate, .aos-initialized body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1400"], .aos-initialized body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1400"], .aos-initialized body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1400"].aos-animate, .aos-initialized body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1450"], .aos-initialized body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1450"], .aos-initialized body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1450"].aos-animate, .aos-initialized body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1500"], .aos-initialized body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1500"], .aos-initialized body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1500"].aos-animate, .aos-initialized body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1550"], .aos-initialized body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1550"], .aos-initialized body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1550"].aos-animate, .aos-initialized body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1600"], .aos-initialized body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1600"], .aos-initialized body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1600"].aos-animate, .aos-initialized body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1650"], .aos-initialized body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1650"], .aos-initialized body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1650"].aos-animate, .aos-initialized body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1700"], .aos-initialized body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1700"], .aos-initialized body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1700"].aos-animate, .aos-initialized body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1750"], .aos-initialized body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1750"], .aos-initialized body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1750"].aos-animate, .aos-initialized body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1800"], .aos-initialized body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1800"], .aos-initialized body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1800"].aos-animate, .aos-initialized body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1850"], .aos-initialized body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1850"], .aos-initialized body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1850"].aos-animate, .aos-initialized body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1900"], .aos-initialized body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1900"], .aos-initialized body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1900"].aos-animate, .aos-initialized body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="1950"], .aos-initialized body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1950"], .aos-initialized body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="1950"].aos-animate, .aos-initialized body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2000"], .aos-initialized body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2000"], .aos-initialized body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2000"].aos-animate, .aos-initialized body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2050"], .aos-initialized body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2050"], .aos-initialized body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2050"].aos-animate, .aos-initialized body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2100"], .aos-initialized body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2100"], .aos-initialized body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2100"].aos-animate, .aos-initialized body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2150"], .aos-initialized body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2150"], .aos-initialized body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2150"].aos-animate, .aos-initialized body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2200"], .aos-initialized body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2200"], .aos-initialized body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2200"].aos-animate, .aos-initialized body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2250"], .aos-initialized body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2250"], .aos-initialized body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2250"].aos-animate, .aos-initialized body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2300"], .aos-initialized body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2300"], .aos-initialized body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2300"].aos-animate, .aos-initialized body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2350"], .aos-initialized body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2350"], .aos-initialized body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2350"].aos-animate, .aos-initialized body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2400"], .aos-initialized body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2400"], .aos-initialized body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2400"].aos-animate, .aos-initialized body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2450"], .aos-initialized body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2450"], .aos-initialized body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2450"].aos-animate, .aos-initialized body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2500"], .aos-initialized body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2500"], .aos-initialized body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2500"].aos-animate, .aos-initialized body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2550"], .aos-initialized body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2550"], .aos-initialized body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2550"].aos-animate, .aos-initialized body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2600"], .aos-initialized body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2600"], .aos-initialized body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2600"].aos-animate, .aos-initialized body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2650"], .aos-initialized body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2650"], .aos-initialized body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2650"].aos-animate, .aos-initialized body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2700"], .aos-initialized body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2700"], .aos-initialized body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2700"].aos-animate, .aos-initialized body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2750"], .aos-initialized body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2750"], .aos-initialized body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2750"].aos-animate, .aos-initialized body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2800"], .aos-initialized body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2800"], .aos-initialized body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2800"].aos-animate, .aos-initialized body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2850"], .aos-initialized body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2850"], .aos-initialized body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2850"].aos-animate, .aos-initialized body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2900"], .aos-initialized body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2900"], .aos-initialized body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2900"].aos-animate, .aos-initialized body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="2950"], .aos-initialized body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2950"], .aos-initialized body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="2950"].aos-animate, .aos-initialized body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}
.aos-initialized [data-aos][data-aos][data-aos-duration="3000"], .aos-initialized body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="3000"], .aos-initialized body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}
.aos-initialized [data-aos][data-aos][data-aos-delay="3000"].aos-animate, .aos-initialized body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}
.aos-initialized [data-aos][data-aos][data-aos-easing=linear], .aos-initialized body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease], .aos-initialized body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in], .aos-initialized body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-out], .aos-initialized body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-out], .aos-initialized body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-back], .aos-initialized body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-out-back], .aos-initialized body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-out-back], .aos-initialized body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-sine], .aos-initialized body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-out-sine], .aos-initialized body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-out-sine], .aos-initialized body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-quad], .aos-initialized body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-out-quad], .aos-initialized body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-out-quad], .aos-initialized body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-cubic], .aos-initialized body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-out-cubic], .aos-initialized body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], .aos-initialized body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-quart], .aos-initialized body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-out-quart], .aos-initialized body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.aos-initialized [data-aos][data-aos][data-aos-easing=ease-in-out-quart], .aos-initialized body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.aos-initialized [data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
.aos-initialized [data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate(0);
}
.aos-initialized [data-aos=fade-up] {
  transform: translateY(50px);
}
.aos-initialized [data-aos=fade-down] {
  transform: translateY(-50px);
}
.aos-initialized [data-aos=fade-right] {
  transform: translate(-50px);
}
.aos-initialized [data-aos=fade-left] {
  transform: translate(50px);
}
.aos-initialized [data-aos=fade-up-right] {
  transform: translate(-50px, 50px);
}
.aos-initialized [data-aos=fade-up-left] {
  transform: translate(50px, 50px);
}
.aos-initialized [data-aos=fade-down-right] {
  transform: translate(-50px, -50px);
}
.aos-initialized [data-aos=fade-down-left] {
  transform: translate(50px, -50px);
}
.aos-initialized [data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
.aos-initialized [data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate(0) scale(1);
}
.aos-initialized [data-aos=zoom-in] {
  transform: scale(0.6);
}
.aos-initialized [data-aos=zoom-in-up] {
  transform: translateY(50px) scale(0.6);
}
.aos-initialized [data-aos=zoom-in-down] {
  transform: translateY(-50px) scale(0.6);
}
.aos-initialized [data-aos=zoom-in-right] {
  transform: translate(-50px) scale(0.6);
}
.aos-initialized [data-aos=zoom-in-left] {
  transform: translate(50px) scale(0.6);
}
.aos-initialized [data-aos=zoom-out] {
  transform: scale(1.2);
}
.aos-initialized [data-aos=zoom-out-up] {
  transform: translateY(50px) scale(1.2);
}
.aos-initialized [data-aos=zoom-out-down] {
  transform: translateY(-50px) scale(1.2);
}
.aos-initialized [data-aos=zoom-out-right] {
  transform: translate(-50px) scale(1.2);
}
.aos-initialized [data-aos=zoom-out-left] {
  transform: translate(50px) scale(1.2);
}
.aos-initialized [data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
.aos-initialized [data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate(0);
}
.aos-initialized [data-aos=slide-up] {
  transform: translateY(100%);
}
.aos-initialized [data-aos=slide-down] {
  transform: translateY(-100%);
}
.aos-initialized [data-aos=slide-right] {
  transform: translateX(-100%);
}
.aos-initialized [data-aos=slide-left] {
  transform: translateX(100%);
}
.aos-initialized [data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}
.aos-initialized [data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
.aos-initialized [data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
.aos-initialized [data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
.aos-initialized [data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
.aos-initialized [data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
.aos-initialized [data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
.aos-initialized [data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
.aos-initialized [data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
.aos-initialized {

}
.aos-initialized [data-aos=img-in] {
  opacity: 0;
  transform: scale(1.2);
  transition-property: transform, opacity;
}
.aos-initialized [data-aos=img-in].aos-animate {
  opacity: 1;
  transform: scale(1);
}
.aos-initialized [data-aos=svg-dash] path {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
}
.aos-initialized [data-aos=svg-dash].aos-animate path {
  animation: dash 1.5s linear forwards 1;
}

@keyframes dash {
  from {
    stroke-dashoffset: 100;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@media only screen and (max-width: 749px) {
  html.iframe [data-aos] {
    opacity: 1 !important;
    transform: none !important;
  }
}

.swatch {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0;
  flex: 0 1 100%;
}
.text-center .swatch {
  justify-content: center;
}
.swatch .header {
  width: 100%;
  font-size: 12px;
  line-height: normal;
  padding: 2px 0;
  margin: 0 0 8px;
  display: block;
}
.swatch input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  border-radius: 10%;
  z-index: 2;
  cursor: pointer;
}
.swatch input[type=radio]:checked + label::after {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease, visibility 0s linear 0s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.swatch label {
  position: relative;
  float: left;
  height: 25px !important;
  min-width: 25px !important;
  margin: 0;
  text-align: center;
  line-height: 25px;
  white-space: nowrap;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swatch label span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ddd;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.swatch label::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border: 1px solid #FF252A;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}
.swatch .swatch-element {
  position: relative;
  margin: 0 4px 10px;
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}
.swatch .swatch-element label {
  padding: 0 10px;
  cursor: pointer;
}
.swatch .swatch-element .crossed-out {
  display: none;
}
.swatch .swatch-element.color label {
  padding: 0;
}
.swatch .swatch-element.soldout .crossed-out {
  display: block;
}
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6; /* khtml, old safari */
  -moz-opacity: 0.6; /* mozilla, netscape */
  opacity: 0.6; /* fx, safari, opera */
}
.swatch .swatch-element.white label span {
  box-shadow: inset 0 0 0 1px #f0f0f0;
}
@media only screen and (max-width: 749px) {
  .swatch .swatch-element {
    float: none;
    display: inline-block;
    margin: 0 5px 10px;
  }
}
.swatch .swatch-element::after {
  content: attr(data-value);
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 8px;
  background: #ffffff;
  color: #0f1419;
  padding: 2px 5px;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  border: 1px solid #f0f0f0;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: transform 0.15s ease, opacity 0.15s ease, visibility 0s linear 0.15s;
  font-size: 12px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.swatch .swatch-element:hover {
  z-index: 5;
}
.swatch .swatch-element:hover::after {
  opacity: 1;
  visibility: visible;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s linear 0s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.swatch.error {
  background-color: #E8D2D2 !important;
  color: #333 !important;
  padding: 1em;
}
.swatch.error p {
  margin: 0.7em 0;
}
.swatch.error p:first-child {
  margin-top: 0;
}
.swatch.error p:last-child {
  margin-bottom: 0;
}
.swatch.error code {
  font-family: monospace;
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  direction: ltr;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
}

.plyr video,
.plyr audio {
  border-radius: inherit;
  height: auto;
  vertical-align: middle;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr--full-ui {
  box-sizing: border-box;
}

.plyr--full-ui *,
.plyr--full-ui *::after,
.plyr--full-ui *::before {
  box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: #4a5764;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions .plyr__caption {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  box-decoration-break: clone;
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__captions .plyr__caption div {
  display: inline;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 16px;
    padding: 20px;
  }
}
@media (min-width: 750px) {
  .plyr__captions {
    font-size: 18px;
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
}

.plyr__control {
  border: 0;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  transition: all 0.3s ease;
}

.plyr__control:not(.plyr__control--overlaid) {
  background-color: transparent;
}

.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 44px;
  pointer-events: none;
  width: 44px;
}

.plyr__control:focus:not(.plyr__tab-focus) {
  outline: 0;
}

a.plyr__control {
  text-decoration: none;
}

a.plyr__control::after, a.plyr__control::before {
  display: none;
}

.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
  display: none;
}

.plyr--video .plyr__control:not(.plyr__control--overlaid).plyr__tab-focus svg, .plyr--video .plyr__control:not(.plyr__control--overlaid):hover svg, .plyr--video .plyr__control:not(.plyr__control--overlaid)[aria-expanded=true] svg,
.plyr--audio .plyr__control.plyr__tab-focus svg,
.plyr--audio .plyr__control:hover svg,
.plyr--audio .plyr__control[aria-expanded=true] svg {
  stroke: currentColor;
  stroke-width: 0;
}

.plyr__control--overlaid {
  background-color: inherit;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 0;
  color: currentColor;
  display: none;
  left: 50%;
  padding: 4px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}

.plyr__control--overlaid svg {
  height: 52px;
  width: 52px;
  fill: transparent;
  position: relative;
}

.plyr__control--overlaid.plyr__tab-focus, .plyr__control--overlaid:hover {
  color: rgba(58, 58, 58, 0.55);
}

.plyr--stopped .plyr__control--overlaid {
  opacity: 1;
  visibility: visible;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
  padding-left: 0;
}

.plyr__controls .plyr__controls__item.plyr__volume:first-child {
  padding-right: 0;
}

.plyr__controls:empty {
  display: none;
}

.plyr--audio .plyr__controls {
  background-color: inherit;
  border-radius: inherit;
  color: #3a3a3a;
  padding: 10px;
}

.plyr--video .plyr__controls {
  background-color: inherit;
  border: 1px solid rgba(58, 58, 58, 0.05);
  border-radius: 0;
  bottom: 0;
  color: currentColor;
  left: 0;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  opacity: 0.9;
  padding: 0;
  position: absolute;
  right: 0;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  z-index: 3;
}

@media screen and (-ms-high-contrast: active) {
  .plyr--video .plyr__controls {
    background-color: window;
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr [data-plyr=captions],
.plyr [data-plyr=pip],
.plyr [data-plyr=airplay],
.plyr [data-plyr=fullscreen] {
  display: none;
}

.plyr--captions-enabled [data-plyr=captions],
.plyr--pip-supported [data-plyr=pip],
.plyr--airplay-supported [data-plyr=airplay],
.plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display: inline-block;
}

.plyr__menu {
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background-color: #3a3a3a;
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container::after {
  border: 4px solid transparent;
  border-top-color: #3a3a3a;
  content: "";
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0;
}

.plyr__menu__container [role=menu] {
  padding: 7px;
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 14px;
  padding: 4px 11px;
  user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control::after {
  border: 4px solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 29px;
}

.plyr__menu__container .plyr__control--forward::after {
  border-left-color: currentColor;
  right: 5px;
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 500;
  margin: 7px;
  margin-bottom: 3px;
  padding-left: 29px;
  position: relative;
  width: calc(100% - 14px);
}

.plyr__menu__container .plyr__control--back::after {
  border-right-color: currentColor;
  left: 7px;
}

.plyr__menu__container .plyr__control--back::before {
  background: #c1c9d1;
  box-shadow: 0 1px 0 #fff;
  content: "";
  height: 1px;
  left: 0;
  margin-top: 4px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}

.plyr__menu__container .plyr__control.plyr__tab-focus, .plyr__menu__container .plyr__control:hover, .plyr__menu__container .plyr__control[aria-expanded=true] {
  background-color: #fff;
  color: #3a3a3a;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #3a3a3a;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
  background: rgba(0, 0, 0, 0.1);
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  overflow: hidden;
  padding-left: 25px;
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 26px;
  color: inherit;
  display: block;
  height: 19px;
  margin: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background-color: transparent;
  border: 0;
  border-radius: 1px;
  height: 2px;
  transition: box-shadow 0.3s ease;
  user-select: none;
  background-image: linear-gradient(to right, currentColor var(--value, 0%), rgba(58, 58, 58, 0.6) var(--value, 0%));
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background-color: currentColor;
  border: 0;
  border-radius: 50%;
  box-shadow: 2px 0 0 0 #fff;
  height: 13px;
  margin-top: -5px;
  position: relative;
  transition: all 0.2s ease;
  width: 13px;
  -webkit-appearance: none;
  /* stylelint-disable-line */
}

@media screen and (-ms-high-contrast: active) {
  .plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background-color: windowText;
  }
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background-color: transparent;
  border: 0;
  border-radius: 1px;
  height: 2px;
  transition: box-shadow 0.3s ease;
  user-select: none;
  background-color: rgba(58, 58, 58, 0.6);
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background-color: currentColor;
  border: 0;
  border-radius: 50%;
  box-shadow: 2px 0 0 0 #fff;
  height: 13px;
  margin-top: -5px;
  position: relative;
  transition: all 0.2s ease;
  width: 13px;
}

@media screen and (-ms-high-contrast: active) {
  .plyr--full-ui input[type=range]::-moz-range-thumb {
    background-color: windowText;
  }
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background-color: currentColor;
  border-radius: 1px;
  height: 2px;
}

.plyr--full-ui input[type=range]::-ms-track {
  background-color: transparent;
  border: 0;
  border-radius: 1px;
  height: 2px;
  transition: box-shadow 0.3s ease;
  user-select: none;
  color: transparent;
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
  background-color: transparent;
  border: 0;
  border-radius: 1px;
  height: 2px;
  transition: box-shadow 0.3s ease;
  user-select: none;
  background-color: currentColor;
  opacity: 0.6;
}

@media screen and (-ms-high-contrast: active) {
  .plyr--full-ui input[type=range]::-ms-fill-upper {
    background-color: windowText;
  }
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background-color: transparent;
  border: 0;
  border-radius: 1px;
  height: 2px;
  transition: box-shadow 0.3s ease;
  user-select: none;
  background-color: currentColor;
}

@media screen and (-ms-high-contrast: active) {
  .plyr--full-ui input[type=range]::-ms-fill-lower {
    background-color: windowText;
  }
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background-color: currentColor;
  border: 0;
  border-radius: 50%;
  box-shadow: 2px 0 0 0 #fff;
  height: 13px;
  margin-top: -5px;
  position: relative;
  transition: all 0.2s ease;
  width: 13px;
  margin-top: 1px;
}

@media screen and (-ms-high-contrast: active) {
  .plyr--full-ui input[type=range]::-ms-thumb {
    background-color: windowText;
  }
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type=range]:focus:not(.plyr__tab-focus) {
  outline: 0;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(58, 58, 58, 0.25);
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(58, 58, 58, 0.25);
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(58, 58, 58, 0.25);
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-thumb {
  box-shadow: none;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-thumb {
  box-shadow: none;
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-thumb {
  box-shadow: none;
}

.plyr--full-ui input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(58, 58, 58, 0.25);
}

.plyr--full-ui input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 0 0 3px rgba(58, 58, 58, 0.25);
}

.plyr--full-ui input[type=range]:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(58, 58, 58, 0.25);
}

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr__time {
  font-size: 14px;
}

.plyr__time + .plyr__time::before {
  content: "⁄";
  margin-right: 10px;
}

@media (max-width: 749px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr--video .plyr__time {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.plyr__tooltip {
  background-color: #3a3a3a;
  bottom: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  opacity: 0;
  padding: 5px 15px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px);
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3a3a3a;
  bottom: -4px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, -24px);
}

.plyr__controls > .plyr__control[data-plyr=mute]:hover .plyr__tooltip, .plyr__controls > .plyr__control[data-plyr=mute].plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control[data-plyr=mute] .plyr__tooltip--visible {
  transform: translate(-50%, -11px);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: 29px;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px);
  transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: 29px;
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  transform: translate(0, -11px);
}

.plyr--video {
  background-color: #fff;
  color: #3a3a3a;
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background-color: #000;
  border-radius: inherit;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%;
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  user-select: none;
  width: 100%;
}

.plyr__progress {
  left: 6.5px;
  margin-right: 15px;
  position: relative;
}

.plyr__progress input[type=range], .plyr__progress__buffer {
  margin-left: -6.5px;
  margin-right: -6.5px;
  max-width: calc(100% + 13px);
  width: calc(100% + 13px);
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  font-size: 14px;
  left: 0;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background-color: transparent;
  border: 0;
  border-radius: 100px;
  color: transparent;
  height: 2px;
  left: 0;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background-color: transparent;
}

.plyr__progress__buffer::-webkit-progress-value {
  background-color: currentColor;
  border-radius: 100px;
  min-width: 2px;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background-color: currentColor;
  border-radius: 100px;
  min-width: 2px;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  transition: width 0.2s ease;
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 201, 209, 0.66);
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(58, 58, 58, 0.6) 25%, transparent 25%, transparent 50%, rgba(58, 58, 58, 0.6) 50%, rgba(58, 58, 58, 0.6) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent;
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 201, 209, 0.66);
}

.plyr--full-ui .plyr__volume {
  background-color: currentColor;
  bottom: 105px;
  height: 40px;
  opacity: 0;
  padding: 10px 15px;
  position: absolute;
  right: -4px;
  transform: rotate(270deg);
  transition: visibility 0.4s linear 0.4s, opacity 0.4s linear 0.3s;
  width: 140px;
}

.plyr--full-ui .plyr__volume::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid currentColor;
  bottom: 18px;
  content: "";
  left: -6px;
  position: absolute;
  transform: rotate(90deg);
  z-index: 2;
}

.plyr--full-ui .plyr__volume.plyr__volume--is-visible {
  opacity: 1;
  transition: visibility 0.4s linear, opacity 0.4s linear;
}

.plyr--audio .plyr--full-ui .plyr__volume {
  bottom: 125px;
  right: -37px;
}

.plyr--full-ui .plyr__volume:hover {
  opacity: 1;
  visibility: visible;
}

.plyr--full-ui .plyr__volume input[type=range] {
  color: #fff;
  margin: 0 auto;
}

.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0));
}

.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb {
  box-shadow: 2px 0 0 0 #3a3a3a;
}

.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.6);
}

.plyr--full-ui .plyr__volume input[type=range]::-moz-range-thumb {
  box-shadow: 2px 0 0 0 #3a3a3a;
}

.plyr--full-ui .plyr__volume input[type=range]::-ms-fill-upper {
  background-color: rgba(255, 255, 255, 0.6);
}

.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb {
  box-shadow: 2px 0 0 0 #3a3a3a;
}

.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}

.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}

.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}

.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-thumb {
  box-shadow: none;
}

.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-thumb {
  box-shadow: none;
}

.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-thumb {
  box-shadow: none;
}

.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}

.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}

.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}

@media (min-width: 480px) {
  .plyr--full-ui .plyr__volume input[type=range] {
    max-width: 90px;
  }
}
@media (min-width: 750px) {
  .plyr--full-ui .plyr__volume input[type=range] {
    max-width: 110px;
  }
}
.plyr--is-android .plyr__volume,
.plyr--is-ios .plyr__volume,
.plyr--is-mac.plyr--is-touch .plyr__volume {
  display: none !important;
}

.plyr__control[data-plyr=mute]:hover + .plyr__volume {
  opacity: 1;
  transition: visibility 0.4s linear, opacity 0.4s linear;
}

.plyr:fullscreen {
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 990px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
  }
}
/* stylelint-disable-next-line */
.plyr:-webkit-full-screen {
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 990px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
}
/* stylelint-disable-next-line */
.plyr:-moz-full-screen {
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-moz-full-screen video {
  height: 100%;
}

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 990px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
  }
}
/* stylelint-disable-next-line */
.plyr:-ms-fullscreen {
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 990px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
}
.plyr--fullscreen-fallback {
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 990px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
  }
}
.plyr__preview-thumb {
  background-color: #3a3a3a;
  bottom: 100%;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px;
  pointer-events: none;
  position: absolute;
  transform: translate(0, 10px);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0, -14px);
}

.plyr__preview-thumb::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3a3a3a;
  bottom: -4px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #c1c9d1;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  background-color: #3a3a3a;
  color: #fff;
  font-size: 14px;
  padding: 3px 6px;
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

.shopify-model-viewer-ui {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.shopify-model-viewer-ui model-viewer {
  transform: translateZ(0);
  z-index: 1;
}

.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled {
  pointer-events: none;
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen model-viewer {
  position: relative;
  width: 100vw;
  height: 100vh;
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen {
  display: block;
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen {
  display: none;
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--desktop:hover .shopify-model-viewer-ui__controls-area, .shopify-model-viewer-ui.shopify-model-viewer-ui--desktop.shopify-model-viewer-ui--child-focused .shopify-model-viewer-ui__controls-area {
  opacity: 1;
}

.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area {
  display: none;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  display: flex;
  flex-direction: column;
  background: #fff;
  opacity: 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1;
  transition: opacity 0.1s linear;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:focus-within {
  opacity: 1;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
  display: none;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
  color: #3a3a3a;
  border-radius: 0;
  border: none;
  margin: 0px;
  cursor: pointer;
}

body:not(.focus-enabled) .shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(.focus-visible) {
  outline: none;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
  padding: 0px;
  height: 44px;
  width: 44px;
  background: transparent;
  position: relative;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
  color: rgba(0, 0, 0, 0.55);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
  color: rgba(0, 0, 0, 0.55);
  background: rgba(0, 0, 0, 0.05);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
  position: absolute;
  content: "";
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  width: 28px;
  bottom: 0px;
  right: 8px;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon {
  width: 44px;
  height: 44px;
  fill: none;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  background: #fff;
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.05);
  top: 50%;
  left: 50%;
  padding: 0;
  transform: translate3d(-50%, -50%, 0);
  height: 62px;
  width: 62px;
  z-index: 1;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
  color: rgba(0, 0, 0, 0.55);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
  width: 60px;
  height: 60px;
  z-index: 1;
  fill: none;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen {
  display: none;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen {
  display: block;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__spritesheet {
  display: none;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/*================ GLOBAL ================*/
/**
 * Reset
 */
html, body, div, span, object, iframe, p, blockquote, pre,
abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp,
small, sub, sup, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

ins {
  background-color: #0f1419;
  color: #ffffff;
  text-decoration: none;
}

mark {
  background-color: #0f1419;
  color: #ffffff;
  font-style: italic;
  font-weight: 400;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

html {
  overflow-y: scroll;
}

ol {
  list-style-type: decimal;
}

p {
  margin: 0 0 1em 0;
}

nav ul, nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

small {
  font-size: 85%;
}

strong, th {
  font-weight: 400;
}

td {
  vertical-align: top;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}

textarea {
  overflow: auto;
}

.ie6 legend, .ie7 legend {
  margin-left: -7px;
}

input[type=radio] {
  vertical-align: text-bottom;
}

input[type=checkbox] {
  vertical-align: bottom;
}

.ie7 input[type=checkbox] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

input[type=button], input[type=submit], input[type=image], button {
  cursor: pointer;
}

button, input, select, textarea {
  margin: 0;
}

select {
  max-width: 99%; /* for ff */
}

input[type=text].error, input[type=email].error, input[type=password].error {
  border-color: #FF252A;
}

input[type=text], input[type=password], input[type=email], input[type=tel] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/**
 * Helpers
 */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.clearfix {
  *zoom: 1;
}

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

.js-focus-hidden:focus {
  outline: none;
}

.label-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.no-placeholder .label-hidden {
  position: inherit !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

.visually-shown {
  position: inherit !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

.no-js:not(html) {
  display: none;
}
.no-js .no-js:not(html) {
  display: block;
}

.no-js .js {
  display: none;
}

.supports-no-cookies:not(html) {
  display: none;
}
html.supports-no-cookies .supports-no-cookies:not(html) {
  display: block;
}

html.supports-no-cookies .supports-cookies {
  display: none;
}

/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*============================================================================
  Skip to content button
    - Overrides .visually-hidden when focused
==============================================================================*/
.skip-link:focus {
  position: absolute !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: #0f1419;
  background-color: #ffffff;
  padding: 20px;
  z-index: 5000;
  transition: none;
}

body.focus-enabled *:focus {
  outline-color: #FF252A !important;
  outline-offset: -2px !important;
  outline-style: auto !important;
  outline-width: 5px !important;
}

html:not(.no-js) body:not(.focus-enabled) *:focus {
  outline: none;
}

/**
 * UTILS
 */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

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

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

.gutter-top {
  padding-top: 50px;
}

.gutter-bottom {
  padding-bottom: 50px;
}

.mobile {
  display: none;
}

.mobile-small {
  display: none;
}

@media only screen and (max-width: 749px) {
  .mobile {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .mobile-small {
    display: block;
  }
}
/**
 * Grid
 */
.grid::after {
  content: "";
  display: table;
  clear: both;
}
.grid {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .grid {
    margin-left: -20px;
  }
}

.grid__item {
  float: left;
  padding-left: 30px;
  width: 100%;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .grid__item {
    padding-left: 20px;
  }
}
.grid__item[class*="--push"] {
  position: relative;
}

/* Manual grid__item clearfix */
.grid__item.clear {
  clear: both;
}

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
  direction: rtl;
  text-align: left;
}
.grid--rev > .grid__item {
  direction: ltr;
  text-align: left;
  float: right;
}

/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full::after {
  content: "";
  display: table;
  clear: both;
}
.grid--full {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .grid--full {
    margin-left: -20px;
  }
}
.grid--full {
  margin-left: 0;
}
.grid--full > .grid__item {
  padding-left: 0;
}

/*============================================================================
  Grid Columns
    - Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Grid push classes ================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Build Base Grid Classes ================*/
/** Whole */
.one-whole {
  width: 100%;
}

/* Halves */
.one-half {
  width: 50%;
}

/* Thirds */
.one-third {
  width: 33.3333333333%;
}

.two-thirds {
  width: 66.6666666667%;
}

/* Quarters */
.one-quarter {
  width: 25%;
}

.two-quarters {
  width: 50%;
}

.three-quarters {
  width: 75%;
}

/* Fifths */
.one-fifth {
  width: 20%;
}

.two-fifths {
  width: 40%;
}

.three-fifths {
  width: 60%;
}

.four-fifths {
  width: 80%;
}

/* Sixths */
.one-sixth {
  width: 16.6666666667%;
}

.two-sixths {
  width: 33.3333333333%;
}

.three-sixths {
  width: 50%;
}

.four-sixths {
  width: 66.6666666667%;
}

.five-sixths {
  width: 83.3333333333%;
}

/* Eighths */
.one-eighth {
  width: 12.5%;
}

.two-eighths {
  width: 25%;
}

.three-eighths {
  width: 37.5%;
}

.four-eighths {
  width: 50%;
}

.five-eighths {
  width: 62.5%;
}

.six-eighths {
  width: 75%;
}

.seven-eighths {
  width: 87.5%;
}

/* Tenths */
.one-tenth {
  width: 10%;
}

.two-tenths {
  width: 20%;
}

.three-tenths {
  width: 30%;
}

.four-tenths {
  width: 40%;
}

.five-tenths {
  width: 50%;
}

.six-tenths {
  width: 60%;
}

.seven-tenths {
  width: 70%;
}

.eight-tenths {
  width: 80%;
}

.nine-tenths {
  width: 90%;
}

/* Twelfths */
.one-twelfth {
  width: 8.3333333333%;
}

.two-twelfths {
  width: 16.6666666667%;
}

.three-twelfths {
  width: 25%;
}

.four-twelfths {
  width: 33.3333333333%;
}

.five-twelfths {
  width: 41.6666666667%;
}

.six-twelfths {
  width: 50%;
}

.seven-twelfths {
  width: 58.3333333333%;
}

.eight-twelfths {
  width: 66.6666666667%;
}

.nine-twelfths {
  width: 75%;
}

.ten-twelfths {
  width: 83.3333333333%;
}

.eleven-twelfths {
  width: 91.6666666667%;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

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

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

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

/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 749px) {
  /** Whole */
  .small--one-whole {
    width: 100%;
  }
  /* Halves */
  .small--one-half {
    width: 50%;
  }
  /* Thirds */
  .small--one-third {
    width: 33.3333333333%;
  }
  .small--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .small--one-quarter {
    width: 25%;
  }
  .small--two-quarters {
    width: 50%;
  }
  .small--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .small--one-fifth {
    width: 20%;
  }
  .small--two-fifths {
    width: 40%;
  }
  .small--three-fifths {
    width: 60%;
  }
  .small--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .small--one-sixth {
    width: 16.6666666667%;
  }
  .small--two-sixths {
    width: 33.3333333333%;
  }
  .small--three-sixths {
    width: 50%;
  }
  .small--four-sixths {
    width: 66.6666666667%;
  }
  .small--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .small--one-eighth {
    width: 12.5%;
  }
  .small--two-eighths {
    width: 25%;
  }
  .small--three-eighths {
    width: 37.5%;
  }
  .small--four-eighths {
    width: 50%;
  }
  .small--five-eighths {
    width: 62.5%;
  }
  .small--six-eighths {
    width: 75%;
  }
  .small--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .small--one-tenth {
    width: 10%;
  }
  .small--two-tenths {
    width: 20%;
  }
  .small--three-tenths {
    width: 30%;
  }
  .small--four-tenths {
    width: 40%;
  }
  .small--five-tenths {
    width: 50%;
  }
  .small--six-tenths {
    width: 60%;
  }
  .small--seven-tenths {
    width: 70%;
  }
  .small--eight-tenths {
    width: 80%;
  }
  .small--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .small--one-twelfth {
    width: 8.3333333333%;
  }
  .small--two-twelfths {
    width: 16.6666666667%;
  }
  .small--three-twelfths {
    width: 25%;
  }
  .small--four-twelfths {
    width: 33.3333333333%;
  }
  .small--five-twelfths {
    width: 41.6666666667%;
  }
  .small--six-twelfths {
    width: 50%;
  }
  .small--seven-twelfths {
    width: 58.3333333333%;
  }
  .small--eight-twelfths {
    width: 66.6666666667%;
  }
  .small--nine-twelfths {
    width: 75%;
  }
  .small--ten-twelfths {
    width: 83.3333333333%;
  }
  .small--eleven-twelfths {
    width: 91.6666666667%;
  }
  .grid--uniform .small--one-half:nth-child(2n+1),
  .grid--uniform .small--one-third:nth-child(3n+1),
  .grid--uniform .small--one-quarter:nth-child(4n+1),
  .grid--uniform .small--one-fifth:nth-child(5n+1),
  .grid--uniform .small--one-sixth:nth-child(6n+1),
  .grid--uniform .small--two-sixths:nth-child(3n+1),
  .grid--uniform .small--three-sixths:nth-child(2n+1),
  .grid--uniform .small--one-eighth:nth-child(8n+1),
  .grid--uniform .small--two-eighths:nth-child(4n+1),
  .grid--uniform .small--four-eighths:nth-child(2n+1),
  .grid--uniform .small--five-tenths:nth-child(2n+1),
  .grid--uniform .small--one-twelfth:nth-child(12n+1),
  .grid--uniform .small--two-twelfths:nth-child(6n+1),
  .grid--uniform .small--three-twelfths:nth-child(4n+1),
  .grid--uniform .small--four-twelfths:nth-child(3n+1),
  .grid--uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
  .small--show {
    display: block !important;
  }
  .small--hide {
    display: none !important;
  }
  .small--text-left {
    text-align: left !important;
  }
  .small--text-right {
    text-align: right !important;
  }
  .small--text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  /** Whole */
  .medium--one-whole {
    width: 100%;
  }
  /* Halves */
  .medium--one-half {
    width: 50%;
  }
  /* Thirds */
  .medium--one-third {
    width: 33.3333333333%;
  }
  .medium--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .medium--one-quarter {
    width: 25%;
  }
  .medium--two-quarters {
    width: 50%;
  }
  .medium--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .medium--one-fifth {
    width: 20%;
  }
  .medium--two-fifths {
    width: 40%;
  }
  .medium--three-fifths {
    width: 60%;
  }
  .medium--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .medium--one-sixth {
    width: 16.6666666667%;
  }
  .medium--two-sixths {
    width: 33.3333333333%;
  }
  .medium--three-sixths {
    width: 50%;
  }
  .medium--four-sixths {
    width: 66.6666666667%;
  }
  .medium--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .medium--one-eighth {
    width: 12.5%;
  }
  .medium--two-eighths {
    width: 25%;
  }
  .medium--three-eighths {
    width: 37.5%;
  }
  .medium--four-eighths {
    width: 50%;
  }
  .medium--five-eighths {
    width: 62.5%;
  }
  .medium--six-eighths {
    width: 75%;
  }
  .medium--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .medium--one-tenth {
    width: 10%;
  }
  .medium--two-tenths {
    width: 20%;
  }
  .medium--three-tenths {
    width: 30%;
  }
  .medium--four-tenths {
    width: 40%;
  }
  .medium--five-tenths {
    width: 50%;
  }
  .medium--six-tenths {
    width: 60%;
  }
  .medium--seven-tenths {
    width: 70%;
  }
  .medium--eight-tenths {
    width: 80%;
  }
  .medium--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .medium--one-twelfth {
    width: 8.3333333333%;
  }
  .medium--two-twelfths {
    width: 16.6666666667%;
  }
  .medium--three-twelfths {
    width: 25%;
  }
  .medium--four-twelfths {
    width: 33.3333333333%;
  }
  .medium--five-twelfths {
    width: 41.6666666667%;
  }
  .medium--six-twelfths {
    width: 50%;
  }
  .medium--seven-twelfths {
    width: 58.3333333333%;
  }
  .medium--eight-twelfths {
    width: 66.6666666667%;
  }
  .medium--nine-twelfths {
    width: 75%;
  }
  .medium--ten-twelfths {
    width: 83.3333333333%;
  }
  .medium--eleven-twelfths {
    width: 91.6666666667%;
  }
  .grid--uniform .medium--one-half:nth-child(2n+1),
  .grid--uniform .medium--one-third:nth-child(3n+1),
  .grid--uniform .medium--one-quarter:nth-child(4n+1),
  .grid--uniform .medium--one-fifth:nth-child(5n+1),
  .grid--uniform .medium--one-sixth:nth-child(6n+1),
  .grid--uniform .medium--two-sixths:nth-child(3n+1),
  .grid--uniform .medium--three-sixths:nth-child(2n+1),
  .grid--uniform .medium--one-eighth:nth-child(8n+1),
  .grid--uniform .medium--two-eighths:nth-child(4n+1),
  .grid--uniform .medium--four-eighths:nth-child(2n+1),
  .grid--uniform .medium--five-tenths:nth-child(2n+1),
  .grid--uniform .medium--one-twelfth:nth-child(12n+1),
  .grid--uniform .medium--two-twelfths:nth-child(6n+1),
  .grid--uniform .medium--three-twelfths:nth-child(4n+1),
  .grid--uniform .medium--four-twelfths:nth-child(3n+1),
  .grid--uniform .medium--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
  .medium--show {
    display: block !important;
  }
  .medium--hide {
    display: none !important;
  }
  .medium--text-left {
    text-align: left !important;
  }
  .medium--text-right {
    text-align: right !important;
  }
  .medium--text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 750px) {
  /** Whole */
  .medium-up--one-whole {
    width: 100%;
  }
  /* Halves */
  .medium-up--one-half {
    width: 50%;
  }
  /* Thirds */
  .medium-up--one-third {
    width: 33.3333333333%;
  }
  .medium-up--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .medium-up--one-quarter {
    width: 25%;
  }
  .medium-up--two-quarters {
    width: 50%;
  }
  .medium-up--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .medium-up--one-fifth {
    width: 20%;
  }
  .medium-up--two-fifths {
    width: 40%;
  }
  .medium-up--three-fifths {
    width: 60%;
  }
  .medium-up--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .medium-up--one-sixth {
    width: 16.6666666667%;
  }
  .medium-up--two-sixths {
    width: 33.3333333333%;
  }
  .medium-up--three-sixths {
    width: 50%;
  }
  .medium-up--four-sixths {
    width: 66.6666666667%;
  }
  .medium-up--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .medium-up--one-eighth {
    width: 12.5%;
  }
  .medium-up--two-eighths {
    width: 25%;
  }
  .medium-up--three-eighths {
    width: 37.5%;
  }
  .medium-up--four-eighths {
    width: 50%;
  }
  .medium-up--five-eighths {
    width: 62.5%;
  }
  .medium-up--six-eighths {
    width: 75%;
  }
  .medium-up--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .medium-up--one-tenth {
    width: 10%;
  }
  .medium-up--two-tenths {
    width: 20%;
  }
  .medium-up--three-tenths {
    width: 30%;
  }
  .medium-up--four-tenths {
    width: 40%;
  }
  .medium-up--five-tenths {
    width: 50%;
  }
  .medium-up--six-tenths {
    width: 60%;
  }
  .medium-up--seven-tenths {
    width: 70%;
  }
  .medium-up--eight-tenths {
    width: 80%;
  }
  .medium-up--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .medium-up--one-twelfth {
    width: 8.3333333333%;
  }
  .medium-up--two-twelfths {
    width: 16.6666666667%;
  }
  .medium-up--three-twelfths {
    width: 25%;
  }
  .medium-up--four-twelfths {
    width: 33.3333333333%;
  }
  .medium-up--five-twelfths {
    width: 41.6666666667%;
  }
  .medium-up--six-twelfths {
    width: 50%;
  }
  .medium-up--seven-twelfths {
    width: 58.3333333333%;
  }
  .medium-up--eight-twelfths {
    width: 66.6666666667%;
  }
  .medium-up--nine-twelfths {
    width: 75%;
  }
  .medium-up--ten-twelfths {
    width: 83.3333333333%;
  }
  .medium-up--eleven-twelfths {
    width: 91.6666666667%;
  }
  .grid--uniform .medium-up--one-half:nth-child(2n+1),
  .grid--uniform .medium-up--one-third:nth-child(3n+1),
  .grid--uniform .medium-up--one-quarter:nth-child(4n+1),
  .grid--uniform .medium-up--one-fifth:nth-child(5n+1),
  .grid--uniform .medium-up--one-sixth:nth-child(6n+1),
  .grid--uniform .medium-up--two-sixths:nth-child(3n+1),
  .grid--uniform .medium-up--three-sixths:nth-child(2n+1),
  .grid--uniform .medium-up--one-eighth:nth-child(8n+1),
  .grid--uniform .medium-up--two-eighths:nth-child(4n+1),
  .grid--uniform .medium-up--four-eighths:nth-child(2n+1),
  .grid--uniform .medium-up--five-tenths:nth-child(2n+1),
  .grid--uniform .medium-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .medium-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .medium-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .medium-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .medium-up--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
  .medium-up--show {
    display: block !important;
  }
  .medium-up--hide {
    display: none !important;
  }
  .medium-up--text-left {
    text-align: left !important;
  }
  .medium-up--text-right {
    text-align: right !important;
  }
  .medium-up--text-center {
    text-align: center !important;
  }
}
@media only screen and (max-width: 989px) {
  /** Whole */
  .medium-down--one-whole {
    width: 100%;
  }
  /* Halves */
  .medium-down--one-half {
    width: 50%;
  }
  /* Thirds */
  .medium-down--one-third {
    width: 33.3333333333%;
  }
  .medium-down--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .medium-down--one-quarter {
    width: 25%;
  }
  .medium-down--two-quarters {
    width: 50%;
  }
  .medium-down--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .medium-down--one-fifth {
    width: 20%;
  }
  .medium-down--two-fifths {
    width: 40%;
  }
  .medium-down--three-fifths {
    width: 60%;
  }
  .medium-down--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .medium-down--one-sixth {
    width: 16.6666666667%;
  }
  .medium-down--two-sixths {
    width: 33.3333333333%;
  }
  .medium-down--three-sixths {
    width: 50%;
  }
  .medium-down--four-sixths {
    width: 66.6666666667%;
  }
  .medium-down--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .medium-down--one-eighth {
    width: 12.5%;
  }
  .medium-down--two-eighths {
    width: 25%;
  }
  .medium-down--three-eighths {
    width: 37.5%;
  }
  .medium-down--four-eighths {
    width: 50%;
  }
  .medium-down--five-eighths {
    width: 62.5%;
  }
  .medium-down--six-eighths {
    width: 75%;
  }
  .medium-down--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .medium-down--one-tenth {
    width: 10%;
  }
  .medium-down--two-tenths {
    width: 20%;
  }
  .medium-down--three-tenths {
    width: 30%;
  }
  .medium-down--four-tenths {
    width: 40%;
  }
  .medium-down--five-tenths {
    width: 50%;
  }
  .medium-down--six-tenths {
    width: 60%;
  }
  .medium-down--seven-tenths {
    width: 70%;
  }
  .medium-down--eight-tenths {
    width: 80%;
  }
  .medium-down--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .medium-down--one-twelfth {
    width: 8.3333333333%;
  }
  .medium-down--two-twelfths {
    width: 16.6666666667%;
  }
  .medium-down--three-twelfths {
    width: 25%;
  }
  .medium-down--four-twelfths {
    width: 33.3333333333%;
  }
  .medium-down--five-twelfths {
    width: 41.6666666667%;
  }
  .medium-down--six-twelfths {
    width: 50%;
  }
  .medium-down--seven-twelfths {
    width: 58.3333333333%;
  }
  .medium-down--eight-twelfths {
    width: 66.6666666667%;
  }
  .medium-down--nine-twelfths {
    width: 75%;
  }
  .medium-down--ten-twelfths {
    width: 83.3333333333%;
  }
  .medium-down--eleven-twelfths {
    width: 91.6666666667%;
  }
  .grid--uniform .medium-down--one-half:nth-child(2n+1),
  .grid--uniform .medium-down--one-third:nth-child(3n+1),
  .grid--uniform .medium-down--one-quarter:nth-child(4n+1),
  .grid--uniform .medium-down--one-fifth:nth-child(5n+1),
  .grid--uniform .medium-down--one-sixth:nth-child(6n+1),
  .grid--uniform .medium-down--two-sixths:nth-child(3n+1),
  .grid--uniform .medium-down--three-sixths:nth-child(2n+1),
  .grid--uniform .medium-down--one-eighth:nth-child(8n+1),
  .grid--uniform .medium-down--two-eighths:nth-child(4n+1),
  .grid--uniform .medium-down--four-eighths:nth-child(2n+1),
  .grid--uniform .medium-down--five-tenths:nth-child(2n+1),
  .grid--uniform .medium-down--one-twelfth:nth-child(12n+1),
  .grid--uniform .medium-down--two-twelfths:nth-child(6n+1),
  .grid--uniform .medium-down--three-twelfths:nth-child(4n+1),
  .grid--uniform .medium-down--four-twelfths:nth-child(3n+1),
  .grid--uniform .medium-down--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
  .medium-down--show {
    display: block !important;
  }
  .medium-down--hide {
    display: none !important;
  }
  .medium-down--text-left {
    text-align: left !important;
  }
  .medium-down--text-right {
    text-align: right !important;
  }
  .medium-down--text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 990px) and (max-width: 1399px) {
  /** Whole */
  .large--one-whole {
    width: 100%;
  }
  /* Halves */
  .large--one-half {
    width: 50%;
  }
  /* Thirds */
  .large--one-third {
    width: 33.3333333333%;
  }
  .large--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .large--one-quarter {
    width: 25%;
  }
  .large--two-quarters {
    width: 50%;
  }
  .large--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .large--one-fifth {
    width: 20%;
  }
  .large--two-fifths {
    width: 40%;
  }
  .large--three-fifths {
    width: 60%;
  }
  .large--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .large--one-sixth {
    width: 16.6666666667%;
  }
  .large--two-sixths {
    width: 33.3333333333%;
  }
  .large--three-sixths {
    width: 50%;
  }
  .large--four-sixths {
    width: 66.6666666667%;
  }
  .large--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .large--one-eighth {
    width: 12.5%;
  }
  .large--two-eighths {
    width: 25%;
  }
  .large--three-eighths {
    width: 37.5%;
  }
  .large--four-eighths {
    width: 50%;
  }
  .large--five-eighths {
    width: 62.5%;
  }
  .large--six-eighths {
    width: 75%;
  }
  .large--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .large--one-tenth {
    width: 10%;
  }
  .large--two-tenths {
    width: 20%;
  }
  .large--three-tenths {
    width: 30%;
  }
  .large--four-tenths {
    width: 40%;
  }
  .large--five-tenths {
    width: 50%;
  }
  .large--six-tenths {
    width: 60%;
  }
  .large--seven-tenths {
    width: 70%;
  }
  .large--eight-tenths {
    width: 80%;
  }
  .large--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .large--one-twelfth {
    width: 8.3333333333%;
  }
  .large--two-twelfths {
    width: 16.6666666667%;
  }
  .large--three-twelfths {
    width: 25%;
  }
  .large--four-twelfths {
    width: 33.3333333333%;
  }
  .large--five-twelfths {
    width: 41.6666666667%;
  }
  .large--six-twelfths {
    width: 50%;
  }
  .large--seven-twelfths {
    width: 58.3333333333%;
  }
  .large--eight-twelfths {
    width: 66.6666666667%;
  }
  .large--nine-twelfths {
    width: 75%;
  }
  .large--ten-twelfths {
    width: 83.3333333333%;
  }
  .large--eleven-twelfths {
    width: 91.6666666667%;
  }
  .grid--uniform .large--one-half:nth-child(2n+1),
  .grid--uniform .large--one-third:nth-child(3n+1),
  .grid--uniform .large--one-quarter:nth-child(4n+1),
  .grid--uniform .large--one-fifth:nth-child(5n+1),
  .grid--uniform .large--one-sixth:nth-child(6n+1),
  .grid--uniform .large--two-sixths:nth-child(3n+1),
  .grid--uniform .large--three-sixths:nth-child(2n+1),
  .grid--uniform .large--one-eighth:nth-child(8n+1),
  .grid--uniform .large--two-eighths:nth-child(4n+1),
  .grid--uniform .large--four-eighths:nth-child(2n+1),
  .grid--uniform .large--five-tenths:nth-child(2n+1),
  .grid--uniform .large--one-twelfth:nth-child(12n+1),
  .grid--uniform .large--two-twelfths:nth-child(6n+1),
  .grid--uniform .large--three-twelfths:nth-child(4n+1),
  .grid--uniform .large--four-twelfths:nth-child(3n+1),
  .grid--uniform .large--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
  .large--show {
    display: block !important;
  }
  .large--hide {
    display: none !important;
  }
  .large--text-left {
    text-align: left !important;
  }
  .large--text-right {
    text-align: right !important;
  }
  .large--text-center {
    text-align: center !important;
  }
}
@media only screen and (max-width: 1399px) {
  /** Whole */
  .large-down--one-whole {
    width: 100%;
  }
  /* Halves */
  .large-down--one-half {
    width: 50%;
  }
  /* Thirds */
  .large-down--one-third {
    width: 33.3333333333%;
  }
  .large-down--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .large-down--one-quarter {
    width: 25%;
  }
  .large-down--two-quarters {
    width: 50%;
  }
  .large-down--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .large-down--one-fifth {
    width: 20%;
  }
  .large-down--two-fifths {
    width: 40%;
  }
  .large-down--three-fifths {
    width: 60%;
  }
  .large-down--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .large-down--one-sixth {
    width: 16.6666666667%;
  }
  .large-down--two-sixths {
    width: 33.3333333333%;
  }
  .large-down--three-sixths {
    width: 50%;
  }
  .large-down--four-sixths {
    width: 66.6666666667%;
  }
  .large-down--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .large-down--one-eighth {
    width: 12.5%;
  }
  .large-down--two-eighths {
    width: 25%;
  }
  .large-down--three-eighths {
    width: 37.5%;
  }
  .large-down--four-eighths {
    width: 50%;
  }
  .large-down--five-eighths {
    width: 62.5%;
  }
  .large-down--six-eighths {
    width: 75%;
  }
  .large-down--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .large-down--one-tenth {
    width: 10%;
  }
  .large-down--two-tenths {
    width: 20%;
  }
  .large-down--three-tenths {
    width: 30%;
  }
  .large-down--four-tenths {
    width: 40%;
  }
  .large-down--five-tenths {
    width: 50%;
  }
  .large-down--six-tenths {
    width: 60%;
  }
  .large-down--seven-tenths {
    width: 70%;
  }
  .large-down--eight-tenths {
    width: 80%;
  }
  .large-down--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .large-down--one-twelfth {
    width: 8.3333333333%;
  }
  .large-down--two-twelfths {
    width: 16.6666666667%;
  }
  .large-down--three-twelfths {
    width: 25%;
  }
  .large-down--four-twelfths {
    width: 33.3333333333%;
  }
  .large-down--five-twelfths {
    width: 41.6666666667%;
  }
  .large-down--six-twelfths {
    width: 50%;
  }
  .large-down--seven-twelfths {
    width: 58.3333333333%;
  }
  .large-down--eight-twelfths {
    width: 66.6666666667%;
  }
  .large-down--nine-twelfths {
    width: 75%;
  }
  .large-down--ten-twelfths {
    width: 83.3333333333%;
  }
  .large-down--eleven-twelfths {
    width: 91.6666666667%;
  }
  .grid--uniform .large-down--one-half:nth-child(2n+1),
  .grid--uniform .large-down--one-third:nth-child(3n+1),
  .grid--uniform .large-down--one-quarter:nth-child(4n+1),
  .grid--uniform .large-down--one-fifth:nth-child(5n+1),
  .grid--uniform .large-down--one-sixth:nth-child(6n+1),
  .grid--uniform .large-down--two-sixths:nth-child(3n+1),
  .grid--uniform .large-down--three-sixths:nth-child(2n+1),
  .grid--uniform .large-down--one-eighth:nth-child(8n+1),
  .grid--uniform .large-down--two-eighths:nth-child(4n+1),
  .grid--uniform .large-down--four-eighths:nth-child(2n+1),
  .grid--uniform .large-down--five-tenths:nth-child(2n+1),
  .grid--uniform .large-down--one-twelfth:nth-child(12n+1),
  .grid--uniform .large-down--two-twelfths:nth-child(6n+1),
  .grid--uniform .large-down--three-twelfths:nth-child(4n+1),
  .grid--uniform .large-down--four-twelfths:nth-child(3n+1),
  .grid--uniform .large-down--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
  .large-down--show {
    display: block !important;
  }
  .large-down--hide {
    display: none !important;
  }
  .large-down--text-left {
    text-align: left !important;
  }
  .large-down--text-right {
    text-align: right !important;
  }
  .large-down--text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 990px) {
  /** Whole */
  .large-up--one-whole {
    width: 100%;
  }
  /* Halves */
  .large-up--one-half {
    width: 50%;
  }
  /* Thirds */
  .large-up--one-third {
    width: 33.3333333333%;
  }
  .large-up--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .large-up--one-quarter {
    width: 25%;
  }
  .large-up--two-quarters {
    width: 50%;
  }
  .large-up--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .large-up--one-fifth {
    width: 20%;
  }
  .large-up--two-fifths {
    width: 40%;
  }
  .large-up--three-fifths {
    width: 60%;
  }
  .large-up--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .large-up--one-sixth {
    width: 16.6666666667%;
  }
  .large-up--two-sixths {
    width: 33.3333333333%;
  }
  .large-up--three-sixths {
    width: 50%;
  }
  .large-up--four-sixths {
    width: 66.6666666667%;
  }
  .large-up--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .large-up--one-eighth {
    width: 12.5%;
  }
  .large-up--two-eighths {
    width: 25%;
  }
  .large-up--three-eighths {
    width: 37.5%;
  }
  .large-up--four-eighths {
    width: 50%;
  }
  .large-up--five-eighths {
    width: 62.5%;
  }
  .large-up--six-eighths {
    width: 75%;
  }
  .large-up--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .large-up--one-tenth {
    width: 10%;
  }
  .large-up--two-tenths {
    width: 20%;
  }
  .large-up--three-tenths {
    width: 30%;
  }
  .large-up--four-tenths {
    width: 40%;
  }
  .large-up--five-tenths {
    width: 50%;
  }
  .large-up--six-tenths {
    width: 60%;
  }
  .large-up--seven-tenths {
    width: 70%;
  }
  .large-up--eight-tenths {
    width: 80%;
  }
  .large-up--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .large-up--one-twelfth {
    width: 8.3333333333%;
  }
  .large-up--two-twelfths {
    width: 16.6666666667%;
  }
  .large-up--three-twelfths {
    width: 25%;
  }
  .large-up--four-twelfths {
    width: 33.3333333333%;
  }
  .large-up--five-twelfths {
    width: 41.6666666667%;
  }
  .large-up--six-twelfths {
    width: 50%;
  }
  .large-up--seven-twelfths {
    width: 58.3333333333%;
  }
  .large-up--eight-twelfths {
    width: 66.6666666667%;
  }
  .large-up--nine-twelfths {
    width: 75%;
  }
  .large-up--ten-twelfths {
    width: 83.3333333333%;
  }
  .large-up--eleven-twelfths {
    width: 91.6666666667%;
  }
  .grid--uniform .large-up--one-half:nth-child(2n+1),
  .grid--uniform .large-up--one-third:nth-child(3n+1),
  .grid--uniform .large-up--one-quarter:nth-child(4n+1),
  .grid--uniform .large-up--one-fifth:nth-child(5n+1),
  .grid--uniform .large-up--one-sixth:nth-child(6n+1),
  .grid--uniform .large-up--two-sixths:nth-child(3n+1),
  .grid--uniform .large-up--three-sixths:nth-child(2n+1),
  .grid--uniform .large-up--one-eighth:nth-child(8n+1),
  .grid--uniform .large-up--two-eighths:nth-child(4n+1),
  .grid--uniform .large-up--four-eighths:nth-child(2n+1),
  .grid--uniform .large-up--five-tenths:nth-child(2n+1),
  .grid--uniform .large-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .large-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .large-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .large-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .large-up--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
  .large-up--show {
    display: block !important;
  }
  .large-up--hide {
    display: none !important;
  }
  .large-up--text-left {
    text-align: left !important;
  }
  .large-up--text-right {
    text-align: right !important;
  }
  .large-up--text-center {
    text-align: center !important;
  }
}
@media only screen and (max-width: 1399px) {
  /** Whole */
  .large-down--one-whole {
    width: 100%;
  }
  /* Halves */
  .large-down--one-half {
    width: 50%;
  }
  /* Thirds */
  .large-down--one-third {
    width: 33.3333333333%;
  }
  .large-down--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .large-down--one-quarter {
    width: 25%;
  }
  .large-down--two-quarters {
    width: 50%;
  }
  .large-down--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .large-down--one-fifth {
    width: 20%;
  }
  .large-down--two-fifths {
    width: 40%;
  }
  .large-down--three-fifths {
    width: 60%;
  }
  .large-down--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .large-down--one-sixth {
    width: 16.6666666667%;
  }
  .large-down--two-sixths {
    width: 33.3333333333%;
  }
  .large-down--three-sixths {
    width: 50%;
  }
  .large-down--four-sixths {
    width: 66.6666666667%;
  }
  .large-down--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .large-down--one-eighth {
    width: 12.5%;
  }
  .large-down--two-eighths {
    width: 25%;
  }
  .large-down--three-eighths {
    width: 37.5%;
  }
  .large-down--four-eighths {
    width: 50%;
  }
  .large-down--five-eighths {
    width: 62.5%;
  }
  .large-down--six-eighths {
    width: 75%;
  }
  .large-down--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .large-down--one-tenth {
    width: 10%;
  }
  .large-down--two-tenths {
    width: 20%;
  }
  .large-down--three-tenths {
    width: 30%;
  }
  .large-down--four-tenths {
    width: 40%;
  }
  .large-down--five-tenths {
    width: 50%;
  }
  .large-down--six-tenths {
    width: 60%;
  }
  .large-down--seven-tenths {
    width: 70%;
  }
  .large-down--eight-tenths {
    width: 80%;
  }
  .large-down--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .large-down--one-twelfth {
    width: 8.3333333333%;
  }
  .large-down--two-twelfths {
    width: 16.6666666667%;
  }
  .large-down--three-twelfths {
    width: 25%;
  }
  .large-down--four-twelfths {
    width: 33.3333333333%;
  }
  .large-down--five-twelfths {
    width: 41.6666666667%;
  }
  .large-down--six-twelfths {
    width: 50%;
  }
  .large-down--seven-twelfths {
    width: 58.3333333333%;
  }
  .large-down--eight-twelfths {
    width: 66.6666666667%;
  }
  .large-down--nine-twelfths {
    width: 75%;
  }
  .large-down--ten-twelfths {
    width: 83.3333333333%;
  }
  .large-down--eleven-twelfths {
    width: 91.6666666667%;
  }
  .grid--uniform .large-down--one-half:nth-child(2n+1),
  .grid--uniform .large-down--one-third:nth-child(3n+1),
  .grid--uniform .large-down--one-quarter:nth-child(4n+1),
  .grid--uniform .large-down--one-fifth:nth-child(5n+1),
  .grid--uniform .large-down--one-sixth:nth-child(6n+1),
  .grid--uniform .large-down--two-sixths:nth-child(3n+1),
  .grid--uniform .large-down--three-sixths:nth-child(2n+1),
  .grid--uniform .large-down--one-eighth:nth-child(8n+1),
  .grid--uniform .large-down--two-eighths:nth-child(4n+1),
  .grid--uniform .large-down--four-eighths:nth-child(2n+1),
  .grid--uniform .large-down--five-tenths:nth-child(2n+1),
  .grid--uniform .large-down--one-twelfth:nth-child(12n+1),
  .grid--uniform .large-down--two-twelfths:nth-child(6n+1),
  .grid--uniform .large-down--three-twelfths:nth-child(4n+1),
  .grid--uniform .large-down--four-twelfths:nth-child(3n+1),
  .grid--uniform .large-down--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
  .large-down--show {
    display: block !important;
  }
  .large-down--hide {
    display: none !important;
  }
  .large-down--text-left {
    text-align: left !important;
  }
  .large-down--text-right {
    text-align: right !important;
  }
  .large-down--text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 1400px) {
  /** Whole */
  .widescreen--one-whole {
    width: 100%;
  }
  /* Halves */
  .widescreen--one-half {
    width: 50%;
  }
  /* Thirds */
  .widescreen--one-third {
    width: 33.3333333333%;
  }
  .widescreen--two-thirds {
    width: 66.6666666667%;
  }
  /* Quarters */
  .widescreen--one-quarter {
    width: 25%;
  }
  .widescreen--two-quarters {
    width: 50%;
  }
  .widescreen--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .widescreen--one-fifth {
    width: 20%;
  }
  .widescreen--two-fifths {
    width: 40%;
  }
  .widescreen--three-fifths {
    width: 60%;
  }
  .widescreen--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .widescreen--one-sixth {
    width: 16.6666666667%;
  }
  .widescreen--two-sixths {
    width: 33.3333333333%;
  }
  .widescreen--three-sixths {
    width: 50%;
  }
  .widescreen--four-sixths {
    width: 66.6666666667%;
  }
  .widescreen--five-sixths {
    width: 83.3333333333%;
  }
  /* Eighths */
  .widescreen--one-eighth {
    width: 12.5%;
  }
  .widescreen--two-eighths {
    width: 25%;
  }
  .widescreen--three-eighths {
    width: 37.5%;
  }
  .widescreen--four-eighths {
    width: 50%;
  }
  .widescreen--five-eighths {
    width: 62.5%;
  }
  .widescreen--six-eighths {
    width: 75%;
  }
  .widescreen--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .widescreen--one-tenth {
    width: 10%;
  }
  .widescreen--two-tenths {
    width: 20%;
  }
  .widescreen--three-tenths {
    width: 30%;
  }
  .widescreen--four-tenths {
    width: 40%;
  }
  .widescreen--five-tenths {
    width: 50%;
  }
  .widescreen--six-tenths {
    width: 60%;
  }
  .widescreen--seven-tenths {
    width: 70%;
  }
  .widescreen--eight-tenths {
    width: 80%;
  }
  .widescreen--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .widescreen--one-twelfth {
    width: 8.3333333333%;
  }
  .widescreen--two-twelfths {
    width: 16.6666666667%;
  }
  .widescreen--three-twelfths {
    width: 25%;
  }
  .widescreen--four-twelfths {
    width: 33.3333333333%;
  }
  .widescreen--five-twelfths {
    width: 41.6666666667%;
  }
  .widescreen--six-twelfths {
    width: 50%;
  }
  .widescreen--seven-twelfths {
    width: 58.3333333333%;
  }
  .widescreen--eight-twelfths {
    width: 66.6666666667%;
  }
  .widescreen--nine-twelfths {
    width: 75%;
  }
  .widescreen--ten-twelfths {
    width: 83.3333333333%;
  }
  .widescreen--eleven-twelfths {
    width: 91.6666666667%;
  }
  .grid--uniform .widescreen--one-half:nth-child(2n+1),
  .grid--uniform .widescreen--one-third:nth-child(3n+1),
  .grid--uniform .widescreen--one-quarter:nth-child(4n+1),
  .grid--uniform .widescreen--one-fifth:nth-child(5n+1),
  .grid--uniform .widescreen--one-sixth:nth-child(6n+1),
  .grid--uniform .widescreen--two-sixths:nth-child(3n+1),
  .grid--uniform .widescreen--three-sixths:nth-child(2n+1),
  .grid--uniform .widescreen--one-eighth:nth-child(8n+1),
  .grid--uniform .widescreen--two-eighths:nth-child(4n+1),
  .grid--uniform .widescreen--four-eighths:nth-child(2n+1),
  .grid--uniform .widescreen--five-tenths:nth-child(2n+1),
  .grid--uniform .widescreen--one-twelfth:nth-child(12n+1),
  .grid--uniform .widescreen--two-twelfths:nth-child(6n+1),
  .grid--uniform .widescreen--three-twelfths:nth-child(4n+1),
  .grid--uniform .widescreen--four-twelfths:nth-child(3n+1),
  .grid--uniform .widescreen--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
  .widescreen--show {
    display: block !important;
  }
  .widescreen--hide {
    display: none !important;
  }
  .widescreen--text-left {
    text-align: left !important;
  }
  .widescreen--text-right {
    text-align: right !important;
  }
  .widescreen--text-center {
    text-align: center !important;
  }
}
/*================ Build Grid Push Classes ================*/
@media only screen and (max-width: 749px) {
  /* Halves */
  .small--push-one-half {
    left: 50%;
  }
  /* Thirds */
  .small--push-one-third {
    left: 33.3333333333%;
  }
  .small--push-two-thirds {
    left: 66.6666666667%;
  }
  /* Quarters */
  .small--push-one-quarter {
    left: 25%;
  }
  .small--push-two-quarters {
    left: 50%;
  }
  .small--push-three-quarters {
    left: 75%;
  }
  /* Fifths */
  .small--push-one-fifth {
    left: 20%;
  }
  .small--push-two-fifths {
    left: 40%;
  }
  .small--push-three-fifths {
    left: 60%;
  }
  .small--push-four-fifths {
    left: 80%;
  }
  /* Sixths */
  .small--push-one-sixth {
    left: 16.6666666667%;
  }
  .small--push-two-sixths {
    left: 33.3333333333%;
  }
  .small--push-three-sixths {
    left: 50%;
  }
  .small--push-four-sixths {
    left: 66.6666666667%;
  }
  .small--push-five-sixths {
    left: 83.3333333333%;
  }
  /* Eighths */
  .small--push-one-eighth {
    left: 12.5%;
  }
  .small--push-two-eighths {
    left: 25%;
  }
  .small--push-three-eighths {
    left: 37.5%;
  }
  .small--push-four-eighths {
    left: 50%;
  }
  .small--push-five-eighths {
    left: 62.5%;
  }
  .small--push-six-eighths {
    left: 75%;
  }
  .small--push-seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .small--push-one-tenth {
    left: 10%;
  }
  .small--push-two-tenths {
    left: 20%;
  }
  .small--push-three-tenths {
    left: 30%;
  }
  .small--push-four-tenths {
    left: 40%;
  }
  .small--push-five-tenths {
    left: 50%;
  }
  .small--push-six-tenths {
    left: 60%;
  }
  .small--push-seven-tenths {
    left: 70%;
  }
  .small--push-eight-tenths {
    left: 80%;
  }
  .small--push-nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .small--push-one-twelfth {
    left: 8.3333333333%;
  }
  .small--push-two-twelfths {
    left: 16.6666666667%;
  }
  .small--push-three-twelfths {
    left: 25%;
  }
  .small--push-four-twelfths {
    left: 33.3333333333%;
  }
  .small--push-five-twelfths {
    left: 41.6666666667%;
  }
  .small--push-six-twelfths {
    left: 50%;
  }
  .small--push-seven-twelfths {
    left: 58.3333333333%;
  }
  .small--push-eight-twelfths {
    left: 66.6666666667%;
  }
  .small--push-nine-twelfths {
    left: 75%;
  }
  .small--push-ten-twelfths {
    left: 83.3333333333%;
  }
  .small--push-eleven-twelfths {
    left: 91.6666666667%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  /* Halves */
  .medium--push-one-half {
    left: 50%;
  }
  /* Thirds */
  .medium--push-one-third {
    left: 33.3333333333%;
  }
  .medium--push-two-thirds {
    left: 66.6666666667%;
  }
  /* Quarters */
  .medium--push-one-quarter {
    left: 25%;
  }
  .medium--push-two-quarters {
    left: 50%;
  }
  .medium--push-three-quarters {
    left: 75%;
  }
  /* Fifths */
  .medium--push-one-fifth {
    left: 20%;
  }
  .medium--push-two-fifths {
    left: 40%;
  }
  .medium--push-three-fifths {
    left: 60%;
  }
  .medium--push-four-fifths {
    left: 80%;
  }
  /* Sixths */
  .medium--push-one-sixth {
    left: 16.6666666667%;
  }
  .medium--push-two-sixths {
    left: 33.3333333333%;
  }
  .medium--push-three-sixths {
    left: 50%;
  }
  .medium--push-four-sixths {
    left: 66.6666666667%;
  }
  .medium--push-five-sixths {
    left: 83.3333333333%;
  }
  /* Eighths */
  .medium--push-one-eighth {
    left: 12.5%;
  }
  .medium--push-two-eighths {
    left: 25%;
  }
  .medium--push-three-eighths {
    left: 37.5%;
  }
  .medium--push-four-eighths {
    left: 50%;
  }
  .medium--push-five-eighths {
    left: 62.5%;
  }
  .medium--push-six-eighths {
    left: 75%;
  }
  .medium--push-seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .medium--push-one-tenth {
    left: 10%;
  }
  .medium--push-two-tenths {
    left: 20%;
  }
  .medium--push-three-tenths {
    left: 30%;
  }
  .medium--push-four-tenths {
    left: 40%;
  }
  .medium--push-five-tenths {
    left: 50%;
  }
  .medium--push-six-tenths {
    left: 60%;
  }
  .medium--push-seven-tenths {
    left: 70%;
  }
  .medium--push-eight-tenths {
    left: 80%;
  }
  .medium--push-nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .medium--push-one-twelfth {
    left: 8.3333333333%;
  }
  .medium--push-two-twelfths {
    left: 16.6666666667%;
  }
  .medium--push-three-twelfths {
    left: 25%;
  }
  .medium--push-four-twelfths {
    left: 33.3333333333%;
  }
  .medium--push-five-twelfths {
    left: 41.6666666667%;
  }
  .medium--push-six-twelfths {
    left: 50%;
  }
  .medium--push-seven-twelfths {
    left: 58.3333333333%;
  }
  .medium--push-eight-twelfths {
    left: 66.6666666667%;
  }
  .medium--push-nine-twelfths {
    left: 75%;
  }
  .medium--push-ten-twelfths {
    left: 83.3333333333%;
  }
  .medium--push-eleven-twelfths {
    left: 91.6666666667%;
  }
}
@media only screen and (min-width: 750px) {
  /* Halves */
  .medium-up--push-one-half {
    left: 50%;
  }
  /* Thirds */
  .medium-up--push-one-third {
    left: 33.3333333333%;
  }
  .medium-up--push-two-thirds {
    left: 66.6666666667%;
  }
  /* Quarters */
  .medium-up--push-one-quarter {
    left: 25%;
  }
  .medium-up--push-two-quarters {
    left: 50%;
  }
  .medium-up--push-three-quarters {
    left: 75%;
  }
  /* Fifths */
  .medium-up--push-one-fifth {
    left: 20%;
  }
  .medium-up--push-two-fifths {
    left: 40%;
  }
  .medium-up--push-three-fifths {
    left: 60%;
  }
  .medium-up--push-four-fifths {
    left: 80%;
  }
  /* Sixths */
  .medium-up--push-one-sixth {
    left: 16.6666666667%;
  }
  .medium-up--push-two-sixths {
    left: 33.3333333333%;
  }
  .medium-up--push-three-sixths {
    left: 50%;
  }
  .medium-up--push-four-sixths {
    left: 66.6666666667%;
  }
  .medium-up--push-five-sixths {
    left: 83.3333333333%;
  }
  /* Eighths */
  .medium-up--push-one-eighth {
    left: 12.5%;
  }
  .medium-up--push-two-eighths {
    left: 25%;
  }
  .medium-up--push-three-eighths {
    left: 37.5%;
  }
  .medium-up--push-four-eighths {
    left: 50%;
  }
  .medium-up--push-five-eighths {
    left: 62.5%;
  }
  .medium-up--push-six-eighths {
    left: 75%;
  }
  .medium-up--push-seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .medium-up--push-one-tenth {
    left: 10%;
  }
  .medium-up--push-two-tenths {
    left: 20%;
  }
  .medium-up--push-three-tenths {
    left: 30%;
  }
  .medium-up--push-four-tenths {
    left: 40%;
  }
  .medium-up--push-five-tenths {
    left: 50%;
  }
  .medium-up--push-six-tenths {
    left: 60%;
  }
  .medium-up--push-seven-tenths {
    left: 70%;
  }
  .medium-up--push-eight-tenths {
    left: 80%;
  }
  .medium-up--push-nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .medium-up--push-one-twelfth {
    left: 8.3333333333%;
  }
  .medium-up--push-two-twelfths {
    left: 16.6666666667%;
  }
  .medium-up--push-three-twelfths {
    left: 25%;
  }
  .medium-up--push-four-twelfths {
    left: 33.3333333333%;
  }
  .medium-up--push-five-twelfths {
    left: 41.6666666667%;
  }
  .medium-up--push-six-twelfths {
    left: 50%;
  }
  .medium-up--push-seven-twelfths {
    left: 58.3333333333%;
  }
  .medium-up--push-eight-twelfths {
    left: 66.6666666667%;
  }
  .medium-up--push-nine-twelfths {
    left: 75%;
  }
  .medium-up--push-ten-twelfths {
    left: 83.3333333333%;
  }
  .medium-up--push-eleven-twelfths {
    left: 91.6666666667%;
  }
}
@media only screen and (max-width: 989px) {
  /* Halves */
  .medium-down--push-one-half {
    left: 50%;
  }
  /* Thirds */
  .medium-down--push-one-third {
    left: 33.3333333333%;
  }
  .medium-down--push-two-thirds {
    left: 66.6666666667%;
  }
  /* Quarters */
  .medium-down--push-one-quarter {
    left: 25%;
  }
  .medium-down--push-two-quarters {
    left: 50%;
  }
  .medium-down--push-three-quarters {
    left: 75%;
  }
  /* Fifths */
  .medium-down--push-one-fifth {
    left: 20%;
  }
  .medium-down--push-two-fifths {
    left: 40%;
  }
  .medium-down--push-three-fifths {
    left: 60%;
  }
  .medium-down--push-four-fifths {
    left: 80%;
  }
  /* Sixths */
  .medium-down--push-one-sixth {
    left: 16.6666666667%;
  }
  .medium-down--push-two-sixths {
    left: 33.3333333333%;
  }
  .medium-down--push-three-sixths {
    left: 50%;
  }
  .medium-down--push-four-sixths {
    left: 66.6666666667%;
  }
  .medium-down--push-five-sixths {
    left: 83.3333333333%;
  }
  /* Eighths */
  .medium-down--push-one-eighth {
    left: 12.5%;
  }
  .medium-down--push-two-eighths {
    left: 25%;
  }
  .medium-down--push-three-eighths {
    left: 37.5%;
  }
  .medium-down--push-four-eighths {
    left: 50%;
  }
  .medium-down--push-five-eighths {
    left: 62.5%;
  }
  .medium-down--push-six-eighths {
    left: 75%;
  }
  .medium-down--push-seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .medium-down--push-one-tenth {
    left: 10%;
  }
  .medium-down--push-two-tenths {
    left: 20%;
  }
  .medium-down--push-three-tenths {
    left: 30%;
  }
  .medium-down--push-four-tenths {
    left: 40%;
  }
  .medium-down--push-five-tenths {
    left: 50%;
  }
  .medium-down--push-six-tenths {
    left: 60%;
  }
  .medium-down--push-seven-tenths {
    left: 70%;
  }
  .medium-down--push-eight-tenths {
    left: 80%;
  }
  .medium-down--push-nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .medium-down--push-one-twelfth {
    left: 8.3333333333%;
  }
  .medium-down--push-two-twelfths {
    left: 16.6666666667%;
  }
  .medium-down--push-three-twelfths {
    left: 25%;
  }
  .medium-down--push-four-twelfths {
    left: 33.3333333333%;
  }
  .medium-down--push-five-twelfths {
    left: 41.6666666667%;
  }
  .medium-down--push-six-twelfths {
    left: 50%;
  }
  .medium-down--push-seven-twelfths {
    left: 58.3333333333%;
  }
  .medium-down--push-eight-twelfths {
    left: 66.6666666667%;
  }
  .medium-down--push-nine-twelfths {
    left: 75%;
  }
  .medium-down--push-ten-twelfths {
    left: 83.3333333333%;
  }
  .medium-down--push-eleven-twelfths {
    left: 91.6666666667%;
  }
}
@media only screen and (min-width: 990px) and (max-width: 1399px) {
  /* Halves */
  .large--push-one-half {
    left: 50%;
  }
  /* Thirds */
  .large--push-one-third {
    left: 33.3333333333%;
  }
  .large--push-two-thirds {
    left: 66.6666666667%;
  }
  /* Quarters */
  .large--push-one-quarter {
    left: 25%;
  }
  .large--push-two-quarters {
    left: 50%;
  }
  .large--push-three-quarters {
    left: 75%;
  }
  /* Fifths */
  .large--push-one-fifth {
    left: 20%;
  }
  .large--push-two-fifths {
    left: 40%;
  }
  .large--push-three-fifths {
    left: 60%;
  }
  .large--push-four-fifths {
    left: 80%;
  }
  /* Sixths */
  .large--push-one-sixth {
    left: 16.6666666667%;
  }
  .large--push-two-sixths {
    left: 33.3333333333%;
  }
  .large--push-three-sixths {
    left: 50%;
  }
  .large--push-four-sixths {
    left: 66.6666666667%;
  }
  .large--push-five-sixths {
    left: 83.3333333333%;
  }
  /* Eighths */
  .large--push-one-eighth {
    left: 12.5%;
  }
  .large--push-two-eighths {
    left: 25%;
  }
  .large--push-three-eighths {
    left: 37.5%;
  }
  .large--push-four-eighths {
    left: 50%;
  }
  .large--push-five-eighths {
    left: 62.5%;
  }
  .large--push-six-eighths {
    left: 75%;
  }
  .large--push-seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .large--push-one-tenth {
    left: 10%;
  }
  .large--push-two-tenths {
    left: 20%;
  }
  .large--push-three-tenths {
    left: 30%;
  }
  .large--push-four-tenths {
    left: 40%;
  }
  .large--push-five-tenths {
    left: 50%;
  }
  .large--push-six-tenths {
    left: 60%;
  }
  .large--push-seven-tenths {
    left: 70%;
  }
  .large--push-eight-tenths {
    left: 80%;
  }
  .large--push-nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .large--push-one-twelfth {
    left: 8.3333333333%;
  }
  .large--push-two-twelfths {
    left: 16.6666666667%;
  }
  .large--push-three-twelfths {
    left: 25%;
  }
  .large--push-four-twelfths {
    left: 33.3333333333%;
  }
  .large--push-five-twelfths {
    left: 41.6666666667%;
  }
  .large--push-six-twelfths {
    left: 50%;
  }
  .large--push-seven-twelfths {
    left: 58.3333333333%;
  }
  .large--push-eight-twelfths {
    left: 66.6666666667%;
  }
  .large--push-nine-twelfths {
    left: 75%;
  }
  .large--push-ten-twelfths {
    left: 83.3333333333%;
  }
  .large--push-eleven-twelfths {
    left: 91.6666666667%;
  }
}
@media only screen and (max-width: 1399px) {
  /* Halves */
  .large-down--push-one-half {
    left: 50%;
  }
  /* Thirds */
  .large-down--push-one-third {
    left: 33.3333333333%;
  }
  .large-down--push-two-thirds {
    left: 66.6666666667%;
  }
  /* Quarters */
  .large-down--push-one-quarter {
    left: 25%;
  }
  .large-down--push-two-quarters {
    left: 50%;
  }
  .large-down--push-three-quarters {
    left: 75%;
  }
  /* Fifths */
  .large-down--push-one-fifth {
    left: 20%;
  }
  .large-down--push-two-fifths {
    left: 40%;
  }
  .large-down--push-three-fifths {
    left: 60%;
  }
  .large-down--push-four-fifths {
    left: 80%;
  }
  /* Sixths */
  .large-down--push-one-sixth {
    left: 16.6666666667%;
  }
  .large-down--push-two-sixths {
    left: 33.3333333333%;
  }
  .large-down--push-three-sixths {
    left: 50%;
  }
  .large-down--push-four-sixths {
    left: 66.6666666667%;
  }
  .large-down--push-five-sixths {
    left: 83.3333333333%;
  }
  /* Eighths */
  .large-down--push-one-eighth {
    left: 12.5%;
  }
  .large-down--push-two-eighths {
    left: 25%;
  }
  .large-down--push-three-eighths {
    left: 37.5%;
  }
  .large-down--push-four-eighths {
    left: 50%;
  }
  .large-down--push-five-eighths {
    left: 62.5%;
  }
  .large-down--push-six-eighths {
    left: 75%;
  }
  .large-down--push-seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .large-down--push-one-tenth {
    left: 10%;
  }
  .large-down--push-two-tenths {
    left: 20%;
  }
  .large-down--push-three-tenths {
    left: 30%;
  }
  .large-down--push-four-tenths {
    left: 40%;
  }
  .large-down--push-five-tenths {
    left: 50%;
  }
  .large-down--push-six-tenths {
    left: 60%;
  }
  .large-down--push-seven-tenths {
    left: 70%;
  }
  .large-down--push-eight-tenths {
    left: 80%;
  }
  .large-down--push-nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .large-down--push-one-twelfth {
    left: 8.3333333333%;
  }
  .large-down--push-two-twelfths {
    left: 16.6666666667%;
  }
  .large-down--push-three-twelfths {
    left: 25%;
  }
  .large-down--push-four-twelfths {
    left: 33.3333333333%;
  }
  .large-down--push-five-twelfths {
    left: 41.6666666667%;
  }
  .large-down--push-six-twelfths {
    left: 50%;
  }
  .large-down--push-seven-twelfths {
    left: 58.3333333333%;
  }
  .large-down--push-eight-twelfths {
    left: 66.6666666667%;
  }
  .large-down--push-nine-twelfths {
    left: 75%;
  }
  .large-down--push-ten-twelfths {
    left: 83.3333333333%;
  }
  .large-down--push-eleven-twelfths {
    left: 91.6666666667%;
  }
}
@media only screen and (min-width: 990px) {
  /* Halves */
  .large-up--push-one-half {
    left: 50%;
  }
  /* Thirds */
  .large-up--push-one-third {
    left: 33.3333333333%;
  }
  .large-up--push-two-thirds {
    left: 66.6666666667%;
  }
  /* Quarters */
  .large-up--push-one-quarter {
    left: 25%;
  }
  .large-up--push-two-quarters {
    left: 50%;
  }
  .large-up--push-three-quarters {
    left: 75%;
  }
  /* Fifths */
  .large-up--push-one-fifth {
    left: 20%;
  }
  .large-up--push-two-fifths {
    left: 40%;
  }
  .large-up--push-three-fifths {
    left: 60%;
  }
  .large-up--push-four-fifths {
    left: 80%;
  }
  /* Sixths */
  .large-up--push-one-sixth {
    left: 16.6666666667%;
  }
  .large-up--push-two-sixths {
    left: 33.3333333333%;
  }
  .large-up--push-three-sixths {
    left: 50%;
  }
  .large-up--push-four-sixths {
    left: 66.6666666667%;
  }
  .large-up--push-five-sixths {
    left: 83.3333333333%;
  }
  /* Eighths */
  .large-up--push-one-eighth {
    left: 12.5%;
  }
  .large-up--push-two-eighths {
    left: 25%;
  }
  .large-up--push-three-eighths {
    left: 37.5%;
  }
  .large-up--push-four-eighths {
    left: 50%;
  }
  .large-up--push-five-eighths {
    left: 62.5%;
  }
  .large-up--push-six-eighths {
    left: 75%;
  }
  .large-up--push-seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .large-up--push-one-tenth {
    left: 10%;
  }
  .large-up--push-two-tenths {
    left: 20%;
  }
  .large-up--push-three-tenths {
    left: 30%;
  }
  .large-up--push-four-tenths {
    left: 40%;
  }
  .large-up--push-five-tenths {
    left: 50%;
  }
  .large-up--push-six-tenths {
    left: 60%;
  }
  .large-up--push-seven-tenths {
    left: 70%;
  }
  .large-up--push-eight-tenths {
    left: 80%;
  }
  .large-up--push-nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .large-up--push-one-twelfth {
    left: 8.3333333333%;
  }
  .large-up--push-two-twelfths {
    left: 16.6666666667%;
  }
  .large-up--push-three-twelfths {
    left: 25%;
  }
  .large-up--push-four-twelfths {
    left: 33.3333333333%;
  }
  .large-up--push-five-twelfths {
    left: 41.6666666667%;
  }
  .large-up--push-six-twelfths {
    left: 50%;
  }
  .large-up--push-seven-twelfths {
    left: 58.3333333333%;
  }
  .large-up--push-eight-twelfths {
    left: 66.6666666667%;
  }
  .large-up--push-nine-twelfths {
    left: 75%;
  }
  .large-up--push-ten-twelfths {
    left: 83.3333333333%;
  }
  .large-up--push-eleven-twelfths {
    left: 91.6666666667%;
  }
}
@media only screen and (max-width: 1399px) {
  /* Halves */
  .large-down--push-one-half {
    left: 50%;
  }
  /* Thirds */
  .large-down--push-one-third {
    left: 33.3333333333%;
  }
  .large-down--push-two-thirds {
    left: 66.6666666667%;
  }
  /* Quarters */
  .large-down--push-one-quarter {
    left: 25%;
  }
  .large-down--push-two-quarters {
    left: 50%;
  }
  .large-down--push-three-quarters {
    left: 75%;
  }
  /* Fifths */
  .large-down--push-one-fifth {
    left: 20%;
  }
  .large-down--push-two-fifths {
    left: 40%;
  }
  .large-down--push-three-fifths {
    left: 60%;
  }
  .large-down--push-four-fifths {
    left: 80%;
  }
  /* Sixths */
  .large-down--push-one-sixth {
    left: 16.6666666667%;
  }
  .large-down--push-two-sixths {
    left: 33.3333333333%;
  }
  .large-down--push-three-sixths {
    left: 50%;
  }
  .large-down--push-four-sixths {
    left: 66.6666666667%;
  }
  .large-down--push-five-sixths {
    left: 83.3333333333%;
  }
  /* Eighths */
  .large-down--push-one-eighth {
    left: 12.5%;
  }
  .large-down--push-two-eighths {
    left: 25%;
  }
  .large-down--push-three-eighths {
    left: 37.5%;
  }
  .large-down--push-four-eighths {
    left: 50%;
  }
  .large-down--push-five-eighths {
    left: 62.5%;
  }
  .large-down--push-six-eighths {
    left: 75%;
  }
  .large-down--push-seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .large-down--push-one-tenth {
    left: 10%;
  }
  .large-down--push-two-tenths {
    left: 20%;
  }
  .large-down--push-three-tenths {
    left: 30%;
  }
  .large-down--push-four-tenths {
    left: 40%;
  }
  .large-down--push-five-tenths {
    left: 50%;
  }
  .large-down--push-six-tenths {
    left: 60%;
  }
  .large-down--push-seven-tenths {
    left: 70%;
  }
  .large-down--push-eight-tenths {
    left: 80%;
  }
  .large-down--push-nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .large-down--push-one-twelfth {
    left: 8.3333333333%;
  }
  .large-down--push-two-twelfths {
    left: 16.6666666667%;
  }
  .large-down--push-three-twelfths {
    left: 25%;
  }
  .large-down--push-four-twelfths {
    left: 33.3333333333%;
  }
  .large-down--push-five-twelfths {
    left: 41.6666666667%;
  }
  .large-down--push-six-twelfths {
    left: 50%;
  }
  .large-down--push-seven-twelfths {
    left: 58.3333333333%;
  }
  .large-down--push-eight-twelfths {
    left: 66.6666666667%;
  }
  .large-down--push-nine-twelfths {
    left: 75%;
  }
  .large-down--push-ten-twelfths {
    left: 83.3333333333%;
  }
  .large-down--push-eleven-twelfths {
    left: 91.6666666667%;
  }
}
@media only screen and (min-width: 1400px) {
  /* Halves */
  .widescreen--push-one-half {
    left: 50%;
  }
  /* Thirds */
  .widescreen--push-one-third {
    left: 33.3333333333%;
  }
  .widescreen--push-two-thirds {
    left: 66.6666666667%;
  }
  /* Quarters */
  .widescreen--push-one-quarter {
    left: 25%;
  }
  .widescreen--push-two-quarters {
    left: 50%;
  }
  .widescreen--push-three-quarters {
    left: 75%;
  }
  /* Fifths */
  .widescreen--push-one-fifth {
    left: 20%;
  }
  .widescreen--push-two-fifths {
    left: 40%;
  }
  .widescreen--push-three-fifths {
    left: 60%;
  }
  .widescreen--push-four-fifths {
    left: 80%;
  }
  /* Sixths */
  .widescreen--push-one-sixth {
    left: 16.6666666667%;
  }
  .widescreen--push-two-sixths {
    left: 33.3333333333%;
  }
  .widescreen--push-three-sixths {
    left: 50%;
  }
  .widescreen--push-four-sixths {
    left: 66.6666666667%;
  }
  .widescreen--push-five-sixths {
    left: 83.3333333333%;
  }
  /* Eighths */
  .widescreen--push-one-eighth {
    left: 12.5%;
  }
  .widescreen--push-two-eighths {
    left: 25%;
  }
  .widescreen--push-three-eighths {
    left: 37.5%;
  }
  .widescreen--push-four-eighths {
    left: 50%;
  }
  .widescreen--push-five-eighths {
    left: 62.5%;
  }
  .widescreen--push-six-eighths {
    left: 75%;
  }
  .widescreen--push-seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .widescreen--push-one-tenth {
    left: 10%;
  }
  .widescreen--push-two-tenths {
    left: 20%;
  }
  .widescreen--push-three-tenths {
    left: 30%;
  }
  .widescreen--push-four-tenths {
    left: 40%;
  }
  .widescreen--push-five-tenths {
    left: 50%;
  }
  .widescreen--push-six-tenths {
    left: 60%;
  }
  .widescreen--push-seven-tenths {
    left: 70%;
  }
  .widescreen--push-eight-tenths {
    left: 80%;
  }
  .widescreen--push-nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .widescreen--push-one-twelfth {
    left: 8.3333333333%;
  }
  .widescreen--push-two-twelfths {
    left: 16.6666666667%;
  }
  .widescreen--push-three-twelfths {
    left: 25%;
  }
  .widescreen--push-four-twelfths {
    left: 33.3333333333%;
  }
  .widescreen--push-five-twelfths {
    left: 41.6666666667%;
  }
  .widescreen--push-six-twelfths {
    left: 50%;
  }
  .widescreen--push-seven-twelfths {
    left: 58.3333333333%;
  }
  .widescreen--push-eight-twelfths {
    left: 66.6666666667%;
  }
  .widescreen--push-nine-twelfths {
    left: 75%;
  }
  .widescreen--push-ten-twelfths {
    left: 83.3333333333%;
  }
  .widescreen--push-eleven-twelfths {
    left: 91.6666666667%;
  }
}
/**
 * Layout
 */
html, body {
  min-height: 100%;
}

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: "1rem";
}
html body {
  color: #0f1419;
  background-color: #ffffff;
  font-size: "1rem";
}
html body * {
  -webkit-font-smoothing: antialiased;
}

.container {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  min-height: 100%;
  background-color: #ffffff;
}

.content-container {
  margin: auto;
  max-width: 1100px;
}

#IE8bg {
  display: none;
}

.just {
  text-align: justify;
}

.product-grid.just {
  font-size: 0.001px;
}

.just > * {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  font-size: "1rem";
}

.just:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
}

/**
 * CONTENT WRAPPER
 */
.main-content {
  margin: 0;
  padding: 0 0 40px 0;
  min-width: 100%;
  display: block;
}
@media only screen and (max-width: 749px) {
  .main-content {
    padding-top: 0px;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 750px) {
  .template-product .main-content,
  .template-index .main-content,
  .template-collection .main-content,
  .template-list-collections .main-content,
  .template-search .main-content,
  .template-page .main-content {
    padding: 0;
  }
}

.wrapper::after {
  content: "";
  display: table;
  clear: both;
}
.wrapper {
  *zoom: 1;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 50px;
}
@media only screen and (max-width: 749px) {
  .wrapper {
    padding: 0 25px;
  }
}

.wrapper--full {
  max-width: none;
  margin: 0 30px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .wrapper--full {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 749px) {
  .wrapper--full {
    padding: 0 25px;
    margin: 0;
  }
}

.wrapper--wide {
  max-width: none;
  margin: 0 60px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .wrapper--wide {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 749px) {
  .wrapper--wide {
    padding: 0 25px;
  }
}

.page-margin {
  margin-top: 60px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .page-margin {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 749px) {
  .page-margin {
    padding-bottom: 24px;
  }
}

/**
 * TABLES
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #f0f0f0;
  margin: 1em 0;
}

table tr > th,
table tr > td {
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  padding: 10px;
  line-height: 1.3;
  vertical-align: middle;
}

.table {
  display: table;
  width: 100%;
  height: 100%;
}

dl {
  margin-bottom: 1.5em;
}

dt,
dd {
  line-height: 1.5em;
}

dt {
  font-weight: 400;
}

dd {
  margin-left: 0.8em;
}

/**
 * Typography
 */
h1, h2, h3, h4, h5, h6 {
  font-family: "asmbold";
  font-style: "normal";
  line-height: 1.2;
  font-weight: 900;
  margin: 0 0 0.5em 0;
}
h1.theme, h2.theme, h3.theme, h4.theme, h5.theme, h6.theme {
  text-align: center;
  position: relative;
  z-index: 11;
}

h1, .h1 {
  font-size: 2.5rem;
  line-height: 1.1;
}
@media only screen and (max-width: 749px) {
  h1, .h1 {
    font-size: 2rem;
  }
}

h2, .h2 {
  font-size: 2rem;
  line-height: 1.2;
}
@media only screen and (max-width: 749px) {
  h2, .h2 {
    font-size: 1.8rem;
  }
}

h3, .h3 {
  font-size: 1.8rem;
  line-height: 1.3;
}
@media only screen and (max-width: 749px) {
  h3, .h3 {
    font-size: 1.5rem;
  }
}

h4, .h4 {
  font-size: 1.5rem;
  line-height: 1.5;
}
@media only screen and (max-width: 749px) {
  h4, .h4 {
    font-size: 1.35rem;
  }
}

h5, .h5 {
  font-size: 1rem;
  line-height: 1.6;
}

h6, .h6 {
  font-size: 0.875rem;
  line-height: 1.6;
}

/*================ Headings with body font ================*/
.body {
  font-weight: "normal";
  font-style: "normal";
}

.h1--body {
  font-size: 2rem;
  line-height: 1.1;
}
@media only screen and (max-width: 749px) {
  .h1--body {
    font-size: 2.815rem;
  }
}

.h2--body {
  font-size: 1.675rem;
  line-height: 1.54;
}
@media only screen and (max-width: 749px) {
  .h2--body {
    font-size: 1.8rem;
  }
}

.h3--body {
  font-size: 1.5rem;
  line-height: 1.3;
}
@media only screen and (max-width: 749px) {
  .h3--body {
    font-size: 1.875rem;
  }
}

.h4--body {
  font-size: 1.5rem;
  line-height: 1.5;
}

.h5--body {
  font-size: 1.25rem;
  line-height: 1.6;
}

.h6--body {
  font-size: 0.875rem;
  line-height: 1.6;
}

.h1--body,
.h2--body,
.h3--body,
.h4--body,
.h5--body,
.h6--body {
  font-weight: "normal";
  font-style: "normal";
  text-transform: none;
  letter-spacing: 0px;
  margin: 0 0 0.75em;
  line-height: 1.4;
}
.h1--body a,
.h2--body a,
.h3--body a,
.h4--body a,
.h5--body a,
.h6--body a {
  text-decoration: none;
  font-weight: inherit;
}

/*================ Standard elements ================*/
.p {
  font-size: "1rem";
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 0.5em;
}

.strong, strong {
  font-weight: 400;
}

small, .small {
  font-size: 0.875em;
  line-height: 1.5;
}

a {
  text-decoration: none;
  color: #0f1419;
}

a:hover {
  color: #FF252A;
}

blockquote {
  padding-left: 1.5em;
  border-left: 5px solid #0f1419;
  margin: 0 0 1.5em 1.25em;
}

ul, ol {
  margin: 0 0 1.5em 1.3em;
}
ul.unstyled, ol.unstyled {
  list-style-type: none;
  margin-left: 0;
}
ul.inline-list li, ol.inline-list li {
  display: inline-block;
  margin-bottom: 0;
}

li {
  margin: 0 0 0.25em 0;
}

hr, .hr {
  clear: both;
  border-top: solid #f0f0f0;
  border-width: 1px 0 0;
  margin: 1.25rem 0;
  height: 0;
}
hr.hr--small, .hr.hr--small {
  margin: 0.625rem 0;
}
hr.hr--tall, .hr.hr--tall {
  margin: 2.5rem 0;
}
hr.hr--clear, .hr.hr--clear {
  border-top-color: transparent;
}
hr.hr--dash, .hr.hr--dash {
  margin: 50px auto;
  width: 40px;
}
hr.hr--thick, .hr.hr--thick {
  border-width: 2px 0 0;
}
hr.hr--underline, .hr.hr--underline {
  margin-top: 10px;
  margin-bottom: 20px;
}
hr.hr--no-margin, .hr.hr--no-margin {
  margin: 0;
}

.caps {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8em;
  font-weight: "normal";
}

.highlight {
  background-color: rgba(255, 37, 42, 0.05);
  color: #FF252A;
  padding: 3px 6px;
  border-radius: 3px;
}

.coll-heading {
  margin: 0;
  padding: 40px 0;
  font-weight: 600;
}
.coll-heading .icon {
  width: 36px;
  height: 36px;
  margin-right: 12px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .coll-heading {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 749px) {
  .coll-heading {
    padding: 15px 0;
  }
}

/**
 * Icons
 */
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: currentColor;
}
.no-svg .icon {
  display: none;
}

.oi.small {
  font-size: 0.7em;
  margin-left: 8px;
}

svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) rect {
  fill: inherit;
  stroke: inherit;
}

/*============================================================================
  A generic way to visually hide content while
  remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.icon-fallback-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.no-svg .icon-fallback-text {
  position: static !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

/*================ Payment Icons ================*/
.payment-icons {
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  cursor: default;
}

/**
 * Rich Text Editor
 */
.rte img {
  height: auto;
}
.rte table {
  table-layout: fixed;
}
.rte ul,
.rte ol {
  margin: 0 0 25px 50px;
}
.rte ul {
  list-style: disc outside;
}
.rte ul ul {
  list-style: circle outside;
}
.rte ul ul ul {
  list-style: square outside;
}
.rte p {
  margin: 1em 0;
}
.rte a {
  color: #FF252A;
}
.rte > *:first-child {
  margin-top: 0;
}
.rte > *:last-child {
  margin-bottom: 0;
}

.text-center.rte ul,
.text-center.rte ol,
.text-center .rte ul,
.text-center .rte ol {
  margin-left: 0;
  list-style-position: inside;
}

.rte-table {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.rte__video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto;
}
.rte__video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rte__table-wrapper {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/**
 * Responsive tables
 * defined with .responsive-table on table element.
 */
@media only screen and (max-width: 749px) {
  .responsive-table {
    width: 100%;
  }
  .responsive-table thead {
    display: none;
  }
  .responsive-table tr {
    display: block;
  }
  .responsive-table tr,
  .responsive-table td {
    float: left;
    clear: both;
    width: 100%;
  }
  .responsive-table th,
  .responsive-table td {
    display: block;
    text-align: right;
    padding: 25px;
    margin: 0;
  }
  .responsive-table td::before {
    content: attr(data-label);
    float: left;
    text-align: center;
    padding-right: 10px;
  }
  .responsive-table-row + .responsive-table-row,
  tfoot > .responsive-table-row:first-child {
    position: relative;
    margin-top: 10px;
    padding-top: 25px;
  }
  .responsive-table-row + .responsive-table-row::after,
  tfoot > .responsive-table-row:first-child::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 25px;
    right: 25px;
    border-bottom: 1px solid #f0f0f0;
  }
}
/**
 * Links & Buttons
 */
button {
  width: auto;
  overflow: visible;
}

.btn, .button {
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.5;
  transition: all 0.15s ease;
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 0;
  border-radius: "0px";
  font-weight: 400;
  cursor: pointer;
  background: #FF252A;
  color: #fff;
  font-size: 0.875rem;
  font-family: "asmbold", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2142857143;
  padding: 1rem 3.0625rem;
  text-transform: uppercase;
}
.btn:hover, .button:hover {
  color: #fff;
  background: rgb(100%, 4.5098039216%, 6.6999460335%);
  box-shadow: 0 2px 6px rgba(255, 37, 42, 0.06), 0 1px 3px rgba(255, 37, 42, 0.04);
}
.btn:focus, .button:focus {
  color: #fff;
  background: rgb(94.5098039216%, 0%, 2.1676560532%);
}
.btn[disabled], .button[disabled] {
  border-color: #999;
  background-color: #e6e6e6;
  color: #999;
  cursor: not-allowed;
}
@media only screen and (max-width: 749px) {
  .small--one-half .btn, .small--one-half .button {
    padding: 0.3125rem 0.625rem;
  }
}

.btn:active,
.button:active {
  transform: translateY(1px);
}

.btn--secondary {
  background-color: rgba(255, 255, 255, 0);
  color: #FF252A;
  border: 1px solid #FF252A;
  box-shadow: none;
}
.btn--secondary:hover, .btn--secondary:active, .btn--secondary:focus {
  background-color: #FF252A;
  color: #ffffff;
  border: 1px solid #FF252A;
}
.btn--secondary:active {
  transform: translateY(1px);
  border: 1px solid rgb(100%, 4.5098039216%, 6.6999460335%);
}

.btn--neutral {
  background-color: #0f1419;
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(15, 20, 25, 0.06), 0 1px 3px rgba(15, 20, 25, 0.04);
}
.btn--neutral:hover {
  color: #ffffff;
  box-shadow: 0 3px 14px rgba(15, 20, 25, 0.06), 0 2px 4px rgba(15, 20, 25, 0.04);
  background: rgb(2.1323529412%, 2.8431372549%, 3.5539215686%);
}
.btn--neutral:active, .btn--neutral:focus {
  background: black;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(15, 20, 25, 0.04), 0 1px 2px rgba(15, 20, 25, 0.04);
}

.btn--secondary.btn--neutral {
  background-color: rgba(255, 255, 255, 0);
  color: #0f1419;
  border: 1px solid #0f1419;
  box-shadow: none;
}
.btn--secondary.btn--neutral:hover, .btn--secondary.btn--neutral:active, .btn--secondary.btn--neutral:focus {
  background-color: #0f1419;
  color: #fff;
  border: 1px solid #0f1419;
  box-shadow: none;
}

.btn--accent {
  background-color: #0f1419;
  color: #ffffff;
}
.btn--accent:hover {
  color: #0f1419;
  box-shadow: 0 2px 6px rgba(15, 20, 25, 0.06), 0 1px 3px rgba(15, 20, 25, 0.04);
}
.btn--accent:active, .btn--accent:focus {
  background-color: #fff;
  color: #0f1419;
}

.btn--secondary.btn--accent {
  background-color: rgba(255, 255, 255, 0);
  color: #0f1419;
  border: 1px solid #0f1419;
  box-shadow: none;
}
.btn--secondary.btn--accent:hover, .btn--secondary.btn--accent:active, .btn--secondary.btn--accent:focus {
  background-color: #0f1419;
  color: #fff;
  border: 1px solid #0f1419;
  box-shadow: none;
}

.btn--white {
  background-color: #fff;
  color: black;
}
.btn--white:hover {
  color: #0f1419;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(15, 20, 25, 0.04), 0 1px 2px rgba(15, 20, 25, 0.04);
}
.btn--white:active, .btn--white:focus {
  background-color: #fff;
  color: #0f1419;
}

.btn--secondary.btn--white {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-shadow: none;
}
.btn--secondary.btn--white:hover, .btn--secondary.btn--white:active, .btn--secondary.btn--white:focus {
  background-color: #fff;
  color: #0f1419;
  border: 1px solid #fff;
  box-shadow: none;
}

.btn--light {
  background-color: #ffffff;
  color: rgb(14.9418823529%, 19.8431372549%, 24.7443921569%);
  border: 1px solid rgb(14.9418823529%, 19.8431372549%, 24.7443921569%);
}
.btn--light:hover {
  color: #0f1419;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(15, 20, 25, 0.04), 0 1px 2px rgba(15, 20, 25, 0.04);
}
.btn--light:active, .btn--light:focus {
  background-color: #fff;
  color: #0f1419;
}

.btn.sml,
.buttom.sml {
  font-size: 0.875em;
  line-height: 1.5;
  padding: 5px 10px;
}

.btn--unstyled {
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.btn--half {
  margin: 0;
  min-width: 50%;
}
@media only screen and (max-width: 749px) {
  .btn--half {
    width: 100%;
  }
}

.btn--small {
  font-size: 0.875em;
  padding: 5px 10px;
}
@media only screen and (max-width: 749px) {
  .btn--small {
    padding: 4px 8px;
  }
}

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

.btn--pill {
  border: none;
  padding: 3px 10px;
  background-color: rgb(96.1176470588%, 96.1176470588%, 96.1176470588%);
  color: #0f1419;
  border-radius: 20px;
  box-shadow: none;
  transition: all 0.15s ease;
  font-size: 0.875rem;
}
.btn--pill:hover {
  box-shadow: none;
  background-color: #f0f0f0;
  color: #0f1419;
}
.btn--pill:active, .btn--pill:focus {
  background-color: #f0f0f0;
  box-shadow: none;
}
.btn--pill .oi {
  margin-left: 6px;
}

.text-link {
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0);
  text-decoration: none !important;
  cursor: pointer;
  color: #FF252A;
  border-bottom: 1px solid currentColor;
  padding: 0 0 3px;
  transition: all 0.25s ease-in;
}
.text-link:hover {
  background-color: rgba(255, 255, 255, 0);
  border-color: transparent;
  box-shadow: none;
}
.text-link:active, .text-link:focus {
  background-color: rgba(255, 255, 255, 0);
  color: #0f1419;
  transform: translateY(2px);
  border-bottom: 1px solid rgb(86.1176470588%, 86.1176470588%, 86.1176470588%);
  border-left: none;
  border-right: none;
  border-top: none;
  box-shadow: none;
}

.btn + .text-link,
button + .text-link {
  margin-left: 15px;
}

.inline-nav {
  list-style: none;
  list-style-type: none;
  text-align: center;
  padding: 0;
  margin: 0 0 30px 0;
}
.inline-nav li {
  display: inline-block;
  padding: 5px 0;
  margin: 5px 20px;
}
@media only screen and (max-width: 749px) {
  .inline-nav li {
    margin: 5px 15px 5px 0;
  }
}
.inline-nav li a {
  color: #0f1419;
  position: relative;
}
.inline-nav li a:after {
  content: "";
  margin: auto;
  width: 10%;
  height: 2px;
  position: absolute;
  bottom: -4px;
  left: 0;
  opacity: 0;
  background: #FF252A;
  transition: all 0.15s ease-in;
  box-shadow: 0 1px 3px rgba(255, 37, 42, 0.04), 0 1px 2px rgba(255, 37, 42, 0.04);
}
.inline-nav li.inline-nav--active a,
.inline-nav li a:hover {
  color: #0f1419;
}
.inline-nav li.inline-nav--active a:after,
.inline-nav li a:hover:after {
  color: #0f1419;
  opacity: 1;
  width: 100%;
}

.input-group.newsletter-form {
  border: 1px solid #0f1419;
}
.input-group.newsletter-form .input-group-btn,
.input-group.newsletter-form .input-group-btn .btn,
.input-group.newsletter-form .input-group-btn .btn:active,
.input-group.newsletter-form .input-group-btn .btn:focus {
  background-color: #0f1419;
  color: #ffffff;
}
.input-group.newsletter-form input {
  color: #0f1419;
  border: none;
}
.input-group.newsletter-form input:active, .input-group.newsletter-form input:focus {
  border: none;
  box-shadow: none;
}
.input-group.newsletter-form .input-group-field {
  height: 3.0625rem;
}

.input-group.newsletter-form .input-group-btn .btn {
  border-radius: "0px";
}

/**
 * Forms
 */
input,
textarea,
select,
.input-group {
  border: 1px solid #f0f0f0;
  font-size: 1em;
  border-radius: "0px";
  max-width: 100%;
  padding: 16px;
  margin: 7px 0;
  background: rgba(255, 255, 255, 0);
  font-weight: "normal";
  font-style: "normal";
}
@media only screen and (max-width: 749px) {
  input,
  textarea,
  select,
  .input-group {
    padding: 9px 10px;
    font-size: 16px;
  }
}
input[disabled],
textarea[disabled],
select[disabled],
.input-group[disabled] {
  cursor: default;
  background-color: rgb(91.1176470588%, 91.1176470588%, 91.1176470588%);
  border-color: rgb(69.1176470588%, 69.1176470588%, 69.1176470588%);
}

textarea {
  min-height: 100px;
  padding: 16px;
}

.form-item,
.form-field {
  width: 100%;
  max-width: 400px;
  margin: 0 auto 20px;
  line-height: 1;
  text-align: left;
  position: relative;
}

.form-item select {
  width: 100%;
}

.form-field label {
  background: #ffffff;
  color: #0f1419;
  font-size: 12px;
  font-weight: 400;
  left: 9px;
  opacity: 0;
  padding: 0 0.5em;
  position: absolute;
  top: 2em;
  transition: all 0.15s ease-in;
  z-index: -1;
}
.form-field label.label--float {
  opacity: 1;
  top: -0.8em;
  z-index: 1;
}

.form-field input[type=text],
.form-field input[type=password],
.form-field input[type=email],
.form-field input[type=tel],
.form-field textarea {
  display: block;
  width: 100%;
}

input[type=checkbox] {
  margin: 4px 3px 2px 0;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
  -o-appearance: checkbox;
  appearance: checkbox;
}

input[type=radio] {
  margin: 11px 3px 4px 0px;
  -webkit-appearance: radio;
  -moz-appearance: radio;
  -ms-appearance: radio;
  -o-appearance: radio;
  appearance: radio;
}

legend {
  padding-bottom: 6px;
}

.label--block {
  display: block;
}

/*================ Input Group ================*/
.input-group {
  background-color: rgba(255, 255, 255, 0);
  position: relative;
  display: table;
  border-collapse: separate;
  padding: 0;
}
.input-group .btn {
  box-shadow: none;
}
.input-group input,
.input-group input:focus,
.input-group input:active {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  box-shadow: none;
  margin: 0;
}
.input-group input::-moz-focus-inner,
.input-group input:focus::-moz-focus-inner,
.input-group input:active::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: -1px;
  margin-bottom: -1px;
}

.input-group-field,
.input-group-btn {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}

.input-group .input-group-field {
  width: 100%;
  margin-bottom: 0;
}

.input-group-btn {
  position: relative;
  white-space: nowrap;
  width: 1%;
  padding: 0;
  margin: 0;
}

/*================ Custom select style ================*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url(//www.ueshimacoffeecompany.com/cdn/shop/t/23/assets/ico-select.svg?v=115630813262522069291788884760);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: transparent;
  background-size: 11px auto;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: "";
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

/*================ Error styles ================*/
input.input-error,
select.input-error,
textarea.input-error {
  border-color: #FF252A;
  background-color: rgb(100%, 74.5098039216%, 75.0944414463%);
  color: #FF252A;
}

@media only screen and (min-width: 750px) {
  .form-padding--medium-up {
    padding-right: 10px;
  }
}

form .errors,
.form-errors {
  padding: 0.9375rem 1.25rem;
  border: 1px solid #f5c6cb;
  border-radius: "0px";
  margin: 2em auto;
  background-color: #f8d7da;
  color: #721c24;
}
form .errors ul,
.form-errors ul {
  list-style-type: none;
  margin: 10px 20px;
  padding: 0;
  color: inherit;
}

form .errors {
  max-width: 400px;
}

.cart-form-errors {
  padding: 0.9375rem 1.25rem;
  border: 1px solid #f5c6cb;
  border-radius: "0px";
  margin: 2em 0;
  background-color: #f8d7da;
  color: #721c24;
}
.cart-form-errors ul {
  list-style-type: none;
  margin: 10px 20px;
  padding: 0;
  color: inherit;
}

.form-success {
  border: 1px solid #f0f0f0;
  border-radius: "0px";
  margin: 0 0 1.875rem 0;
  padding: 0.9375rem 1.25rem;
  color: #0f1419;
  box-shadow: 0 1px 3px rgba(240, 240, 240, 0.04), 0 1px 2px rgba(240, 240, 240, 0.04);
}

.form--search input {
  width: 80%;
}
.form--search .btn {
  width: 19%;
  padding: 10px 0;
}

.contact-form .form-success {
  max-width: 400px;
  margin: 30px auto;
}

.template- .main-content {
  margin-top: 30px;
}

/**
 * Blank States
 */
.placeholder-svg {
  display: block;
  fill: rgb(14.9418823529%, 19.8431372549%, 24.7443921569%);
  background-color: #f7f7f7;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid #f7f7f7;
}

.placeholder-svg--small {
  width: 480px;
}

.placeholder-noblocks {
  padding: 40px;
  text-align: center;
}

.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.placeholder-background .icon {
  border: 0;
}

/**
 * Images
 */
.lazy-image {
  display: block;
  position: relative;
  background-size: cover;
}

.lazy-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.fade-in.lazyloaded {
  opacity: 1;
}

.fade-in {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

/* === snippets/image-fill.liquid === */
.image__fill {
  display: block;
  position: relative;
  overflow: hidden;
}

/* === image load animations === */
.fade-in-child .background-size-cover.lazyloaded {
  opacity: 1;
}

.fade-in-child .background-size-cover {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in;
}

.no-js .lazyload {
  display: none !important;
}
.no-js .no-js-image {
  display: block;
}
.no-js [data-aos] {
  opacity: 1 !important;
  transform: none !important;
}

.loader {
  position: relative;
  height: 4px;
  display: block;
  background-color: rgba(255, 37, 42, 0.1);
  border-radius: 2px;
  overflow: hidden;
  width: 150px;
  margin: 30px auto;
}
.loadMore .loader {
  opacity: 1;
  visibility: visible;
}

.lazyloaded .loader {
  opacity: 0;
  visibility: hidden;
}

.loader-indeterminate {
  background-color: #FF252A;
}
.loader-indeterminate::before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: -35%;
  width: 100%;
  bottom: 0;
  will-change: transform;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.loader-indeterminate::after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: -200%;
  width: 100%;
  bottom: 0;
  will-change: transform;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}

@keyframes indeterminate {
  0% {
    transform: translateX(0) scale(0.35, 1);
  }
  60% {
    transform: translateX(200px) scale(0.9, 1);
  }
  100% {
    transform: translateX(200px) scale(0.9, 1);
  }
}
@keyframes indeterminate-short {
  0% {
    transform: translateX(0) scale(2, 1);
  }
  60% {
    transform: translateX(460px) scale(0.01, 1);
  }
  100% {
    transform: translateX(460px) scale(0.01, 1);
  }
}
/*================ MODULES ================*/
/**
 * Header
 */
.site-header {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  text-align: center;
  width: 100%;
}
.site-header .wrap {
  position: relative;
  line-height: 1;
  z-index: 99;
}
.site-header .search-outer {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 749px) {
  .site-header .search-outer {
    margin-bottom: 15px;
  }
}

@keyframes headerFade {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.header__content {
  top: auto;
  width: 100%;
  color: inherit;
}
.header__content img.logo--transparent {
  display: none;
}
@media only screen and (min-width: 750px) {
  .header--transparent:not(.is-sticky) .header__content {
    background-color: transparent;
  }
  .header--transparent:not(.is-sticky) .header__content .logo--default:not(:last-of-type) {
    display: none;
  }
  .header--transparent:not(.is-sticky) .header__content .logo--transparent {
    display: inline-block;
  }
  .header--transparent:not(.is-sticky) .header__content .nav__links {
    background-color: transparent;
    border-color: transparent;
  }
  .header--transparent:not(.is-sticky) .header__content .header-content {
    background-color: transparent;
  }
  .header--transparent:not(.is-sticky) .header__content .parent .main-menu-dropdown {
    padding-top: 12px;
    border: none;
  }
  .header--transparent:not(.is-sticky) .header__content .logo__wrapper a,
  .header--transparent:not(.is-sticky) .header__content .main-menu > li > a,
  .header--transparent:not(.is-sticky) .header__content .header-content a {
    color: #FF252A;
  }
  .header--transparent:not(.is-sticky) .header__content .header-content a svg,
  .header--transparent:not(.is-sticky) .header__content .nav-carat-small svg {
    fill: #FF252A;
  }
  .header--transparent:not(.is-sticky) .header__content .header-content a svg:hover,
  .header--transparent:not(.is-sticky) .header__content .nav-carat-small svg:hover {
    fill: #000000;
  }
}
@media only screen and (max-width: 749px) {
  .header__content {
    position: relative;
    background: #ffffff;
  }
}

.meganav--visible .header__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: -1;
}
.meganav--visible.header--transparent:not(.is-sticky) .logo--default {
  display: inline-block !important;
}
.meganav--visible.header--transparent:not(.is-sticky) .logo--transparent {
  display: none !important;
}
.meganav--visible.header--transparent:not(.is-sticky) .header__content .logo__wrapper a,
.meganav--visible.header--transparent:not(.is-sticky) .header__content .main-menu > li > a,
.meganav--visible.header--transparent:not(.is-sticky) .header__content .header-content a {
  color: #FF252A;
}
.meganav--visible.header--transparent:not(.is-sticky) .header__content .header-content a svg,
.meganav--visible.header--transparent:not(.is-sticky) .header__content .nav-carat-small svg {
  fill: #FF252A;
}

.logo {
  display: block;
  max-width: 100%;
  max-height: 200px;
  height: auto;
  object-fit: contain;
}
@media only screen and (max-width: 749px) {
  .logo {
    max-height: 100px;
  }
}

.logo__wrapper {
  font-size: 28px;
  font-family: Poppins, sans-serif;
  font-style: normal;
  line-height: 1;
  margin: 0;
  display: block;
  position: relative;
  z-index: 3;
  text-align: center;
}
.logo__wrapper a {
  text-decoration: none;
  color: #0f1419;
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 20px;
  max-width: 440px;
}
.logo__wrapper a span {
  display: block;
  padding: 0.2em 0;
}
@media only screen and (max-width: 989px) {
  .logo__wrapper {
    font-size: 24px;
    padding: 0;
    margin: 0 auto;
    max-width: calc(100% - 132px);
  }
  .logo__wrapper a {
    display: block;
    min-height: 0;
    max-height: 120px;
    overflow: hidden;
    padding: 10px 0;
  }
  .logo__wrapper a img {
    width: auto;
    height: auto;
  }
  .logo__wrapper a span {
    display: block;
    padding: 9px 0;
  }
}
@media screen and (max-width: 639px) {
  .logo__wrapper {
    max-width: calc(100% - 160px);
  }
}
@media screen and (max-width: 374px) {
  .logo__wrapper {
    font-size: 24px;
  }
}

.header__social {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding-left: 30px;
  display: flex;
  align-items: center;
  font-size: 20px;
}
.header__social ul {
  display: flex;
}
.header__social ul li {
  margin-right: 18px;
}
@media only screen and (max-width: 749px) {
  .header__social {
    display: none;
  }
}

.header__social--mobile {
  display: none;
}
@media only screen and (max-width: 749px) {
  .header__social--mobile {
    border-top: 1px solid #f0f0f0;
    width: 100%;
    display: block;
    background-color: #ffffff;
  }
  .header__social--mobile .social__links {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 22px 20px;
  }
  .header__social--mobile .social__links li {
    padding: 22px 30px 0 0;
  }
  .header__social--mobile .social__links svg {
    fill: #545454;
  }
  .header__social--mobile .social__links a:hover svg {
    fill: #FF252A;
  }
}

.header-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 10px 20px 0px;
  z-index: 1;
  position: relative;
  background: #ffffff;
  transition: background 0.2s ease-in-out;
}
@media only screen and (max-width: 749px) {
  .header-content {
    padding: 0 14px;
    min-height: 46px;
  }
}
.header-content a {
  text-decoration: none;
  color: #0f1419;
}
.header-content a svg {
  fill: #0f1419;
}
.header-content a:hover {
  color: #FF252A;
}
.header-content a:hover svg {
  fill: #FF252A;
}
.header-content .grandparent.active > a,
.header-content .grandparent.active > a > .nav-caret-small {
  color: #FF252A;
}

#SearchToggle {
  border: 0;
}
#SearchToggle * {
  pointer-events: none;
}

.user-links {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding-right: 30px;
  font-size: 18px;
  line-height: normal;
}
.user-links a {
  margin-left: 20px;
  height: 100%;
  display: flex;
  align-items: center;
}

.header__cart__icon__wrapper {
  position: relative;
}

.header__cart__wrapper {
  position: relative;
}

.header__cart__icon {
  font-size: 1.2em;
}

.header__cart__count {
  position: absolute;
  top: -4px;
  right: -9px;
  border: 1px solid #ffffff;
  height: 17px;
  min-width: 17px;
  padding: 3px 2px 2px 2px;
  border-radius: 50%;
  line-height: 1em;
  font-size: 0.62em;
  font-weight: 400;
  background-color: #FF252A;
  color: #ffffff;
  text-decoration: none;
  transition: all ease-out 0.35s;
}

.header__cart__wrapper:hover .header__cart__count {
  color: #ffffff;
  transform: scale3d(1.15, 1.15, 1.15);
}

@keyframes pulse-cart-icon {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.25, 1.25, 1.25);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse-cart-icon {
  animation-name: pulse-cart-icon;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

.header-content a:hover,
.header-content a:hover span,
.search--open,
.search--open .search-toggle {
  color: #FF252A;
}

.search-toggle {
  padding-top: 3px;
}

.header__account__link {
  padding-top: 2px;
  font-size: 0.95em;
}

.search {
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -ms-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
  position: relative;
  height: 0;
  width: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0);
}
.search input::placeholder {
  color: #0f1419;
}
.search .search-query {
  font-size: "1rem";
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 0.5em;
  padding: 0 80px 0 40px;
  height: 80px;
  color: #0f1419;
  background: #ffffff;
  margin: 0;
  border: 0;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
}
@media only screen and (max-width: 749px) {
  .search .search-query {
    font-size: 16px;
    line-height: normal;
    white-space: nowrap;
  }
}
.search .remove-search {
  position: absolute;
  right: 25px;
  top: 25px;
  cursor: pointer;
  color: #ffffff;
  width: 30px;
  height: 30px;
}
.search .remove-search:before, .search .remove-search:after {
  content: "";
  position: absolute;
  width: 18px;
  top: 50%;
  left: 6px;
  height: 1px;
  background: #0f1419;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  -ms-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.search .remove-search:before:hover, .search .remove-search:after:hover {
  background: black;
}
.search .remove-search:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.search .search-results-text {
  padding-bottom: 0;
}

.search--open {
  height: 80px;
}
@media only screen and (max-width: 749px) {
  .search--open {
    height: 60px;
  }
}
.search--open .search__form {
  height: 80px;
}
.search--open.search--loading .search__results, .search--open.search--loaded .search__results {
  max-height: calc(100vh - 80px);
}

.search__form {
  height: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -ms-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}

.search__results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 0;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: max-height 0.2s ease-in-out;
  -moz-transition: max-height 0.2s ease-in-out;
  -ms-transition: max-height 0.2s ease-in-out;
  -o-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
}
.search__results .pagination {
  padding: 0;
}

.loader--search {
  margin: 30px auto 60px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}
.search--loading .loader--search {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease, visibility 0s linear 0s;
}
.search--loaded .loader--search {
  display: none;
}

.search__results-scroller {
  overflow: auto;
  max-height: calc(100vh - 80px);
}

.product-grid--results .product-item {
  width: 25%;
}
@media only screen and (max-width: 749px) {
  .product-grid--results .product-item {
    width: 50%;
  }
}

li.has-sub-nav > a .icon {
  margin-left: 9px;
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 10px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/**
 * DROPDOWNS
 */
/*================ Desktop ================*/
@media only screen and (min-width: 750px) {
  .nav__links {
    flex: 0 1 100%;
    display: flex;
    justify-content: center;
    z-index: 1400;
    border-top: none;
    border-bottom: 1px solid #f0f0f0;
    background-color: #ffffff;
    padding: 0;
    transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out;
  }
  .main-menu {
    display: inline-block;
  }
  .main-menu > li {
    display: inline-block;
    padding: 14px 5px 11px 5px;
  }
  .main-menu > li:first-child > a {
    margin-left: 10px;
  }
  .main-menu > li > a {
    margin-left: 30px;
    padding: 14px 5px;
    white-space: nowrap;
    color: #000000;
    font-weight: 900;
  }
  .main-menu > li > a:hover {
    color: #FF252A;
  }
  .main-menu > li.active > a {
    color: #FF252A;
  }
  .nav-carat-small {
    padding-left: 8px;
    display: inline-block;
    vertical-align: middle;
  }
  .nav-carat-small svg {
    width: 5px;
    transform: rotateZ(0deg);
    transition: transform 0.25s ease-out;
    fill: #545454;
  }
  .main-menu > li:hover > a > .nav-carat-small svg,
  .main-menu > li.active > a > .nav-carat-small svg {
    transform: rotateZ(90deg);
    fill: #FF252A;
  }
  .grandparent > .main-menu-dropdown > ul > .parent .nav-carat,
  .grandparent > .main-menu-dropdown > ul > .parent .nav-carat-small {
    display: none;
  }
  .nav-carat {
    display: none;
  }
  .main-menu a {
    text-decoration: none;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
  }
  .main-menu-dropdown {
    text-align: left;
  }
  .main-menu-dropdown ul {
    list-style-type: none;
  }
  .main-menu-dropdown li {
    padding-top: 8px;
  }
  /*================ Large Dropdown ================*/
  .main-menu > .parent > .main-menu-dropdown {
    display: none;
    position: absolute;
    z-index: 5000;
    padding-top: 15px;
    background-color: #ffffff;
    border-bottom: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    padding: 0 40px 20px 30px;
    margin-top: 11px;
    min-width: 130px;
  }
  .main-menu > .parent > .main-menu-dropdown ul {
    margin: 0;
    padding: 0;
  }
  .main-menu > .parent > .main-menu-dropdown ul > li > a {
    color: #545454;
  }
  .main-menu > .parent > .main-menu-dropdown ul > li > a:hover {
    color: #FF252A;
  }
  .main-menu > .parent:hover > .main-menu-dropdown,
  .main-menu > .parent.active > .main-menu-dropdown {
    display: block;
  }
  .main-menu > .parent:first-child > .main-menu-dropdown {
    margin-left: -30px;
  }
  /*================ Large MegaNav ================*/
  .nav {
    position: relative;
  }
  .grandparent > .main-menu-dropdown {
    display: none;
    top: 100%;
    position: absolute;
    background-color: #ffffff;
    top: calc(100% - 1px);
    width: 100%;
    max-height: calc(85vh - 110px);
    overflow-x: hidden;
    overflow-y: auto;
    left: 0;
    margin: 0;
    z-index: 5000;
    border-bottom: 1px solid #f0f0f0;
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .grandparent > .main-menu-dropdown a {
    color: #545454;
  }
  .grandparent > .main-menu-dropdown a.megamenu__image-title-link, .grandparent > .main-menu-dropdown a.megamenu__image-btn {
    color: #fff;
  }
  .grandparent:hover > .main-menu-dropdown,
  .grandparent.active > .main-menu-dropdown {
    display: block;
  }
  .grandparent:hover > .main-menu-dropdown .main-menu-dropdown,
  .grandparent.active > .main-menu-dropdown .main-menu-dropdown {
    display: block;
  }
  .grandparent > .main-menu-dropdown ul {
    margin: 0 auto;
    max-width: 1180px;
    padding: 10px 30px 20px 30px;
  }
  .grandparent > .main-menu-dropdown ul:first-child {
    padding-left: 0;
  }
  .grandparent > .main-menu-dropdown > ul > .parent > a,
  .grandparent > .main-menu-dropdown > ul > .child > a {
    width: 100%;
    display: inline-block;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    font-style: "normal";
    font-weight: "normal";
  }
  .grandparent .main-menu-dropdown a:hover,
  .grandparent .main-menu-dropdown .main-menu--active > a {
    color: #FF252A !important;
  }
  .grandparent > a {
    position: relative;
  }
  /* catch the cast where a grandparent has a child */
  .grandparent > .main-menu-dropdown > ul > .parent,
  .grandparent > .main-menu-dropdown > ul > .child {
    float: left;
    min-height: 1px;
    padding-left: 30px;
    padding-top: 8px;
    vertical-align: top;
  }
  .grandparent > .main-menu-dropdown > ul > li {
    width: 33.3333%;
  }
  .grandparent > .main-menu-dropdown--megamenu {
    padding: 0;
  }
  .grandparent > .main-menu-dropdown--megamenu > ul {
    max-width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .grandparent > .main-menu-dropdown--megamenu > ul > li {
    padding-top: 0;
    width: 33.3333%;
  }
  .grandparent > .main-menu-dropdown--megamenu > ul > li:nth-child(3n+1) {
    clear: both;
  }
  .grandparent > .main-menu-dropdown--megamenu > ul > li.parent {
    padding-top: 8px;
  }
}
@media only screen and (min-width: 990px) {
  .nav__links {
    padding: 0 80px;
  }
  .kids-2.grandparent > .main-menu-dropdown > ul > li,
  .kids-1.grandparent > .main-menu-dropdown > ul > li {
    width: 50%;
  }
  .kids-2.grandparent > .main-menu-dropdown > ul > li:nth-child(2n+1),
  .kids-1.grandparent > .main-menu-dropdown > ul > li:nth-child(2n+1) {
    clear: both;
  }
  .kids-3.grandparent > .main-menu-dropdown > ul > li,
  .kids-6.grandparent > .main-menu-dropdown > ul > li,
  .kids-9.grandparent > .main-menu-dropdown > ul > li {
    width: 33.333%;
  }
  .kids-3.grandparent > .main-menu-dropdown > ul > li:nth-child(3n+1),
  .kids-6.grandparent > .main-menu-dropdown > ul > li:nth-child(3n+1),
  .kids-9.grandparent > .main-menu-dropdown > ul > li:nth-child(3n+1) {
    clear: both;
  }
  .kids-4.grandparent > .main-menu-dropdown > ul > li,
  .kids-7.grandparent > .main-menu-dropdown > ul > li,
  .kids-8.grandparent > .main-menu-dropdown > ul > li {
    width: 25%;
  }
  .kids-4.grandparent > .main-menu-dropdown > ul > li:nth-child(4n+1),
  .kids-7.grandparent > .main-menu-dropdown > ul > li:nth-child(4n+1),
  .kids-8.grandparent > .main-menu-dropdown > ul > li:nth-child(4n+1) {
    clear: both;
  }
  .kids-5.grandparent > .main-menu-dropdown > ul > li,
  .kids-10.grandparent > .main-menu-dropdown > ul > li {
    width: 20%;
  }
  .kids-5.grandparent > .main-menu-dropdown > ul > li:nth-child(5n+1),
  .kids-10.grandparent > .main-menu-dropdown > ul > li:nth-child(5n+1) {
    clear: both;
  }
  .grandparent > .main-menu-dropdown--megamenu > ul > li {
    width: 20%;
  }
}
.navigation__wrapper {
  position: relative;
}

/**
 * Mega menu
 */
.megamenu__image {
  height: 350px;
  max-height: 50vh;
  padding: 10px 15px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}

.megamenu__image-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.megamenu__image-title {
  position: relative;
  max-width: 100%;
  margin-bottom: 15px;
  text-align: center;
}
.megamenu__image-title a {
  color: inherit;
}

.megamenu__image-btn {
  position: relative;
  display: inline-block;
  max-width: 100%;
  white-space: normal;
}

.meganav--visible .grandparent > .main-menu-dropdown > ul > .parent:nth-child(1) {
  animation-duration: 0.1s;
}

.meganav--visible .grandparent > .main-menu-dropdown > ul > .parent:nth-child(2) {
  animation-duration: 0.2s;
}

.meganav--visible .grandparent > .main-menu-dropdown > ul > .parent:nth-child(3) {
  animation-duration: 0.3s;
}

.meganav--visible .grandparent > .main-menu-dropdown > ul > .parent:nth-child(4) {
  animation-duration: 0.4s;
}

.meganav--visible .grandparent > .main-menu-dropdown > ul > .parent:nth-child(5),
.meganav--visible .grandparent > .main-menu-dropdown > ul > .parent:nth-child(6),
.meganav--visible .grandparent > .main-menu-dropdown > ul > .parent:nth-child(7),
.meganav--visible .grandparent > .main-menu-dropdown > ul > .parent:nth-child(8),
.meganav--visible .grandparent > .main-menu-dropdown > ul > .parent:nth-child(9),
.meganav--visible .grandparent > .main-menu-dropdown > ul > .parent:nth-child(10) {
  animation-duration: 0.5s;
}

.meganav--visible .grandparent > .main-menu-dropdown > ul > .parent {
  animation-name: expand;
  animation-timing-function: cubic-bezier(0, 0, 0.5, 0.99);
}

@keyframes expand {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.meganav--visible .megamenu__image-bg {
  animation-name: scale-in-image;
  animation-timing-function: cubic-bezier(0, 0, 0.5, 0.99);
  animation-duration: 0.4s;
}

@keyframes scale-in-image {
  0% {
    transform: scale(1.05);
    opacity: 0.75;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/*================ Touch ================*/
@media only screen and (max-width: 749px) {
  .navigation__wrapper {
    display: none;
    width: 100%;
    max-height: calc(100vh - 46px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
  }
  .navigation__wrapper.active {
    display: block;
  }
  .main-menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
  }
  .main-menu a {
    color: #545454;
  }
  .main-menu a.megamenu__image-title-link {
    color: #fff;
  }
  .main-menu a.megamenu__image-btn {
    color: #fff;
  }
  .main-menu .main-menu--active > a,
  .main-menu a:hover {
    color: #FF252A;
  }
  .main-menu li,
  .nav__account {
    position: relative;
    font-size: 17px;
    font-weight: 300;
  }
  .nav__account a,
  .nav-link {
    padding: 15px 30px 15px 15px;
    display: inline-block;
  }
  .main-menu-dropdown .nav-link {
    padding: 11px 30px 11px 15px;
    font-size: 14px;
  }
  .nav-carat-small {
    display: none;
  }
  .nav-carat {
    position: absolute;
    right: 0;
    top: 3px;
    padding: 10px 15px;
    transform: rotateZ(90deg);
    transition: transform 0.15s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nav-carat svg {
    width: 15px;
    height: 15px;
    color: #545454;
    fill: #545454;
  }
  .nav-carat:hover svg {
    color: #FF252A;
    fill: #FF252A;
  }
  .nav-carat[aria-expanded=true] {
    transform: rotateZ(270deg);
  }
  .nav-carat[aria-expanded=true] svg {
    color: #545454;
    fill: #545454;
  }
  .main-menu-dropdown {
    display: none;
  }
  .main-menu-dropdown.expanded {
    display: block;
  }
  .main-menu > li > .main-menu-dropdown {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
  }
  .main-menu > li > .main-menu-dropdown .nav-carat {
    top: 0;
  }
  .main-menu-dropdown .main-menu-dropdown {
    margin-left: 15px;
    border-left: 2px solid #f3f3f3;
  }
}
@media only screen and (min-width: 990px) {
  .search .search-query {
    padding: 0 70px 0 30px;
    height: 80px;
  }
}
@media only screen and (max-width: 749px) {
  .desktop {
    display: none;
  }
  a.toggle-menus {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 48px;
    transform: rotate(0deg);
    cursor: pointer;
    overflow: hidden;
    z-index: 9999;
  }
  .toggle-menus-lines {
    display: block;
    position: absolute;
    top: 50%;
    right: 7px;
    margin: -12px 0 0;
    width: 34px;
    height: 24px;
    transition: 0.5s ease-in-out;
  }
  .toggle-menus-lines span {
    display: block;
    position: absolute;
    height: 3px;
    width: 50%;
    background: #0f1419;
    opacity: 1;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }
  .toggle-menus-lines span:nth-child(even) {
    left: calc(50% - 7px);
    border-radius: 0 3px 3px 0;
  }
  .toggle-menus-lines span:nth-child(odd) {
    left: 7px;
    border-radius: 3px 0 0 3px;
  }
  .toggle-menus-lines span:nth-child(1), .toggle-menus-lines span:nth-child(2) {
    top: 3px;
  }
  .toggle-menus-lines span:nth-child(3), .toggle-menus-lines span:nth-child(4) {
    top: 10px;
  }
  .toggle-menus-lines span:nth-child(5), .toggle-menus-lines span:nth-child(6) {
    top: 17px;
  }
  a.toggle-menus--open span {
    background: #0f1419;
  }
  a.toggle-menus--open span:nth-child(1), a.toggle-menus--open span:nth-child(6) {
    transform: rotate(45deg);
  }
  a.toggle-menus--open span:nth-child(2), a.toggle-menus--open span:nth-child(5) {
    transform: rotate(-45deg);
  }
  a.toggle-menus--open span:nth-child(1) {
    left: 7px;
    top: 9px;
  }
  a.toggle-menus--open span:nth-child(2) {
    left: calc(50% - 7px);
    top: 9px;
  }
  a.toggle-menus--open span:nth-child(3) {
    opacity: 0;
  }
  a.toggle-menus--open span:nth-child(4) {
    opacity: 0;
  }
  a.toggle-menus--open span:nth-child(5) {
    left: 7px;
    top: 12px;
  }
  a.toggle-menus--open span:nth-child(6) {
    left: calc(50% - 7px);
    top: 12px;
  }
  .header-content {
    z-index: 5;
  }
  .user-links {
    left: 15px;
    justify-content: flex-start;
  }
  .user-links a {
    margin: 0 16px 0 0;
  }
  .user-links a.user-link--icon {
    font-size: 0;
    line-height: 0;
    text-indent: -100%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    height: 22px;
  }
  #SearchToggle {
    order: 1;
  }
  #account-link {
    order: 2;
  }
  #customer_logout_link {
    order: 3;
  }
  #account-links {
    display: none;
  }
  #CartButton {
    position: absolute;
    right: 48px;
    padding: 0 10px;
    margin: 0;
  }
  .touch .header-content a.toggle-menus {
    -webkit-transition: right 0.4s ease-in-out;
    -moz-transition: right 0.4s ease-in-out;
    -ms-transition: right 0.4s ease-in-out;
    -o-transition: right 0.4s ease-in-out;
    transition: right 0.4s ease-in-out;
  }
  .search .search-query {
    height: 60px;
    padding: 0 40px 0 15px;
  }
  .search .remove-search {
    right: 15px;
    top: 15px;
  }
}
@media screen and (max-width: 649px) {
  #CartButton {
    padding: 0;
  }
}

/**
 * PROMO BAR
 */
.promo {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8em;
  font-weight: "normal";
  font-size: 0.8em;
  text-align: center;
  padding: 0.5em 1em;
}
.promo strong {
  display: inline-block;
  margin-right: 5px;
}

.promo__break {
  opacity: 0.5;
  padding: 0 1em;
}
@media only screen and (max-width: 749px) {
  .promo__break {
    padding: 0 0.5em;
  }
}

/**
 * Home page spacing
 */
.index-product {
  padding-bottom: 90px;
}
@media only screen and (max-width: 749px) {
  .index-product {
    padding-bottom: 30px;
  }
}

.index-rte,
.index-page {
  padding-top: 60px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 749px) {
  .index-rte,
  .index-page {
    padding-top: 30px;
    padding-bottom: 15px;
  }
}

/*=============== Backgrounds ===============*/
.homepage-columns,
.index-collections-list,
.index-product,
.index-products,
.index-newsletter,
.index-page,
.index-rte,
.index-blog {
  background-color: #ffffff;
}

/*=============== Sections Helpers ===============*/
.rte--homepage {
  font-size: 1.2em;
  margin-bottom: 0;
}

.wide-image {
  overflow: hidden;
  position: relative;
  background-color: transparent;
}

.background-size-cover {
  display: block;
  background-size: cover;
  background-position: center center;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.responsive-wide-image {
  width: 100%;
  display: block;
}

.screen-height-full {
  height: 100vh;
}

.screen-height-three-quarters {
  height: 75vh;
}

.screen-height-two-thirds {
  height: 66vh;
}

.screen-height-one-half {
  height: 50vh;
}

.screen-height-one-third {
  height: 33vh;
}

.seven-fifty-height-hero {
  height: 750px;
}

.sixty-fifty-height-hero {
  height: 650px;
}

.five-fifty-height-hero {
  height: 550px;
}

.four-fifty-height-hero {
  height: 450px;
}

.three-fifty-height-hero {
  height: 350px;
}

.two-fifty-height-hero {
  height: 250px;
}

/*=============== Overlays ===============*/
.image-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.align--top-left,
.align--top-center,
.align--top-right,
.align--middle-left,
.align--middle-center,
.align--middle-right,
.align--bottom-left,
.align--bottom-center,
.align--bottom-right {
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media only screen and (min-width: 990px) {
  .align--top-left {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .align--top-center {
    align-items: flex-start;
    justify-content: center;
    text-align: center;
  }
  .align--top-right {
    align-items: flex-start;
    justify-content: flex-end;
    text-align: right;
  }
  .align--middle-left {
    align-items: center;
    justify-content: flex-start;
    text-align: left;
  }
  .align--middle-center {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .align--middle-right {
    align-items: center;
    justify-content: flex-end;
    text-align: left;
  }
  .align--bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
  }
  .align--bottom-center {
    align-items: flex-end;
    justify-content: center;
    text-align: center;
  }
  .align--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
  }
}
/*=== Hero Section Layout ==*/
.template-index .container {
  background-color: rgba(255, 255, 255, 0);
}

.hero__content__wrapper {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.index-newsletter .hero__content__wrapper {
  z-index: 11;
}

.hero__content {
  margin: 0 60px;
  padding: 60px;
  max-width: 60%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.04);
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .hero__content {
    max-width: 70%;
    padding: 45px;
    margin: 0 30px;
  }
}
@media only screen and (max-width: 749px) {
  .hero__content {
    max-width: 80%;
    padding: 30px;
    margin: 0 20px;
  }
}

.hero__button-image {
  max-width: 50%;
  padding: 60px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .hero__button-image {
    max-width: 70%;
    padding: 45px;
  }
}
@media only screen and (max-width: 749px) {
  .hero__button-image {
    max-width: 80%;
    padding: 30px;
  }
}
.hero__button-image img {
  display: block;
  width: 100%;
}

.hero__logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  height: auto;
  max-width: 100%;
}

.hero__title {
  margin-top: 0;
  margin-bottom: 0.625rem;
}
@media only screen and (max-width: 749px) {
  .hero__title {
    font-size: 1.5em;
  }
}

.hero__description {
  margin-bottom: 1.5em;
}
@media only screen and (max-width: 989px) {
  .hero__description {
    margin-bottom: 1em;
  }
}
.hero__description p {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-bottom: inherit;
}

.text-light {
  color: #fff;
}
.text-light .image-overlay {
  background-color: #000;
}
.text-light .hero__content {
  background-color: black;
}
.text-light .hero__btn {
  background-color: #fff;
  color: black;
}
.text-light .hero__btn:hover {
  color: #0f1419;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(15, 20, 25, 0.04), 0 1px 2px rgba(15, 20, 25, 0.04);
}
.text-light .hero__btn:active, .text-light .hero__btn:focus {
  background-color: #fff;
  color: #0f1419;
}

.text-dark .image-overlay, .text-dark .hero__content {
  background-color: #FFFFFF;
}
.text-dark .hero__btn {
  background-color: #0f1419;
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(15, 20, 25, 0.06), 0 1px 3px rgba(15, 20, 25, 0.04);
}
.text-dark .hero__btn:hover {
  color: #ffffff;
  box-shadow: 0 3px 14px rgba(15, 20, 25, 0.06), 0 2px 4px rgba(15, 20, 25, 0.04);
  background: rgb(2.1323529412%, 2.8431372549%, 3.5539215686%);
}
.text-dark .hero__btn:active, .text-dark .hero__btn:focus {
  background: black;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(15, 20, 25, 0.04), 0 1px 2px rgba(15, 20, 25, 0.04);
}

.hero__content--transparent .hero__content {
  background-color: rgba(255, 255, 255, 0);
  box-shadow: none;
}

/*=============== Index Columns ===============*/
.index-columns {
  background-color: #ffffff;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .index-columns {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 749px) {
  .index-columns {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.column__grid__item {
  padding-bottom: 30px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .column__grid__item {
    padding-bottom: 15px;
  }
}

.wrapper--columns {
  max-width: none;
  margin: 0 30px;
}

@media only screen and (max-width: 749px) {
  .index-columns .grid__item:not(:last-child) a.btn {
    margin-bottom: 20px;
  }
}
.column__heading {
  margin-top: 1.25rem;
  margin-bottom: 0.1875rem;
}

.column__text p {
  margin-top: 10px;
}

.index-columns .tabs .tabs-label {
  color: #FF252A;
}

.index-columns .tabs .tabs-content a,
.index-columns .tabs .tabs-content a:link,
.index-columns .tabs .tabs-content a:visited,
.index-columns .tabs .tab a {
  color: #FF252A;
}

.index-columns .tabs .tabs-content a:hover,
.index-columns .tabs .tabs-content a:focus,
.index-columns .tabs .tab a:hover,
.index-columns .tabs .tab a:focus {
  color: #FF252A;
}

.wholesale-promo-grid__button,
.wholesale-promo-grid__button:link,
.wholesale-promo-grid__button:visited {
  background-color: #FF252A;
  color: #ffffff;
}

.wholesale-promo-grid__button:hover,
.wholesale-promo-grid__button:focus {
  background-color: #FF252A;
  color: #ffffff;
}

.wholesale-promo-grid__button span {
  color: inherit;
}

.column__image {
  display: block;
  height: 0;
  position: relative;
  overflow: hidden;
}

.column__image__bg {
  position: absolute;
  display: block;
  top: -1px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

.column__image__wrapper {
  position: relative;
}

.column__image__link {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.icon__play--column {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transition: all 0.15s ease;
}
.icon__play--column:hover {
  opacity: 0.75;
}

.icon__play--column svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -33px;
  margin-left: -33px;
  width: 66px;
  height: 66px;
  fill: #fff;
}

.column__text + .btn {
  margin-top: 15px;
}

/**
 * General modal styles
 */
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 9999;
  display: none;
}

.modal__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  /* IE11 center content fix */
  flex-direction: column;
}

.modal__outer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 901;
}
.modal__outer a.close {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 20;
  cursor: pointer;
}
.modal__outer a.close .icon {
  stroke: #b1b1b1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.modal__outer a.close:hover .icon {
  stroke: #d8d8d8;
}
.modal__outer a.more {
  text-decoration: none;
}
.modal__outer a.prev,
.modal__outer a.next {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 20px;
  z-index: 20;
  margin: 0;
  opacity: 1;
}
.modal__outer a.prev .icon,
.modal__outer a.next .icon {
  stroke: #b1b1b1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.modal__outer a.prev {
  right: 100px;
  left: auto;
}
.modal__outer a.prev:hover .icon {
  stroke: #d8d8d8;
}
.modal__outer a.next {
  right: 60px;
}
.modal__outer a.next:hover .icon {
  stroke: #d8d8d8;
}

/**
 * Home Modal
 */
.modal--newsletter {
  background-color: #fff;
  position: relative;
  width: 90vw;
  max-width: 960px;
  max-height: 90vh;
}
.modal--newsletter .contact-form {
  margin-top: 2em;
}
.modal--newsletter .btn {
  background-color: #0f1419;
  color: #fff !important;
}
.modal--newsletter .modal__discount-code {
  color: #FF252A;
  font-size: 2em;
  font-weight: bold;
}
.modal--newsletter a.close {
  top: 15px;
  right: 15px;
  width: 22px;
  height: 22px;
}
.modal--newsletter .image-with-text__image {
  max-height: none;
  width: 50%;
  height: auto;
  border: 1px solid #fff;
  min-height: 480px;
}
.modal--newsletter .image-with-text__image img {
  width: 100%;
}
.modal--newsletter .image-with-text__text {
  height: auto;
}
.modal--newsletter .image-with-text-wrapper--no-image {
  justify-content: center;
}
.modal--newsletter .image-with-text-wrapper--no-image .image-with-text__text {
  width: 100%;
}
.modal--newsletter .modal__subtitle {
  margin-top: -30px;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.7rem;
}

@media only screen and (max-width: 749px) {
  .modal__overlay.modal__overlay--newsletter,
  .modal__overlay--newsletter .modal__outer {
    position: fixed;
    top: initial;
    left: initial;
    right: initial;
    bottom: 0;
    width: auto;
    height: auto;
    background: transparent;
    z-index: 9999;
    padding: 0;
  }
  .modal__overlay--newsletter .modal__outer,
  .modal__overlay--newsletter .modal--newsletter {
    width: 100%;
    max-width: 100%;
  }
  .modal__overlay--newsletter .image-with-text-wrapper {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding-top: 22px;
  }
  .modal__overlay--newsletter .image-with-text__text {
    width: 100%;
    flex-shrink: 0;
    margin-top: -100px;
  }
  .modal__overlay--newsletter .image-with-text-wrapper--no-image .image-with-text__text {
    padding-left: 10px;
  }
  .modal__overlay--newsletter .modal__subtitle {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .modal__overlay--newsletter .modal__title {
    font-size: 1rem;
    line-height: 1.6;
  }
  .modal__overlay--newsletter .modal__description {
    font-size: 0.875em;
    line-height: 1.5;
  }
  .modal__overlay--newsletter .input-group-field {
    padding: 3px 6px;
  }
  .modal__overlay--newsletter .modal--newsletter a.close {
    padding: 3px;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
  }
  .modal__overlay--newsletter .image-with-text__inner {
    padding: 10px 25px 25px 25px;
  }
  .modal__overlay--newsletter .image-with-text__image {
    flex-shrink: 0;
    height: calc(20vh + 20px);
    width: calc(20vh + 20px);
    border-radius: 50%;
    border-width: 8px;
    margin: auto;
    top: -100px;
    min-height: auto;
  }
  .modal__overlay--newsletter .input-group-field {
    padding: 8px 6px;
  }
  .input-group.newsletter-form {
    margin-top: 22px;
  }
}
/**
 * Dark and light for home newsletter
 */
.modal-text--light .modal--newsletter,
.modal-text--light .modal--newsletter .input-group.newsletter-form input {
  color: #ffffff;
}
.modal-text--light .modal__outer a.close .icon {
  stroke: #f7f7f7;
}
.modal-text--light .modal__outer a:hover.close .icon {
  stroke: #ffffff;
}

.modal-text--dark .modal--newsletter,
.modal-text--dark .modal--newsletter .input-group.newsletter-form input {
  color: #0f1419;
}
.modal-text--dark .modal__outer a.close .icon {
  stroke: rgba(15, 20, 25, 0.5);
}
.modal-text--dark .modal__outer a:hover.close .icon {
  stroke: #0f1419;
}

/**
 * Gift cards
 */
.template-giftcard,
.template-giftcard body {
  background: #ffffff;
}
.template-giftcard a,
.template-giftcard body a {
  text-decoration: none;
}

.template-gift_card #logo {
  margin-top: 40px;
}

.template-giftcard .wrapper {
  max-width: 588px;
}
.template-giftcard .wrapper img, .template-giftcard .wrapper object, .template-giftcard .wrapper iframe {
  max-width: 100%;
}

.giftcard-header {
  padding: 60px 0;
  font-size: 1em;
  text-align: center;
  -webkit-animation: fadein 0.5s ease-in-out both 0.4s;
  animation: fadein 0.5s ease-in-out both 0.4s;
}

.shop-url {
  display: none;
}

.giftcard {
  -webkit-animation: slideup 0.8s ease-in-out;
  animation: slideup 0.8s ease-in-out;
}

.giftcard__border {
  background-color: #f0f0f0;
  border-radius: 4px;
  border: 1px solid rgb(89.1176470588%, 89.1176470588%, 89.1176470588%);
  padding: 1em;
  -webkit-animation: container-slide 0.8s ease-in-out;
  animation: container-slide 0.8s ease-in-out;
}

.giftcard__content::after {
  content: "";
  display: table;
  clear: both;
}
.giftcard__content {
  *zoom: 1;
  background-color: #fff;
  color: #0f1419;
  border: 1px solid rgb(89.1176470588%, 89.1176470588%, 89.1176470588%);
  border-radius: 3px;
  -webkit-animation: cardslide 0.8s ease-in-out;
  animation: cardslide 0.8s ease-in-out;
}

.giftcard__header::after {
  content: "";
  display: table;
  clear: both;
}
.giftcard__header {
  *zoom: 1;
  border-bottom: 1px solid rgb(97%, 97%, 97%);
  padding: 15px;
}

.giftcard__title {
  float: left;
  margin-bottom: 0;
}

.giftcard__tag {
  display: block;
  float: right;
  background-color: rgb(13.3823529412%, 17.8431372549%, 22.3039215686%);
  border: 1px solid transparent;
  color: #fff;
  padding: 10px;
  border-radius: 4px;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1;
}

.giftcard__tag--active {
  background: transparent;
  color: #0f1419;
  border: 1px solid rgb(20.8823529412%, 27.8431372549%, 34.8039215686%);
}

.giftcard__wrap {
  position: relative;
  margin: 15px 15px 30px;
}
.giftcard__wrap img {
  position: relative;
  display: block;
  border-radius: 10px;
  z-index: 2;
}
.giftcard__wrap:before, .giftcard__wrap:after {
  content: "";
  position: absolute;
  width: 47px;
  height: 47px;
  z-index: 3;
}
.giftcard__wrap:before {
  background: url("/cdn/s/assets/gift-card/corner-top-left-2ba3edcd9e97ba146cd01a8161365c5e.svg") 0 0 no-repeat;
  top: -1px;
  left: -1px;
}
.giftcard__wrap:after {
  background: url("/cdn/s/assets/gift-card/corner-bottom-right-1fb9bf49ff9564325e6b7c0fb0a7ff45.svg") 0 0 no-repeat;
  bottom: -1px;
  right: -1px;
}
.lt-ie9 .giftcard__wrap:before, .lt-ie9 .giftcard__wrap:after {
  display: none;
}

.giftcard__code {
  position: absolute;
  bottom: 30px;
  text-align: center;
  width: 100%;
  z-index: 50;
}

.giftcard__code--medium {
  font-size: 0.875em;
}

.giftcard__code--small {
  font-size: 0.75em;
}

.giftcard__code__inner {
  display: inline-block;
  vertical-align: baseline;
  background-color: #fff;
  padding: 0.5em;
  border-radius: 4px;
  max-width: 450px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.giftcard__code--small .giftcard__code__inner {
  overflow: auto;
}

.giftcard__code__text {
  font-size: 1.875em;
  text-transform: uppercase;
  border-radius: 2px;
  border: 1px dashed rgb(97%, 97%, 97%);
  padding: 0.4em 0.5em;
  display: inline-block;
  vertical-align: baseline;
  color: #777;
  line-height: 1;
}
.disabled .giftcard__code__text {
  color: #999;
  text-decoration: line-through;
}

.giftcard__amount {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-size: 2.75em;
  line-height: 1.2;
  padding: 15px;
  z-index: 50;
}
.giftcard__amount strong {
  display: block;
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.giftcard__amount--medium {
  font-size: 2em;
}

.tooltip {
  display: block;
  position: absolute;
  top: -50%;
  right: 50%;
  margin-top: 16px;
  z-index: 3;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  -webkit-animation: popup 0.5s ease-in-out both 0.7s;
  animation: popup 0.5s ease-in-out both 0.7s;
}
.tooltip:before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 0;
  height: 0;
  margin-left: -5px;
  margin-bottom: -5px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 5px solid #333;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
}

.tooltip__label {
  display: block;
  position: relative;
  right: -50%;
  border: none;
  border-radius: 4px;
  background: #333;
  background: rgba(51, 51, 51, 0.9);
  min-height: 14px;
  font-size: 12px;
  text-decoration: none;
  line-height: 16px;
  text-shadow: none;
  padding: 0.5em 0.75em;
  margin-left: 0.25em;
}
.tooltip__label small {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #b3b3b3;
  font-size: 0.875em;
}

.giftcard__instructions {
  text-align: center;
  margin: 0 15px 30px;
}

.giftcard__actions {
  position: relative;
  border-top: 1px solid rgb(97%, 97%, 97%);
  padding: 30px 15px;
  text-align: center;
  overflow: hidden;
}

.action-link {
  position: absolute;
  left: 15px;
  top: 50%;
  font-size: 0.875em;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: rgb(13.3823529412%, 17.8431372549%, 22.3039215686%);
  margin-top: -10px;
}
.action-link:hover, .action-link:focus {
  color: #0f1419;
}

.action-link__print {
  display: inline-block;
  vertical-align: baseline;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  margin-right: 5px;
  opacity: 0.25;
  background-image: url("/cdn/s/assets/gift-card/icon-print-164daa1ae32d10d1f9b83ac21b6f2c70.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.svg .action-link__print {
  background-image: url("/cdn/s/assets/gift-card/icon-print-6a10b2fb86d223b8c783c9696eaf4c31.svg");
}
.action-link:hover .action-link__print {
  opacity: 0.4;
}

.giftcard__footer {
  text-align: center;
  padding: 60px 0;
  -webkit-animation: fadein 0.5s ease-in-out both 0.4s;
  animation: fadein 0.5s ease-in-out both 0.4s;
}

.giftcard__icon {
  width: 45px;
  display: inline-block;
  vertical-align: baseline;
}

#QrCode {
  text-align: center;
}
#QrCode img {
  padding: 30px;
  border: 1px solid rgb(97%, 97%, 97%);
  border-radius: 4px;
  margin: 0 auto 30px;
}

/*============================================================================
  #Media Queries
==============================================================================*/
/*================ Medium-down width ================*/
@media screen and (max-width: 580px) {
  .giftcard {
    font-size: 12px;
  }
  .giftcard-header {
    padding: 30px 0;
  }
  .header-logo {
    font-size: 2em;
  }
  .giftcard__border {
    padding: 15px;
  }
  .giftcard__actions {
    padding: 15px;
  }
  .giftcard__actions .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .action-link {
    display: none;
  }
}
/*================ Small width ================*/
@media screen and (max-width: 400px) {
  .giftcard__amount strong {
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  }
  .giftcard__wrap:before,
  .giftcard__wrap:after {
    display: none;
  }
  .giftcard__code {
    font-size: 0.75em;
  }
  .giftcard__code--medium {
    font-size: 0.65em;
  }
  .giftcard__code--small {
    font-size: 0.55em;
  }
}
/*================ Small height ================*/
@media screen and (max-height: 800px) {
  .header-logo img {
    max-height: 90px;
  }
}
/*============================================================================
  #Print Styles
==============================================================================*/
@media print {
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  html, body {
    background-color: #fff;
  }
  .giftcard-header {
    padding: 10px 0;
  }
  .giftcard__content,
  .giftcard__border {
    border: 0 none;
  }
  .giftcard__actions,
  .giftcard__wrap:before,
  .giftcard__wrap:after,
  .tooltip,
  .add-to-apple-wallet {
    display: none;
  }
  .giftcard__title {
    float: none;
    text-align: center;
  }
  .giftcard__code__text {
    color: #555;
  }
  .shop-url {
    display: block;
  }
  .logo {
    color: #58686F;
  }
}
/*============================================================================
  #Keyframe Animations
==============================================================================*/
@-webkit-keyframes slideup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px) rotate(10deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
  }
}
@-ms-keyframes slideup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px) rotate(10deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
  }
}
@keyframes slideup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px) rotate(10deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
  }
}
@-webkit-keyframes popup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
  }
  80% {
    -webkit-transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-ms-keyframes popup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
  }
  80% {
    -webkit-transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes popup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
  }
  80% {
    -webkit-transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes container-slide {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-ms-keyframes container-slide {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes container-slide {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
@-ms-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
/**
 * NEWSLETTER
 */
.index-newsletter .hero__content {
  margin: 0;
  padding-left: 60px;
  padding-right: 60px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .index-newsletter .hero__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 749px) {
  .index-newsletter .hero__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.index-newsletter .hero__content--full {
  width: 100%;
  max-width: 100%;
}
.index-newsletter .hero__content--default {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 750px) {
  .index-newsletter .hero__content--default {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.newsletter__content {
  max-width: 450px;
}
.align--middle-center .newsletter__content {
  margin-left: auto;
  margin-right: auto;
}
.align--middle-right .newsletter__content {
  margin-left: auto;
  margin-right: 0;
}

.newsletter-signup {
  position: relative;
  margin: auto;
  margin-top: 25px;
}
.align--middle-left .newsletter-signup {
  margin-left: 0;
}
.align--middle-right .newsletter-signup {
  margin-right: 0;
}

.input-group-btn .caps {
  font-weight: 400 !important;
}

/**
 * Testimonials
 */
.testimonials {
  text-align: center;
  position: relative;
}

.testimonials__slider {
  position: relative;
  margin-left: 25px;
  margin-right: 25px;
}

.testimonials__slider-arrow {
  position: absolute;
  z-index: 10;
  top: 50%;
  margin-top: -22px;
  transition: top 0.3s ease;
}
@media only screen and (min-width: 750px) {
  .testimonials__slider-arrow {
    top: 50% !important;
  }
}
@media only screen and (max-width: 749px) {
  .testimonial__content .testimonials__slider-arrow {
    margin-top: -54px;
  }
}
.testimonials__slider-arrow svg {
  width: 23px;
  height: 43px;
}
.testimonials__slider-arrow svg path {
  fill: #d0d0d0;
}
@media only screen and (max-width: 749px) {
  .testimonials__slider-arrow svg {
    width: 16px;
    height: 30px;
  }
}

.testimonials__slider-arrow--left {
  left: -10px;
}
.testimonial__content .testimonials__slider-arrow--left {
  left: -52px;
  margin-left: -10px;
}
@media only screen and (max-width: 1399px) {
  .testimonial__content .testimonials__slider-arrow--left {
    left: -30px;
  }
}
@media only screen and (max-width: 749px) {
  .testimonial__content .testimonials__slider-arrow--left {
    left: -20px;
  }
}

.testimonials__slider-arrow--right {
  right: -10px;
}
.testimonial__content .testimonials__slider-arrow--right {
  right: -52px;
  margin-right: -10px;
}
@media only screen and (max-width: 1399px) {
  .testimonial__content .testimonials__slider-arrow--right {
    right: -30px;
  }
}
@media only screen and (max-width: 749px) {
  .testimonial__content .testimonials__slider-arrow--right {
    right: -20px;
  }
}

.testimonial {
  display: flex;
  align-items: center;
  min-height: 50vw;
}
@media only screen and (min-width: 1400px) {
  .testimonial {
    min-height: 725px;
  }
}
@media only screen and (max-width: 749px) {
  .testimonial {
    flex-direction: column-reverse;
  }
}

.tesimonial__quotes {
  display: block;
  font-size: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 749px) {
  .tesimonial__quotes {
    font-size: 32px;
    margin-bottom: 30px;
  }
}

.testimonial--no-image {
  justify-content: center;
}

.testimonial__image {
  align-self: stretch;
  position: relative;
  margin-right: 75px;
  width: 50%;
}
@media only screen and (max-width: 749px) {
  .testimonial__image {
    width: 100%;
    height: 50vh;
  }
}

.testimonial__image-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonial__button {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 69px;
  font-size: 11px;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media only screen and (max-width: 749px) {
  .testimonial__button {
    height: 60px;
  }
}

.testimonial__content {
  max-width: 540px;
  text-align: left;
  padding: 104px 15px;
}
@media only screen and (max-width: 749px) {
  .testimonial__content {
    text-align: center;
  }
}
.testimonial__content blockquote {
  border: 0;
  padding: 0;
  margin: 0 0 71px;
  font-size: 22px;
  line-height: 1.73;
}
@media only screen and (max-width: 1399px) {
  .testimonial__content blockquote {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 749px) {
  .testimonial__content blockquote {
    margin-bottom: 30px;
    font-size: 20px;
  }
}
.testimonial__content blockquote p {
  font-size: inherit;
  line-height: inherit;
}
.testimonial__content blockquote svg {
  display: block;
  width: 41px;
  height: 31px;
  margin-bottom: 64px;
}
@media only screen and (max-width: 1399px) {
  .testimonial__content blockquote svg {
    margin-bottom: 42px;
  }
}
@media only screen and (max-width: 749px) {
  .testimonial__content blockquote svg {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}
.testimonial--no-image .testimonial__content blockquote svg {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1399px) {
  .testimonial__content {
    padding: 60px 15px;
  }
}
@media only screen and (max-width: 749px) {
  .testimonial__content {
    width: 100%;
    padding: 40px 15px;
  }
}
.testimonial--no-image .testimonial__content {
  text-align: center;
}

.testimonial__author {
  position: relative;
  padding-left: 87px;
  margin-bottom: 78px;
}
@media only screen and (max-width: 1399px) {
  .testimonial__author {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 749px) {
  .testimonial__author {
    margin-bottom: 40px;
    padding-left: 0;
  }
}
.testimonial__author strong {
  display: block;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 2px;
}
.testimonial__author span {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.testimonial--no-image .testimonial__author {
  display: inline-block;
}

.testimonial__author--no-bio-image {
  padding-left: 0;
}

.testimonial__author-bio-image {
  position: absolute;
  top: -10px;
  left: 0;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.testimonial__author-bio-image .placeholder-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;
  height: 150%;
  max-width: 150%;
  max-height: 150%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 749px) {
  .testimonial__author-bio-image {
    position: static;
    display: block;
    margin: 0 auto 20px;
  }
}

.testimonial__tweet-url {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1399px) {
  .testimonial__tweet-url {
    margin-bottom: 15px;
  }
}

.index-look {
  position: relative;
}

.look__slider {
  position: relative;
}

.look__slider-arrow {
  position: absolute;
  z-index: 10;
  top: 50%;
  margin-top: -22px;
  transition: top 0.3s ease;
}
.look__slider-arrow svg {
  width: 23px;
  height: 43px;
}
.look__slider-arrow svg path {
  fill: #d0d0d0;
}
@media only screen and (max-width: 749px) {
  .look__slider-arrow svg {
    width: 16px;
    height: 30px;
  }
}

.look__slider-arrow--left {
  left: 10px;
}
.look__content .look__slider-arrow--left {
  left: -52px;
  margin-left: -10px;
}
@media only screen and (max-width: 1399px) {
  .look__content .look__slider-arrow--left {
    left: -30px;
  }
}
@media only screen and (max-width: 749px) {
  .look__content .look__slider-arrow--left {
    left: -20px;
  }
}

.look__slider-arrow--right {
  right: 10px;
}
.look__content .look__slider-arrow--right {
  right: -52px;
  margin-right: -10px;
}
@media only screen and (max-width: 1399px) {
  .look__content .look__slider-arrow--right {
    right: -30px;
  }
}
@media only screen and (max-width: 749px) {
  .look__content .look__slider-arrow--right {
    right: -20px;
  }
}

.look {
  display: flex;
  align-items: center;
  min-height: 50vw;
}
@media only screen and (min-width: 1400px) {
  .look {
    min-height: 725px;
  }
}
@media only screen and (max-width: 749px) {
  .look {
    flex-direction: column;
  }
}

.look__title--mobile {
  display: none;
  text-align: center;
  padding-top: 30px;
}
@media only screen and (max-width: 749px) {
  .look__title--mobile {
    display: block;
  }
}

.look__title {
  text-align: center;
  padding-bottom: 30px;
}
@media only screen and (max-width: 749px) {
  .look__title {
    display: none;
  }
}

.look__image {
  align-self: stretch;
  position: relative;
  width: 50%;
}
@media only screen and (max-width: 749px) {
  .look__image {
    width: 50%;
    height: 50vw;
    margin: 30px auto 0 auto;
  }
}

.look__image-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.look__content {
  width: 50%;
  text-align: left;
  padding: 104px;
}
@media only screen and (max-width: 1399px) {
  .look__content {
    padding: 60px;
  }
}
@media only screen and (max-width: 749px) {
  .look__content {
    width: 100%;
    padding: 40px;
  }
}

.look__dot__wrapper {
  position: absolute;
}

.look__dot {
  position: absolute;
  z-index: 100;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 10px;
}
.look__dot::after {
  content: "";
  width: 25px;
  height: 25px;
  background-color: inherit;
  border-radius: 25px;
  opacity: 0.3;
  position: absolute;
  top: -5px;
  left: -5px;
}
.look__dot::before {
  content: "";
  width: 25px;
  height: 25px;
  background-color: inherit;
  border-radius: 25px;
  opacity: 0.3;
  position: absolute;
  top: -5px;
  left: -5px;
  animation: pulse 2.5s linear;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  89% {
    transform: scale(0);
    opacity: 0;
  }
  90% {
    transform: scale(1);
    opacity: 0.2;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}
.bounce-animation {
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: bounce-custom;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}

@keyframes bounce-custom {
  0% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(0);
  }
  65% {
    transform: translateY(-10px);
  }
  70% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(-2px);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.look__content .product-item {
  border-left: 1px solid #f0f0f0;
  width: 20vw;
  margin: 0 auto;
}
@media only screen and (max-width: 749px) {
  .look__content .product-item {
    width: 50vw;
  }
}
.look__content .product-information {
  padding: 12px;
}
.look__content .product-information h3 {
  font-size: 16px;
  margin: 0 0 5px 0;
}
.look__content .product-information .price {
  font-size: 13px;
}

/**
 * List Collections Index
 */
.collection-list {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #f0f0f0;
}
@media only screen and (max-width: 749px) {
  .collection-list {
    display: block;
  }
}

.collection-item {
  position: relative;
  border: 1px solid #f0f0f0;
  border-left: 0;
  background: #fff;
  margin-top: -1px;
}
.collection-item.collection-item--no-image .svg-placeholder {
  fill: #f7f7f7;
}
.collection-item.collection-item--no-image .svg-placeholder svg:not(.icon) {
  fill: rgb(14.9418823529%, 19.8431372549%, 24.7443921569%);
}

.collection-item__image {
  display: block;
  padding-top: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #f0f0f0;
  transition: transform 0.3s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

.collection-item__bg {
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
.collection-item__bg:hover {
  transform: scale(1.1);
}
@media only screen and (max-width: 749px) {
  .collection-item__bg:hover {
    transform: scale(1);
  }
}

.collection-item__info {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  height: 70px;
  overflow: hidden;
}
.collection-item__info h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  font-weight: normal;
}
@media screen and (max-width: 1023px) {
  .collection-item__info h3 {
    font-size: 16px;
  }
}

/**
 * List Collections Page
 */
.collection-block__wrapper {
  display: block;
  width: 100%;
  position: relative;
}

.collection-block {
  display: flex;
  align-items: center;
  min-height: 50vw;
  background: #f7f7f7;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .collection-block {
    min-height: 400px;
  }
}
@media only screen and (min-width: 990px) and (max-width: 1399px) {
  .collection-block {
    min-height: 500px;
  }
}
@media only screen and (min-width: 1400px) {
  .collection-block {
    min-height: 600px;
  }
}
@media only screen and (max-width: 749px) {
  .collection-block {
    flex-direction: column;
  }
}

.collection-block__content {
  height: 100%;
  width: 50%;
  text-align: left;
  padding: 104px;
}
@media only screen and (max-width: 1399px) {
  .collection-block__content {
    padding: 60px;
  }
}
@media only screen and (max-width: 749px) {
  .collection-block__content {
    width: 100%;
    padding: 40px;
  }
}

.collection-block__button {
  margin-top: 10px;
}

.collection-block__image {
  align-self: stretch;
  position: relative;
  width: 50%;
}
@media only screen and (max-width: 749px) {
  .collection-block__image {
    width: 100%;
    height: 50vw;
    margin: 30px auto 0 auto;
  }
}

.collection-block__image-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/**
 * Password
 */
.password-page__wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
}

.password-page__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: table;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media only screen and (min-width: 750px) {
  .password-page__background--mobile {
    display: none;
  }
}

.password-page__background--desktop {
  display: none;
}
@media only screen and (min-width: 750px) {
  .password-page__background--desktop {
    display: block;
  }
}

.password__logo {
  width: 120px;
}
@media only screen and (min-width: 750px) {
  .password__logo {
    width: 160px;
  }
}

.password-page__signup-form {
  position: relative;
  margin: 0 auto;
  text-align: initial;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 200;
}
@media only screen and (min-width: 750px) {
  .password-page__signup-form {
    justify-content: flex-start;
  }
}
.password-page__signup-form h1, .password-page__signup-form h3, .password-page__signup-form p, .password-page__signup-form small, .password-page__signup-form i, .password-page__signup-form a {
  color: #fff;
}
.password-page__signup-form a:hover {
  color: #FF252A;
}
.password-page__signup-form h1 {
  margin: 0;
}
.password-page__signup-form h3 {
  font-family: "asmbold", sans-serif;
  font-size: 33px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 130%;
  margin: 0;
  max-width: 8em;
  padding: 0;
}
@media only screen and (min-width: 750px) {
  .password-page__signup-form h3 {
    font-size: 63px;
  }
}
.password-page__signup-form p {
  font-size: 15px;
  line-height: 150%;
  margin: 10px 0 0;
}
@media only screen and (min-width: 750px) {
  .password-page__signup-form p {
    font-size: 16px;
    line-height: 170%;
  }
}
.password-page__signup-form #CustomerSignup,
.password-page__signup-form #AdminLogin {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  padding: 0;
}
@media only screen and (min-width: 750px) {
  .password-page__signup-form #CustomerSignup,
  .password-page__signup-form #AdminLogin {
    margin-top: 20px;
  }
}
.password-page__signup-form #CustomerSignup input,
.password-page__signup-form #AdminLogin input {
  height: 46px;
  margin: 0;
}
.password-page__signup-form #CustomerSignup input[type=email],
.password-page__signup-form #CustomerSignup input[type=password],
.password-page__signup-form #AdminLogin input[type=email],
.password-page__signup-form #AdminLogin input[type=password] {
  flex-grow: 1;
  margin-right: 5px;
  max-width: 250px;
  min-width: auto;
}
.password-page__signup-form #CustomerSignup p,
.password-page__signup-form #AdminLogin p {
  display: none;
}
.password-page__signup-form .errors {
  font-size: 12px;
  margin-left: 0;
  margin-right: 0;
}
.password-page__signup-form .errors ul {
  text-align: center;
}
.password-page__signup-form .wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 40px 10px;
}
@media (min-width: 414px) {
  .password-page__signup-form .wrapper {
    padding: 60px 30px;
  }
}
@media only screen and (min-width: 750px) {
  .password-page__signup-form .wrapper {
    padding: 100px 40px;
  }
}
.password-page__signup-form .wrapper:after {
  content: none;
}

.password__contents {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.password__countdown {
  display: flex;
  justify-content: center;
  width: 100%;
}

.password__video.video {
  background-color: transparent;
}

.toggle-wrapper {
  bottom: 10px;
  font-size: 11px;
  opacity: 0.333;
  position: absolute;
  right: 10px;
}

#CustomerSignup,
#AdminLogin {
  padding-bottom: 20px;
}

.signup-input,
.password-input {
  background-color: #fff;
  height: 40px;
  padding: 0 11px;
  vertical-align: middle;
}

.signup-input {
  min-width: 280px;
}

.customer-signup-button,
.password-login-button {
  height: 40px;
  padding: 0 11px;
  vertical-align: middle;
  border: 1px solid transparent;
}
.customer-signup-button:focus,
.password-login-button:focus {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.signup-input,
.password-input,
.signup-input:hover,
.password-input:hover {
  border: none;
}

.template-password {
  height: 100vh;
  text-align: center;
}
.template-password .main-content {
  height: 100vh;
  padding: 0;
}
.template-password .newsletter-form {
  border: 1px solid rgba(240, 240, 240, 0.5);
}

.password-section {
  width: 100%;
  height: 100%;
}

.password__wrapper {
  display: table;
  height: 100%;
  width: 100%;
  color: #0f1419;
  background-color: #0f1419;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ffffff;
}
.password__wrapper .password__footer__inner {
  color: #fff;
}
.password__wrapper a {
  color: inherit;
}

.password__main {
  display: table-row;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.password__main__inner {
  display: table-cell;
  vertical-align: middle;
  padding: 25px 50px;
}
@media only screen and (max-width: 749px) {
  .password__main__inner {
    padding: 16.6666666667px 16.6666666667px;
  }
}
@media only screen and (min-width: 750px) {
  .password__main__inner {
    padding: 16.6666666667px 50px;
  }
}

.password__box {
  background-color: #ffffff;
  max-width: 600px;
  margin: 0 auto;
  padding: 50px 0 0 0;
}

.password__hero {
  font-size: 42px;
  line-height: 1.15;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  padding-bottom: 50px;
  padding-top: 50px;
}
@media only screen and (min-width: 750px) {
  .password__hero {
    font-size: 50px;
  }
}
@media only screen and (min-width: 990px) {
  .password__hero {
    font-size: 55px;
  }
}
.password__hero .logo {
  max-width: 100%;
  max-height: 200px;
}

.password__message {
  font-size: 120%;
}
.password__message img {
  max-width: 100%;
}

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

.password__hero,
.password__message,
.password__login-form,
.password__signup-form {
  max-width: 500px;
  margin: 0 auto;
}

.password__login-form {
  text-align: center;
  padding: 100px 50px;
}

.password__login-form,
.password__box {
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  overflow: hidden;
}

.password-login {
  color: #fff;
}

.password__login-form,
.password__signup-form {
  background-color: #ffffff;
  padding: 50px;
}
.password__login-form .input-group,
.password__signup-form .input-group {
  width: 100%;
}
.password__login-form .errors,
.password__signup-form .errors {
  font-size: 12px;
}
.password__login-form .errors ul,
.password__signup-form .errors ul {
  color: #fff;
  list-style-type: none;
  margin-left: 0;
}

.password__signup-form {
  padding-top: 50px;
}

.password__signup-form__heading {
  margin-bottom: 0.8em;
}

.admin-login {
  margin-top: 25px;
  margin-bottom: 0;
}
.admin-login a {
  text-decoration: none;
}

.admin-login {
  font-size: 95%;
}

.password__social-sharing .sharing {
  padding: 20px 0;
}
.password__social-sharing a svg {
  fill: #fff;
}
.password__social-sharing a:hover svg {
  fill: #FF252A;
}

.password__footer {
  display: table-row;
  height: 1px;
}

.password__footer__inner {
  display: table-cell;
  vertical-align: bottom;
  padding: 50px;
  line-height: 20px;
  font-size: 95%;
  color: #0f1419;
}
.password__footer__inner a {
  text-decoration: none;
  margin: 0 25px;
}
@media only screen and (max-width: 749px) {
  .password__footer__inner a {
    display: block;
    margin-top: 25px;
  }
}

/**
 * Product Grid
 */
.product-grid {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #f0f0f0;
  padding-top: 1px;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: mandatory;
  scroll-snap-destination: 0% 100%;
  scroll-snap-points-x: repeat(100%);
}
.product-grid .flickity-button:disabled {
  opacity: 0;
}

.product-item {
  position: relative;
  border: 1px solid #f0f0f0;
  border-left: 0;
  background: #fff;
  margin-top: -1px;
  min-height: 100%;
  scroll-snap-align: start;
}
.product-item .product-link {
  display: block;
  height: 100%;
  color: #0f1419;
}
.product-item .sale-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  height: 35px;
  width: 80px;
  overflow: hidden;
  line-height: 35px;
  text-align: center;
  color: #ffffff;
  background: #FF252A;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8em;
  font-weight: "normal";
}

.product-item__image {
  display: block;
  padding-top: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #f0f0f0;
}
.no-touch .product-item__image.has-circle::before {
  background-color: #FF252A;
  border-radius: 9999px;
  content: "";
  height: 60%;
  left: 20%;
  opacity: 0;
  position: absolute;
  transform: translateY(20px);
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  top: 20%;
  width: 60%;
}
.no-touch .product-item__image:hover::before {
  opacity: 1;
  transform: translateY(0);
}
.product-item--featured-image .product-item__image {
  padding: 0;
  height: 100%;
}

.product-item__image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.product-item__image-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.product-item__image-content {
  position: relative;
  text-align: center;
}
.product-item__image-content .btn {
  color: inherit;
  border-color: inherit;
  margin-top: 1em;
}

.product-item__bg {
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

.product-information {
  padding: 20px 20px 40px;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 749px) {
  .product-information {
    padding: 12px 12px 24px;
  }
}
.product-information h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 1.4;
  margin: 7px 0;
}
@media only screen and (max-width: 749px) {
  .product-information h3 {
    margin: 0;
    font-size: 15px;
  }
}
.product-information .price {
  font-size: 14px;
  opacity: 0.7;
}
@media only screen and (max-width: 749px) {
  .product-information .price {
    font-size: 12px;
  }
}
.product-information .price.sale {
  opacity: 1;
}
.product-information .item-type {
  color: #0f1419;
}
.product-information .spr-icon {
  padding: 0 1px;
}
.product-information .spr-badge-starrating {
  display: block;
  margin: 3px 0 5px;
  font-size: 12px;
  font-weight: normal;
  color: #0f1419;
}
.product-information .spr-badge-caption {
  display: none;
}
.product-information .sold-out {
  color: #FF252A;
}

.old-price {
  color: #0f1419;
  text-decoration: line-through;
  opacity: 0.5;
  margin-right: 10px;
}

.price.sale {
  color: #FF252A;
}

.no-results {
  padding: 50px 30px;
  text-align: center;
  width: 100%;
}

@media only screen and (max-width: 749px) {
  .product-grid--horizontally {
    position: relative;
    display: block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  .product-grid--horizontally .product-item {
    min-width: 250px;
  }
  .product-grid--vertically .product-item {
    width: 100%;
  }
}
.widget__products {
  margin-top: 30px;
}

.product__column {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  position: relative;
  min-height: 120px;
  margin-bottom: 30px;
  transition: all 0.3s ease-out;
  border: 1px solid #f0f0f0;
}
.product__column .meta--light {
  margin-top: 8px;
  font-size: 0.875rem;
  color: rgb(26.2368823529%, 34.8431372549%, 43.4493921569%);
}
.product__column:hover {
  border: 1px solid rgb(91.1176470588%, 91.1176470588%, 91.1176470588%);
}

.product__column__image__wrapper img {
  display: block;
}
.product__column__image__wrapper {
  width: 33%;
}

.product__column__contents {
  padding: 10px 10px 10px 5%;
  flex: 1;
}

.product__column__title {
  margin: 0 0 9px 0;
  color: #0f1419;
}

.product__column__image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 33%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/**
 * Quick View Modal
 */
.slideup {
  position: absolute;
  bottom: -60px;
  -webkit-transition: bottom 0.25s ease-in;
  -moz-transition: bottom 0.25s ease-in;
  -ms-transition: bottom 0.25s ease-in;
  -o-transition: bottom 0.25s ease-in;
  transition: bottom 0.25s ease-in;
  z-index: 9;
  width: 100%;
  background: #f7f7f7;
  opacity: 0.8;
  border-top: 1px solid #f0f0f0;
}

.product-item__image .slideup {
  position: absolute;
  opacity: 0;
  text-align: center;
  transition: opacity 0.2s ease-in-out, bottom 0.2s ease-in-out;
}
.product-item__image .slideup span:hover {
  color: inherit;
}
.product-item__image:hover .slideup {
  bottom: 0px;
  opacity: 0.9;
}

.no-touch .slideup.up {
  bottom: 0;
}

.slideup span {
  text-decoration: none;
  display: block;
  color: #0f1419;
  padding: 20px;
}

.no-touch .slideup span:hover {
  color: #0f1419;
}

.modal__inner__wrapper {
  background: #ffffff;
  padding: 50px;
  max-width: 960px;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 auto;
  position: relative;
}

.modal--product .quantity-selector {
  margin-bottom: 15px;
}

.modal--product .product__slides {
  visibility: hidden;
  height: 1px;
}

.modal--product .product__slides.slick-initialized {
  visibility: visible;
  height: auto;
}

.modal--product .product__slides.product__slides--single {
  visibility: visible;
  height: auto;
}

/**
 * Product Page
 */
.product__wrapper {
  margin: 90px 40px 0 40px;
}
@media only screen and (max-width: 749px) {
  .product__wrapper {
    margin: 60px 30px 0 30px;
  }
}

.breadcrumbs {
  margin-top: -50px;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8em;
  font-weight: "normal";
}
.breadcrumbs a {
  display: inline-block;
  vertical-align: middle;
}

.breadcrumbs__arrow {
  opacity: 0.7;
  padding: 0 10px;
}
.breadcrumbs__arrow svg {
  width: 5px;
  height: 10px;
}

@media only screen and (min-width: 750px) {
  .product__wrapper--stacked .product__photo:not(.slick-slide),
  .product__wrapper--stacked .product__media:not(.slick-slide) {
    margin-bottom: 15px;
  }
}

.product__media iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.slick-initialized .slick-slide:not(.slick-active) button,
.slick-initialized .slick-slide:not(.slick-active) input,
.slick-initialized .slick-slide:not(.slick-active) iframe,
.slick-initialized .slick-slide:not(.slick-active) .plyr,
.slick-initialized .slick-slide:not(.slick-active) .plyr__progress__buffer,
.slick-initialized .slick-slide:not(.slick-active) .shopify-model-viewer-ui__button,
.slick-initialized .slick-slide:not(.slick-active) .shopify-model-viewer-ui__controls-area {
  visibility: hidden;
}

.product__photo {
  cursor: zoom-in;
}
.product__photo .zoom--active {
  cursor: zoom-out;
}

body.focus-enabled .product__photo:focus::after, body.focus-enabled .product__photo.focus-visible::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #f0f0f0;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 2;
}

@media only screen and (min-width: 990px) {
  .form__width {
    max-width: 480px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 750px) {
  .product__title {
    margin-bottom: 0.5em;
  }
}
@media only screen and (max-width: 749px) {
  .product__title {
    margin-top: 0.5em;
    margin-bottom: 0.25em;
    font-size: 1.5em;
  }
}

.product__price {
  margin-bottom: 0.75em;
}
@media only screen and (max-width: 749px) {
  .product__price {
    font-size: 1em;
  }
}

.product__price--strike {
  opacity: 0.7;
}

.product__price--sale {
  color: #FF252A;
  margin-right: 15px;
}

.product__badge {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

.product__selectors {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-top: 20px;
}

.selector-wrapper {
  min-width: 50%;
  flex-grow: 1;
  padding-right: 5px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.selector-wrapper select {
  width: 100%;
}
.selector-wrapper label {
  font-size: 16px;
}

.selector-wrapper--color {
  width: 100%;
}

.variant-input-wrap {
  margin-left: -4px;
}

.variant-label {
  display: block;
  margin: 15px 0 10px;
}

.variant-field {
  position: relative;
  display: inline-block;
}

input[type=radio].variant-input {
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
  width: 100%;
  height: 32px;
  margin: 0;
  clip: unset;
  cursor: pointer;
  font-weight: 900;
  background-color: #F5F2EF;
  font-size: 16px;
}

.variant-input:checked + .variant__button-label {
  box-shadow: 0 0 0 2px #FF252A;
  background-color: #FF252A;
  color: white;
}

.variant__button-label {
  letter-spacing: 0.025em;
  line-height: 1.6;
  position: relative;
  display: inline-block;
  font-weight: normal;
  padding: 7px 15px 7px;
  background-color: #F5F2EF;
  box-shadow: 0 0 0 1px #E8E8E1;
  margin: 0 4px 12px;
  cursor: pointer;
  font-weight: 900;
}
.variant__button-label.disabled {
  color: #E8E8E1;
}
.variant__button-label.disabled:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  bottom: 0;
  border-left: 1px solid;
  border-color: #E8E8E1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.focus-enabled .variant-input:focus + .variant__button-label:before,
.focus-enabled .swatch input[type=radio]:focus + .variant__button-label--color:before {
  position: absolute;
  content: "";
  left: -2px;
  bottom: -8px;
  height: 2px;
  width: calc(100% + 4px);
  background: #FF252A;
}

.quantity-selector {
  position: relative;
  display: inline-block;
}
.quantity-selector input[type=number]::-webkit-outer-spin-button,
.quantity-selector input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity-selector input[type=number] {
  -moz-appearance: textfield;
}

.quantity__input {
  width: 100%;
  text-align: center;
  color: #0f1419;
  background: #F5F2EF;
  font-weight: 900;
  max-width: 190px;
}

.quantity__plus {
  right: 0;
  justify-content: flex-end;
  padding-right: 10px;
}

.quantity__minus {
  left: 0;
  justify-content: flex-start;
  padding-left: 10px;
}

.quantity__plus,
.quantity__minus {
  position: absolute;
  top: 0;
  height: 100%;
  width: 40%;
  display: flex;
  align-items: center;
}
.quantity__plus svg,
.quantity__minus svg {
  width: 12px;
  height: 12px;
  color: #0f1419;
}
.quantity__plus:active,
.quantity__minus:active {
  transform: translateY(1px);
}

.product__vendor {
  margin: 1.25rem 0;
}

.js-qty__adjust svg {
  fill: black !important;
}

script,
#recently-viewed-product-template {
  display: none !important;
}

.recent__wrapper {
  border-top: 1px solid #f0f0f0;
  display: none;
  margin-top: 20px;
}
@media only screen and (min-width: 990px) {
  .recent__wrapper {
    margin-top: 60px;
  }
}
.recent__wrapper {
  overflow: hidden;
  display: none;
  opacity: 1;
}

.recent__wrapper.loading {
  opacity: 0;
}

.recent__title {
  font-size: 1.5rem;
  line-height: 1.5;
}
@media only screen and (max-width: 749px) {
  .recent__title {
    font-size: 1.35rem;
  }
}
.recent__title {
  background: #ffffff;
  color: rgb(14.9418823529%, 19.8431372549%, 24.7443921569%);
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
}

.recent__content {
  margin-top: -1px;
}

.recent__content .title {
  padding: 0;
}
.recent__content .title h5 {
  margin: 0;
}

.recent__content .title:after {
  content: "";
}

.recent__content a {
  opacity: 1;
  width: auto;
  height: auto;
  line-height: 1;
  display: block;
}

.fb_iframe_widget span {
  vertical-align: top !important;
}

.fb_iframe_widget iframe {
  z-index: 4000;
}

.sharing {
  padding: 20px 0;
  position: relative;
  overflow: visible;
  width: 100%;
  display: block;
}

.sharing ul {
  border: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  height: 20px;
  display: block;
}

.sharing ul li {
  float: left;
  display: inline-block;
  height: 33px;
}

/*================ Smart Shopify Payment Buttons ================*/
.product__submit__add {
  margin-bottom: 1em;
}

.product__submit:not(.product__submit--spb) .product__submit__buttons {
  display: inline-block;
}

.product__submit--spb .quantity-selector {
  display: block;
}
.product__submit--spb .product__submit__add {
  max-width: 400px;
  background-color: rgba(255, 255, 255, 0);
  color: #FF252A;
  border: 1px solid #FF252A;
  box-shadow: none;
}
.product__submit--spb .product__submit__add:hover, .product__submit--spb .product__submit__add:active, .product__submit--spb .product__submit__add:focus {
  background-color: #FF252A;
  color: #ffffff;
  border: 1px solid #FF252A;
}
.product__submit--spb .product__submit__add:active {
  transform: translateY(1px);
  border: 1px solid rgb(100%, 4.5098039216%, 6.6999460335%);
}

.product__submit--spb {
  margin: 0 -10px 0 0;
}
.product__submit--spb .product__submit__buttons {
  margin: 0 0 10px 0;
  display: inline-flex;
  flex-flow: row wrap;
  align-items: flex-start;
  width: 100%;
}
.product__submit--spb .product__submit__buttons .shopify-payment-button,
.product__submit--spb .product__submit__buttons .product__submit__add {
  margin: 10px 10px 0 0;
  min-width: 155px;
  flex: auto;
}

.variant--soldout .quantity-selector__wrapper,
.variant--soldout .shopify-payment-button,
.variant--soldout .product__price,
.variant--unavailabe .quantity-selector__wrapper,
.variant--unavailabe .shopify-payment-button,
.variant--unavailabe .product__price {
  opacity: 0.3;
}
.variant--soldout .quantity-selector__wrapper label,
.variant--soldout .quantity-selector__wrapper input,
.variant--soldout .quantity-selector__wrapper button,
.variant--soldout .shopify-payment-button label,
.variant--soldout .shopify-payment-button input,
.variant--soldout .shopify-payment-button button,
.variant--soldout .product__price label,
.variant--soldout .product__price input,
.variant--soldout .product__price button,
.variant--unavailabe .quantity-selector__wrapper label,
.variant--unavailabe .quantity-selector__wrapper input,
.variant--unavailabe .quantity-selector__wrapper button,
.variant--unavailabe .shopify-payment-button label,
.variant--unavailabe .shopify-payment-button input,
.variant--unavailabe .shopify-payment-button button,
.variant--unavailabe .product__price label,
.variant--unavailabe .product__price input,
.variant--unavailabe .product__price button {
  cursor: default;
}

.variant--soldout .product__submit__add,
.variant--soldout .product__submit__add:hover,
.variant--unavailabe .product__submit__add,
.variant--unavailabe .product__submit__add:hover {
  border-color: #999999;
  background-color: rgb(90%, 90%, 90%);
  color: #999999;
  cursor: not-allowed;
}
.variant--soldout .shopify-payment-button,
.variant--unavailabe .shopify-payment-button {
  position: relative;
  pointer-events: none;
}
.variant--soldout .shopify-payment-button::after,
.variant--unavailabe .shopify-payment-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}

/*================ Product Media ================*/
.product__slides {
  position: relative;
  font-size: 0;
}
.product__slides .slick-slide {
  overflow: hidden;
}

.product__wrapper--thumbnails .product__slides:not(.slick-initialized) {
  display: block;
  width: 100%;
  height: 60vw;
}
.product__wrapper--thumbnails .product__slides:not(.slick-initialized) .product__photo,
.product__wrapper--thumbnails .product__slides:not(.slick-initialized) .product__media {
  opacity: 0;
  height: 0;
}

.video__contain,
.model__contain {
  margin: 0 auto;
  min-height: 1px;
  width: 100%;
  height: 0;
  position: relative;
}

.shopify-model-viewer-ui,
model-viewer,
.video__contain .plyr--video,
.video__contain > video,
.video__contain > iframe {
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
  left: 0;
  max-width: 100%;
  /* IE FIX */
  min-width: 100%;
  min-height: 100%;
}

video::-webkit-media-controls-panel {
  display: flex !important;
  opacity: 1 !important;
}

.btn--ar {
  width: 100%;
  position: relative;
  margin-top: 4px;
  padding: 10px 15px;
}
.btn--ar[data-shopify-xr-hidden] {
  visibility: hidden;
}
@media only screen and (min-width: 750px) {
  .btn--ar[data-shopify-xr-hidden] {
    display: none;
  }
}

.btn--ar:hover .product-single__view-in-space-text, .btn--ar:focus .product-single__view-in-space-text {
  border-bottom-color: #0f1419;
}
.btn--ar .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  color: transparent;
}
.btn--ar .icon path {
  fill: inherit;
  stroke: inherit;
}
.btn--ar .icon path.icon-media-model-outline {
  stroke: none;
}
.btn--ar .icon path.icon-media-model-element {
  fill: #0f1419;
  opacity: 1;
}

.product-single__view-in-space-text {
  display: inline-block;
  vertical-align: middle;
}

.thumb--video,
.thumb--model {
  position: relative;
}

/*================ Smart Shopify Payment Buttons ================*/
.shopify-payment-button {
  max-width: 400px;
  transition: opacity 0.4s ease-out;
}

.shopify-payment-button .shopify-payment-button__button {
  border-radius: "0px";
  transition: all 0.15s ease;
}
.shopify-payment-button .shopify-payment-button__button:active, .shopify-payment-button .shopify-payment-button__button:focus {
  transform: translateY(1px);
}

.shopify-payment-button .shopify-payment-button__button--unbranded {
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.5;
  transition: all 0.15s ease;
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 0;
  border-radius: "0px";
  font-weight: 400;
  cursor: pointer;
  background: #FF252A;
  color: #fff;
  font-size: 0.875rem;
  font-family: "asmbold", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2142857143;
  padding: 1rem 3.0625rem;
  text-transform: uppercase;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover {
  color: #fff;
  background: rgb(100%, 4.5098039216%, 6.6999460335%);
  box-shadow: 0 2px 6px rgba(255, 37, 42, 0.06), 0 1px 3px rgba(255, 37, 42, 0.04);
}
.shopify-payment-button .shopify-payment-button__button--unbranded:focus {
  color: #fff;
  background: rgb(94.5098039216%, 0%, 2.1676560532%);
}
.shopify-payment-button .shopify-payment-button__button--unbranded[disabled] {
  border-color: #999;
  background-color: #e6e6e6;
  color: #999;
  cursor: not-allowed;
}
@media only screen and (max-width: 749px) {
  .small--one-half .shopify-payment-button .shopify-payment-button__button--unbranded {
    padding: 0.3125rem 0.625rem;
  }
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
  width: 100%;
  min-height: 44px;
  font-size: 1.05rem;
}

.shopify-payment-button .shopify-payment-button__more-options {
  font-weight: bold;
  font-size: 0.9rem;
  color: #0f1419;
}
.shopify-payment-button .shopify-payment-button__more-options:active {
  text-decoration: underline;
  transform: translateY(1px);
}
.shopify-payment-button .shopify-payment-button__more-options:hover, .shopify-payment-button .shopify-payment-button__more-options:focus {
  background-color: transparent;
  box-shadow: none;
}

.product__sharing .sharing {
  display: flex;
  color: #FFF;
  margin-top: 30px;
  width: 100%;
  border-top: 1px solid rgb(96.1176470588%, 96.1176470588%, 96.1176470588%);
}

.spr-summary-actions-newreview {
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.5;
  transition: all 0.15s ease;
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 0;
  border-radius: "0px";
  font-weight: 400;
  cursor: pointer;
  background: #FF252A;
  color: #fff;
  font-size: 0.875rem;
  font-family: "asmbold", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2142857143;
  padding: 1rem 3.0625rem;
  text-transform: uppercase;
}
.spr-summary-actions-newreview:hover {
  color: #fff;
  background: rgb(100%, 4.5098039216%, 6.6999460335%);
  box-shadow: 0 2px 6px rgba(255, 37, 42, 0.06), 0 1px 3px rgba(255, 37, 42, 0.04);
}
.spr-summary-actions-newreview:focus {
  color: #fff;
  background: rgb(94.5098039216%, 0%, 2.1676560532%);
}
.spr-summary-actions-newreview[disabled] {
  border-color: #999;
  background-color: #e6e6e6;
  color: #999;
  cursor: not-allowed;
}
@media only screen and (max-width: 749px) {
  .small--one-half .spr-summary-actions-newreview {
    padding: 0.3125rem 0.625rem;
  }
}
.spr-summary-actions-newreview {
  font-size: 0.875em;
  padding: 5px 10px;
}
@media only screen and (max-width: 749px) {
  .spr-summary-actions-newreview {
    padding: 4px 8px;
  }
}
.spr-summary-actions-newreview {
  background-color: rgba(255, 255, 255, 0);
  color: #FF252A;
  border: 1px solid #FF252A;
  box-shadow: none;
}
.spr-summary-actions-newreview:hover, .spr-summary-actions-newreview:active, .spr-summary-actions-newreview:focus {
  background-color: #FF252A;
  color: #ffffff;
  border: 1px solid #FF252A;
}
.spr-summary-actions-newreview:active {
  transform: translateY(1px);
  border: 1px solid rgb(100%, 4.5098039216%, 6.6999460335%);
}

/*================ Reviews ================*/
.product__reviews {
  border-top: 1px solid rgb(96.1176470588%, 96.1176470588%, 96.1176470588%);
}

.product__reviews .spr-container {
  border: none !important;
  padding: 0 !important;
}

.yotpo.bottomLine a {
  margin-left: 10px;
}

#shopify-product-reviews {
  margin: 0 !important;
  padding: 1em 0;
}

/*================ Cart popdown ================*/
.cart-popover {
  position: fixed !important;
  right: 0;
  z-index: 600;
  width: 50%;
  max-width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s;
  text-align: center;
  transform: translate3d(0, -100%, 0);
}
.cart-popover.contains-errors {
  position: static !important;
  width: 100%;
  padding-bottom: 20px;
}
.cart-popover.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0s;
  transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .cart-popover {
    width: 75%;
  }
}
@media only screen and (max-width: 749px) {
  .cart-popover.is-visible {
    top: 0 !important;
  }
  .cart-popover {
    width: 100%;
    padding-bottom: 20px;
  }
}
.cart-popover h3 {
  font-size: 18px;
  line-height: 1.45;
}
.cart-popover h6 {
  text-transform: uppercase;
  font-weight: "normal";
  font-style: "normal";
  font-size: 12px;
  letter-spacing: 0.1em;
  margin-top: 32px;
  margin-bottom: 5px;
}
.cart-popover p {
  font-size: 12px;
  line-height: 1.2;
}
.cart-popover .buttons-wrap {
  margin-top: 30px;
}
.cart-popover .btn {
  display: block;
  width: 100%;
  margin-bottom: 6px;
  font-size: 13px;
}
.cart-popover .product__variant {
  font-style: italic;
}
.cart-popover .close {
  position: absolute;
  top: 4px;
  right: 12px;
  width: 20px;
  height: 20px;
  padding: 5px;
  z-index: 20;
  cursor: pointer;
}
.cart-popover .close .icon {
  stroke: #333;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cart-popover .errors {
  max-width: 100%;
  margin: 0;
  padding: 24px 30px;
}
@media only screen and (max-width: 749px) {
  .cart-popover .errors {
    padding: 15px 20px;
  }
}
.cart-popover .errors .close .icon {
  stroke: #721C24;
}

.product__add__success {
  display: flex;
  align-items: stretch;
  background: #ffffff;
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
@media only screen and (max-width: 749px) {
  .product__add__success {
    border: 1px solid #f0f0f0;
  }
}

.product__add__success__image {
  width: 50%;
}
@media only screen and (max-width: 749px) {
  .product__add__success__image {
    display: none;
  }
}

.product__add__success__image-bg {
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.product__add__success__content {
  width: 50%;
  padding: 50px;
}
@media only screen and (max-width: 749px) {
  .product__add__success__content {
    width: 100%;
    padding: 15px 20px;
  }
}

.product__add__success--hide {
  display: none;
}

/*====== Video button =======*/
.product__photo {
  position: relative;
}

.product__play {
  z-index: 1000;
  transition: opacity 0.2s ease-out;
}
.product__play:hover {
  opacity: 0.75;
}
.product__play .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  fill: #FFF;
  -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
}

/*====== Cart bar ======*/
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  background: #ffffff;
  border-color: rgba(15, 20, 25, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
  color: #0f1419;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
  color: rgba(15, 20, 25, 0.55);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
  color: rgba(15, 20, 25, 0.55);
  background: rgba(15, 20, 25, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
  border-color: rgba(15, 20, 25, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  background: #ffffff;
  border-color: rgba(15, 20, 25, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
  color: rgba(15, 20, 25, 0.55);
}

/*====== Cart bar ======*/
.cart-bar {
  position: fixed;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 50px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
}
.cart-bar[data-position=bottom] {
  bottom: 0;
  transform: translateY(100%);
}
.cart-bar[data-position=top] {
  top: 0;
  transform: translateY(-100%);
}
.cart-bar.cart-bar--is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0s;
}
.cart-bar {
  /* Hide the cart bar on lower than 1280px wide screens as elements collide */
}
@media screen and (max-width: 1279px) {
  .cart-bar {
    display: none;
  }
}

.cart-bar__form,
.cart-bar__info {
  display: flex;
  align-items: center;
  height: 100%;
}

.cart-bar__form {
  float: right;
}
.cart-bar__form .product__selectors {
  margin: 0;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  height: 50px;
  padding: 0;
}
.cart-bar__form select {
  height: 100%;
  border: 0;
  margin: 0;
}
.cart-bar__form .selector-wrapper {
  height: 100%;
  min-width: 120px;
  border-left: 1px solid #f0f0f0;
}
.cart-bar__form .product__submit .product__submit__add {
  height: 50px;
  width: 205px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0;
}

.cart-bar__info {
  position: relative;
  padding-right: 100px;
}

.cart-bar__image {
  width: 50px;
  height: 50px;
  padding: 5px;
  margin: 0 10px 0 0;
}
.cart-bar__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cart-bar__product__title {
  line-height: 25px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart-bar__product__price {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 20px;
  padding: 15px;
  margin: 0;
}

.focus-enabled model-viewer:focus::after,
.focus-enabled .plyr:focus::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  box-shadow: inset 0 0 2px 2px #f0f0f0;
  box-sizing: border-box;
  pointer-events: none;
}

/**
 * Cart
 */
.cart {
  width: auto;
  padding: 0 20px;
  position: relative;
  margin: 40px auto 0;
  overflow: visible;
  display: block;
  text-align: left;
  max-width: 1100px;
}

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

.cart .empty .theme {
  text-align: center;
}

.cart a {
  text-decoration: none;
}

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

.cart table {
  margin: 20px 0px;
  width: 100%;
  border: 0;
  table-layout: fixed;
}

.cart table th {
  font-size: "1rem";
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 0.5em;
  font-size: 1em;
  border-right: 0;
  color: #0f1419;
}

.cart table thead th:last-child {
  text-align: right;
}

.cart table tbody td {
  font-size: "1rem";
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 0.5em;
  font-size: 1em;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 10px 4px;
  vertical-align: middle;
  font-weight: 300;
}
@media (max-width: 480px) {
  .cart table tbody td {
    padding: 20px 0;
  }
}
.cart table tbody td.desc {
  word-break: break-word;
}
.cart table tbody td.desc small {
  display: block;
  font-size: 0.875em;
  opacity: 0.7;
}

.cart table tbody td:last-child {
  text-align: right;
}

.cart td.properties {
  padding-top: 0 !important;
}

.cart table tbody td a.remove-from-cart {
  font-size: 0.875em;
  line-height: 1.5;
  font-size: 0.8em;
  text-transform: uppercase;
  opacity: 0.7;
}

.cart table tbody td a.remove_from_cart:hover {
  color: white;
}

.cart table tbody td img {
  max-height: 50px;
  max-width: 100%;
}

@media only screen and (max-width: 749px) {
  .cart table {
    table-layout: auto;
  }
  .cart table tbody td.item td.quantity {
    text-align: right;
  }
  .cart table tbody td.quantity {
    padding-right: 10px;
  }
  .cart table tbody td.item td.img {
    padding-right: 25px;
  }
  .cart table tbody td.item td.img img {
    margin-bottom: 5px;
  }
}
.cart table tr.item.with-props td {
  border-bottom: 0;
}
.cart table input {
  font-size: 1em;
}

.cart table tbody tr.props .__props {
  display: block;
  position: relative;
  border-left: 2px solid #FF252A;
  padding: 4px 0 4px 15px !important;
}
.cart table tbody tr.props td {
  border-bottom: 0;
  padding: 5px 0 10px !important;
  text-align: left;
}
.cart table tbody tr.props + tr.item td {
  border-top: 1px solid #f0f0f0;
}

.cart__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 749px) {
  .cart__foot {
    display: none;
  }
}

#CartOuter {
  width: 68%;
}

.cart-info-container {
  text-align: left;
  width: 25%;
  margin: 20px 0;
}

.cart-info-container small {
  font-size: 0.875em;
  line-height: 1.5;
}

.cart-info-container small.additional-checkout {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  margin-top: 15px;
}

.additional-checkout-button {
  width: 100%;
  margin-left: 0 !important;
}

.cart-info-container h3 span {
  font-size: 0.875em;
  line-height: 1.5;
  font-weight: 600;
  margin-right: 10px;
}

.additional-checkout-buttons {
  text-align: center;
  margin-top: 0px;
}
.additional-checkout-buttons .additional-checkout-button {
  min-width: 100% !important;
}

.cart-info-container input[type=image] {
  clear: both;
  background: transparent;
}

.cart-info-container textarea {
  width: 100%;
  height: 100px;
}

.cart input.quantity {
  text-align: center;
}

.cart .quantity-selector {
  display: block;
}
.cart .quantity-selector.qty--disabled::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}

.proceed .large-btn {
  width: 100%;
  margin-top: 15px;
}

.cart-extra {
  margin: 20px 0;
}

.cart-extra small a {
  display: inline-block;
  line-height: 1.2;
}

#NoteForSeller,
#ShippingCalculator {
  display: none;
}

#NoteForSeller {
  margin: 0 0 20px;
}

.show-note:before,
.show-calculator:before {
  content: "+";
  display: inline-block;
  width: 16px;
}

.show-note.open:before,
.show-calculator.open:before {
  content: "–";
  display: inline-block;
  width: 16px;
}

#ShippingCalculator {
  border: 1px solid #f0f0f0;
  padding: 20px;
}
#ShippingCalculator p {
  margin-bottom: 1em;
}
#ShippingCalculator label {
  display: block;
  margin-bottom: 5px;
  font-size: 0.875em;
  line-height: 1.2;
}
#ShippingCalculator input,
#ShippingCalculator select {
  margin: 0;
  width: 100% !important;
}
#ShippingCalculator .btn {
  margin: 15px 0 0;
  white-space: normal;
}
#ShippingCalculator p#shipping-rates-feedback {
  font-style: italic;
}
#ShippingCalculator #wrapper-response {
  margin-top: 20px;
}

.error,
p.error,
label.error {
  color: #bb0000;
}

#shipping-rates {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgb(96.1176470588%, 96.1176470588%, 96.1176470588%);
}
#shipping-rates li {
  border-bottom: 1px solid rgb(96.1176470588%, 96.1176470588%, 96.1176470588%);
  padding: 15px 0;
}

@media screen and (max-width: 768px) {
  .cart table tbody td img {
    max-width: 75px;
  }
}
@media screen and (max-width: 767px) {
  .cart table tbody td img {
    max-width: 75px;
  }
  #CartOuter,
  .cart-info-container {
    width: 100%;
  }
  .cart-info-container {
    text-align: left;
  }
  .cart-info-container .proceed,
  .cart-info-container .cart-section-options {
    display: inline-block;
    width: 48%;
    vertical-align: top;
  }
  .cart-info-container .cart-extra {
    margin: 10px 0 0;
  }
  .cart-info-container .btn {
    max-width: 262px;
  }
  .cart-info-container small.additional-checkout {
    width: 262px;
  }
  .additional-checkout-buttons {
    width: 262px;
  }
  .additional-checkout-buttons [data-shopify-buttoncontainer] > div {
    height: auto !important;
  }
}
@media screen and (max-width: 639px) {
  .cart {
    margin: 20px auto;
  }
  .cart .remove {
    display: none;
  }
  .info__subtotal {
    text-align: right;
  }
  .info__tax {
    text-align: center;
    margin-bottom: 10px;
  }
  .cart-info-container .proceed,
  .cart-info-container .cart-section-options {
    width: 100%;
    text-align: center;
  }
  .cart-info-container small.additional-checkout {
    width: 100%;
  }
  .additional-checkout-buttons {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 480px) {
  .cart table {
    margin-top: 0;
  }
  .cart table th,
  .cart .desc,
  .cart .price {
    display: none;
  }
  .cart .update {
    padding: 10px 0;
  }
  .cart .update .btn {
    margin: 0;
  }
  .cart table tbody tr:first-child > td {
    border-top: 1px solid #f0f0f0;
  }
  .cart-info-container .proceed,
  .cart-info-container .cart-section-options {
    margin: 0 0 20px;
  }
}
/*================ Discounts ================*/
.cart .quantity-selector {
  float: right;
  padding-right: 0;
}

.item__price p {
  font-size: 0.875em;
  line-height: 1.5;
  margin: 0;
}

.item__price--sale {
  color: rgba(14.9418823529%, 19.8431372549%, 24.7443921569%, 0.5);
  text-decoration: line-through;
}

.line--sale .item__price--aftersale {
  margin-left: 6px;
}

.line--discounted .item__price {
  color: black;
}

.line__discounts {
  color: #FF252A;
}

.cart__discounts svg {
  width: 0.9em;
  height: 0.9em;
  position: relative;
}
.cart__discounts svg path {
  stroke: rgba(14.9418823529%, 19.8431372549%, 24.7443921569%, 0.4) !important;
  fill: none !important;
}

.item__total__savings {
  background-color: rgba(255, 37, 42, 0.05);
  color: #FF252A;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 12px;
}

.cart__icon--tags svg {
  width: 0.9em;
  height: 0.9em;
  position: relative;
}
.cart__icon--tags svg path {
  stroke: rgba(255, 37, 42, 0.8) !important;
  fill: none !important;
}

.info__subtotal--before,
.info__subtotal--discounts {
  font-size: 1.25rem;
  line-height: 1.6;
}

/**
 * Pages
 */
.page {
  position: relative;
  text-align: left;
  margin: 40px auto;
  max-width: 670px;
  padding: 0px 30px;
}

.page .giftcard__wrap img {
  margin: auto;
}

.page-fullwidth {
  max-width: 100%;
}

.page img,
.page iframe {
  max-width: 100%;
}

.gift-card-footer {
  text-align: center;
}

#QrCode {
  padding: 10px 0 20px;
}
#QrCode img {
  display: inline-block !important;
}

.search-page {
  margin: 20px auto 0;
  padding: 0 30px;
  max-width: 100%;
}

.search-page .coll-heading {
  padding: 0 0 20px;
}

.search-outer {
  max-width: 460px;
  margin: 10px auto 40px;
}

.search-form {
  position: relative;
}

.search-form input[type=text] {
  width: 100%;
  margin: 0;
  padding: 15px;
}

.search-submit {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border: 0;
  padding: 0 10px;
  margin: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rich-text {
  padding: 50px 0;
  text-align: center;
}
.rich-text p {
  margin: 20px auto;
}

.rich-text-image {
  max-width: 200px;
  margin: 0 auto 30px;
}
.rich-text-image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}
.rich-text-image .placeholder-svg-filled {
  border: 1px solid #f0f0f0;
}

.text--404 {
  padding: 30px 0;
}

.popout {
  position: relative;
}

.popout__toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url(//www.ueshimacoffeecompany.com/cdn/shop/t/23/assets/ico-select.svg?v=115630813262522069291788884760);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: transparent;
  background-size: 11px auto;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: "";
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8em;
  font-weight: "normal";
  font-size: 10px;
  margin: 10px 0;
  white-space: nowrap;
  padding: 9px 16px;
  background-image: none;
}
.popout__toggle .icon {
  margin-left: 5px;
  width: 11px;
}

.popout-list {
  background-color: #ffffff;
  border: 1px solid rgb(97%, 97%, 97%);
  bottom: 100%;
  position: absolute;
  display: none;
  margin: 0;
  padding: 0;
  min-height: 30px;
  max-height: 300px;
  z-index: 100;
  overflow-y: auto;
}

.popout-list--visible {
  display: block;
}

.popout-list__item {
  white-space: nowrap;
  padding: 0;
  margin: 0;
  text-align: left;
}

.popout-list__option {
  padding: 8px 15px 8px 15px;
  width: 100%;
  display: block;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8em;
  font-weight: "normal";
  font-size: 10px;
}
.popout-list__option:hover {
  background-color: rgb(97%, 97%, 97%);
}

.popout-list__item--current .popout-list__option span {
  border-bottom: 1px solid rgb(14.9418823529%, 19.8431372549%, 24.7443921569%);
}

.popout--footer {
  display: flex;
}
.popout--footer .popout {
  padding-right: 10px;
}
.popout--footer .popout__toggle {
  color: #ffffff;
  border-color: rgb(10%, 10%, 10%);
}
.popout--footer .popout-list {
  background-color: #000000;
  border: 1px solid rgb(10%, 10%, 10%);
}
.popout--footer .popout-list__option:hover {
  background-color: rgb(10%, 10%, 10%);
}

/**
 * Account
 */
.account-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 0.9375rem;
  margin-bottom: 1.875rem;
}
.account-header h1 {
  margin-bottom: 0;
}
.account-header button, .account-header .btn {
  margin-bottom: 10px;
}
@media only screen and (max-width: 989px) {
  .account-header {
    display: block;
  }
}

#Login.just {
  text-align: justify;
}

#Login.just h2.theme {
  text-align: left;
}

#Login {
  text-align: center;
}

.account {
  margin: 40px auto;
  max-width: 1160px;
  padding: 0 30px;
  width: 100%;
}

.account .col {
  display: inline-block;
  position: relative;
  width: 45%;
  z-index: 2;
}

.account form {
  padding: 20px 0;
}

.account .forgot-password {
  display: inline-block;
  width: 100%;
  padding: 20px 0;
  text-align: right;
}

.account .forgot-password a {
  font-size: 0.875em;
  line-height: 1.5;
  text-decoration: none;
}

.errors ul {
  text-align: left;
  color: #bb0000;
}

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

.action-bottom .note {
  margin: 0 10px;
}
@media (max-width: 374px) {
  .action-bottom .note {
    display: block;
    margin-top: 10px;
  }
}

.note > a {
  border-bottom: 1px solid currentColor;
  color: #FF252A;
  margin-left: 5px;
}
.no-touch .note > a:hover {
  border-bottom: transparent;
}

.align-left .form-field {
  margin: 0 0 15px;
}

.account table {
  width: 100%;
}

.account table th {
  background: #f7f7f7;
  color: rgb(14.9418823529%, 19.8431372549%, 24.7443921569%);
  border: 1px solid #f7f7f7;
  -webkit-backface-visibility: visible;
}

.account-sidebar {
  width: 22%;
}

.account-sidebar ul {
  list-style: none;
  margin: 0;
}

.account-sidebar li {
  margin: 8px 0;
}

.account-main {
  width: 74%;
}

.account-main h2.theme,
.account h4.theme {
  text-align: left;
}

.account table.customer-address-table,
.account table.customer-address-table th,
.account table.customer-address-table td {
  border: 0;
  padding: 15px 0 0;
}

.account table.customer-address-table input[type=text] {
  width: 100%;
}

.address-tables {
  padding-top: 10px;
}

.address-actions {
  font-size: 0.875em;
  line-height: 1.5;
}

.account .edit-address table,
.account .edit-address form {
  margin: 0;
  padding: 0;
}

.account .edit-address table td {
  padding: 0 0 15px;
}

.account .edit-address select {
  max-width: 150px;
}

.account .edit-address label {
  padding: 0 15px 0 0;
}

.account table a {
  text-decoration: underline;
}

#OrderAddress .col {
  width: auto;
  margin-right: 40px;
}

#OrderInfo {
  width: 100%;
  margin-bottom: 30px;
}

#OrderInfo p {
  line-height: 1;
}

#OrderInfo span.status {
  font-style: italic;
}

.account-sidebar--mobile {
  display: none;
}

@media only screen and (max-width: 749px) {
  .account-sidebar,
  .account-main {
    width: 100%;
    margin: 0 0 20px;
  }
  .address-table,
  #AddAddress {
    width: 100%;
  }
  .account {
    padding: 15px;
    margin: 0 auto;
  }
  .account-sidebar {
    margin: 0 0 20px;
    padding: 0;
    text-align: left;
    min-height: 0;
    position: relative;
    background: #f7f7f7;
  }
  .account-sidebar--mobile {
    display: block;
    padding: 15px;
    cursor: pointer;
    position: relative;
  }
  .account-sidebar--mobile:after {
    font-family: "Icons";
    content: "\e02d";
    position: absolute;
    right: 15px;
    font-size: 75%;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .account-sidebar ul {
    position: absolute;
    z-index: 999;
    background: #f7f7f7;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-in;
    -moz-transition: max-height 0.5s ease-in;
    -ms-transition: max-height 0.5s ease-in;
    -o-transition: max-height 0.5s ease-in;
    transition: max-height 0.5s ease-in;
  }
  .account-sidebar ul.visible {
    max-height: 640px;
  }
  .account-sidebar li {
    margin: 0;
    display: block;
    border-top: 1px solid #f0f0f0;
  }
  .account-sidebar a {
    display: block;
    padding: 15px;
  }
}
@media screen and (max-width: 480px) {
  .account .col {
    width: 100%;
  }
  .account .edit-address table td {
    display: block;
    padding: 0 0 10px;
  }
  .account table .payment-status,
  .account table .total {
    display: none;
  }
  #OrderAddress .col {
    width: 100%;
    margin: 0 0 15px;
  }
  #OrderDetailsM,
  #OrderDetailsM td {
    border: 0;
    vertical-align: top;
  }
  #OrderDetailsM p {
    margin: 0;
  }
}
.order__item__savings {
  margin-top: 10px;
}

.order__item--original {
  color: rgba(14.9418823529%, 19.8431372549%, 24.7443921569%, 0.5);
  text-decoration: line-through;
}

/**
 * Custom HTML
 */
.custom-html-section--padding {
  padding: 50px 0;
}

/**
 * Blog
 */
.blog {
  position: relative;
  text-align: left;
}
.blog .content-container {
  margin-bottom: 50px;
}

.blog-title {
  padding: 50px 20px;
  margin: 0;
  text-align: center;
}
.blog-title .oi {
  font-size: 75%;
}

.blog-nav {
  padding-bottom: 50px;
  margin: 0;
  text-align: center;
}
.blog-nav .oi {
  font-size: 85%;
}

@media only screen and (max-width: 749px) {
  .blog-listing {
    padding-left: 25px;
    padding-right: 25px;
    margin: 0;
  }
}
.index-blog .blog-listing {
  margin: 0;
}
.index-blog .blog-listing .article {
  padding: 0;
}
@media only screen and (max-width: 749px) {
  .index-blog .blog-listing {
    margin: 0 20px;
  }
}
.blog-listing .article__tags {
  padding: 15px 0;
}

.blog-listing-arrow {
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.blog-listing-arrow--left {
  left: -10px;
}

.blog-listing-arrow--right {
  right: -10px;
}

.blog--no-title {
  padding-top: 50px;
}

/* Blog articles */
.article {
  -ms-break-inside: avoid;
  -webkit-break-inside: avoid;
  break-inside: avoid;
}

.article-grid-item {
  margin-bottom: 30px;
}

.article__title {
  font-size: 1.32rem;
  line-height: 1.25;
  margin-bottom: 8px;
}
.article__title a {
  display: inline-block;
  width: 100%;
}

.article__meta {
  margin-bottom: 16px;
  font-size: 0.75rem;
  line-height: 1.4;
  font-weight: normal;
  opacity: 0.7;
}
.article__meta .separator {
  margin: 0 5px;
  opacity: 0.75;
}

.article__image {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
}
.index-blog .article__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.article__excerpt {
  font-size: 0.865rem;
  margin-top: 16px;
  margin-bottom: 16px;
}

.article__link {
  font-size: 0.865rem;
  margin-bottom: 0;
}

.article__tags {
  font-size: 0.875rem;
  line-height: 1.6;
  width: 100%;
  padding: 0 15px 5px 25px;
  margin-bottom: -20px;
}

.article__tag {
  line-height: 1;
  display: inline-block;
  border: 1px solid #0f1419;
  color: #0f1419;
  padding: 3px 8px;
  margin: 0 10px 10px 0;
}
.article__tag:hover {
  color: #0f1419;
  opacity: 0.9;
}

.article__text-wrapper {
  padding: 25px;
}

.blog .article__image {
  height: 200px;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}
.blog .article__image .article__tags {
  font-size: 0.875rem;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8em;
  font-weight: "normal";
  position: absolute;
  z-index: 20;
  left: 0;
  bottom: 0;
  margin-bottom: 0;
}
.blog .article__image .article__tag {
  border: 1px solid rgba(255, 255, 255, 0.9);
  color: #fff;
}
.blog .article__image .article__tag:hover {
  color: #fff;
}

.article__image-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
}

.comment-count {
  display: block;
  padding-top: 7px;
}

.comments-form {
  margin-top: 20px;
  position: relative;
}
.comments-form .btn {
  margin: 10px 0;
}

.flash {
  margin-bottom: 1em;
}

.blog .flash {
  text-align: center;
}
.blog .comments {
  margin: 10px 0 20px;
  padding-top: 20px;
  position: relative;
}
.blog .comments .gravatar {
  float: left;
  margin-right: 15px;
  width: 50px;
}
.blog .comments .label {
  float: right;
}
.blog .comments .comment {
  padding-bottom: 10px;
  margin-top: 10px;
  border-bottom: 1px solid #f0f0f0;
}
.blog .comment-body {
  overflow: hidden;
}
.blog .paginate {
  text-align: center;
}

.paginate .num {
  margin: 0 5px;
}

.blog__title {
  padding: 50px 0;
  margin: 0;
}
.blog__title + .content-container {
  margin-top: -30px;
}

.blog__text {
  margin: 0;
}

.blog__button {
  margin-top: 20px;
}

/**
 * Article
 */
.article--single {
  padding: 50px 0;
  position: relative;
}
@media only screen and (max-width: 749px) {
  .article--single {
    padding-top: 0;
  }
}
.article--single .article {
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 749px) {
  .article--single .article {
    margin-top: 63px;
  }
}
.article--single .article__title {
  font-size: 2.46rem;
  font-weight: 800;
  margin: 11px 0 30px;
}
.article--single .article__meta {
  font-size: 0.875rem;
  line-height: 1.6;
  font-size: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  padding: 7px 0;
  opacity: 1;
}
.article--single .article__tags {
  font-size: 0.875rem;
  line-height: 1.6;
  margin: 24px 0;
  padding: 0;
}
.article--single .article__image {
  margin: -50px 0 50px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.article--single .article__image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
@media only screen and (max-width: 749px) {
  .article--single .article {
    margin-left: -13px;
    margin-right: -13px;
  }
  .article--single .article__title {
    font-size: 26px;
    line-height: 31px;
    margin: 0;
  }
  .article--single .article__meta {
    padding: 0;
    margin: 0;
    font-size: 14px;
  }
  .article--single .article__image {
    margin: 0 0 -22px;
  }
  .article--single .hr {
    margin: 10px 0;
  }
}

.article__content {
  padding: 14px 0 0;
  font-size: 18px;
  line-height: 26px;
}
.article__content p {
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 24px;
}
.article__content blockquote {
  font-style: italic;
  margin: 52px 0;
  padding: 0 0 0 28px;
  border-left: 2px solid #f0f0f0;
}
.article__content blockquote p {
  margin: 0;
}
.article__content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 24px 0;
}
@media only screen and (min-width: 750px) {
  .article__content {
    margin-left: 60px;
    min-height: 130px;
  }
}
@media only screen and (min-width: 1400px) {
  .article__content {
    margin-left: 0;
  }
}
@media only screen and (max-width: 749px) {
  .article__content {
    font-size: 15px;
  }
  .article__content blockquote {
    margin: 26px 0;
    padding: 0 0 0 18px;
    border-width: 1px;
  }
}

.article__author + time:before {
  content: "•";
  margin: 0 7px;
}

.article__author-bio {
  margin: 24px 0;
  display: flex;
}
.article__author-bio h3 {
  font-size: 0.875rem;
  line-height: 1.6;
}

.article__author__image {
  flex-shrink: 0;
  margin-right: 20px;
  margin-top: 7px;
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  display: inline-block;
  overflow: hidden;
}
@media only screen and (max-width: 749px) {
  .article__author__image {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    border-radius: 40px;
  }
}

.article__content__wrapper {
  position: relative;
}

.article__social {
  position: absolute;
  top: 0;
}
.article__social .sharing {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  padding: 20px 0 0;
}
.article__social .sharing .share {
  padding: 0;
  margin-bottom: 15px;
}
.article__social .sharing .share:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 750px) {
  .article__social {
    width: 60px;
    margin-left: 0;
  }
  .article__social .share span {
    display: none;
  }
}
@media only screen and (min-width: 1400px) {
  .article__social {
    margin-left: -135px;
    width: 135px;
  }
  .article__social .share span {
    display: block;
  }
}
@media only screen and (max-width: 749px) {
  .article__social {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    top: auto !important;
    z-index: 1000;
  }
  .article__social .sharing {
    position: static;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .article__social .sharing .share {
    margin: 0 10px;
  }
}

.comments-container {
  margin: 160px 0;
}
@media only screen and (max-width: 749px) {
  .comments-container {
    margin: 22px -15px;
  }
}

.comments h3 {
  margin: 0;
  font-size: 1.265rem;
  line-height: 1.2;
}
@media only screen and (max-width: 749px) {
  .comments h3 {
    font-size: 16px;
    line-height: 1.5;
  }
}

.comment-body {
  margin: 32px 0;
  padding-bottom: 9px;
  font-size: 14px;
  line-height: 17px;
}
.comment-body p {
  font-size: inherit;
  line-height: inherit;
}
@media only screen and (max-width: 749px) {
  .comment-body {
    margin: 20px 0;
    font-size: 13px;
    line-height: 15px;
  }
}

.comment-meta {
  margin: 15px 0;
  font-weight: bold;
}
@media only screen and (max-width: 749px) {
  .comment-meta {
    margin: 6px 0;
    font-weight: normal;
    opacity: 0.7;
  }
}

.comments-form {
  margin-top: 13px;
}
.comments-form h3 {
  margin: 0;
  font-size: 1.265rem;
  line-height: 1.2;
}
@media only screen and (max-width: 749px) {
  .comments-form h3 {
    font-size: 18px;
    line-height: 1.5;
  }
}

.comment-form {
  max-width: 600px;
  margin: 0;
  padding: 4px 0 0;
}
.comment-form .form-field {
  max-width: 100%;
}
.comment-form p {
  font-size: 12px;
  line-height: 17px;
}
.comment-form p.error {
  margin-bottom: 1.75em;
}
.comment-form .form-row {
  display: flex;
  justify-content: space-between;
}
.comment-form .form-row .form-field {
  width: calc(50% - 5px);
}
.comment-form .form-row .form-field .label--float {
  top: -0.3em;
}
.comment-form .btn {
  font-size: 15px;
  line-height: normal;
  height: 44px;
  padding: 0 42px;
}
@media only screen and (max-width: 749px) {
  .comment-form {
    padding-top: 11px;
  }
  .comment-form .form-field {
    margin-bottom: 8px;
  }
  .comment-form .form-field textarea {
    height: 158px;
  }
  .comment-form .form-row .form-field {
    width: calc(50% - 4px);
  }
  .comment-form .btn {
    font-size: 13px;
    height: 35px;
    padding: 0 15px;
  }
}

.sidebar {
  max-width: 100%;
  padding-left: 20px;
  width: 340px;
}
@media only screen and (max-width: 749px) {
  .sidebar {
    padding-left: 0;
    width: calc(100% + 30px);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 54px;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.pinterest__image {
  max-width: 365px;
}

.widget {
  padding-bottom: 47px;
}
@media only screen and (min-width: 750px) {
  .widget:first-child {
    padding-top: 25px;
  }
}
@media only screen and (max-width: 749px) {
  .widget {
    padding-bottom: 3px;
  }
}

.widget__title {
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
  padding: 8px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
}

.widget__links {
  margin: 0;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
}
.widget__links li {
  list-style: none;
}
.widget__links a {
  display: block;
  color: #0f1419;
  padding: 6px 0;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.widget__links a:hover {
  color: #FF252A;
}
.widget__links .has-sub-nav > a {
  position: relative;
  padding: 6px 24px 6px 0;
}
.widget__links .has-sub-nav > a::after {
  font-family: "Icons";
  content: "\e034";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0 14px 0 0;
  font-size: 12px;
}
.widget__links .has-sub-nav.active > a {
  opacity: 1;
}
.widget__links .has-sub-nav.active > a::after {
  content: "\e037";
}
.widget__links .submenu {
  font-weight: normal;
  margin: 4px 0 4px 2px;
  padding: 0 0 0 15px;
  border-left: 2px solid #f0f0f0;
  display: none;
}
.widget__links .submenu li.active a {
  opacity: 1;
}
@media only screen and (max-width: 749px) {
  .widget__links .has-sub-nav > a::after {
    content: none;
    display: none;
  }
  .widget__links .submenu {
    display: none !important;
  }
}

@media only screen and (max-width: 749px) {
  .widget--categories {
    border-bottom: 1px solid #f0f0f0;
    margin: 0;
  }
  .widget--categories .widget__title {
    font-size: 14px;
    padding: 9px 10px;
    text-align: center;
    margin-bottom: 0;
  }
  .widget--categories .widget__links {
    text-align: center;
    height: 33px;
    overflow: hidden;
    z-index: 1;
  }
  .widget--categories .widget__links li {
    margin: 0;
  }
  .widget--categories .widget__links li a {
    padding: 8px 10px;
    font-weight: normal;
    opacity: 1;
  }
  .widget--categories .widget__links .slick-arrow {
    margin: 0;
    top: 0;
    bottom: 0;
    color: #0f1419;
    background: #ffffff;
    box-shadow: none;
    font-size: 21px;
    line-height: 1;
    display: flex;
    align-items: center;
    opacity: 0.7;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .widget--categories .widget__links .slick-prev {
    left: 0;
    padding-left: 12px;
  }
  .widget--categories .widget__links .slick-prev svg {
    -webkit-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
  .widget--categories .widget__links .slick-next {
    right: 0;
    padding-right: 12px;
  }
}

.widget__links--active a {
  color: #FF252A;
}

.widget--pinterest .widget__image {
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}
.widget--pinterest .widget__image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.widget__recent {
  margin-top: 30px;
}

.article__column {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  position: relative;
  min-height: 120px;
  margin-bottom: 30px;
  transition: all 0.3s ease-out;
  border: 1px solid #f0f0f0;
}
.article__column:last-child {
  margin-bottom: 0;
}
.article__column .meta--light {
  margin-top: 8px;
  font-size: 0.875rem;
  color: rgb(26.2368823529%, 34.8431372549%, 43.4493921569%);
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .article__column .meta--light {
    color: white;
  }
}
.article__column:hover {
  border: 1px solid rgb(91.1176470588%, 91.1176470588%, 91.1176470588%);
}

.article__column__image__wrapper img {
  display: block;
}
.article__column__image__wrapper {
  width: 33%;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .article__column__image__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.article__column__contents {
  padding: 10px 10px 10px 5%;
  flex: 1;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .article__column__contents {
    position: relative;
    z-index: 2;
  }
}

.article__column__title {
  margin: 0 0 9px 0;
  color: #0f1419;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .article__column__title {
    color: white;
  }
}

.article__column__image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 33%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .article__column__image {
    width: 100%;
  }
}

.blog-editorial {
  text-align: center;
  position: relative;
}

.editorial__slider {
  position: relative;
}

.editorial {
  display: flex;
  align-items: center;
  min-height: 50vw;
  background: #f7f7f7;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .editorial {
    min-height: 500px;
  }
}
@media only screen and (min-width: 990px) and (max-width: 1399px) {
  .editorial {
    min-height: 600px;
  }
}
@media only screen and (min-width: 1400px) {
  .editorial {
    min-height: 785px;
  }
}
@media only screen and (max-width: 749px) {
  .editorial {
    flex-direction: column;
  }
}

.editorial__content {
  height: 100%;
  width: 50%;
  text-align: left;
  padding: 104px;
}
@media only screen and (max-width: 1399px) {
  .editorial__content {
    padding: 90px 60px;
  }
}
@media only screen and (max-width: 749px) {
  .editorial__content {
    width: 100%;
    padding: 40px;
  }
}

.editorial__subheading {
  position: absolute;
  top: 10%;
  padding-left: 5px;
}
@media only screen and (max-width: 749px) {
  .editorial__subheading {
    position: relative;
    padding-bottom: 30px;
  }
}

.editorial__meta {
  font-size: 0.875rem;
  line-height: 1.6;
  font-size: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  padding: 7px 0;
  opacity: 0.7;
}

.editorial__image {
  align-self: stretch;
  position: relative;
  width: 50%;
}
@media only screen and (max-width: 749px) {
  .editorial__image {
    width: 100%;
    height: 50vw;
    margin: 30px auto 0 auto;
  }
}

.editorial__image-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.editorial__slider-arrow {
  position: absolute;
  z-index: 10;
  top: 90%;
  margin-top: -22px;
  transition: top 0.3s ease;
}
@media only screen and (max-width: 749px) {
  .editorial__slider-arrow {
    top: 10%;
    left: -30px;
  }
}
.editorial__slider-arrow svg {
  width: 16px;
  height: 30px;
}
.editorial__slider-arrow svg path {
  fill: #d0d0d0;
}

.editorial__slider-arrow--left {
  left: 104px;
}
@media only screen and (max-width: 1399px) {
  .editorial__slider-arrow--left {
    left: 60px;
  }
}
@media only screen and (max-width: 749px) {
  .editorial__slider-arrow--left {
    left: 6px;
  }
}

.editorial__slider-arrow--right {
  right: initial;
  left: 160px;
}
@media only screen and (max-width: 1399px) {
  .editorial__slider-arrow--right {
    right: initial;
    left: 100px;
  }
}
@media only screen and (max-width: 749px) {
  .editorial__slider-arrow--right {
    right: 6px;
    left: initial;
  }
}

/**
 * Collections
 */
.template-collection .container {
  background-color: rgba(255, 255, 255, 0);
}

.collection__nav,
.product-grid {
  background-color: #ffffff;
}

.collection__products {
  position: relative;
}

.collection__nav {
  display: flex;
  background: #f7f7f7;
  border-top: 1px solid #f0f0f0;
}

.collection__nav--filter {
  justify-content: flex-start;
}

.collection__nav--sort {
  justify-content: flex-end;
}

.collection__nav--filter.collection__nav--sort {
  justify-content: space-between;
}

/**
 * COLLECTION PAGE HEADER
 */
.collection__title .hero__title {
  padding: 0;
  margin: 0;
}
.collection__title .hero__description {
  padding: 0;
  margin: 0;
}
.collection__title .hero__title + .hero__description {
  margin-top: 0.5em;
}

.collection__title:not(.hero__content__wrapper) {
  padding: 30px;
}
@media only screen and (max-width: 989px) {
  .collection__title:not(.hero__content__wrapper) {
    padding: 25px 15px;
  }
}

@media only screen and (max-width: 749px) {
  .slideup {
    display: none !important;
  }
}
.pagination {
  text-align: center;
  padding: 20px 0;
}

.pagination span {
  margin: 0 5px;
}

.pagination .current {
  font-weight: 400;
}

.pagination a {
  text-decoration: none;
}

.product-grid--search .product-item {
  width: 33.33%;
}
@media only screen and (max-width: 749px) {
  .product-grid--search .product-item {
    width: 50%;
  }
}

.collection-all .collection__title {
  padding: 0;
}

.collection__image-inline {
  display: flex;
  align-items: stretch;
}
.collection__image-inline .collection__image {
  width: 65%;
}
.collection__image-inline .collection__title-wrapper {
  position: relative;
  width: 35%;
}
.collection__image-inline .hero__content__wrapper {
  position: relative;
}
@media only screen and (max-width: 989px) {
  .collection__image-inline {
    flex-direction: column;
  }
  .collection__image-inline .collection__image,
  .collection__image-inline .collection__title-wrapper {
    width: 100%;
  }
  .collection__image-inline .collection__title-wrapper {
    height: auto;
  }
}

/*================ Collection Reviews ================*/
.product-item .yotpo.bottomLine {
  display: flex;
  justify-content: center;
}
.product-item .yotpo.bottomLine a {
  display: none;
}

@media only screen and (min-width: 750px) {
  .transparent-header #FeaturedImage-collection {
    min-height: 360px;
  }
  .transparent-header .hero__content__wrapper {
    padding-top: 110px;
  }
}

.collection__loader {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s linear 0s;
}
.is-loading .collection__loader {
  opacity: 1;
  visibility: visible;
}

.collection__sidebar__slider {
  position: absolute;
  z-index: 200;
  height: 100%;
  background: #ffffff;
  min-width: 270px;
  display: none;
  opacity: 0;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  transition-duration: 0.5s, 0.5s;
  transition-timing-function: cubic-bezier(0, 0.75, 0.25, 1), cubic-bezier(0, 0.75, 0.25, 1);
  transition-delay: 0s, 0s;
}

.collection__sidebar {
  margin: 15px;
  font-size: 0.825em;
  max-height: 100%;
  overflow-y: scroll;
}

.collection__sidebar__group {
  opacity: 0;
  transform: translateY(15px);
  transition-property: transform, opacity;
  transition-duration: 0.9s, 0.9s;
  transition-timing-function: cubic-bezier(0, 0.75, 0.25, 1), cubic-bezier(0, 0.75, 0.25, 1);
  transition-delay: 0.7s, 0.7s;
}

.collection__sidebar__group:nth-child(1) {
  transition-duration: 0.5s, 0.5s;
  transition-delay: 0.3s, 0.3s;
}

.collection__sidebar__group:nth-child(2) {
  transition-duration: 0.6s, 0.6s;
  transition-delay: 0.4s, 0.4s;
}

.collection__sidebar__group:nth-child(3) {
  transition-duration: 0.7s, 0.7s;
  transition-delay: 0.5s, 0.5s;
}

.collection__sidebar__group:nth-child(4) {
  transition-duration: 0.8s, 0.8s;
  transition-delay: 0.6s, 0.6s;
}

.collection__sidebar__slider.expanded {
  opacity: 1;
  transform: translateX(0);
}
.collection__sidebar__slider.expanded .collection__sidebar__group {
  opacity: 1;
  transform: translateY(0);
}

/**
 * middle step because you need display none for
 *  A11Y tabbing but we can't animate display none
 */
.collection__sidebar__slider.expanding {
  display: block;
  visibility: hidden;
}

.collection__sidebar__slider.expanding.expanded {
  visibility: visible;
}

.product-grid--sidebar {
  width: 75%;
}
@media only screen and (max-width: 749px) {
  .product-grid--sidebar {
    width: 100%;
  }
}

.collection__sidebar__heading {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8em;
  font-weight: "normal";
  border-bottom: 1px solid rgb(97%, 97%, 97%);
  padding-bottom: 3px;
  margin-bottom: 13px;
  font-weight: 400;
}

.collection-nav {
  list-style-type: none;
  padding: 0;
  margin: 0 0 25px 0;
}

.sidebar__item {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8em;
  font-weight: "normal";
  padding: 0;
  margin: 0 0 12px 0;
}

.link--remove a,
.link--add a,
.link--disable {
  padding-left: 23px;
  position: relative;
}
.link--remove a:before,
.link--add a:before,
.link--disable:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  height: 1em;
  border: 1px solid rgb(14.9418823529%, 19.8431372549%, 24.7443921569%);
}

.link--remove a:after {
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  width: calc(1em - 4px);
  height: calc(1em - 4px);
  border: 2px solid #ffffff;
}

.link--remove a:before {
  background-color: #FF252A;
}

.link--remove:hover a:after {
  display: none;
}

.link--remove:hover a:before {
  background-color: transparent;
}

.link--disable {
  text-decoration: line-through;
  opacity: 0.8;
}
.link--disable:before {
  border: 2px solid #f0f0f0;
  background-color: #f0f0f0;
}

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

.popout--filter .popout,
.popout--group .popout,
.popout--sort .popout {
  height: 100%;
}
.popout--filter .popout-list,
.popout--group .popout-list,
.popout--sort .popout-list {
  z-index: 1000;
  max-height: 90vh;
  top: 100%;
  bottom: initial;
  right: 0;
}
.popout--filter .popout__toggle,
.popout--group .popout__toggle,
.popout--sort .popout__toggle {
  padding: 13px 15px;
  height: 100%;
  border-top: none;
  border-left: 1px solid #f0f0f0;
  color: #0f1419;
  border-bottom: none;
  border-right: none;
  margin: 0;
}

.collection__nav .popout--filter .popout__toggle,
.collection__nav .popout--group .popout__toggle {
  border-right: 1px solid #f0f0f0;
  border-left: none;
}
.collection__nav .popout--filter .popout-list,
.collection__nav .popout--group .popout-list {
  right: initial;
}

.popout--group .popout__toggle {
  background-image: none;
  display: flex;
  align-items: center;
}
.popout--group .popout__toggle .icon {
  margin-top: -1px;
  width: 10px;
  margin-left: 6px;
}

/**
 * Footer
 */
.site-footer-wrapper {
  position: relative;
  background-color: #000000;
  color: #ffffff;
  text-align: left;
}
.site-footer-wrapper hr {
  border-top: 1px solid rgb(10%, 10%, 10%);
}
.site-footer-wrapper a {
  color: #ffffff;
}
.site-footer-wrapper a:hover {
  color: #FF252A;
}
.site-footer-wrapper[data-parallax-src] {
  overflow: hidden;
  position: relative;
  background-color: transparent;
}

.site-footer-wrapper--image {
  background-color: #000000;
}

.site-footer {
  position: relative;
  z-index: 100;
  padding: 0 60px;
}
@media only screen and (min-width: 1400px) {
  .site-footer .grid__item {
    padding-left: 60px;
  }
  .site-footer .grid {
    margin-left: -60px;
  }
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .site-footer {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 749px) {
  .site-footer {
    padding: 0 25px;
  }
}

.footer__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.footer__logo {
  padding-top: 75px;
  display: inline-block;
}

.footer__block {
  margin-top: 75px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .footer__block {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 749px) {
  .footer__block {
    margin-top: 30px;
  }
}

.footer__quicklinks {
  padding-top: 4px;
  font-size: 14px;
  text-transform: none;
}
.footer__quicklinks li {
  margin: 0 0 1em 0;
}

.footer__social li {
  margin: 0 1.5em 1em 0;
}
.footer__social li svg {
  height: 15px;
  width: 15px;
  fill: #ffffff;
}
.footer__social li svg:hover {
  fill: #FF252A;
}

.footer__social__text,
.footer__newsletter__text {
  margin-bottom: 15px;
}

.footer__copyright {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8em;
  font-weight: "normal";
}

.footer__secondary {
  margin: 50px 0 40px 0;
}

.footer__copyright {
  font-size: 10px;
}
.footer__copyright li {
  display: inline-block;
  padding: 15px 20px 10px 0;
}
@media only screen and (max-width: 749px) {
  .footer__copyright {
    text-align: left;
    margin: 20px 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 749px) {
  .footer__copyright {
    order: 100;
    width: 100%;
  }
}

.footer__payment {
  margin: 50px 0 40px 0;
  text-align: right;
}
.footer__payment li {
  display: inline-block;
  padding: 0 10px 10px 0;
}
.footer__payment a {
  text-decoration: none;
}
.footer__payment .payment-icon {
  width: 36px;
}
@media only screen and (max-width: 749px) {
  .footer__payment {
    line-height: 2em;
    text-align: left;
    margin: 15px 0;
  }
  .footer__payment li {
    padding: 0 15px 5px 0;
  }
  .footer__payment li:last-child {
    padding-right: 0;
  }
}

.site-footer-wrapper .input-group.newsletter-form {
  border: 1px solid #ffffff;
}
.site-footer-wrapper .input-group.newsletter-form .input-group-btn,
.site-footer-wrapper .input-group.newsletter-form .input-group-btn .btn,
.site-footer-wrapper .input-group.newsletter-form .input-group-btn .btn:active,
.site-footer-wrapper .input-group.newsletter-form .input-group-btn .btn:focus {
  background-color: #ffffff;
  color: #000000;
}
.site-footer-wrapper .input-group.newsletter-form input {
  color: #ffffff;
}

.footer__block__title {
  color: #FF252A;
  font-size: 20px;
}

.site-footer-wrapper .footer__quicklinks a,
.footer__quicklinks a {
  font-size: 14px !important;
  text-transform: none;
}

.site-footer--push {
  margin-bottom: 50px;
}

.plyr.plyr--full-ui.plyr--video {
  color: #0f1419;
  background-color: transparent;
}
body:not(.focus-enabled) .plyr.plyr--full-ui.plyr--video {
  outline: none;
}
.plyr.plyr--full-ui.plyr--video .plyr__video-wrapper {
  background-color: transparent;
}
.plyr.plyr--full-ui.plyr--video .plyr__poster {
  background-color: #f2f2f2;
}
.plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster {
  background-color: #000;
}
.plyr.plyr--full-ui.plyr--video {
  /* stylelint-disable-next-line */
}
.plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster {
  background-color: #000;
}
.plyr.plyr--full-ui.plyr--video {
  /* stylelint-disable-next-line */
}
.plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster {
  background-color: #000;
}
.plyr.plyr--full-ui.plyr--video {
  /* stylelint-disable-next-line */
}
.plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper, .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster {
  background-color: #000;
}
.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper,
.plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster {
  background-color: #000;
}
.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid {
  background-color: #ffffff;
  border-color: rgba(15, 20, 25, 0.05);
}
.plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus, .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover {
  color: rgba(15, 20, 25, 0.55);
}
.plyr.plyr--full-ui.plyr--video .plyr__controls {
  background-color: #ffffff;
  border-color: rgba(15, 20, 25, 0.05);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-thumb {
  box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-thumb {
  box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-thumb {
  box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(15, 20, 25, 0.6) var(--value, 0));
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-track {
  background-color: rgba(15, 20, 25, 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-fill-upper {
  background-color: rgba(15, 20, 25, 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(15, 20, 25, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(15, 20, 25, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(15, 20, 25, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 0 0 3px rgba(15, 20, 25, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(15, 20, 25, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(15, 20, 25, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip {
  background-color: #0f1419;
  color: #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before {
  border-top-color: #0f1419;
}
.plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer {
  background-image: linear-gradient(-45deg, rgba(15, 20, 25, 0.6) 25%, transparent 25%, transparent 50%, rgba(15, 20, 25, 0.6) 50%, rgba(15, 20, 25, 0.6) 75%, transparent 75%, transparent);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range] {
  color: #ffffff;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-thumb {
  box-shadow: 2px 0 0 0 #0f1419;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-thumb {
  box-shadow: 2px 0 0 0 #0f1419;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-thumb {
  box-shadow: 2px 0 0 0 #0f1419;
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(255, 255, 255, 0.6) var(--value, 0));
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-track, .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-fill-upper {
  background-color: rgba(255, 255, 255, 0.6);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}

/**
 * Tabs
 */
.tabs-wrapper {
  padding-top: 30px;
}

.product-tabs {
  max-width: 100%;
}

ul.tabs {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style: none;
  display: inline-block;
  position: relative;
}

ul.tabs > li {
  background: none;
  color: #0f1419;
  display: inline-block;
  padding: 10px 0px;
  margin: 0rem 3rem 0rem 0rem;
  font-weight: 300;
  cursor: pointer;
  vertical-align: bottom;
  border-bottom: 3px solid transparent;
}

ul.tabs > li.current {
  border-bottom: 3px solid #f0f0f0;
  color: #FF252A;
  font-weight: 400;
}

.tab-content {
  display: none;
  padding: 15px 15px 15px 0px;
  min-height: 6rem;
}

.tab-content.current {
  display: inherit;
}

.accordion {
  border-bottom: 1px solid #f0f0f0;
}

.accordion-toggle {
  cursor: pointer;
  border-top: 1px solid #f0f0f0;
  padding: 1rem 0;
  margin-bottom: auto;
  color: #0f1419;
}

.accordion-content {
  display: none;
  color: #0f1419;
  padding-bottom: 50px;
}

.accordion-content.accordion--open {
  display: block;
}

.accordion .accordion__icon {
  float: right;
  margin-top: 3px;
  color: #f0f0f0;
  transition: all 0.3s ease-in-out;
}
.accordion .accordion__icon.rotate-90 {
  transform: rotate(450deg);
}

/**
 * Image with text
 */
@media only screen and (max-width: 749px) {
  .image-with-text-section {
    height: auto;
  }
}

.image-with-text-wrapper {
  display: flex;
  align-items: stretch;
  height: 100%;
}
@media only screen and (max-width: 749px) {
  .image-with-text-wrapper {
    flex-direction: column;
    height: auto;
  }
}
.image-with-text-wrapper.image-with-text--no-text .image-with-text__image {
  width: 100%;
}
.image-height .image-with-text-wrapper {
  height: auto;
  align-items: center;
}

.image-with-text-wrapper--reverse {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 749px) {
  .image-with-text-wrapper--reverse {
    flex-direction: column;
  }
}

.image-with-text__inner {
  max-width: 600px;
  margin: 0 auto;
  padding: 50px;
}

.image-with-text__text,
.image-with-text__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  text-align: center;
}
@media only screen and (max-width: 749px) {
  .image-with-text__text,
  .image-with-text__image {
    height: auto;
    width: 100%;
  }
  .screen-height-full .image-with-text__text,
  .screen-height-full .image-with-text__image {
    min-height: 50vh;
  }
  .screen-height-three-quarters .image-with-text__text,
  .screen-height-three-quarters .image-with-text__image {
    min-height: 37.5vh;
  }
  .screen-height-two-thirds .image-with-text__text,
  .screen-height-two-thirds .image-with-text__image {
    min-height: 33vh;
  }
  .screen-height-one-half .image-with-text__text,
  .screen-height-one-half .image-with-text__image {
    min-height: 25vh;
  }
  .screen-height-one-third .image-with-text__text,
  .screen-height-one-third .image-with-text__image {
    min-height: 16.5vh;
  }
  .seven-fifty-height-hero .image-with-text__text,
  .seven-fifty-height-hero .image-with-text__image {
    min-height: 375px;
  }
  .sixty-fifty-height-hero .image-with-text__text,
  .sixty-fifty-height-hero .image-with-text__image {
    min-height: 325px;
  }
  .five-fifty-height-hero .image-with-text__text,
  .five-fifty-height-hero .image-with-text__image {
    min-height: 275px;
  }
  .four-fifty-height-hero .image-with-text__text,
  .four-fifty-height-hero .image-with-text__image {
    min-height: 225px;
  }
  .three-fifty-height-hero .image-with-text__text,
  .three-fifty-height-hero .image-with-text__image {
    min-height: 175px;
  }
  .two-fifty-height-hero .image-with-text__text,
  .two-fifty-height-hero .image-with-text__image {
    min-height: 125px;
  }
}

.image-with-text__text {
  flex-direction: column;
}

.image-with-text__image {
  position: relative;
  overflow: hidden;
}
.image-with-text__image:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.image-height .image-with-text__image {
  height: auto;
}
.image-height .image-with-text__image img {
  display: block;
  width: 100%;
  height: auto;
}

.image-with-text__image-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
  z-index: 0;
}
.image-with-text__image-img svg {
  display: block;
  height: 100%;
  margin: auto;
  fill: #e0e0e0;
  background-color: #f7f7f7;
}
.image-height .image-with-text__image-img {
  position: relative;
  bottom: auto;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.image-height .image-with-text__image-img svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.image-with-text__button {
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.5;
  transition: all 0.15s ease;
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 0;
  border-radius: "0px";
  font-weight: 400;
  cursor: pointer;
  background: #FF252A;
  color: #fff;
  font-size: 0.875rem;
  font-family: "asmbold", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2142857143;
  padding: 1rem 3.0625rem;
  text-transform: uppercase;
}
.image-with-text__button:hover {
  color: #fff;
  background: rgb(100%, 4.5098039216%, 6.6999460335%);
  box-shadow: 0 2px 6px rgba(255, 37, 42, 0.06), 0 1px 3px rgba(255, 37, 42, 0.04);
}
.image-with-text__button:focus {
  color: #fff;
  background: rgb(94.5098039216%, 0%, 2.1676560532%);
}
.image-with-text__button[disabled] {
  border-color: #999;
  background-color: #e6e6e6;
  color: #999;
  cursor: not-allowed;
}
@media only screen and (max-width: 749px) {
  .small--one-half .image-with-text__button {
    padding: 0.3125rem 0.625rem;
  }
}
.image-with-text__button {
  position: relative;
  z-index: 100;
  color: #0f1419;
  border-radius: "0px";
  border: solid 1px #0f1419;
  background: rgba(0, 0, 0, 0);
  transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-with-text__button .icon {
  margin-left: 10px;
}
.image-with-text__button:hover {
  color: #fff;
  border-color: #FF252A;
  background: #FF252A;
}
.image-height .image-with-text__button {
  position: absolute;
}
.image-with-text__button.video__play {
  padding: 0;
  background: transparent !important;
  border: 0 !important;
}
.image-with-text__button.video__play span {
  display: none;
}
.image-with-text__button.video__play svg.icon-play {
  margin: 0;
  fill: #0f1419 !important;
}

button.mfp-close svg {
  width: 24px;
  height: 24px;
  stroke: #fff;
}
button.mfp-close:hover {
  background-color: transparent;
  box-shadow: none;
}

/**
 * Featured Video
 */
.featured-video-section {
  position: relative;
}

.play-button-mobile {
  display: none;
  width: 150px;
  height: 150px;
  margin: auto;
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  line-height: 0;
  z-index: 10;
}

@-webkit-keyframes loading {
  0% {
    width: 0px;
  }
  60% {
    width: 100px;
    margin-left: -50px;
  }
  100% {
    margin-left: 50px;
    width: 0px;
  }
}
@keyframes loading {
  0% {
    width: 0px;
  }
  60% {
    width: 100px;
    margin-left: -50px;
  }
  100% {
    margin-left: 50px;
    width: 0px;
  }
}
.video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f7f7f7;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  z-index: 1;
  overflow: hidden;
}

.video__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video__background-image {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.video__iframe {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 5;
  background-color: #000;
  transition: opacity 1s linear;
}

.video__iframe iframe {
  position: absolute;
  width: 190vh;
  height: 56.25vw;
  min-height: 100%;
  min-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video__iframe {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.loaded .video__iframe {
  opacity: 1;
}

.video__iframe.loaded {
  opacity: 1;
}

.video__image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f7f7f7;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  z-index: 1;
}

.video__image-bg {
  display: block;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.video__image-bg.placeholder-bg {
  background-image: url("//www.ueshimacoffeecompany.com/cdn/shop/t/23/assets/blank.svg?v=166720474022973836551788884762");
}

.video__play {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-bottom: 1em;
}
.video__play svg {
  width: 100%;
  height: 100%;
}

.text-light .video__play svg {
  fill: #fff;
}

.text-dark .video__play svg {
  fill: #0f1419;
}

/**
 * Home Map
 */
.map-section--display-map:not(.image-height) .map-section__image {
  display: none !important;
}

.map-section__image img {
  display: block;
  width: 100%;
  height: auto;
}
.map-section__image img.image-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

.image-height .map-section__image + .map-section__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

@media only screen and (min-width: 990px) and (max-width: 1399px) {
  .map-section--load-error {
    width: 50%;
    margin: 0 auto;
  }
}
.map-section--load-error .errors {
  width: 100%;
}

.map-section__container {
  min-height: 100%;
}

.flex--centered {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.no-js .lazy-image {
  display: none;
}

.no-js .homepage-slideshow,
.no-js .homepage-image:not(.column__block) {
  height: auto !important;
}

.map__text {
  margin-bottom: 1.5625rem;
}

/*=============== Image Columns ===============*/
.homepage-columns {
  display: flex;
  align-items: stretch;
}

.column__block {
  position: relative;
  overflow: hidden;
  float: none;
}
.column__block .flex--centered {
  padding: 15px;
}

.homepage-columns .column__block {
  height: 100%;
}
.homepage-columns.image-height .column__block {
  height: auto;
}
.homepage-columns.image-height.auto-height .column__block {
  height: 33vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.column__block .text-left .home__subtitle::after {
  right: initial;
}

.column__block .text-right .home__subtitle::after {
  left: initial;
}

@media only screen and (max-width: 749px) {
  .homepage-columns.screen-height-full {
    height: auto;
  }
  .homepage-columns.screen-height-full .column__block {
    height: 100vh;
  }
  .homepage-columns.screen-height-three-quarters {
    height: auto;
  }
  .homepage-columns.screen-height-three-quarters .column__block {
    height: 66vh;
  }
  .homepage-columns.screen-height-two-thirds {
    height: auto;
  }
  .homepage-columns.screen-height-two-thirds .column__block {
    height: 66vh;
  }
  .homepage-columns.screen-height-one-half {
    height: auto;
  }
  .homepage-columns.screen-height-one-half .column__block {
    height: 50vh;
  }
  .homepage-columns.screen-height-one-third {
    height: auto;
  }
  .homepage-columns.screen-height-one-third .column__block {
    height: 33vh;
  }
}
/**
 * Home Slideshow
 */
.homepage-slideshow {
  position: relative;
}
.homepage-slideshow .slick-dots {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
}
.homepage-slideshow .slick-dots li {
  margin: 0 4px;
}
.homepage-slideshow .slick-dots li.slick-active button:before {
  color: #fff;
}
.homepage-slideshow .slick-dots button {
  position: relative;
}
.homepage-slideshow .hero__content {
  margin-top: 0;
  margin-bottom: 0;
}

.slideshow__arrow {
  position: absolute;
  top: 0;
  height: 100%;
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slideshow__arrow .icon {
  transition: all 0.3s ease;
  width: 40px;
  height: 40px;
}
@media only screen and (max-width: 749px) {
  .slideshow__arrow .icon {
    width: 25px;
    height: 25px;
  }
}

.slideshow__arrow--next {
  right: 0.9375rem;
}
@media only screen and (max-width: 749px) {
  .slideshow__arrow--next {
    justify-content: flex-end;
  }
}

.slideshow__arrow--prev {
  left: 0.9375rem;
}
@media only screen and (max-width: 749px) {
  .slideshow__arrow--prev {
    justify-content: flex-start;
  }
}

.slideshow__slide {
  position: relative;
}

.slideshow__slide img {
  max-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.screen-height-full .slideshow__slide {
  height: 100vh;
}

.screen-height-three-quarters .slideshow__slide {
  height: 75vh;
}

.screen-height-two-thirds .slideshow__slide {
  height: 66vh;
}

.screen-height-one-half .slideshow__slide {
  height: 50vh;
}

.screen-height-one-third .slideshow__slide {
  height: 33vh;
}

.seven-fifty-height-hero .slideshow__slide {
  height: 750px;
}

.sixty-fifty-height-hero .slideshow__slide {
  height: 650px;
}

.five-fifty-height-hero .slideshow__slide {
  height: 550px;
}

.four-fifty-height-hero .slideshow__slide {
  height: 450px;
}

.three-fifty-height-hero .slideshow__slide {
  height: 350px;
}

.homepage-slideshow.screen-height-full {
  min-height: 100vh;
}

.homepage-slideshow.screen-height-three-quarters {
  min-height: 75vh;
}

.homepage-slideshow.screen-height-two-thirds {
  min-height: 66vh;
}

.homepage-slideshow.screen-height-one-half {
  min-height: 50vh;
}

.homepage-slideshow.screen-height-one-third {
  min-height: 33vh;
}

.homepage-slideshow.seven-fifty-height-hero {
  min-height: 750px;
}

.homepage-slideshow.sixty-fifty-height-hero {
  min-height: 650px;
}

.homepage-slideshow.five-fifty-height-hero {
  min-height: 550px;
}

.homepage-slideshow.four-fifty-height-hero {
  min-height: 450px;
}

.homepage-slideshow.three-fifty-height-hero {
  min-height: 350px;
}

@media only screen and (max-width: 749px) {
  .homepage-slideshow:not(.transparent__wrapper).screen-height-full .background-size-cover, .homepage-slideshow:not(.transparent__wrapper).screen-height-full .image-overlay {
    height: 100vh;
  }
  .homepage-slideshow:not(.transparent__wrapper).screen-height-three-quarters .background-size-cover, .homepage-slideshow:not(.transparent__wrapper).screen-height-three-quarters .image-overlay {
    height: 75vh;
  }
  .homepage-slideshow:not(.transparent__wrapper).screen-height-two-thirds .background-size-cover, .homepage-slideshow:not(.transparent__wrapper).screen-height-two-thirds .image-overlay {
    height: 66vh;
  }
  .homepage-slideshow:not(.transparent__wrapper).screen-height-one-half .background-size-cover, .homepage-slideshow:not(.transparent__wrapper).screen-height-one-half .image-overlay {
    height: 50vh;
  }
  .homepage-slideshow:not(.transparent__wrapper).screen-height-one-third .background-size-cover, .homepage-slideshow:not(.transparent__wrapper).screen-height-one-third .image-overlay {
    height: 33vh;
  }
  .homepage-slideshow:not(.transparent__wrapper).seven-fifty-height-hero .background-size-cover, .homepage-slideshow:not(.transparent__wrapper).seven-fifty-height-hero .image-overlay {
    height: 750px;
  }
  .homepage-slideshow:not(.transparent__wrapper).sixty-fifty-height-hero .background-size-cover, .homepage-slideshow:not(.transparent__wrapper).sixty-fifty-height-hero .image-overlay {
    height: 650px;
  }
  .homepage-slideshow:not(.transparent__wrapper).five-fifty-height-hero .background-size-cover, .homepage-slideshow:not(.transparent__wrapper).five-fifty-height-hero .image-overlay {
    height: 550px;
  }
  .homepage-slideshow:not(.transparent__wrapper).four-fifty-height-hero .background-size-cover, .homepage-slideshow:not(.transparent__wrapper).four-fifty-height-hero .image-overlay {
    height: 450px;
  }
  .homepage-slideshow:not(.transparent__wrapper).three-fifty-height-hero .background-size-cover, .homepage-slideshow:not(.transparent__wrapper).three-fifty-height-hero .image-overlay {
    height: 350px;
  }
  .homepage-slideshow:not(.transparent__wrapper).screen-height-full .hero__content__wrapper {
    margin-top: 70vh;
  }
  .homepage-slideshow:not(.transparent__wrapper).screen-height-three-quarters .hero__content__wrapper {
    margin-top: 60vh;
  }
  .homepage-slideshow:not(.transparent__wrapper).screen-height-two-thirds .hero__content__wrapper {
    margin-top: 45vh;
  }
  .homepage-slideshow:not(.transparent__wrapper).screen-height-one-half .hero__content__wrapper {
    margin-top: 25vh;
  }
  .homepage-slideshow:not(.transparent__wrapper).screen-height-one-third .hero__content__wrapper {
    margin-top: 16vh;
  }
  .homepage-slideshow:not(.transparent__wrapper).seven-fifty-height-hero {
    height: 500px;
  }
  .homepage-slideshow:not(.transparent__wrapper).sixty-fifty-height-hero {
    height: 433.3333333333px;
  }
  .homepage-slideshow:not(.transparent__wrapper).five-fifty-height-hero {
    height: 366.6666666667px;
  }
  .homepage-slideshow:not(.transparent__wrapper).four-fifty-height-hero {
    height: 300px;
  }
  .homepage-slideshow:not(.transparent__wrapper).three-fifty-height-hero {
    height: 233.3333333333px;
  }
  .homepage-slideshow:not(.transparent__wrapper).screen-height-full .slideshow__slide, .homepage-slideshow:not(.transparent__wrapper).screen-height-three-quarters .slideshow__slide, .homepage-slideshow:not(.transparent__wrapper).screen-height-two-thirds .slideshow__slide, .homepage-slideshow:not(.transparent__wrapper).screen-height-one-half .slideshow__slide, .homepage-slideshow:not(.transparent__wrapper).screen-height-one-third .slideshow__slide, .homepage-slideshow:not(.transparent__wrapper).screen-height-full, .homepage-slideshow:not(.transparent__wrapper).screen-height-three-quarters, .homepage-slideshow:not(.transparent__wrapper).screen-height-two-thirds, .homepage-slideshow:not(.transparent__wrapper).screen-height-one-half, .homepage-slideshow:not(.transparent__wrapper).screen-height-one-third {
    height: auto;
    min-height: auto;
  }
  .homepage-slideshow:not(.transparent__wrapper) .hero__content__wrapper {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.text-light.slideshow__arrow .icon {
  color: #f1f1f1;
  fill: #f1f1f1;
}

.text-dark.slideshow__arrow .icon {
  color: #333333;
  fill: #333333;
}

.background-size-cover {
  min-height: 100%;
}

.background-size-cover--slide {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.button-image {
  display: block;
  width: 100%;
}
.button-image:focus {
  outline: 0;
  opacity: 0.8;
  padding-top: 2px;
}

.slideshow__slide .hero__content__wrapper {
  position: relative;
  z-index: 100;
}
.image-height .slideshow__slide .hero__content__wrapper {
  position: absolute;
}

/**
 * Social sharing
 */
.social-sharing {
  display: flex;
  justify-content: center;
  color: #fff;
  margin-top: 30px;
  width: 100%;
  border-top: 1px solid rgb(96.1176470588%, 96.1176470588%, 96.1176470588%);
}

.share {
  display: flex;
  align-items: center;
  text-align: left;
  color: #0f1419;
  padding: 0.9375rem 1.875rem 0.9375rem 0;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 10px;
  transition: background-color 0.25s ease-in;
  color: rgb(14.9418823529%, 19.8431372549%, 24.7443921569%);
}
.share svg {
  fill: #0f1419;
  transition: transform 0.25s ease-out;
  margin: 0 0.625rem 0 0;
  height: 25px;
  width: 25px;
}
.share span {
  transform: translateY(2px);
}

.share--pinterest:hover {
  color: #BD081C;
}
.share--pinterest:hover svg {
  fill: rgb(62.6049567035%, 2.6499452573%, 9.2748084005%);
}

.share--facebook:hover {
  color: #3b5998;
}
.share--facebook:hover svg {
  fill: rgb(19.781804665%, 29.8403494099%, 50.9632933742%);
}

.share--twitter:hover {
  color: #1da1f2;
}
.share--twitter:hover svg {
  fill: rgb(5.1279022069%, 57.1958323078%, 89.146607597%);
}

/**
 * Logo list
 */
.logo-list {
  overflow: hidden;
}

.logo-list__wrapper {
  position: relative;
  text-align: center;
  padding: 0 30px;
}
.logo-list__wrapper .slideshow__arrow {
  fill: #0f1419;
  top: auto;
  bottom: 0;
  height: 90px;
}
.logo-list__wrapper .slideshow__arrow:not(.slick-arrow) {
  display: none;
}
.logo-list__wrapper .slick-prev {
  left: -40px;
}
.logo-list__wrapper .slick-next {
  right: -40px;
}
.logo-list__wrapper .slick-track {
  margin: auto;
}
@media only screen and (max-width: 749px) {
  .logo-list__wrapper {
    padding: 0 30px;
  }
  .logo-list__wrapper .slick-prev {
    left: -30px;
  }
  .logo-list__wrapper .slick-next {
    right: -30px;
  }
}

.logo-list__slider {
  height: 100%;
  margin: auto;
}
.logo-list__slider:not(.slick-initialized) {
  display: flex;
  justify-content: center;
}

.logo-list__item {
  display: block;
  width: 120px;
  height: 90px;
  margin: 0 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.logo-list__item.svg-placeholder {
  background-color: transparent;
}
.logo-list__item .placeholder-svg-logo {
  background-color: #e1e1e1;
}

.logo-list__slider {
  position: relative;
}
@media screen and (max-width: 1439px) {
  .logo-list__slider {
    width: 960px;
    margin: auto;
  }
}
@media screen and (max-width: 1023px) {
  .logo-list__slider {
    width: 800px;
  }
}
@media screen and (max-width: 991px) {
  .logo-list__slider {
    width: 640px;
  }
}
@media screen and (max-width: 767px) {
  .logo-list__slider {
    width: 480px;
  }
}
@media screen and (max-width: 639px) {
  .logo-list__slider {
    width: 320px;
  }
}
@media screen and (max-width: 374px) {
  .logo-list__slider {
    width: 160px;
  }
}
.logo-list__slider .logo-list__item {
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.logo-list__slider .logo-list__item:hover {
  opacity: 1;
}

.logo-list__slide.is-active .logo-list__item {
  opacity: 1;
}

/**
 * Index text row
 */
.text-row {
  padding: 0 30px 40px;
}
.text-row[data-text-alignment=left] {
  text-align: left;
}
.text-row[data-text-alignment=center] {
  text-align: center;
}

.icon__column__icon {
  padding-bottom: 10px;
}

.icon__column__icon svg {
  width: 20px;
  height: 20px;
  fill: none !important;
}

.icon--large .icon__column__icon svg {
  width: 40px;
  height: 40px;
}

.icon--left .icon__column {
  display: flex;
}
.icon--left .icon__column__icon {
  padding: 0 20px;
}

.icon--left.icon--large .icon__column__icon {
  display: flex;
  align-items: center;
}

.rte.icon__column__paragraph {
  margin-bottom: 0;
}
.rte.icon__column__paragraph p {
  margin-bottom: 0;
}

/**
 * Split hero
 */
.split-hero {
  display: flex;
  align-items: stretch;
  position: relative;
}
@media only screen and (max-width: 749px) {
  .split-hero[data-mobile=stacked] {
    flex-direction: column;
  }
  .split-hero[data-mobile=stacked] .split-hero__half {
    height: 50%;
    width: 100%;
  }
}

.split-hero__half {
  width: 50%;
  height: 100%;
}

.split-hero__box {
  height: 100%;
}

.split-hero__image {
  height: 100%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

.split-hero__image--onboarding {
  position: relative;
  opacity: 0.3;
}
.split-hero__image--onboarding svg {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 150%;
  transform: translate(-50%, -50%);
}

.split-hero__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.split-hero__content--left .row,
.split-hero__content--bottom-left .row {
  justify-content: flex-start;
  text-align: left;
}

.split-hero__content--right .row,
.split-hero__content--bottom-right .row {
  justify-content: flex-end;
  text-align: right;
}

.split-hero__content--bottom-left .row,
.split-hero__content--bottom-right .row {
  align-items: flex-end;
}

@media only screen and (min-width: 750px) {
  .split-hero__text--one-half {
    width: 50%;
  }
  .split-hero__text--one-third {
    width: 33.33%;
  }
  .split-hero__text--full-width {
    width: 100%;
  }
}
/**
 * Subcollection
 */
.subcollections {
  position: relative;
  background-color: #fff;
}

.subcollections__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .subcollections__list.one-half {
    width: 75%;
  }
}
@media only screen and (max-width: 749px) {
  .subcollections__list.one-half {
    width: 100%;
  }
}
@media only screen and (min-width: 750px) {
  .subcollections__list.one-half {
    margin: 0 auto;
  }
}

.subcollection__item {
  position: relative;
  margin-bottom: 0;
  min-height: 410px;
  overflow: hidden;
}
@media only screen and (max-width: 749px) {
  .subcollection__item {
    width: 100%;
    min-height: 100vw;
  }
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .subcollection__item:not(.one-whole) {
    width: 50%;
  }
}
@media (min-width: 1920px) {
  .subcollection__item {
    min-height: 510px;
  }
}
.subcollection__item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}
.subcollection__item:hover .subcollection__image {
  transform: scale(1.2);
}
.subcollection__item:hover .subcollection__title {
  transform: scale(1.2);
}
.subcollection__item:hover .subcollection__image__zoom {
  transform: scale(1.2);
  opacity: 1;
}

.subcollection__image,
.subcollection__title {
  z-index: 0;
  transition-property: transform;
  transition-duration: 3s;
  transition-timing-function: cubic-bezier(0.38, 0.03, 0, 0.97);
}

.subcollection__image__zoom {
  z-index: 1;
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 3s, 3s;
  transition-timing-function: cubic-bezier(0.38, 0.03, 0, 0.97), cubic-bezier(0.23, 0.96, 0, 0.97);
}

.subcollection__image,
.subcollection__image__zoom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}

.subcollection__link {
  position: relative;
  display: flex;
  padding: 20px;
  width: 100%;
  height: 100%;
}
.subcollection__link:hover .subcollection__title {
  color: #ffffff;
}
.subcollection__link.align--top-left {
  justify-content: flex-start;
  align-items: flex-start;
}
.subcollection__link.align--top-right {
  justify-content: flex-end;
  align-items: flex-start;
}
.subcollection__link.align--middle-center {
  justify-content: center;
  align-items: center;
}
.subcollection__link.align--bottom-left {
  justify-content: flex-start;
  align-items: flex-end;
}
.subcollection__link.align--bottom-right {
  justify-content: flex-end;
  align-items: flex-end;
}

.subcollection__title {
  margin-bottom: 0;
  font-weight: normal;
  font-size: 22px;
  color: #ffffff;
}

/**
 * Related
 */
.related__products {
  text-align: center;
}
.related__products .tabs {
  margin-bottom: 30px;
}
.related__products .tab-link,
.related__products .tab-content {
  padding: 0;
}
.related__products .tab-link {
  margin: 0 15px;
}
.related__products .tab-link.current {
  border-color: #FF252A;
}
.related__products .recent__title {
  padding: 15px 5px 5px;
  border: 0;
}
@media only screen and (max-width: 749px) {
  .related__products .recent__title {
    font-size: 1rem;
  }
}
.related__products .recent__wrapper {
  margin-top: 0;
}
.related__products .quicklook {
  text-align: left;
}

/*============ Add any custom styles below this line ==================*/
@font-face {
  font-family: "asmbold";
  src: url("asm-bold-webfont.woff2") format("woff2"), url("asm-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.gift-card-promo {
  padding: var(--gift-card-promo-padding-top) 25px var(--gift-card-promo-padding-bottom);
}

.gift-card-promo__panel {
  align-items: center;
  background: var(--gift-card-promo-background);
  color: var(--gift-card-promo-text);
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  max-width: var(--gift-card-promo-max-width);
  min-height: var(--gift-card-promo-min-height);
  overflow: visible;
  padding: 36px 72px 36px 0;
  position: relative;
}

.gift-card-promo__panel > .gift-card-promo__content:first-child {
  grid-column: 1/-1;
  margin: 0 auto;
  max-width: 540px;
  text-align: center;
}

.gift-card-promo__media {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  left: 28px;
  position: absolute;
  top: -40px;
  width: 520px;
  z-index: 2;
}

.gift-card-promo__card {
  aspect-ratio: 1.72;
  background: var(--gift-card-promo-card-background);
  border-radius: 14px;
  color: var(--gift-card-promo-card-text);
  flex: 0 0 auto;
  max-width: 520px;
  overflow: hidden;
  position: relative;
  transform: rotate(var(--gift-card-promo-card-rotation));
  width: var(--gift-card-promo-card-width);
}

.gift-card-promo__card-image {
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.gift-card-promo__card-art {
  inset: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}

.gift-card-promo__brush {
  border: 7px solid rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  display: block;
  position: absolute;
}

.gift-card-promo__brush:before,
.gift-card-promo__brush:after {
  border: 3px solid rgba(255, 255, 255, 0.55);
  border-radius: inherit;
  content: "";
  inset: 8px;
  position: absolute;
}

.gift-card-promo__brush:after {
  inset: 18px;
  opacity: 0.72;
}

.gift-card-promo__brush--top {
  border-bottom-color: transparent;
  border-right-color: transparent;
  height: 86px;
  left: 22px;
  top: -18px;
  transform: rotate(24deg);
  width: 92px;
}

.gift-card-promo__brush--bottom {
  border-left-color: transparent;
  border-top-color: transparent;
  bottom: -20px;
  height: 128px;
  right: -18px;
  transform: rotate(-16deg);
  width: 190px;
}

.gift-card-promo__dot {
  background: var(--gift-card-promo-card-accent);
  border-radius: 50%;
  display: block;
  height: 58px;
  position: absolute;
  right: 49px;
  top: 78px;
  width: 58px;
}

.gift-card-promo__card-brand,
.gift-card-promo__card-title {
  color: var(--gift-card-promo-card-text);
  font-family: "asmbold", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  position: absolute;
  text-transform: uppercase;
  z-index: 2;
}

.gift-card-promo__card-brand {
  font-size: 17px;
  right: 35px;
  top: 31px;
}

.gift-card-promo__card-title {
  font-size: 40px;
  left: 27%;
  top: 49%;
  transform: translateY(-50%);
  white-space: nowrap;
}

.gift-card-promo__content {
  color: inherit;
  margin-left: 540px;
  max-width: 460px;
  position: relative;
  z-index: 3;
}

.gift-card-promo__heading {
  color: inherit;
  font-family: "asmbold", sans-serif;
  font-size: 39px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.86;
  margin: 0 0 18px;
  text-transform: uppercase;
}

.gift-card-promo__text {
  color: inherit;
  font-size: 22px;
  line-height: 1.14;
  margin: 0 0 28px;
  max-width: 395px;
}

.gift-card-promo__text p {
  margin: 0;
}

.gift-card-promo__button {
  align-items: center;
  background: var(--gift-card-promo-button-background);
  border: 1px solid var(--gift-card-promo-button-border);
  color: var(--gift-card-promo-button-text);
  display: inline-flex;
  font-family: "asmbold", sans-serif;
  font-size: 14px;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  min-height: 49px;
  min-width: 165px;
  padding: 0 27px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.gift-card-promo__button:hover,
.gift-card-promo__button:focus {
  background: var(--gift-card-promo-button-text);
  border-color: var(--gift-card-promo-button-background);
  color: var(--gift-card-promo-button-background);
}

.gift-card-promo__button .icon {
  height: 16px;
  margin-left: 17px;
  width: 9px;
}

.gift-card-promo__button .icon path {
  fill: currentColor;
}

.gift-card-promo__button:hover svg.icon:not(.icon--full-color) path {
  color: #ffffff !important;
}

.gift-card-promo__button-label--mobile {
  display: none;
}

.subscription-promo {
  padding: var(--subscription-promo-padding-top) 0 var(--subscription-promo-padding-bottom);
}

.subscription-promo__panel {
  background: var(--subscription-promo-background);
  color: var(--subscription-promo-text);
  margin: 0 auto;
  max-width: var(--subscription-promo-max-width);
  min-height: var(--subscription-promo-min-height);
  overflow: hidden;
  position: relative;
}

.subscription-promo__visual {
  background-image: var(--subscription-promo-desktop-image);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.subscription-promo__visual--placeholder {
  align-items: center;
  background: #f7f7f7;
  display: flex;
  justify-content: flex-end;
  padding: 50px 100px 50px 48%;
}

.subscription-promo__visual svg {
  height: 100%;
  max-height: 380px;
  max-width: 520px;
  width: 100%;
}

.subscription-promo__noscript-image {
  display: block;
  width: 100%;
}

.subscription-promo__content {
  color: inherit;
  max-width: 545px;
  padding: 72px 30px 72px 122px;
  position: relative;
  z-index: 2;
}

.subscription-promo__heading {
  color: inherit;
  font-family: "asmbold", sans-serif;
  font-size: 59px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.88;
  margin: 0 0 30px;
  max-width: 470px;
  text-transform: uppercase;
}

.subscription-promo__text {
  color: inherit;
  font-size: 23px;
  line-height: 1.14;
  margin: 0 0 38px;
  max-width: 520px;
}

.subscription-promo__text p {
  margin: 0 0 13px;
}

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

.subscription-promo__button {
  align-items: center;
  background: var(--subscription-promo-button-background);
  border: 1px solid var(--subscription-promo-button-border);
  color: var(--subscription-promo-button-text);
  display: inline-flex;
  font-family: "asmbold", sans-serif;
  font-size: 15px;
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  min-height: 50px;
  min-width: 204px;
  padding: 0 30px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.subscription-promo__button:hover,
.subscription-promo__button:focus {
  background: var(--subscription-promo-button-text);
  border-color: var(--subscription-promo-button-background);
  color: var(--subscription-promo-button-background);
}

.subscription-promo__button .icon {
  height: 17px;
  margin-left: 17px;
  width: 10px;
}

.subscription-promo__button .icon path {
  fill: currentColor;
}

.rebrand-hero {
  background-color: var(--hero-background);
  background-image: var(--hero-desktop-image);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--hero-text);
  margin: 0 auto;
  max-width: var(--hero-max-width);
  overflow: hidden;
  padding: var(--hero-padding-top) 0 var(--hero-padding-bottom);
  position: relative;
}

.rebrand-hero__panel {
  align-items: flex-start;
  color: inherit;
  display: flex;
  min-height: var(--hero-min-height);
  padding: 160px 122px 72px;
  position: relative;
  isolation: isolate;
}

.rebrand-hero__overlay {
  background: var(--hero-overlay);
  bottom: 0;
  left: 0;
  opacity: var(--hero-overlay-opacity);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
}

.rebrand-hero__content {
  color: inherit;
  max-width: var(--hero-content-width);
  position: relative;
  width: 100%;
  z-index: 20;
}

.rebrand-hero__panel--center {
  justify-content: center;
  text-align: center;
}

.rebrand-hero__panel--right {
  justify-content: flex-end;
}

.rebrand-hero__eyebrow {
  color: inherit;
  font-family: "asmbold", sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.rebrand-hero__heading {
  color: inherit;
  font-family: "asmbold", sans-serif;
  font-size: 59px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.9;
  margin: 0 0 24px;
  text-transform: uppercase;
}

.rebrand-hero__text {
  color: inherit;
  font-size: 25px;
  line-height: 1.18;
  margin: 0 0 34px;
  max-width: 520px;
}

.rebrand-hero__panel--center .rebrand-hero__text {
  margin-left: auto;
  margin-right: auto;
}

.rebrand-hero__text p {
  margin: 0 0 13px;
}

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

.rebrand-hero__button {
  align-items: center;
  background: var(--hero-button-background);
  border: 1px solid var(--hero-button-border);
  color: var(--hero-button-text);
  display: inline-flex;
  font-family: "asmbold", sans-serif;
  font-size: 14px;
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  min-height: 50px;
  min-width: 184px;
  padding: 0 28px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.rebrand-hero__button:hover,
.rebrand-hero__button:focus {
  background: var(--hero-button-text);
  border-color: var(--hero-button-background);
  color: var(--hero-button-background);
}

.rebrand-hero__button .icon {
  height: 17px;
  margin-left: 17px;
  width: 10px;
}

.rebrand-hero__button .icon path {
  fill: currentColor;
}

.rebrand-hero__noscript-image {
  display: block;
  width: 100%;
}

.newsletter-signup-block {
  padding: var(--newsletter-signup-padding-top) 0 var(--newsletter-signup-padding-bottom);
}

.newsletter-signup-block__panel {
  align-items: center;
  background: var(--newsletter-signup-background);
  color: var(--newsletter-signup-text);
  display: flex;
  margin: 0 auto;
  max-width: var(--newsletter-signup-max-width);
  min-height: var(--newsletter-signup-min-height);
  overflow: hidden;
  padding: 64px 122px 90px;
  position: relative;
}

.newsletter-signup-block__background {
  background-image: var(--newsletter-signup-desktop-image);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.newsletter-signup-block__overlay {
  background: var(--newsletter-signup-overlay);
  bottom: 0;
  left: 0;
  opacity: var(--newsletter-signup-overlay-opacity);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.newsletter-signup-block__content {
  color: inherit;
  max-width: var(--newsletter-signup-content-width);
  position: relative;
  width: 100%;
  z-index: 3;
}

.newsletter-signup-block__panel--center {
  justify-content: center;
  text-align: center;
}

.newsletter-signup-block__panel--right {
  justify-content: flex-end;
}

.newsletter-signup-block__heading {
  color: inherit;
  font-family: "asmbold", sans-serif;
  font-size: 54px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.9;
  margin: 0 0 20px;
  text-transform: uppercase;
}

.newsletter-signup-block__text {
  color: inherit;
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 28px;
  max-width: 430px;
}

.newsletter-signup-block__panel--center .newsletter-signup-block__text {
  margin-left: auto;
  margin-right: auto;
}

.newsletter-signup-block__text p {
  margin: 0;
}

.newsletter-signup-block__message {
  color: inherit;
  font-size: 14px;
  line-height: 1.3;
  margin: 0 0 12px;
}

.newsletter-signup-block__message--error {
  color: #FF252A;
}

.newsletter-signup-block__input-row {
  display: flex;
  max-width: 470px;
  width: 100%;
}

.newsletter-signup-block__panel--center .newsletter-signup-block__input-row {
  margin-left: auto;
  margin-right: auto;
}

.newsletter-signup-block__input {
  background: #ffffff;
  border: 0;
  color: #0f1419;
  flex: 1 1 auto;
  font-size: 16px;
  height: 50px;
  min-width: 0;
  padding: 0 18px;
}

.newsletter-signup-block__input::placeholder {
  color: rgba(15, 20, 25, 0.65);
  opacity: 1;
}

.newsletter-signup-block__button {
  align-items: center;
  background: #FF252A;
  border: 1px solid #FF252A;
  color: #ffffff;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: "asmbold", sans-serif;
  font-size: 14px;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  min-height: 50px;
  min-width: 150px;
  padding: 0 24px;
  text-transform: uppercase;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.newsletter-signup-block__button:hover,
.newsletter-signup-block__button:focus {
  background: #ffffff;
  color: #FF252A;
}

.newsletter-signup-block__button .icon {
  height: 16px;
  margin-left: 15px;
  width: 9px;
}

.newsletter-signup-block__button .icon path {
  fill: currentColor;
}

.newsletter-signup-block__consent {
  color: inherit;
  margin-top: 18px;
  max-width: 470px;
}

.newsletter-signup-block__panel--center .newsletter-signup-block__consent {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.newsletter-signup-block__consent .checkbox-field__label {
  color: inherit;
  font-size: 12px;
  line-height: 1.35;
}

@media only screen and (max-width: 989px) {
  .gift-card-promo__panel {
    padding: 34px 42px 34px 0;
  }
  .gift-card-promo__media {
    left: 18px;
    top: -24px;
    width: 430px;
  }
  .gift-card-promo__card {
    max-width: 400px;
  }
  .gift-card-promo__content {
    margin-left: 430px;
    max-width: 390px;
  }
  .gift-card-promo__heading {
    font-size: 32px;
  }
  .gift-card-promo__text {
    font-size: 18px;
  }
  .gift-card-promo__card-title {
    font-size: 32px;
  }
  .subscription-promo__content {
    padding-left: 48px;
  }
  .subscription-promo__heading {
    font-size: 48px;
  }
  .subscription-promo__text {
    font-size: 19px;
  }
  .rebrand-hero__panel {
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 120px;
  }
  .rebrand-hero__heading {
    font-size: 54px;
  }
  .rebrand-hero__text {
    font-size: 19px;
  }
  .newsletter-signup-block__panel {
    padding-left: 48px;
    padding-right: 48px;
  }
  .newsletter-signup-block__heading {
    font-size: 44px;
  }
  .newsletter-signup-block__text {
    font-size: 18px;
  }
}
@media only screen and (max-width: 749px) {
  .gift-card-promo {
    padding-left: 18px;
    padding-right: 18px;
    padding-top: calc(var(--gift-card-promo-padding-top) + 60px);
  }
  .gift-card-promo__panel {
    display: block;
    min-height: auto;
    padding: 115px 24px 45px;
    position: relative;
    row-gap: 0;
    text-align: center;
  }
  .gift-card-promo__media {
    justify-content: center;
    left: 0;
    min-height: 0;
    position: absolute;
    right: 0;
    top: -95px;
    width: auto;
    z-index: 2;
  }
  .gift-card-promo__card {
    max-width: 286px;
    width: 74vw;
  }
  .gift-card-promo__content,
  .gift-card-promo__heading,
  .gift-card-promo__text {
    margin-left: auto;
    margin-right: auto;
  }
  .gift-card-promo__heading {
    font-size: 34px;
    line-height: 0.92;
    margin-bottom: 19px;
  }
  .gift-card-promo__text {
    font-size: 16px;
    line-height: 1.24;
    margin-bottom: 26px;
    max-width: 255px;
  }
  .gift-card-promo__button {
    min-height: 43px;
    min-width: 161px;
    padding-left: 24px;
    padding-right: 20px;
  }
  .gift-card-promo__button-label--desktop {
    display: none;
  }
  .gift-card-promo__button-label--mobile {
    display: inline;
  }
  .gift-card-promo__card-brand {
    font-size: 11px;
    right: 23px;
    top: 20px;
  }
  .gift-card-promo__card-title {
    font-size: 29px;
    left: 28%;
  }
  .subscription-promo {
    padding-left: 0;
    padding-right: 0;
  }
  .subscription-promo__panel {
    display: flex;
    flex-direction: column;
    min-height: auto;
    overflow: hidden;
  }
  .subscription-promo__visual {
    background-image: var(--subscription-promo-mobile-image);
    background-position: center top;
    background-size: cover;
    flex: 0 0 320px;
    height: 320px;
    order: 1;
    position: relative;
    width: 100%;
  }
  .subscription-promo__visual--placeholder {
    justify-content: center;
    padding: 28px;
  }
  .subscription-promo__content {
    max-width: 100%;
    order: 2;
    padding: 31px 36px 54px;
    text-align: center;
    width: 100%;
  }
  .subscription-promo__heading {
    font-size: 43px;
    line-height: 0.9;
    margin: 0 auto 24px;
    max-width: 330px;
  }
  .subscription-promo__text {
    font-size: 17px;
    line-height: 1.2;
    margin: 0 auto 36px;
    max-width: 330px;
  }
  .subscription-promo__text p {
    margin-bottom: 13px;
  }
  .subscription-promo__button {
    min-height: 43px;
    min-width: 161px;
    padding-left: 24px;
    padding-right: 20px;
  }
  .rebrand-hero__panel {
    justify-content: center;
    min-height: var(--hero-mobile-min-height);
    padding: 96px 30px 52px;
    text-align: center;
  }
  .rebrand-hero {
    background-image: var(--hero-mobile-image);
    background-position: center center;
  }
  .rebrand-hero__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
  }
  .rebrand-hero__eyebrow {
    font-size: 13px;
    margin-bottom: 12px;
  }
  .rebrand-hero__heading {
    font-size: 43px;
    line-height: 0.9;
    margin-bottom: 20px;
  }
  .rebrand-hero__text {
    font-size: 17px;
    line-height: 1.2;
    margin: 0 auto 30px;
    max-width: 330px;
  }
  .rebrand-hero__button {
    min-height: 43px;
    min-width: 161px;
    padding-left: 24px;
    padding-right: 20px;
  }
  .newsletter-signup-block__panel {
    justify-content: center;
    min-height: var(--newsletter-signup-mobile-min-height);
    padding: 42px 30px 48px;
    text-align: center;
  }
  .newsletter-signup-block__background {
    background-image: var(--newsletter-signup-mobile-image);
    background-position: center center;
  }
  .newsletter-signup-block__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 350px;
  }
  .newsletter-signup-block__heading {
    font-size: 38px;
    line-height: 0.92;
    margin-bottom: 18px;
  }
  .newsletter-signup-block__text {
    font-size: 16px;
    line-height: 1.2;
    margin: 0 auto 24px;
    max-width: 310px;
  }
  .newsletter-signup-block__input-row {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
  }
  .newsletter-signup-block__input {
    display: block;
    height: 46px;
    margin-bottom: 12px;
    text-align: center;
    width: 100%;
  }
  .newsletter-signup-block__button {
    min-height: 43px;
    min-width: 161px;
    padding-left: 24px;
    padding-right: 20px;
  }
  .newsletter-signup-block__consent,
  .newsletter-signup-block__panel--center .newsletter-signup-block__consent {
    margin-left: auto;
    margin-right: auto;
    max-width: 310px;
    text-align: left;
  }
}
.logo__wrapper a {
  padding: 15px 15px !important;
}

@media only screen and (max-width: 550px) {
  .hero__content {
    max-width: 80%;
    padding: 0px;
    margin: 0 20px;
  }
}
@media only screen and (max-width: 749px) {
  .coll-heading {
    padding: 40px 40px 10px 40px;
  }
}
@media only screen and (min-width: 750px) {
  .grandparent > .main-menu-dropdown--megamenu > ul > li.parent {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 749px) {
  .footer__logo {
    padding-top: 50px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 749px) {
  .footer__block {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 749px) {
  .footer__secondary {
    margin: 0px 0 20px 0;
  }
}
.newsletter__title {
  font-size: 1.62rem !important;
}

@media only screen and (max-width: 749px) {
  .user-links {
    left: 30px;
  }
}
@media only screen and (max-width: 749px) {
  .toggle-menus-lines {
    right: 0px;
  }
}
@media only screen and (max-width: 749px) {
  a.toggle-menus {
    right: 30px;
  }
}
@media only screen and (max-width: 749px) {
  #CartButton {
    left: 33px !important;
  }
}
@media only screen and (max-width: 749px) {
  .icon-account {
    display: none !important;
  }
}
.header-content a svg {
  fill: #0F1419;
}

/*Mobile nav stuff*/
@media only screen and (max-width: 749px) {
  .nav__account a, .nav-link, .nav-link a {
    padding: 15px 30px 15px 30px;
  }
}
@media only screen and (max-width: 749px) {
  .header__social--mobile {
    padding: 0px 0px 0px 10px;
  }
}
@media only screen and (max-width: 749px) {
  .nav-carat {
    position: absolute;
    right: 20px;
  }
}
@media only screen and (max-width: 749px) {
  .main-menu-dropdown .nav-link {
    padding: 20px 30px 11px 30px;
  }
}
@media only screen and (max-width: 749px) {
  .main-menu > li > .main-menu-dropdown .nav-carat {
    top: 10px;
  }
}
@media only screen and (max-width: 749px) {
  .main-menu a {
    top: 5px;
  }
}
/*Shop Coffee Page*/
@media only screen and (min-width: 1500px) {
  .collection-block__content {
    padding: 200px;
  }
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
  display: none;
}

.product__submit--spb .product__submit__add, .spr-summary-actions-newreview {
  border: 2px solid #FF252A;
}

/*Newsletter*/
@media only screen and (max-width: 749px) {
  .hero__content__wrapper {
    right: 20px;
    left: 20px;
    width: 90%;
    height: 100%;
  }
}
.newsletter__title {
  font-size: 1.9rem !important;
}

/*Hero*/
@media only screen and (min-width: 1080px) {
  .hero__title {
    font-size: 4.25rem !important;
    margin-bottom: 2rem;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1080px) {
  .hero__content {
    padding: 0px 60px 0px 60px;
  }
}
/*Footer*/
.site-footer-wrapper a {
  font-size: 10.5px !important;
}

/*Hero and H1/Descriptions mobile*/
@media only screen and (max-width: 749px) {
  .hero__title {
    font-size: 2.7em;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 989px) {
  .hero__description {
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 550px) {
  .hero__content {
    max-width: 100%;
  }
}
/*Typography*/
h2, .h2 {
  font-size: 2rem;
}

@media only screen and (max-width: 749px) {
  .coll-heading {
    padding: 40px 20px 0px 20px;
  }
}
.product-strength {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 18px;
}

.product-strength__label {
  color: #000000;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
}

.product-strength__values {
  display: inline-flex;
  gap: 12px;
}

.product-strength .product-strength__value {
  align-items: center;
  background: #f5f2ef !important;
  border-radius: 50% !important;
  color: #000000;
  display: inline-flex;
  font-size: 16px;
  font-weight: 900;
  height: 33px !important;
  justify-content: center;
  line-height: 1;
  width: 33px !important;
}

.product-strength .product-strength__value.is-active {
  background: #ff252a !important;
  color: #ffffff;
}

@media only screen and (max-width: 749px) {
  .product-strength {
    gap: 10px 12px;
  }
  .product-strength__values {
    gap: 8px;
  }
}
.template-404 .main-content,
.template-login .main-content,
.template-register .main-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
}

.template-login .main-content,
.template-register .main-content {
  position: relative;
}
.template-login .background-size-cover,
.template-register .background-size-cover {
  background-position: bottom right;
  background-repeat: no-repeat;
}

.filter-bar {
  background-color: #f7f7f7;
  border: solid #f0f0f0;
  border-width: 1px 0;
  display: flex;
  margin: -1px 0;
  overflow-x: auto;
  overflow-y: hidden;
  position: sticky;
  top: 63px;
  z-index: 1;
}

.filter-bar__container {
  display: flex;
  height: 3rem;
  padding: 0 1.875rem;
}

.filter-bar__button {
  background-color: transparent;
  color: #0f1419;
  font-size: 13px;
  letter-spacing: 0.1538461538em;
  line-height: 1.2307692308;
  padding: 0;
  position: relative;
  transition: color 0.25s ease-in-out;
}
.filter-bar__button::after {
  background-color: currentColor;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity 0.25s ease-in-out;
}
.filter-bar__button:focus, .filter-bar__button:hover {
  background-color: transparent;
  box-shadow: none;
  color: #FF252A;
}
.filter-bar__button.is-active {
  color: #FF252A;
}
.filter-bar__button.is-active::after {
  opacity: 1;
}
.filter-bar__button:not(:first-child) {
  margin-left: 1.25rem;
}

@media only screen and (min-width: 750px) {
  .filter-bar {
    justify-content: center;
    top: 121px;
  }
  .filter-bar__button:not(:first-child) {
    margin-left: 1.875rem;
  }
}
.account p a {
  color: #FF252A;
}

@media only screen and (max-width: 749px) {
  .hero.hero--brush .hero__content {
    padding: 1.875rem;
  }
}
@media only screen and (max-width: 989px) {
  .hero.hero--brush {
    height: auto;
  }
  .hero.hero--brush .hero__content__wrapper {
    height: auto;
    left: auto;
    margin: 0 auto;
    position: relative;
    right: auto;
    width: 100%;
  }
  .hero.hero--brush .hero__image {
    display: none;
  }
}

.anchor {
  display: block;
  height: 0;
  margin-top: -63px;
  padding-top: 63px;
}
@media only screen and (min-width: 750px) {
  .anchor {
    margin-top: -121px;
    padding-top: 121px;
  }
}

.instagram-feed__embed {
  margin-top: 0 !important;
}
@media only screen and (max-width: 989px) {
  .instagram-feed__embed .instafeed-container {
    padding-top: 50% !important;
    width: 50% !important;
  }
}

.countdown {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: space-between;
  line-height: 1;
  max-width: 550px;
  text-align: center;
  width: 100%;
}

.countdown__separator {
  background-color: #FF252A;
  border-radius: 9999px;
  height: 13px;
  margin: 0 10px;
  width: 13px;
}

.countdown__number {
  color: #FF252A;
  font-size: 26px;
}
@media only screen and (min-width: 750px) {
  .countdown__number {
    font-size: 36px;
  }
}

.countdown__label {
  font-family: "asmbold", sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin-top: 10px;
  text-transform: uppercase;
}
@media only screen and (min-width: 750px) {
  .countdown__label {
    margin-top: 15px;
  }
}

.checkbox-field {
  margin: 0 auto 20px;
  max-width: 400px;
  position: relative;
}

.checkbox-field__input {
  position: absolute;
  top: 1.25rem;
  left: 0.625rem;
}

.checkbox-field__label-wrapper {
  cursor: pointer;
  display: flex;
}

.checkbox-field__checkbox {
  background-color: #ffffff;
  border: 1px solid #0f1419;
  color: transparent;
  display: inline-block;
  flex-shrink: 0;
  font-size: 0;
  height: 1.25rem;
  line-height: 0;
  margin-right: 1.25rem;
  position: relative;
  text-align: center;
  transition: background-color 0.3s, border-color 0.3s;
  width: 1.25rem;
}

.checkbox-field__checkbox::after {
  content: none;
  display: none;
}

:checked + .checkbox-field__label-wrapper .checkbox-field__checkbox {
  background-color: #FF252A;
  border-color: #0f1419;
}

:checked + .checkbox-field__label-wrapper .checkbox-field__checkbox::after {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 9px;
  left: 7px;
  position: absolute;
  top: 4px;
  transform: rotate(45deg);
  width: 5px;
}

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

.cart-messages {
  display: flex;
  background-color: #f7f7f7;
  padding: 15px;
  margin-bottom: 30px;
}
.cart-messages p {
  margin-bottom: 0;
}
.cart-messages .cart-messages__message,
.cart-messages .cart-messages__discount {
  margin-bottom: 0;
}
.cart-messages .cart-messages__icon {
  grid-row: span 2/span 2;
}
.cart-messages .cart-messages__icon .cart-messages__icon-container {
  margin-right: 10px;
}
.cart-messages .cart-messages__discount {
  grid-column-start: 2;
}
.cart-messages .cart-messages__discount .cart-messages__discount-container {
  padding-top: 10px;
}

.icon-truck-2 {
  width: 24px;
  height: 24px;
}

.so-tab {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 25px 0;
}

.so-tab label {
  position: relative;
  display: block;
  padding: 0 25px 0 0;
  margin-bottom: 15px;
  line-height: normal;
  cursor: pointer;
  font-weight: bold;
}

.so-tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.so-tab-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s;
  padding-left: 30px;
  border-left: 3px solid red;
  margin-left: 20px;
  padding-right: 20px;
}

/* :checked */
.so-tab input:checked ~ .so-tab-content {
  max-height: none;
}

/* Icon */
.so-tab label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.so-tab input[type=checkbox] + label::after {
  content: "+";
}

.so-tab input[type=radio] + label::after {
  content: "▼";
}

.so-tab input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}

.so-tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

.o-fit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

.border-lines {
  padding: 10px 0;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
}

.article__image {
  display: block;
  max-width: 100%;
  margin-bottom: 25px;
  height: 525px;
}

.article--single .article {
  position: relative;
  margin-bottom: 30px;
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 990px) {
  .site-nav ul li:first-child .main-menu-dropdown#shop-1-desktop > ul > li.parent {
    position: relative;
    width: 40%;
  }
  .site-nav ul li:first-child .main-menu-dropdown#shop-1-desktop > ul > li.child {
    position: relative;
    width: 20%;
  }
}
.site-nav ul li:first-child .main-menu-dropdown#shop-1-desktop > ul > li.child:last-child a {
  line-height: 1.5;
  transition: all 0.15s ease;
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 0;
  border-radius: 0;
  font-weight: 700;
  cursor: pointer;
  background: #FF252A;
  color: #fff !important;
  font-size: 0.875rem;
  font-family: asmbold, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.21429;
  padding: 1rem 3.0625rem;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .site-nav ul li:first-child .main-menu-dropdown#shop-1-desktop ul > li.parent {
    position: relative;
  }
  .site-nav ul li:first-child .main-menu-dropdown#shop-1-desktop ul > li.parent:first-child:before {
    position: absolute;
    content: "";
    background-image: url("/cdn/shop/files/Ueshima_Content_Day_200324-17_94_ae72fe63-2e0a-4296-b2c1-c7ecbc62b4e3.jpg?v=1729005515");
    right: 0px;
    width: 40%;
    height: 100%;
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    top: 0px;
  }
  .site-nav ul li:first-child .main-menu-dropdown#shop-1-desktop ul > li.parent:nth-child(2):before {
    position: absolute;
    content: "";
    background-image: url(https://cdn.shopify.com/s/files/1/0460/7429/8520/files/3003_Ueshima_DripShot-PACK-1x1_1.png?v=1656059793);
    right: 0px;
    width: 40%;
    height: 100%;
    background-size: contain;
    background-position: top right;
    top: 0px;
    background-repeat: no-repeat;
  }
  #equipment-1-desktop, #coffee-1-desktop {
    max-width: 55%;
  }
}
.cart table tbody td a.remove-from-cart {
  color: #FF252A;
}

.item[data-variant-id="41709123993786"] .quantity .quantity-selector {
  display: none;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: #FF252A !important;
  border-color: #FF252A !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: #FF252A !important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
  color: #FF252A !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: #FF252A !important;
}

/* Primary site font */
html,
body,
body input,
body textarea,
body select,
body button,
body p,
body a,
body li,
body label,
body small,
body blockquote,
body table,
body th,
body td,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body .btn,
body .button,
body .site-nav,
body .main-menu,
body .rte {
  font-family: "Red Hat Display", sans-serif !important;
  font-optical-sizing: auto;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: 900 !important;
}

body .site-footer-wrapper,
body .site-footer-wrapper.site-footer-wrapper--image {
  background-color: #000000 !important;
}

body .site-footer-wrapper .footer__block__title,
body .site-footer-wrapper .footer__block__title.caps {
  color: #FF252A !important;
  font-size: 20px !important;
}

body .site-footer-wrapper .footer__quicklinks,
body .site-footer-wrapper .footer__quicklinks a {
  font-size: 14px !important;
  text-transform: none !important;
}

div#trustpilot-widget-trustbox-1-wrapper,
body .site-footer-wrapper .trustpilot-widget,
body .site-footer-wrapper [class*=trustpilot],
body .site-footer-wrapper [class*=Trustpilot],
body .site-footer-wrapper [id*=trustpilot],
body .site-footer-wrapper [id*=Trustpilot],
body .site-footer-wrapper [data-businessunit-id][data-template-id],
body .site-footer-wrapper iframe[src*=trustpilot],
body .site-footer-wrapper iframe[title*=Trustpilot] {
  display: none !important;
}

body .site-footer {
  max-width: none;
  padding: 88px 72px 32px;
}

body .site-footer .footer__main {
  align-items: start;
  display: grid !important;
  gap: 72px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-left: 0;
}

body .site-footer .footer__main > .grid__item {
  float: none;
  padding-left: 0;
  width: auto;
}

body .site-footer-wrapper .footer__block {
  margin: 0;
}

body .site-footer-wrapper .footer__block hr {
  border-top-color: #26323a;
  margin: 0 0 32px;
}

body .site-footer-wrapper .footer__block__title,
body .site-footer-wrapper .footer__block__title.caps {
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: 4px;
  line-height: 1.2;
  margin: 0 0 23px;
  text-transform: uppercase;
}

body .site-footer-wrapper .footer__quicklinks li {
  margin: 0 0 8px;
}

@media (max-width: 749px) {
  body .site-footer-wrapper .footer__block__title {
    margin: 0 0 13px;
  }
  body .site-footer-wrapper .footer__quicklinks li {
    margin: 0 0 4px;
  }
}
body .site-footer-wrapper .footer__quicklinks a {
  color: #ffffff;
  line-height: 1.4;
}

body .site-footer-wrapper .footer__block--localization {
  justify-self: end;
  width: 100%;
}

body .site-footer-wrapper .footer__block--localization .popout--footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body .site-footer-wrapper .footer__block--localization .popout {
  padding-right: 0;
  width: 100%;
}

body .site-footer-wrapper .popout--footer .popout__toggle {
  border: 1px solid #26323a;
  color: #ffffff;
  height: 50px;
  justify-content: space-between;
  min-width: 136px;
  padding: 0 18px;
}

body .site-footer-wrapper .popout--footer .popout-list {
  background-color: #000000;
  border-color: #26323a;
}

body .site-footer-wrapper .footer__bottom {
  align-items: end;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  margin-top: 88px;
}

body .site-footer-wrapper .footer__secondary {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin: 0;
}

body .site-footer-wrapper .footer__logo {
  display: block;
  padding: 0 !important;
}

body .site-footer-wrapper .footer__logo img {
  display: block;
  height: auto;
  max-width: 210px;
}

body .site-footer-wrapper .footer__copyright {
  font-size: 12px;
  letter-spacing: 3px;
  margin: 0;
  text-transform: none !important;
}

body .site-footer-wrapper .footer__copyright li {
  display: inline-block;
  padding: 0 18px 0 0;
}

body .site-footer-wrapper .footer__payment {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
  margin: 0;
  text-align: right;
}

body .site-footer-wrapper .footer__payment li {
  margin: 0;
  padding: 0;
}

body .site-footer-wrapper .footer__payment .payment-icon {
  display: block;
  width: 42px;
}

@media only screen and (max-width: 989px) {
  body .site-footer {
    padding: 64px 36px 32px;
  }
  body .site-footer .footer__main {
    gap: 52px 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .site-footer-wrapper .footer__block--localization {
    justify-self: start;
  }
}
@media only screen and (max-width: 749px) {
  body .site-footer {
    padding: 48px 25px 28px;
  }
  body .site-footer .footer__main {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  body .site-footer-wrapper .footer__bottom {
    align-items: start;
    flex-direction: column;
    margin-top: 56px;
  }
  body .site-footer-wrapper .footer__payment {
    justify-content: flex-start;
    text-align: left;
  }
}
/* Sticky Product Gallery for Desktop */
@media (min-width: 1024px) {
  .grid.product__page {
    display: flex;
    align-items: flex-start;
  }
  .grid__item.medium-up--one-half.product-gallery-fixed {
    align-self: flex-start;
    z-index: 2;
  }
  .grid__item.medium-up--one-half.product__info-column {
    position: static;
  }
}
/* Disable sticky on mobile/tablet */
@media (max-width: 1023px) {
  .grid__item.medium-up--one-half.product-gallery-fixed {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
.product__page {
  overflow: visible;
}

@media (min-width: 768px) and (max-width: 989px) {
  .product-gallery-fixed {
    position: sticky;
    top: 24px;
    z-index: 2;
  }
}