/*============================================================================
  Billionaire Theme (https://billionaire-theme.com)
==============================================================================*/
/*================ SASS HELPERS ================*/
/*============================================================================
  Convert pixels to ems
  Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/functions/_px-to-em.scss
==============================================================================*/
/*============================================================================
  Strips the unit from a number.

  @param {Number (With Unit)} $value
  @example scss - Usage
    $dimension: strip-units(10em);
  @example css - CSS Output
    $dimension: 10;
  @return {Number (Unitless)}

  based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/functions/_strip-units.scss
==============================================================================*/
/*================ THEME SASS HELPERS ================*/
/*================ Prefix mixins ================*/
/*============================================================================
  Flexbox prefix mixins from Bourbon
    https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_flex-box.scss
==============================================================================*/
/*================ Style mixins ================*/
/*================ SASS VARIABLES & SETTINGS ================*/
/*============================================================================
  Grid Breakpoints and Class Names
    - Do not change the variable names
==============================================================================*/
/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $grid-breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
==============================================================================*/
/*================ Color Variables ================*/
/*================ Sizing Variables ================*/
/*================ Product Grid ================*/
/*================ Product slider ================*/
/*================ Collection Grid ================*/
/*================ Typography Variables ================*/
@font-face {
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/roboto_condensed/robotocondensed_n4.901867ac1fae62a138ed9ec7898623d714425105.woff2?h1=ZWd5cHRpYW4taGlzdG9yeS5jb20&hmac=2dbc1605fd7c11e3cf36fe1a32915f119b50211bf384c69331150a50a7cdc0b6") format("woff2"), url("https://fonts.shopifycdn.com/roboto_condensed/robotocondensed_n4.c3228efde738d250ea3586f81d19645b192589ab.woff?h1=ZWd5cHRpYW4taGlzdG9yeS5jb20&hmac=ebc2eb7f99d2a2c9b443ddedc07c4bcd4d4e16308557d28080a2b26cddf84fea") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?h1=ZWd5cHRpYW4taGlzdG9yeS5jb20&hmac=ba5ee7b79cfe767dbb4b472801222c7a021300aa48340a31ac78fff1011b49e7") format("woff2"), url("https://fonts.shopifycdn.com/roboto/roboto_n4.a512c7b68cd7f12c72e1a5fd58e7f7315c552e93.woff?h1=ZWd5cHRpYW4taGlzdG9yeS5jb20&hmac=a5a359a7d3b5daeb3401970a0c3ccf504ef5424278c8c63af4ec60228f38e885") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=ZWd5cHRpYW4taGlzdG9yeS5jb20&hmac=948379d745317802484ba85e3121ca9b0ebcbe64b6820fb96856e35a299f99c3") format("woff2"), url("https://fonts.shopifycdn.com/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=ZWd5cHRpYW4taGlzdG9yeS5jb20&hmac=b4f8c6eee524af623de5ddf9047bb232ac55a98362b3da3085ead0d6d116a091") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/roboto/roboto_i4.f98951b4b9b6e1096fc799cd05debd098bd422ac.woff2?h1=ZWd5cHRpYW4taGlzdG9yeS5jb20&hmac=0724a506336a0b27cd1d7ad972aa2b3c5184f977f2e116fa81bb958ec1cd0c13") format("woff2"), url("https://fonts.shopifycdn.com/roboto/roboto_i4.688a26691d45bc4053b6ae24a196cabdeedbc25c.woff?h1=ZWd5cHRpYW4taGlzdG9yeS5jb20&hmac=87a91462a52c484b7127a9460c2c54dfccb799bdafd77ef0beb3b9fe611e1d2a") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/roboto/roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2?h1=ZWd5cHRpYW4taGlzdG9yeS5jb20&hmac=5b7ff6c9da1aa2df92f17aa665626aec8ee4cf928b9831e54e304fc1bbf1f6d6") format("woff2"), url("https://fonts.shopifycdn.com/roboto/roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff?h1=ZWd5cHRpYW4taGlzdG9yeS5jb20&hmac=5be7afc4f978f3496ee50fe4867176dfb7e3635104fb025c2ac15be0482a64fb") format("woff"); }

/*================ Z-Index ================*/
/*================ Drawers ================*/
/*================ Sticky nav ================*/
/*================ Links and Buttons ================*/
/*================ Product and Collection Cards ================*/
/*================ Search in header ================*/
/*================ Meganav ================*/
/*================ Hero ================*/
/*================ Slate ================*/
/*============================================================================
  Slate Table of Contents

  #Mixins
  #Grid
  #Normalize
  #Helper Classes
  #Basic Styles
  #Icons
  #Lists
  #Rich Text Editor
  #Links and Buttons
  #Tables
  #Reponsive Tables
  #Images and Iframes
  #Forms
  #Site Nav and Dropdowns
  #Section Headers
  #Giftcard Template
==============================================================================*/
/*================ #Mixins ================*/
/*============================================================================
  Prefix mixin for generating vendor prefixes.
  Based on https://github.com/thoughtbot/bourbon/blob/master/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 ================*/
/*================ Media Query IE z-index Mixin ================*/
/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*============================================================================
  #Grid
==============================================================================*/
/*============================================================================
  Grid Setup
    1. Allow the grid system to be used on lists.
    2. Remove any margins and paddings that might affect the grid system.
    3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
.grid {
  *zoom: 1; }
  .grid:after {
    content: '';
    display: table;
    clear: both; }

.grid {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -20px; }

.grid__item {
  float: left;
  padding-left: 20px;
  width: 100%;
  -ms-flex-preferred-size: auto !important;
  -webkit-flex-basis: auto !important;
  -moz-flex-basis: auto !important;
  flex-basis: auto !important; }

.grid__item[class*="--push"] {
  position: relative; }

/*================ Flex grid ================*/
.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.flex__item {
  position: relative;
  -webkit-flex: 1 1 100%;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: auto !important;
  min-width: 0; }

.flex__item--fixed {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

/*============================================================================
  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%;
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%; }

/* Halves */
.one-half {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%; }

/* Thirds */
.one-third {
  width: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  -webkit-flex-basis: 33.33333%;
  -moz-flex-basis: 33.33333%;
  flex-basis: 33.33333%; }

.two-thirds {
  width: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
  -webkit-flex-basis: 66.66667%;
  -moz-flex-basis: 66.66667%;
  flex-basis: 66.66667%; }

/* Quarters */
.one-quarter {
  width: 25%;
  -ms-flex-preferred-size: 25%;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  flex-basis: 25%; }

.two-quarters {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%; }

.three-quarters {
  width: 75%;
  -ms-flex-preferred-size: 75%;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  flex-basis: 75%; }

/* Fifths */
.one-fifth {
  width: 20%;
  -ms-flex-preferred-size: 20%;
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  flex-basis: 20%; }

.two-fifths {
  width: 40%;
  -ms-flex-preferred-size: 40%;
  -webkit-flex-basis: 40%;
  -moz-flex-basis: 40%;
  flex-basis: 40%; }

.three-fifths {
  width: 60%;
  -ms-flex-preferred-size: 60%;
  -webkit-flex-basis: 60%;
  -moz-flex-basis: 60%;
  flex-basis: 60%; }

.four-fifths {
  width: 80%;
  -ms-flex-preferred-size: 80%;
  -webkit-flex-basis: 80%;
  -moz-flex-basis: 80%;
  flex-basis: 80%; }

/* Sixths */
.one-sixth {
  width: 16.66667%;
  -ms-flex-preferred-size: 16.66667%;
  -webkit-flex-basis: 16.66667%;
  -moz-flex-basis: 16.66667%;
  flex-basis: 16.66667%; }

.two-sixths {
  width: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  -webkit-flex-basis: 33.33333%;
  -moz-flex-basis: 33.33333%;
  flex-basis: 33.33333%; }

.three-sixths {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%; }

.four-sixths {
  width: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
  -webkit-flex-basis: 66.66667%;
  -moz-flex-basis: 66.66667%;
  flex-basis: 66.66667%; }

.five-sixths {
  width: 83.33333%;
  -ms-flex-preferred-size: 83.33333%;
  -webkit-flex-basis: 83.33333%;
  -moz-flex-basis: 83.33333%;
  flex-basis: 83.33333%; }

/* Eighths */
.one-eighth {
  width: 12.5%;
  -ms-flex-preferred-size: 12.5%;
  -webkit-flex-basis: 12.5%;
  -moz-flex-basis: 12.5%;
  flex-basis: 12.5%; }

.two-eighths {
  width: 25%;
  -ms-flex-preferred-size: 25%;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  flex-basis: 25%; }

.three-eighths {
  width: 37.5%;
  -ms-flex-preferred-size: 37.5%;
  -webkit-flex-basis: 37.5%;
  -moz-flex-basis: 37.5%;
  flex-basis: 37.5%; }

.four-eighths {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%; }

.five-eighths {
  width: 62.5%;
  -ms-flex-preferred-size: 62.5%;
  -webkit-flex-basis: 62.5%;
  -moz-flex-basis: 62.5%;
  flex-basis: 62.5%; }

.six-eighths {
  width: 75%;
  -ms-flex-preferred-size: 75%;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  flex-basis: 75%; }

.seven-eighths {
  width: 87.5%;
  -ms-flex-preferred-size: 87.5%;
  -webkit-flex-basis: 87.5%;
  -moz-flex-basis: 87.5%;
  flex-basis: 87.5%; }

/* Tenths */
.one-tenth {
  width: 10%;
  -ms-flex-preferred-size: 10%;
  -webkit-flex-basis: 10%;
  -moz-flex-basis: 10%;
  flex-basis: 10%; }

.two-tenths {
  width: 20%;
  -ms-flex-preferred-size: 20%;
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  flex-basis: 20%; }

.three-tenths {
  width: 30%;
  -ms-flex-preferred-size: 30%;
  -webkit-flex-basis: 30%;
  -moz-flex-basis: 30%;
  flex-basis: 30%; }

.four-tenths {
  width: 40%;
  -ms-flex-preferred-size: 40%;
  -webkit-flex-basis: 40%;
  -moz-flex-basis: 40%;
  flex-basis: 40%; }

.five-tenths {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%; }

.six-tenths {
  width: 60%;
  -ms-flex-preferred-size: 60%;
  -webkit-flex-basis: 60%;
  -moz-flex-basis: 60%;
  flex-basis: 60%; }

.seven-tenths {
  width: 70%;
  -ms-flex-preferred-size: 70%;
  -webkit-flex-basis: 70%;
  -moz-flex-basis: 70%;
  flex-basis: 70%; }

.eight-tenths {
  width: 80%;
  -ms-flex-preferred-size: 80%;
  -webkit-flex-basis: 80%;
  -moz-flex-basis: 80%;
  flex-basis: 80%; }

.nine-tenths {
  width: 90%;
  -ms-flex-preferred-size: 90%;
  -webkit-flex-basis: 90%;
  -moz-flex-basis: 90%;
  flex-basis: 90%; }

/* Twelfths */
.one-twelfth {
  width: 8.33333%;
  -ms-flex-preferred-size: 8.33333%;
  -webkit-flex-basis: 8.33333%;
  -moz-flex-basis: 8.33333%;
  flex-basis: 8.33333%; }

.two-twelfths {
  width: 16.66667%;
  -ms-flex-preferred-size: 16.66667%;
  -webkit-flex-basis: 16.66667%;
  -moz-flex-basis: 16.66667%;
  flex-basis: 16.66667%; }

.three-twelfths {
  width: 25%;
  -ms-flex-preferred-size: 25%;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  flex-basis: 25%; }

.four-twelfths {
  width: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  -webkit-flex-basis: 33.33333%;
  -moz-flex-basis: 33.33333%;
  flex-basis: 33.33333%; }

.five-twelfths {
  width: 41.66667%;
  -ms-flex-preferred-size: 41.66667%;
  -webkit-flex-basis: 41.66667%;
  -moz-flex-basis: 41.66667%;
  flex-basis: 41.66667%; }

.six-twelfths {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  flex-basis: 50%; }

.seven-twelfths {
  width: 58.33333%;
  -ms-flex-preferred-size: 58.33333%;
  -webkit-flex-basis: 58.33333%;
  -moz-flex-basis: 58.33333%;
  flex-basis: 58.33333%; }

.eight-twelfths {
  width: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
  -webkit-flex-basis: 66.66667%;
  -moz-flex-basis: 66.66667%;
  flex-basis: 66.66667%; }

.nine-twelfths {
  width: 75%;
  -ms-flex-preferred-size: 75%;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  flex-basis: 75%; }

.ten-twelfths {
  width: 83.33333%;
  -ms-flex-preferred-size: 83.33333%;
  -webkit-flex-basis: 83.33333%;
  -moz-flex-basis: 83.33333%;
  flex-basis: 83.33333%; }

.eleven-twelfths {
  width: 91.66667%;
  -ms-flex-preferred-size: 91.66667%;
  -webkit-flex-basis: 91.66667%;
  -moz-flex-basis: 91.66667%;
  flex-basis: 91.66667%; }

.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%;
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%; }

  /* Halves */
  .small--one-half {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  /* Thirds */
  .small--one-third {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    flex-basis: 33.33333%; }

  .small--two-thirds {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    flex-basis: 66.66667%; }

  /* Quarters */
  .small--one-quarter {
    width: 25%;
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    flex-basis: 25%; }

  .small--two-quarters {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .small--three-quarters {
    width: 75%;
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    flex-basis: 75%; }

  /* Fifths */
  .small--one-fifth {
    width: 20%;
    -ms-flex-preferred-size: 20%;
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    flex-basis: 20%; }

  .small--two-fifths {
    width: 40%;
    -ms-flex-preferred-size: 40%;
    -webkit-flex-basis: 40%;
    -moz-flex-basis: 40%;
    flex-basis: 40%; }

  .small--three-fifths {
    width: 60%;
    -ms-flex-preferred-size: 60%;
    -webkit-flex-basis: 60%;
    -moz-flex-basis: 60%;
    flex-basis: 60%; }

  .small--four-fifths {
    width: 80%;
    -ms-flex-preferred-size: 80%;
    -webkit-flex-basis: 80%;
    -moz-flex-basis: 80%;
    flex-basis: 80%; }

  /* Sixths */
  .small--one-sixth {
    width: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    flex-basis: 16.66667%; }

  .small--two-sixths {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    flex-basis: 33.33333%; }

  .small--three-sixths {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .small--four-sixths {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    flex-basis: 66.66667%; }

  .small--five-sixths {
    width: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    flex-basis: 83.33333%; }

  /* Eighths */
  .small--one-eighth {
    width: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    -webkit-flex-basis: 12.5%;
    -moz-flex-basis: 12.5%;
    flex-basis: 12.5%; }

  .small--two-eighths {
    width: 25%;
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    flex-basis: 25%; }

  .small--three-eighths {
    width: 37.5%;
    -ms-flex-preferred-size: 37.5%;
    -webkit-flex-basis: 37.5%;
    -moz-flex-basis: 37.5%;
    flex-basis: 37.5%; }

  .small--four-eighths {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .small--five-eighths {
    width: 62.5%;
    -ms-flex-preferred-size: 62.5%;
    -webkit-flex-basis: 62.5%;
    -moz-flex-basis: 62.5%;
    flex-basis: 62.5%; }

  .small--six-eighths {
    width: 75%;
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    flex-basis: 75%; }

  .small--seven-eighths {
    width: 87.5%;
    -ms-flex-preferred-size: 87.5%;
    -webkit-flex-basis: 87.5%;
    -moz-flex-basis: 87.5%;
    flex-basis: 87.5%; }

  /* Tenths */
  .small--one-tenth {
    width: 10%;
    -ms-flex-preferred-size: 10%;
    -webkit-flex-basis: 10%;
    -moz-flex-basis: 10%;
    flex-basis: 10%; }

  .small--two-tenths {
    width: 20%;
    -ms-flex-preferred-size: 20%;
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    flex-basis: 20%; }

  .small--three-tenths {
    width: 30%;
    -ms-flex-preferred-size: 30%;
    -webkit-flex-basis: 30%;
    -moz-flex-basis: 30%;
    flex-basis: 30%; }

  .small--four-tenths {
    width: 40%;
    -ms-flex-preferred-size: 40%;
    -webkit-flex-basis: 40%;
    -moz-flex-basis: 40%;
    flex-basis: 40%; }

  .small--five-tenths {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .small--six-tenths {
    width: 60%;
    -ms-flex-preferred-size: 60%;
    -webkit-flex-basis: 60%;
    -moz-flex-basis: 60%;
    flex-basis: 60%; }

  .small--seven-tenths {
    width: 70%;
    -ms-flex-preferred-size: 70%;
    -webkit-flex-basis: 70%;
    -moz-flex-basis: 70%;
    flex-basis: 70%; }

  .small--eight-tenths {
    width: 80%;
    -ms-flex-preferred-size: 80%;
    -webkit-flex-basis: 80%;
    -moz-flex-basis: 80%;
    flex-basis: 80%; }

  .small--nine-tenths {
    width: 90%;
    -ms-flex-preferred-size: 90%;
    -webkit-flex-basis: 90%;
    -moz-flex-basis: 90%;
    flex-basis: 90%; }

  /* Twelfths */
  .small--one-twelfth {
    width: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    -webkit-flex-basis: 8.33333%;
    -moz-flex-basis: 8.33333%;
    flex-basis: 8.33333%; }

  .small--two-twelfths {
    width: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    flex-basis: 16.66667%; }

  .small--three-twelfths {
    width: 25%;
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    flex-basis: 25%; }

  .small--four-twelfths {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    flex-basis: 33.33333%; }

  .small--five-twelfths {
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    -webkit-flex-basis: 41.66667%;
    -moz-flex-basis: 41.66667%;
    flex-basis: 41.66667%; }

  .small--six-twelfths {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .small--seven-twelfths {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    -webkit-flex-basis: 58.33333%;
    -moz-flex-basis: 58.33333%;
    flex-basis: 58.33333%; }

  .small--eight-twelfths {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    flex-basis: 66.66667%; }

  .small--nine-twelfths {
    width: 75%;
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    flex-basis: 75%; }

  .small--ten-twelfths {
    width: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    flex-basis: 83.33333%; }

  .small--eleven-twelfths {
    width: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    -webkit-flex-basis: 91.66667%;
    -moz-flex-basis: 91.66667%;
    flex-basis: 91.66667%; }

  .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--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) {
  /** Whole */
  .medium-up--one-whole {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%; }

  /* Halves */
  .medium-up--one-half {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  /* Thirds */
  .medium-up--one-third {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    flex-basis: 33.33333%; }

  .medium-up--two-thirds {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    flex-basis: 66.66667%; }

  /* Quarters */
  .medium-up--one-quarter {
    width: 25%;
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    flex-basis: 25%; }

  .medium-up--two-quarters {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .medium-up--three-quarters {
    width: 75%;
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    flex-basis: 75%; }

  /* Fifths */
  .medium-up--one-fifth {
    width: 20%;
    -ms-flex-preferred-size: 20%;
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    flex-basis: 20%; }

  .medium-up--two-fifths {
    width: 40%;
    -ms-flex-preferred-size: 40%;
    -webkit-flex-basis: 40%;
    -moz-flex-basis: 40%;
    flex-basis: 40%; }

  .medium-up--three-fifths {
    width: 60%;
    -ms-flex-preferred-size: 60%;
    -webkit-flex-basis: 60%;
    -moz-flex-basis: 60%;
    flex-basis: 60%; }

  .medium-up--four-fifths {
    width: 80%;
    -ms-flex-preferred-size: 80%;
    -webkit-flex-basis: 80%;
    -moz-flex-basis: 80%;
    flex-basis: 80%; }

  /* Sixths */
  .medium-up--one-sixth {
    width: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    flex-basis: 16.66667%; }

  .medium-up--two-sixths {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    flex-basis: 33.33333%; }

  .medium-up--three-sixths {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .medium-up--four-sixths {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    flex-basis: 66.66667%; }

  .medium-up--five-sixths {
    width: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    flex-basis: 83.33333%; }

  /* Eighths */
  .medium-up--one-eighth {
    width: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    -webkit-flex-basis: 12.5%;
    -moz-flex-basis: 12.5%;
    flex-basis: 12.5%; }

  .medium-up--two-eighths {
    width: 25%;
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    flex-basis: 25%; }

  .medium-up--three-eighths {
    width: 37.5%;
    -ms-flex-preferred-size: 37.5%;
    -webkit-flex-basis: 37.5%;
    -moz-flex-basis: 37.5%;
    flex-basis: 37.5%; }

  .medium-up--four-eighths {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .medium-up--five-eighths {
    width: 62.5%;
    -ms-flex-preferred-size: 62.5%;
    -webkit-flex-basis: 62.5%;
    -moz-flex-basis: 62.5%;
    flex-basis: 62.5%; }

  .medium-up--six-eighths {
    width: 75%;
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    flex-basis: 75%; }

  .medium-up--seven-eighths {
    width: 87.5%;
    -ms-flex-preferred-size: 87.5%;
    -webkit-flex-basis: 87.5%;
    -moz-flex-basis: 87.5%;
    flex-basis: 87.5%; }

  /* Tenths */
  .medium-up--one-tenth {
    width: 10%;
    -ms-flex-preferred-size: 10%;
    -webkit-flex-basis: 10%;
    -moz-flex-basis: 10%;
    flex-basis: 10%; }

  .medium-up--two-tenths {
    width: 20%;
    -ms-flex-preferred-size: 20%;
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    flex-basis: 20%; }

  .medium-up--three-tenths {
    width: 30%;
    -ms-flex-preferred-size: 30%;
    -webkit-flex-basis: 30%;
    -moz-flex-basis: 30%;
    flex-basis: 30%; }

  .medium-up--four-tenths {
    width: 40%;
    -ms-flex-preferred-size: 40%;
    -webkit-flex-basis: 40%;
    -moz-flex-basis: 40%;
    flex-basis: 40%; }

  .medium-up--five-tenths {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .medium-up--six-tenths {
    width: 60%;
    -ms-flex-preferred-size: 60%;
    -webkit-flex-basis: 60%;
    -moz-flex-basis: 60%;
    flex-basis: 60%; }

  .medium-up--seven-tenths {
    width: 70%;
    -ms-flex-preferred-size: 70%;
    -webkit-flex-basis: 70%;
    -moz-flex-basis: 70%;
    flex-basis: 70%; }

  .medium-up--eight-tenths {
    width: 80%;
    -ms-flex-preferred-size: 80%;
    -webkit-flex-basis: 80%;
    -moz-flex-basis: 80%;
    flex-basis: 80%; }

  .medium-up--nine-tenths {
    width: 90%;
    -ms-flex-preferred-size: 90%;
    -webkit-flex-basis: 90%;
    -moz-flex-basis: 90%;
    flex-basis: 90%; }

  /* Twelfths */
  .medium-up--one-twelfth {
    width: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    -webkit-flex-basis: 8.33333%;
    -moz-flex-basis: 8.33333%;
    flex-basis: 8.33333%; }

  .medium-up--two-twelfths {
    width: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    flex-basis: 16.66667%; }

  .medium-up--three-twelfths {
    width: 25%;
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    flex-basis: 25%; }

  .medium-up--four-twelfths {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    flex-basis: 33.33333%; }

  .medium-up--five-twelfths {
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    -webkit-flex-basis: 41.66667%;
    -moz-flex-basis: 41.66667%;
    flex-basis: 41.66667%; }

  .medium-up--six-twelfths {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .medium-up--seven-twelfths {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    -webkit-flex-basis: 58.33333%;
    -moz-flex-basis: 58.33333%;
    flex-basis: 58.33333%; }

  .medium-up--eight-twelfths {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    flex-basis: 66.66667%; }

  .medium-up--nine-twelfths {
    width: 75%;
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    flex-basis: 75%; }

  .medium-up--ten-twelfths {
    width: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    flex-basis: 83.33333%; }

  .medium-up--eleven-twelfths {
    width: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    -webkit-flex-basis: 91.66667%;
    -moz-flex-basis: 91.66667%;
    flex-basis: 91.66667%; }

  .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--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 (min-width: 990px) {
  /** Whole */
  .large-up--one-whole {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%; }

  /* Halves */
  .large-up--one-half {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  /* Thirds */
  .large-up--one-third {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    flex-basis: 33.33333%; }

  .large-up--two-thirds {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    flex-basis: 66.66667%; }

  /* Quarters */
  .large-up--one-quarter {
    width: 25%;
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    flex-basis: 25%; }

  .large-up--two-quarters {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .large-up--three-quarters {
    width: 75%;
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    flex-basis: 75%; }

  /* Fifths */
  .large-up--one-fifth {
    width: 20%;
    -ms-flex-preferred-size: 20%;
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    flex-basis: 20%; }

  .large-up--two-fifths {
    width: 40%;
    -ms-flex-preferred-size: 40%;
    -webkit-flex-basis: 40%;
    -moz-flex-basis: 40%;
    flex-basis: 40%; }

  .large-up--three-fifths {
    width: 60%;
    -ms-flex-preferred-size: 60%;
    -webkit-flex-basis: 60%;
    -moz-flex-basis: 60%;
    flex-basis: 60%; }

  .large-up--four-fifths {
    width: 80%;
    -ms-flex-preferred-size: 80%;
    -webkit-flex-basis: 80%;
    -moz-flex-basis: 80%;
    flex-basis: 80%; }

  /* Sixths */
  .large-up--one-sixth {
    width: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    flex-basis: 16.66667%; }

  .large-up--two-sixths {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    flex-basis: 33.33333%; }

  .large-up--three-sixths {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .large-up--four-sixths {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    flex-basis: 66.66667%; }

  .large-up--five-sixths {
    width: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    flex-basis: 83.33333%; }

  /* Eighths */
  .large-up--one-eighth {
    width: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    -webkit-flex-basis: 12.5%;
    -moz-flex-basis: 12.5%;
    flex-basis: 12.5%; }

  .large-up--two-eighths {
    width: 25%;
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    flex-basis: 25%; }

  .large-up--three-eighths {
    width: 37.5%;
    -ms-flex-preferred-size: 37.5%;
    -webkit-flex-basis: 37.5%;
    -moz-flex-basis: 37.5%;
    flex-basis: 37.5%; }

  .large-up--four-eighths {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .large-up--five-eighths {
    width: 62.5%;
    -ms-flex-preferred-size: 62.5%;
    -webkit-flex-basis: 62.5%;
    -moz-flex-basis: 62.5%;
    flex-basis: 62.5%; }

  .large-up--six-eighths {
    width: 75%;
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    flex-basis: 75%; }

  .large-up--seven-eighths {
    width: 87.5%;
    -ms-flex-preferred-size: 87.5%;
    -webkit-flex-basis: 87.5%;
    -moz-flex-basis: 87.5%;
    flex-basis: 87.5%; }

  /* Tenths */
  .large-up--one-tenth {
    width: 10%;
    -ms-flex-preferred-size: 10%;
    -webkit-flex-basis: 10%;
    -moz-flex-basis: 10%;
    flex-basis: 10%; }

  .large-up--two-tenths {
    width: 20%;
    -ms-flex-preferred-size: 20%;
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    flex-basis: 20%; }

  .large-up--three-tenths {
    width: 30%;
    -ms-flex-preferred-size: 30%;
    -webkit-flex-basis: 30%;
    -moz-flex-basis: 30%;
    flex-basis: 30%; }

  .large-up--four-tenths {
    width: 40%;
    -ms-flex-preferred-size: 40%;
    -webkit-flex-basis: 40%;
    -moz-flex-basis: 40%;
    flex-basis: 40%; }

  .large-up--five-tenths {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .large-up--six-tenths {
    width: 60%;
    -ms-flex-preferred-size: 60%;
    -webkit-flex-basis: 60%;
    -moz-flex-basis: 60%;
    flex-basis: 60%; }

  .large-up--seven-tenths {
    width: 70%;
    -ms-flex-preferred-size: 70%;
    -webkit-flex-basis: 70%;
    -moz-flex-basis: 70%;
    flex-basis: 70%; }

  .large-up--eight-tenths {
    width: 80%;
    -ms-flex-preferred-size: 80%;
    -webkit-flex-basis: 80%;
    -moz-flex-basis: 80%;
    flex-basis: 80%; }

  .large-up--nine-tenths {
    width: 90%;
    -ms-flex-preferred-size: 90%;
    -webkit-flex-basis: 90%;
    -moz-flex-basis: 90%;
    flex-basis: 90%; }

  /* Twelfths */
  .large-up--one-twelfth {
    width: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    -webkit-flex-basis: 8.33333%;
    -moz-flex-basis: 8.33333%;
    flex-basis: 8.33333%; }

  .large-up--two-twelfths {
    width: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    flex-basis: 16.66667%; }

  .large-up--three-twelfths {
    width: 25%;
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    flex-basis: 25%; }

  .large-up--four-twelfths {
    width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    flex-basis: 33.33333%; }

  .large-up--five-twelfths {
    width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    -webkit-flex-basis: 41.66667%;
    -moz-flex-basis: 41.66667%;
    flex-basis: 41.66667%; }

  .large-up--six-twelfths {
    width: 50%;
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    flex-basis: 50%; }

  .large-up--seven-twelfths {
    width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    -webkit-flex-basis: 58.33333%;
    -moz-flex-basis: 58.33333%;
    flex-basis: 58.33333%; }

  .large-up--eight-twelfths {
    width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    flex-basis: 66.66667%; }

  .large-up--nine-twelfths {
    width: 75%;
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    flex-basis: 75%; }

  .large-up--ten-twelfths {
    width: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    flex-basis: 83.33333%; }

  .large-up--eleven-twelfths {
    width: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    -webkit-flex-basis: 91.66667%;
    -moz-flex-basis: 91.66667%;
    flex-basis: 91.66667%; }

  .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--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; } }
/*================ Grid Push Classes ================*/
@media only screen and (min-width: 750px) {
  /* Halves */
  .medium-up--push-one-half {
    left: 50%; }

  /* Thirds */
  .medium-up--push-one-third {
    left: 33.33333%; }

  .medium-up--push-two-thirds {
    left: 66.66667%; }

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

  .medium-up--push-two-sixths {
    left: 33.33333%; }

  .medium-up--push-three-sixths {
    left: 50%; }

  .medium-up--push-four-sixths {
    left: 66.66667%; }

  .medium-up--push-five-sixths {
    left: 83.33333%; }

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

  .medium-up--push-two-twelfths {
    left: 16.66667%; }

  .medium-up--push-three-twelfths {
    left: 25%; }

  .medium-up--push-four-twelfths {
    left: 33.33333%; }

  .medium-up--push-five-twelfths {
    left: 41.66667%; }

  .medium-up--push-six-twelfths {
    left: 50%; }

  .medium-up--push-seven-twelfths {
    left: 58.33333%; }

  .medium-up--push-eight-twelfths {
    left: 66.66667%; }

  .medium-up--push-nine-twelfths {
    left: 75%; }

  .medium-up--push-ten-twelfths {
    left: 83.33333%; }

  .medium-up--push-eleven-twelfths {
    left: 91.66667%; } }
/*============================================================================
  #Normalize
  Based on normalize.css v3.0.2 | MIT License | git.io/normalize
==============================================================================*/
*, *:before, *:after {
  box-sizing: border-box; }

body,
html {
  background-color: #f0f0f0; }

body {
  margin: 0; }

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

body,
input,
textarea,
button,
select {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

a {
  background-color: transparent; }

b,
strong {
  font-weight: 700; }

em {
  font-style: italic; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  border: 0; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
  outline: none; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none; }

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

td,
th {
  padding: 0; }

textarea {
  overflow: auto;
  -webkit-appearance: none;
  -moz-appearance: none; }

[tabindex='-1']:focus {
  outline: none; }

/*================ #Helper Classes ================*/
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: '';
    display: table;
    clear: both; }

.visually-hidden, .icon__fallback-text {
  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; }

/*============================================================================
  Skip to content button
    - Overrides .visually-hidden when focused
==============================================================================*/
.skip-link:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: #666666;
  background-color: #f0f0f0;
  padding: 10px;
  z-index: 10000;
  transition: none; }

/*================ #Basic Styles ================*/
.page-width {
  *zoom: 1;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 10px; }
  .page-width:after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (min-width: 750px) {
    .page-width {
      padding: 0 20px; } }

/*================ Fontello ================*/
@font-face {
  font-family: 'fontello';
  src: url("fontello.eot?9917241");
  src: url("fontello.eot?9917241#iefix") format("embedded-opentype"), url("fontello.woff?9917241") format("woff"), url("fontello.ttf?9917241") format("truetype"), url("fontello.svg?9917241#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

.demo-icon {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*================ Typography ================*/
blockquote p + cite {
  margin-top: 10px; }
blockquote cite {
  display: block; }
  blockquote cite:before {
    content: '\2014 \0020'; }

code, pre {
  font-family: Consolas,monospace;
  font-size: 1em; }

pre {
  overflow: auto; }

.quotes-profile-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 26px;
  box-shadow: 2px 2px 6px 2px rgba(153, 153, 153, 0.2); }

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

.icon--wide {
  width: 40px; }

.no-svg .icon__fallback-text {
  position: static !important;
  overflow: inherit;
  clip: none;
  height: auto;
  width: auto;
  margin: 0; }

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

/*================ Payment Icons ================*/
.payment-icons {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default; }
  .payment-icons li {
    margin-right: 5px; }
  .payment-icons .icon {
    width: 38px;
    height: 24px; }
  .payment-icons .icon--wide {
    width: 55px; }

/*================ Social Icons ================*/
.social-icons .icon {
  width: 24px;
  height: 24px; }

#social-icons-top a {
  padding: 6px; }

#social-icons-top > li:nth-child(1) > a {
  padding-left: 0; }

#social-icons-top .icon {
  width: 22px;
  height: 22px; }

/*================ #Lists ================*/
ul, ol {
  margin: 0;
  padding: 0; }

ol {
  list-style: decimal; }

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

.rte ul, .rte ol {
  margin: 0 0 10px 20px; }
.rte ul {
  list-style: disc outside; }
  .rte ul ul {
    list-style: circle outside; }
    .rte ul ul ul {
      list-style: square outside; }

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

/*================ #Rich Text Editor ================*/
.rte__table-wrapper {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

/*================ #Links and Buttons ================*/
.btn, .btn--secondary,
.rte .btn--secondary,
.btn--secondary-accent,
.rte .btn,
.rte .btn--secondary,
.rte .btn--secondary-accent {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.17647em;
  font-weight: normal;
  padding: calc(24px / 2) 24px;
  border-radius: 2px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  max-width: 100%;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.1s ease-in, background-color 0.1s ease-in;
  border: 2px solid #ff9f00;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ff9f00;
  color: white; }
  .btn:hover, .btn--secondary:hover,
  .btn--secondary-accent:hover,
  .rte .btn:hover,
  .rte .btn--secondary:hover,
  .rte .btn--secondary-accent:hover {
    background-color: #ff9f00;
    color: white;
    border-color: #ff9f00; }
  .btn:active, .btn--secondary:active,
  .btn--secondary-accent:active, .btn:focus, .btn--secondary:focus,
  .btn--secondary-accent:focus,
  .rte .btn:active,
  .rte .btn--secondary:active,
  .rte .btn--secondary-accent:active,
  .rte .btn:focus,
  .rte .btn--secondary:focus,
  .rte .btn--secondary-accent:focus {
    background-color: #ff9f00;
    color: white; }
  .btn[disabled], [disabled].btn--secondary,
  [disabled].btn--secondary-accent,
  .rte .btn[disabled],
  .rte [disabled].btn--secondary,
  .rte [disabled].btn--secondary-accent {
    cursor: default;
    color: #757575;
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    box-shadow: 1px 1px 1px 0px #00000045; }
  .btn .icon, .btn--secondary .icon,
  .btn--secondary-accent .icon,
  .rte .btn .icon,
  .rte .btn--secondary .icon,
  .rte .btn--secondary-accent .icon {
    fill: currentColor;
    path: currentColor; }

.btn--secondary,
.rte .btn--secondary,
.btn--secondary-accent {
  background-color: white;
  color: #ff9f00;
  border: 2px solid #ff9f00; }
  .btn--secondary:hover,
  .rte .btn--secondary:hover,
  .btn--secondary-accent:hover {
    background-color: white;
    color: #ff9f00;
    border-color: #ff9f00; }
  .btn--secondary:active, .btn--secondary:focus,
  .rte .btn--secondary:active,
  .rte .btn--secondary:focus,
  .btn--secondary-accent:active,
  .btn--secondary-accent:focus {
    background-color: white;
    color: #ff9f00;
    border-color: #ff9f00; }

.shopify-payment-button__button--unbranded {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 1.17647em !important;
  font-weight: normal !important;
  padding: calc(24px / 2) 24px !important;
  border-radius: 2px !important;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  border: 2px solid #ff9f00 !important;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ff9f00 !important;
  color: white !important; }
  .shopify-payment-button__button--unbranded:hover {
    background-color: #ff9f00;
    color: white;
    border-color: #ff9f00; }
  .shopify-payment-button__button--unbranded:active, .shopify-payment-button__button--unbranded:focus {
    background-color: #ff9f00;
    color: white; }

.product-card__overlay-btn {
  font-size: 0.76471em;
  background-color: #ff9f00;
  color: #ffffff;
  border-color: #ff9f00; }

.product-card__overlay-btn:hover {
  background-color: #ff9f00c4;
  border-color: #ff9f00c4; }

.template-index .collection-card__title {
  background-color: #ff9f00;
  color: #ffffff; }

.image-content-btn {
  margin-top: 15px; }

.countdown-over {
  display: none;
  text-align: center;
  padding: 12px;
  margin-top: 5px;
  width: 100%;
  border-radius: 3px;
  border: solid 2px #ff9f00;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  color: #ff9f00;
  letter-spacing: 0.5px; }

/*================ First CSS ================*/
/* GDPR */
.gdrp-content {
  background-color: #fff;
  padding: 25px;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 9999;
  border-top: solid 1px #ccc; }

.gdpr-msg {
  width: 80%;
  float: left;
  padding-right: 15px; }

.gdpr-submit {
  width: 20%;
  float: left; }

.gdpr-title {
  font-size: 22px;
  font-weight: 700; }

.gdpr-btn {
  background-color: #333;
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
  padding: 20px;
  margin-top: 5px;
  font-size: 25px; }

.gdpr-outer-div {
  height: 100px;
  width: 100%; }

.gdpr-middle-div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

@media (max-width: 980px) {
  .gdpr-msg {
    width: 100%;
    padding-right: 0px; }

  .gdpr-submit {
    width: 100%; } }
/* ORDERS NOTIFICATIONS */
.live-noti-box {
  position: fixed;
  bottom: 40px;
  border-radius: 40px;
  left: 10px;
  background-color: #FFF;
  padding: 5px 15px;
  width: 100%;
  max-width: 300px;
  z-index: 999;
  -webkit-box-shadow: 2px 2px 10px 2px rgba(153, 153, 153, 0.2);
  box-shadow: 2px 2px 10px 2px rgba(153, 153, 153, 0.2); }

.live-noti-img {
  float: left;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  margin-right: 10px;
  background-size: cover;
  background-position: center; }

p.live-p {
  font-size: 11px;
  color: #6b6b6b;
  margin: 0; }

p.live-p-min {
  font-size: 10px;
  margin-top: 10px;
  color: #ccc; }

span.live-p-big {
  color: #333;
  text-decoration: underline #ccc; }

@media (max-width: 419px) {
  .live-noti-box {
    bottom: 15px; } }
@media (max-width: 325px) {
  .live-noti-box {
    max-width: 300px; } }
/*Image Header Full-size*/
.home-header-image {
  margin-bottom: -6px; }

.home-header-image, .home-header-image img, .home-header-image svg {
  width: 100%;
  position: relative; }

.home-header-image .bg-content-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.bg-in-content {
  text-align: center;
  background: none;
  padding: 30px; }

.pretext {
  color: #ffffff;
  text-transform: none;
  font-size: 15px;
  letter-spacing: 0px;
  margin-bottom: 10px; }

.headline {
  color: #ffffff;
  font-style: normal;
  text-transform: uppercase;
  font-size: 39px;
  letter-spacing: 2px;
  line-height: 1.4em;
  margin-bottom: 15px; }

.subtitle {
  color: #ffffff;
  font-weight: 400;
  text-transform: none;
  font-style: none;
  font-size: 15px;
  letter-spacing: 0px; }

.bg-content-btns {
  margin-top: 25px; }

.bg-content-btns a {
  margin: 0px 2.5px; }

@media (max-width: 769px) {
  .home-header-image .bg-content-center {
    position: initial;
    top: unset;
    left: unset;
    transform: unset; }

  .bg-in-content {
    background-color: unset !important;
    padding: 15px 5px; }

  .pretext {
    color: #000000; }

  .headline {
    color: #000000; }

  .subtitle {
    color: #000000; }

  .white-area {
    height: 0 !important; } }
/*================ Force an input/button to look like a text link ================*/
.text-link {
  display: inline;
  border: 0 none;
  background: none;
  padding: 0;
  margin: 0; }

/*================ #Tables ================*/
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: 700; }

th, td {
  text-align: left;
  border: 1px solid #f0f0f0; }

@media only screen and (max-width: 749px) {
  .btn, .btn--secondary,
  .rte .btn--secondary,
  .btn--secondary-accent,
  .rte .btn,
  .rte .btn--secondary,
  .rte .btn--secondary-accent {
    font-size: 1.05882em; } }
/*============================================================================
  Responsive tables, defined with .responsive-table on table element.
==============================================================================*/
@media only screen and (max-width: 749px) {
  .responsive-table thead {
    display: none; }
  .responsive-table th,
  .responsive-table td {
    text-align: right;
    padding: 10px;
    margin: 0; }
  .responsive-table td:before {
    content: attr(data-label);
    float: left;
    text-align: center;
    font-size: 14px;
    padding-right: 10px; } }
.responsive-table__row {
  border-bottom: 1px solid #f0f0f0; }

/*================ #Images and Iframes ================*/
svg:not(:root) {
  overflow: hidden; }

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

/*================ Forms ================*/
@media only screen and (max-width: 989px) {
  input,
  select,
  textarea {
    font-size: 16px; } }
fieldset {
  border: 1px solid #f0f0f0;
  margin: 0 0 20px;
  padding: 10px; }

legend {
  border: 0;
  padding: 0; }

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

input,
textarea,
select {
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  max-width: 100%; }
  input:focus,
  textarea:focus,
  select:focus {
    border-color: #d6d6d6; }
  input[disabled],
  textarea[disabled],
  select[disabled] {
    cursor: default;
    background-color: #f4f4f4;
    border-color: #757575; }

textarea {
  min-height: 100px; }

.input-group input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

form.site-header__search input {
  border-radius: 0; }

/*================ Error styles ================*/
input.input--error,
select.input--error,
textarea.input--error {
  border-color: #ec523e;
  background-color: #ec523e;
  color: #ec523e; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url("//cdn.shopify.com/s/files/1/0523/3144/6454/t/23/assets/ico-select.svg?v=12459251128197754421614635511");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: transparent;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer; }

optgroup {
  font-weight: 700; }

option {
  color: #000;
  background-color: #fff; }

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

/*================ Form labels ================*/
.label--hidden {
  position: absolute;
  height: 0;
  width: 0;
  margin-bottom: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

label[for] {
  cursor: pointer; }

/*================ #Site Nav and Dropdowns ================*/
.site-header__logo img {
  display: block;
  width: 100%; }

.site-nav li {
  display: inline-block; }

nav.breadcrumb {
  text-transform: uppercase;
  font-size: 11px;
  padding: 10px 20px;
  letter-spacing: 1.4px;
  background-color: #f7f8f9;
  color: #929292;
  margin-bottom: 15px; }

nav.breadcrumb a, nav.breadcrumb span {
  color: #929292; }

span.breadcrumb-current-page {
  color: black !important; }

.page-width-breadcrumb {
  background-color: #f7f8f9; }

@media (max-width: 750px) {
  .site-header__logo img {
    max-height: 39px;
    width: auto; }

  .page-width-breadcrumb {
    margin-bottom: 15px; }

  .template-index .page-width-breadcrumb {
    margin-bottom: 0; } }
/*================ Site Nav Links ================*/
.site-nav__link {
  display: block;
  white-space: nowrap; }
  .site-nav__link .icon-arrow-down {
    position: relative; }

/*================ Dropdowns ================*/
.site-nav__dropdown {
  display: none;
  position: absolute;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 5; }
  .site-nav__dropdown li {
    display: block; }

.site-nav__dropdown.meganav.site-nav__dropdown--second-level {
  border-bottom: 1px solid #f7f8f9;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.075); }

/* nav extra search */
.sticky-bar-flt-right {
  float: right;
  background-color: #d8232fd9;
  padding: 5px 17px 0px 7px;
  color: #fff; }

#StickyNavSearchCart .currency-picker__wrapper {
  display: none; }

#StickyNavSearchCart .site-header__link {
  color: #ffffff; }

/*================ Currencies ================*/
.currency-picker__wrapper {
  margin-bottom: 0px; }

select.currency-picker {
  background-color: transparent;
  border-radius: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #1c1d1d; }

.drawer__nav .currency-picker__wrapper {
  display: block !important; }

.drawer__nav .currency-picker {
  display: block !important;
  width: 100% !important;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  padding: 13.33333px 20px;
  font-size: 1.17647em;
  color: #262626; }
  .drawer__nav .currency-picker:hover, .drawer__nav .currency-picker:focus {
    color: #262626;
    background-color: #fafafa; }

@media (max-width: 750px) {
  #SiteNavSearchCart select.currency-picker {
    display: none !important; } }
/*================ #Giftcard Template ================*/
.giftcard__qr-code img {
  margin: 0 auto; }

.giftcard__apple-wallet-image {
  display: block;
  margin: 0 auto; }

.giftcard__wrap {
  margin: 0 auto 20px; }

/*================ Print Giftcard Styles ================*/
@media print {
  @page {
    margin: 0.5cm; }

  p {
    orphans: 3;
    widows: 3; }

  html, body {
    background-color: #fff;
    color: #000; }

  .giftcard__print-link,
  .giftcard__apple-wallet {
    display: none; } }
/*================ GLOBAL ================*/
.no-js:not(html) {
  display: none; }
  .no-js .no-js:not(html) {
    display: block; }

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

.main-content {
  display: block;
  /*padding-top: $gutter-site * 1.5;*/
  padding-bottom: 40px; }
  @media only screen and (min-width: 750px) {
    .main-content {
      padding-top: 60px;
      padding-bottom: 80px; } }

.template-index .main-content {
  padding-top: 0;
  padding-bottom: 0; }

.full-width {
  padding: 80px 20px;
  background-color: #f0f0f0; }

.full-width--return-link {
  margin-bottom: -40px; }
  @media only screen and (min-width: 750px) {
    .full-width--return-link {
      margin-bottom: -80px; } }
  .content-block + .full-width--return-link {
    margin-top: -20px; }

.full-width.full-width--return-link {
  padding: 40px 20px;
  margin-top: 30px; }

@media (max-width: 990px) {
  .full-width.full-width--return-link {
    margin-top: 0px; } }
hr {
  margin: 20px 0;
  border-color: #f0f0f0;
  border-style: solid;
  border-width: 1px 0 0; }

hr.m-t-0 {
  margin-top: 0; }

.template-product hr {
  border-color: #f0f0f0; }

.m-b-0 {
  margin-bottom: 0; }

.m-b-40 {
  margin-bottom: 40px !important; }

.hr--dark {
  border-color: #cacaca; }

.hr-mobile {
  display: none; }

@media (max-width: 750px) {
  .hr-mobile {
    display: block;
    width: 100%; } }
/*================ Empty pages (404, cart) ================*/
.page-empty {
  padding: 120px 0;
  margin-bottom: 20px; }

/*================ Index sections ================*/
.index-section {
  margin-bottom: 35px; }

.index-section--flush + .index-section--flush {
  margin-top: -50px; }

.index-section--flush:last-child {
  padding-bottom: 0;
  margin-bottom: 0; }

@media (max-width: 750px) {
  .index-section {
    margin-bottom: 17px; } }
/*================ Flex class helpers ================*/
.flex--center-vertical .flex__item {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center; }

.flex--grid {
  margin: 0 -10px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .flex--grid > .flex__item {
    padding: 10px; }

.flex--grid-center {
  justify-content: center; }

.flex--no-gutter {
  margin: 0; }
  .flex--no-gutter > .flex__item {
    padding: 0; }

@media (max-width: 750px) {
  .flex-text-block {
    order: 1; } }
/*================ Grid | Half gutters ================*/
.grid--half-gutters {
  margin-left: -10px; }
  .grid--half-gutters > .grid__item {
    padding-left: 10px; }

.grid--no-gutters {
  margin-left: 0; }
  .grid--no-gutters > .grid__item {
    padding-left: 0; }

/*================ Grid | Vertically centered items ================*/
.grid--table {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-left: 0; }
  .grid--table > .grid__item {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding-left: 0; }

.medium-up--grid--table {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-left: 0; }
  .medium-up--grid--table > .grid__item {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding-left: 0; }
  @media only screen and (max-width: 749px) {
    .medium-up--grid--table {
      display: block; }
      .medium-up--grid--table > .grid__item {
        display: block; } }

body,
input,
textarea,
button,
select {
  font-size: 17px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #666666;
  line-height: 1.375; }

@media only screen and (max-width: 989px) {
  input,
  textarea {
    font-size: 16px; } }
/*================ Headings ================*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: black;
  margin: 0 0 0.58824em; }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit; }
  h1:last-child,
  h2:last-child,
  h3:last-child,
  h4:last-child,
  h5:last-child,
  h6:last-child {
    margin-bottom: 0; }

h2,
h3,
h4,
h5,
h6 {
  letter-spacing: inherit;
  text-transform: inherit;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  font-style: normal; }

h1, .featured-product-home {
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.76471em; }
  @media only screen and (min-width: 750px) {
    h1, .featured-product-home {
      font-size: 2.11765em; } }

h2 {
  font-size: 1.76471em; }

h3 {
  font-size: 1.41176em; }

h3.index-menu {
  font-size: 0.88235em; }

h4 {
  font-size: 1.05882em;
  text-transform: uppercase; }

h5 {
  font-size: 1.17647em; }

h6 {
  font-size: 0.94118em; }

.template-index h1 {
  font-size: 2.47059em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-index h1 {
    font-size: 2.58824em; } }
.template-index h2 {
  font-size: 1.64706em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-index h2 {
    font-size: 1.29412em; } }
.template-index h3 {
  font-size: 1.05882em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-index h3 {
    font-size: 1.05882em; } }
.template-index h4 {
  font-size: 1.64706em;
  font-weight: normal;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-index h4 {
    font-size: 1.29412em; } }
.template-index h5 {
  font-size: 1.17647em;
  font-weight: normal;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-index h5 {
    font-size: 1.17647em; } }
.template-collection .grid--uniform .medium-up--one-third:nth-child(3n+1) {
  clear: initial; }

.template-collection h1, .template-page h1, .template-list-collections h1 {
  font-size: 1.70588em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-collection h1, .template-page h1, .template-list-collections h1 {
    font-size: 1.76471em; } }
.template-collection h2, .template-page h2, .template-list-collections h2 {
  font-size: 0.88235em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  text-transform: none; }

@media (max-width: 768px) {
  .template-collection h2, .template-page h2, .template-list-collections h2 {
    font-size: 0.94118em; } }
.template-collection h3, .template-page h3, .template-list-collections h3 {
  font-size: 0.88235em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  text-transform: none; }

@media (max-width: 768px) {
  .template-collection h3, .template-page h3, .template-list-collections h3 {
    font-size: 0.94118em; } }
.template-collection h4, .template-page h4, .template-list-collections h4 {
  font-size: 0.82353em;
  font-weight: normal;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-collection h4, .template-page h4, .template-list-collections h4 {
    font-size: 0.82353em; } }
.template-collection h5, .template-page h5, .template-list-collections h5 {
  font-size: 0.82353em;
  font-weight: normal;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-collection h5, .template-page h5, .template-list-collections h5 {
    font-size: 0.82353em; } }
.template-product h1 {
  font-size: 1.94118em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-product h1 {
    font-size: 1.47059em; } }
.template-product h2 {
  font-size: 1em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-product h2 {
    font-size: 1em; } }
.template-product h3 {
  font-size: 0.94118em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: none; }

@media (max-width: 768px) {
  .template-product h3 {
    font-size: 0.82353em; } }
.template-product h4 {
  font-size: 2.35294em;
  font-weight: normal;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-product h4 {
    font-size: 1.47059em; } }
.template-product h5 {
  font-size: 2.35294em;
  font-weight: normal;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-product h5 {
    font-size: 1.47059em; } }
.template-blog h1 {
  font-size: 2.35294em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-blog h1 {
    font-size: 1.47059em; } }
.template-blog h2 {
  font-size: 1.64706em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-blog h2 {
    font-size: 1.17647em; } }
.template-blog h3 {
  font-size: 0.94118em;
  font-weight: normal;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-blog h3 {
    font-size: 0.82353em; } }
.template-blog h4 {
  font-size: 2.35294em;
  font-weight: normal;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-blog h4 {
    font-size: 1.47059em; } }
.template-blog h5 {
  font-size: 2.35294em;
  font-weight: normal;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-blog h5 {
    font-size: 1.47059em; } }
.template-article h1 {
  font-size: 2.35294em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: uppercase; }

@media (max-width: 768px) {
  .template-article h1 {
    font-size: 1.47059em; } }
.template-article h2 {
  font-size: 1.88235em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: none; }

@media (max-width: 768px) {
  .template-article h2 {
    font-size: 1.35294em; } }
.template-article h3 {
  font-size: 1.41176em;
  font-weight: bolder;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: none; }

@media (max-width: 768px) {
  .template-article h3 {
    font-size: 1.05882em; } }
.template-article h4 {
  font-size: 1.17647em;
  font-weight: normal;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: none; }

@media (max-width: 768px) {
  .template-article h4 {
    font-size: 0.94118em; } }
.template-article h5 {
  font-size: 2.35294em;
  font-weight: normal;
  font-family: "Open Sans Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: none; }

@media (max-width: 768px) {
  .template-article h5 {
    font-size: 1.47059em; } }
.brand-logo {
  font-size: 1em;
  margin-top: 5px;
  font-weight: 400;
  color: black;
  margin: 0 0 0.58824em; }

p.brand-info {
  font-size: 14px; }

.blog-sidebar-as .content-block.content-block--small {
  background-color: #ffffff;
  border-left: solid 1px #ffffff; }

.blog-sidebar-as .btn.btn--narrow, .blog-sidebar-as .btn--narrow.btn--secondary,
.blog-sidebar-as .btn--narrow.btn--secondary-accent {
  background-color: #ff9f00;
  border-color: #ff9f00; }

.blog-sidebar-as svg.icon.icon-arrow-right {
  fill: #fff; }

.blog-sidebar-as .input-group__field {
  background-color: #f7f7f7;
  color: #fff;
  font-size: 12px; }

p.h5 {
  font-weight: bolder; }

/*============================================================================
  Hero slider

  Extends default slick slider styles.
  Extra specificity in selectors is used to override defaults.
==============================================================================*/
.hero-wrapper {
  position: relative;
  /*margin-top: -($gutter-site * 1.5);*/ }
  @media only screen and (min-width: 750px) {
    .hero-wrapper {
      /*margin-top: -($gutter-site * 3);*/ } }

.hero-wrapper--adapt {
  background-color: white; }
  .hero-wrapper--adapt .hero {
    background-color: white; }

.hero {
  background-color: #e6e6e6;
  height: 340px;
  /*margin-bottom: -($gutter-site * 1.5);*/
  margin-bottom: 0;
  overflow: hidden; }
  @media only screen and (min-width: 750px) {
    .hero {
      height: 600px;
      /*margin-bottom: -($gutter-site * 3);*/ } }
  .shopify-section:last-of-type .hero {
    margin-bottom: 0; }
  .hero .hero__slide,
  .hero .slick-list,
  .hero .slick-track {
    height: 100%; }

.hero--large {
  height: 440px; }
  @media only screen and (min-width: 750px) {
    .hero--large {
      height: 740px; } }

.hero--adapt {
  margin-bottom: 0; }

.hero--adapt-height {
  max-height: 100vh; }
  @media only screen and (min-width: 750px) {
    .hero--adapt-height {
      max-height: 80vh; } }

.hero-toggle-stop {
  display: table; }
  .is-paused .hero-toggle-stop {
    display: none; }

.hero-toggle-play {
  display: none; }
  .is-paused .hero-toggle-play {
    display: table; }

/*================ Dots and prev/next pagination ================*/
.hero .slick-dots {
  margin: 0;
  bottom: 10px; }
  .hero .slick-dots li {
    margin: 0;
    vertical-align: middle; }
    .hero .slick-dots li button {
      position: relative; }
    .hero .slick-dots li button:before {
      text-indent: -9999px;
      background-color: white;
      border-radius: 100%;
      border: 2px solid transparent;
      width: 10px;
      height: 10px;
      margin: 5px 0 0 5px;
      opacity: 1;
      transition: all 0.2s; }
    .hero .slick-dots li.slick-active button:before {
      background-color: transparent;
      border-color: white;
      opacity: 1;
      width: 12px;
      height: 12px;
      margin: 4px 0 0 4px; }
    .hero .slick-dots li button:active:before {
      opacity: 0.5; }
.hero .slick-prev,
.hero .slick-next {
  top: 0;
  height: 100%;
  margin-top: 0;
  width: 40px; }
.hero .slick-prev {
  left: 0; }
.hero .slick-next {
  right: 0; }

/*================ General slide styles ================*/
.hero__slide {
  position: relative; }

.hero__image {
  position: relative;
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  height: 100%;
  width: 100%;
  object-fit: cover;
  font-family: "object-fit: cover"; }
  .slick-initialized .hero__image, .no-js .hero__image {
    opacity: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center; }
  .hero__image img {
    display: block;
    width: 100%; }

.hero__image-content {
  height: inherit; }

/*================ Hero text ================*/
.hero-content {
  position: absolute;
  width: 100%;
  bottom: 45px;
  left: 0; }
  .hero-wrapper--adapt .hero-content {
    bottom: 0;
    width: 100%; }
  @media only screen and (min-width: 750px) {
    .hero-content {
      bottom: 120px; }
      .hero-wrapper--adapt .hero-content {
        bottom: 60px; } }
  .hero-content .hero-content__title-wrapper {
    margin-bottom: 2px; }
  .hero-content .hero-content__controls,
  .hero-content .hero-content__title-wrapper {
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0; }
    @media only screen and (min-width: 750px) {
      .hero-content .hero-content__controls,
      .hero-content .hero-content__title-wrapper {
        -ms-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        transform: translateY(40px); } }
  .hero-wrapper--adapt .hero-content .hero-content__controls {
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; }
    @media only screen and (min-width: 750px) {
      .hero-wrapper--adapt .hero-content .hero-content__controls {
        -ms-transform: translateY(40px);
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
        opacity: 0; } }

.hero-content__inner-text {
  padding: 0 5px; }
  @media only screen and (min-width: 750px) {
    .hero-content__inner-text {
      padding: 0 60px; } }

.hero-content__title {
  display: none;
  line-height: 1.35;
  margin-bottom: 0.625rem;
  padding: 0 10px;
  background-color: #ff9f00;
  color: white;
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone; }
  .hero-content__title:last-child {
    margin-bottom: 0.625rem; }
  .hero-wrapper--adapt .hero-content__title {
    margin-bottom: 0.31rem; }
  @media only screen and (min-width: 750px) {
    .hero-wrapper--adapt .hero-content__title {
      margin-bottom: 0.625rem; } }

/*================ Controls ================*/
.hero-content__inner-controls {
  padding: 0; }
  @media only screen and (min-width: 750px) {
    .hero-content__inner-controls {
      padding: 0 60px; } }

.hero-content__controls {
  width: inherit;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone; }
  .hero-wrapper--adapt .hero-content__controls {
    width: 100%;
    margin-left: 0;
    background-color: white; }
    @media only screen and (min-width: 750px) {
      .hero-wrapper--adapt .hero-content__controls {
        width: inherit;
        background-color: transparent; } }
  .hero-content__controls .icon {
    position: relative;
    width: 11px;
    height: 11px;
    fill: currentColor;
    top: -1px; }

.hero-content__controls-item {
  background-color: white;
  color: black;
  padding: 8px 15px;
  margin-right: 1px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center; }
  .hero-wrapper--adapt .hero-content__controls-item {
    margin-right: 0; }
    @media only screen and (min-width: 750px) {
      .hero-wrapper--adapt .hero-content__controls-item {
        margin-right: 1px; } }

.hero-content__controls-item--count {
  padding: 8px 6px;
  min-width: 40px;
  text-align: center;
  font-size: 0.70588em;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }
  @media only screen and (min-width: 750px) {
    .hero-content__controls-item--count {
      padding: 10px;
      background: rgba(255, 255, 255, 0.5); } }

.hero-content__controls-item--pause,
.hero-content__controls-item--arrow {
  padding: 0;
  align-items: stretch; }
  .hero-content__controls-item--pause button,
  .hero-content__controls-item--arrow button {
    padding: 8px 15px;
    border: none;
    background-color: white;
    color: black;
    transition: background-color 0.15s ease-in; }
    .hero-content__controls-item--pause button:hover, .hero-content__controls-item--pause button:focus,
    .hero-content__controls-item--arrow button:hover,
    .hero-content__controls-item--arrow button:focus {
      color: black;
      background-color: #ebebeb; }
    @media only screen and (min-width: 750px) {
      .hero-content__controls-item--pause button,
      .hero-content__controls-item--arrow button {
        padding: 10px 15px; } }

.hero-content__controls-item--pause .icon-pause {
  height: 7px; }
.hero-content__controls-item--pause .icon-play {
  height: 9px; }

.hero-content__controls-item--text {
  display: none; }
  .hero-wrapper--adapt .hero-content__controls-item--text {
    text-align: right;
    width: 100%; }
    @media only screen and (min-width: 750px) {
      .hero-wrapper--adapt .hero-content__controls-item--text {
        width: inherit; } }
  @media only screen and (min-width: 750px) {
    .hero-content__controls-item--text {
      font-size: 1.17647em; } }

.hero-content__controls-item--arrow,
.hero-content__controls-item--text {
  transition: background-color 0.15s ease-in; }
  .hero-content__controls-item--arrow:hover, .hero-content__controls-item--arrow:focus,
  .hero-content__controls-item--text:hover,
  .hero-content__controls-item--text:focus {
    color: black;
    background-color: #ebebeb; }

.hero-content-navigation {
  display: flex; }

.hero-content-navigation__item {
  list-style: none; }

/*================ Transitions ================*/
.hero-content-active .hero-content__controls,
.hero-content-active .hero-content__title-wrapper {
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition: 0.4s; }
  @media only screen and (min-width: 750px) {
    .hero-content-active .hero-content__controls,
    .hero-content-active .hero-content__title-wrapper {
      transition: 0.6s; } }
@media only screen and (min-width: 750px) {
  .hero-wrapper--adapt .hero-content-active .hero-content__controls {
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1; } }

.hero-title-active {
  display: inline; }

.hero-link-active {
  display: block; }

.placeholder-svg {
  fill: #a6a6a6;
  background-color: #f2f2f2;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid rgba(102, 102, 102, 0.2); }

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

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

.featured-card__image .placeholder-svg {
  width: auto; }

.hero__slide .placeholder-background {
  background-color: #f0f0f0; }

/*================ Slideshow Video ================*/
.playpause {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 25px;
  z-index: 9; }
  .playpause label {
    display: block;
    box-sizing: border-box;
    width: 0;
    height: 74px;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: double;
    border-width: 0px 0 0px 60px; }
  .playpause input[type="checkbox"] {
    position: absolute;
    left: -9999px; }
    .playpause input[type="checkbox"]:checked + label {
      border-style: solid;
      border-width: 37px 0 37px 60px; }

#playpause:focus, .playpause:focus, .playpause label:focus {
  outline: 0; }

/*================ Drawer Skeleton Styles ================*/
.is-transitioning {
  display: block !important;
  visibility: visible !important; }

.page-container {
  overflow: hidden; }

.js-drawer-open .page-container:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10; }

.js-drawer-open {
  overflow: hidden; }

.drawer {
  display: none;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  max-width: 95%;
  z-index: 1;
  background-color: white;
  transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1); }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .drawer {
      z-index: 3; } }

.drawer--left {
  width: 300px;
  left: -300px; }
  .js-drawer-open-left .drawer--left {
    display: block;
    -ms-transform: translateX(300px);
    -webkit-transform: translateX(300px);
    transform: translateX(300px); }
    .no-csstransforms .js-drawer-open-left .drawer--left {
      left: 0; }

.drawer--right {
  width: 300px;
  right: -300px; }
  .js-drawer-open-right .drawer--right {
    display: block;
    -ms-transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px); }
    .no-csstransforms .js-drawer-open-right .drawer--right {
      right: 0; }

.is-moved-by-drawer {
  transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1); }
  .js-drawer-open-left .is-moved-by-drawer {
    -ms-transform: translateX(300px);
    -webkit-transform: translateX(300px);
    transform: translateX(300px); }
    .no-csstransforms .js-drawer-open-left .is-moved-by-drawer {
      left: 300px; }
  .js-drawer-open-right .is-moved-by-drawer {
    -ms-transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px); }
    .no-csstransforms .js-drawer-open-right .is-moved-by-drawer {
      left: -300px; }

/*================ Drawer theme styles ================*/
.page-element {
  position: relative; }
  .page-element.is-transitioning {
    z-index: 2; }

.page-container {
  background-color: #f0f0f0; }

.is-moved-by-drawer {
  transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1); }
  .js-drawer-open .is-moved-by-drawer {
    transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1); }
  .js-drawer-open-left .is-moved-by-drawer {
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; }
  .js-drawer-open-right .is-moved-by-drawer {
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 -5px; }

.drawer--left {
  left: -75px; }
  .js-drawer-open-left .drawer--left {
    -ms-transform: translateX(75px);
    -webkit-transform: translateX(75px);
    transform: translateX(75px); }

.drawer {
  overflow: visible;
  color: #262626; }

.drawer__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden; }

@media (max-width: 750px) {
  #shopify-section-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    box-shadow: 2px 2px 10px 2px rgba(153, 153, 153, 0.2); }

  .page-container {
    padding-top: 60px; }

  .template-index .page-container {
    padding-top: 45px; } }
/*================ Drawer search field ================*/
.drawer__search {
  position: relative;
  background-color: #f0f0f0;
  padding: 10px; }

.drawer__search-input {
  display: block;
  width: 100%;
  padding-left: 15px;
  background-color: white; }
  .drawer__search-input[type="search"] {
    padding-right: 60px; }
  .drawer__search-input::-webkit-search-decoration {
    display: none; }

.drawer__search-submit {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 20px; }
  .drawer__search-submit .icon {
    width: 25px;
    height: 25px;
    fill: #262626; }

/*================ Drawer linklist ================*/
#NavDrawer {
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; }

#NavDrawer .drawer__nav-toggle-btn {
  color: #262626; }

#NavDrawer .drawer__search {
  background-color: #ffffff; }

#NavDrawer input {
  background-color: #ffffff;
  color: #262626;
  padding: 9px 50px 9px 5px; }

#NavDrawer input::placeholder {
  color: #262626;
  opacity: 1; }

#NavDrawer input:-ms-input-placeholder {
  color: #262626; }

#NavDrawer input::-ms-input-placeholder {
  color: #262626; }

.drawer__nav {
  list-style: none; }

.drawer__nav--template-index {
  position: relative;
  margin-bottom: -10px;
  background-color: white; }

.drawer__nav--margin {
  margin-bottom: 30px; }

.drawer__nav-item {
  display: block; }
  @media only screen and (max-width: 749px) {
    .drawer__nav-item {
      border-bottom: 1px solid #ccc; } }

.drawer__nav-link {
  display: block; }

.drawer__nav-link--top-level {
  font-weight: bolder;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 0.7px;
  text-transform: none;
  padding: 10px 15px;
  font-size: 1.17647em;
  color: #262626; }
  .drawer__nav-link--top-level:hover, .drawer__nav-link--top-level:focus {
    color: #737373; }

.drawer__nav-link--split {
  -webkit-flex: 1 0 0;
  -moz-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  padding-right: 0; }

/*================ Sublist expand/collapse trigger ================*/
.drawer__nav-has-sublist {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-direction: row;
  flex-direction: row; }

.drawer__nav-toggle-btn {
  padding: 10px 20px;
  color: #262626;
  line-height: 1; }
  .drawer__nav-toggle-btn .icon {
    width: 18px;
    height: 18px;
    fill: currentColor; }
  .drawer__nav-toggle-btn:hover, .drawer__nav-toggle-btn:focus {
    opacity: 0.6; }

.drawer__nav-toggle-btn--small {
  color: #666666;
  line-height: 0; }
  .drawer__nav-toggle-btn--small .icon {
    width: 12px;
    height: 12px; }

.drawer__nav-toggle--open {
  display: block; }

.drawer__nav-toggle--close {
  display: none; }

/*================ Extra Mobile Menu ================*/
.extra-menu-mobile-link {
  width: 100%;
  display: flex;
  align-items: center; }

.extra-menu-mobile-img {
  transition: color .1s linear;
  position: relative;
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0; }

.extra-menu-mobile-img-round {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  padding: 3px;
  border: 1px solid #ddd; }

.extra-menu-mobile {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 50%; }

.extra-menu-mobile-title {
  padding: 0px 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0; }

/*================ MODULES ================*/
/*================ Site Header ================*/
.site-header {
  background-color: white; }

.site-header__upper {
  padding-top: 10px;
  padding-bottom: 10px; }
  @media only screen and (min-width: 750px) {
    .site-header__upper {
      padding-top: 20px;
      padding-bottom: 20px; } }

.site-header__logo {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  max-width: 100%; }
  .site-header__logo a {
    display: block;
    color: black; }
    @media only screen and (min-width: 750px) {
      .site-header__logo a {
        display: block;
        float: left; } }

.site-header__shop-name--small {
  font-size: 20px; }

.template-giftcard .site-header__logo-link {
  display: inline-block;
  float: none; }

/*================ Menu toggle, Cart, and Search icons ================*/
.site-header__link {
  display: inline-block;
  color: black;
  padding: 10px;
  line-height: 1; }
  .site-header__link .icon {
    width: 22px;
    height: 22px;
    fill: currentColor; }
  .site-header__link .icon-cart {
    position: relative;
    top: -1px; }
  .site-header__link:hover, .site-header__link:focus {
    color: black; }

#social-icons-top svg {
  fill: black; }
  #social-icons-top svg:hover, #social-icons-top svg:focus {
    color: black; }

svg.icon.ico-home {
  width: 17px;
  height: auto; }

.site-header__menu-toggle--close {
  display: none; }

.site-header__link.js-drawer-open .site-header__menu-toggle--open {
  display: none; }
.site-header__link.js-drawer-open .site-header__menu-toggle--close {
  display: block; }

.account-log {
  position: relative; }

#under-sticky .account-log {
  display: none; }

.under-bar-tab-width {
  width: 100%; }

.icon.ico-account {
  width: 18px;
  height: 18px; }

.site-header__link.site-header__cart {
  padding-right: 0; }

.account-log a {
  margin-right: 5px;
  color: #1c1d1d;
  fill: #1c1d1d; }

@media (max-width: 750px) {
  .account-log {
    display: none; } }
/*================ Cart icon ================*/
.site-header__cart {
  position: relative; }

.site-header__cart-indicator {
  position: absolute;
  right: -5px;
  top: 10px;
  background-color: #ff9f00;
  height: 10px;
  width: 10px;
  border-radius: 10px; }
  .no-svg .site-header__cart-indicator {
    bottom: auto;
    top: -6px;
    right: -10px; }

/*================ Header search bar ================*/
.site-header__search-cart-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end; }

.site-header__search {
  position: relative;
  display: inline-block; }

.site-header__search-input {
  width: 45px;
  display: block;
  height: 45px; }

.active-form .site-header__search-submit {
  pointer-events: auto;
  z-index: 2; }
.active-form .site-header__search-input {
  width: 200px;
  opacity: 1;
  padding-left: 10px;
  padding-right: 30px; }
  @media only screen and (min-width: 990px) {
    .active-form .site-header__search-input {
      width: 250px; } }

.site-header__search-input {
  position: relative;
  cursor: pointer;
  opacity: 0;
  width: 40px;
  height: 45px;
  padding: 10px 0;
  font-size: 0.76471em;
  color: #1c1d1d;
  background-color: transparent;
  border-bottom: solid 1px #ebebeb;
  transition: opacity 0.15s ease-in, width 0.15s ease-in;
  z-index: 1;
  min-width: 1px; }
  .site-header__search-input::-webkit-input-placeholder {
    color: black;
    opacity: 0.6; }
  .site-header__search-input:-moz-placeholder {
    color: black;
    opacity: 0.6; }
  .site-header__search-input:-ms-input-placeholder {
    color: black;
    opacity: 0.6; }
  .site-header__search-input::-ms-input-placeholder {
    color: black;
    opacity: 0.6;
    opacity: 1; }

input[type='search']::-webkit-search-cancel-button {
  position: relative;
  left: -10px; }

.site-header__search-submit {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0; }

@media (max-width: 750px) {
  .menu-center {
    display: none; }

  .hide-mobile {
    display: none !important; } }
@media (min-width: 750px) {
  .menu-center-cart {
    display: none !important; }

  .hide-desktop {
    display: none !important; } }
/*================ Nav Bar ================*/
.nav-bar {
  position: relative;
  border-top: 1px solid #e9e6e6;
  background-color: white;
  z-index: 5; }
  .nav-bar:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: white;
    pointer-events: none;
    z-index: 6; }

/*================ Sticky bar ================*/
.sticky {
  position: relative;
  overflow: visible;
  z-index: 5; }

.sticky--active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -ms-transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

.sticky--open {
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 0.35s cubic-bezier(0.33, 0.59, 0.14, 1); }

.sticky--active .sticky-hidden {
  display: none; }

.sticky-only {
  position: relative;
  display: none;
  z-index: 7; }
  .sticky--active .sticky-only {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end; }

.sticky-only-bis {
  z-index: 4; }

/*================ Site Nav ================*/
.site-nav {
  margin-left: -20px;
  white-space: nowrap; }

.site-nav__item--no-columns {
  position: relative; }
  .site-nav__item--no-columns .meganav {
    right: auto;
    min-width: 200px; }
  .site-nav__item--no-columns .meganav__list {
    width: 100%; }

.site-nav__link {
  font-size: 0.82353em;
  font-size: 0.94118em;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: bolder;
  letter-spacing: 0.4px;
  padding: 20px 22px;
  text-transform: none;
  position: relative;
  color: black;
  color: rgba(0, 0, 0, 0.6);
  padding: 20px;
  z-index: 7; }
  .site-nav__link .icon {
    position: relative;
    top: -1.5px;
    width: 9px;
    height: 9px;
    fill: currentColor; }
  .site-nav__link:hover, .site-nav__link:focus, .site-nav--active .site-nav__link {
    color: black; }
  .site-nav--active .site-nav__link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 3px;
    background-color: #ff9f00; }

.site-nav__link--compressed {
  margin-left: -20px; }
  .site-nav__link--compressed .icon {
    width: 22px;
    height: 22px; }

.site-nav__link-menu-label {
  display: none; }
  @media only screen and (min-width: 750px) {
    .site-nav__link-menu-label {
      display: inline-block; } }

.customer-login-links {
  position: relative;
  display: inline-block;
  margin-right: -10px;
  z-index: 7; }

.customer-login-links a {
  display: inline-block;
  color: black;
  color: rgba(0, 0, 0, 0.6);
  padding: 20px 10px;
  font-size: 0.76471em; }
  .customer-login-links a:hover, .customer-login-links a:focus {
    color: black; }

/*============================================================================
  Meganav

  - The meganav is used in three places:
    1. Site nav as a dropdown
    2. Drawer nav as a dropdown
    3. Homepage in accordion links
==============================================================================*/
.meganav {
  display: block;
  visibility: hidden;
  right: 0;
  background-color: white; }
  .meganav.meganav--active {
    visibility: visible;
    z-index: 6; }

/*================ Site header animation ================*/
.site-header .meganav {
  text-align: left;
  opacity: 0;
  /*@include transform(translate3d(0, -15%, 0));*/
  transition: all 0.5s ease; }
  .site-header .meganav.meganav--active {
    opacity: 1;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.5s ease; }
  .site-header .meganav.meganav--no-animation {
    transition: none; }

/*================ Drawer animation ================*/
.drawer__nav .meganav {
  display: none; }

/*================ Meganav elements ================*/
.meganav__nav {
  margin: 0 auto;
  position: relative;
  list-style: none; }

.meganav__nav--third-level {
  padding-left: 20px; }

.meganav__list {
  padding: 5px 0; }

.meganav__list--third-level {
  background-color: #f0f0f0; }

.meganav__list--offset:before {
  content: "\00a0";
  font-size: 1.41176em;
  visibility: hidden; }

.meganav__list--gutter {
  padding-left: 20px;
  padding-right: 20px; }

.meganav__list--multiple-columns {
  position: relative; }

.meganav__title {
  font-size: 1.41176em;
  font-weight: bolder;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  margin-bottom: 10px;
  white-space: normal;
  color: initial; }

.meganav__link {
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0.7px;
  display: block;
  color: #666666;
  padding: 5px 10px;
  margin-left: -10px; }
  .meganav__link:hover, .meganav__link:focus {
    color: #ff9f00; }

.meganav__link--has-list {
  position: relative; }
  .meganav__link--has-list .icon {
    position: relative;
    top: -0.5px;
    left: 2px;
    width: 7px;
    height: 7px;
    fill: currentColor; }

.meganav__link--active {
  color: #262626;
  font-weight: 700; }

/*================ Meganav product cards ================*/
.meganav__product .product-card {
  border-bottom-width: 0; }
.meganav__product:last-child .product-card {
  border-right-width: 1px; }

/*================ Site nav specific styles ================*/
.site-nav__dropdown-container {
  padding: 0 20px;
  min-width: 200px;
  white-space: normal; }
  .meganav__nav .site-nav__dropdown-container {
    padding: 0 20px 0 20px;
    margin-left: -20px; }
  .site-nav__dropdown-container.meganav--active {
    background-color: #f0f0f0; }

.site-nav__dropdown--third-level {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  background-color: #f0f0f0;
  height: auto;
  position: absolute;
  top: 0;
  left: 100%;
  transition: all 0.5s ease; }
  .meganav__list .site-nav__dropdown--third-level {
    margin-left: -20px; }
  .site-nav__dropdown--third-level.meganav--active {
    visibility: visible;
    opacity: 1; }
  .meganav__nav .meganav__list--multiple-columns .site-nav__dropdown--third-level {
    left: 20%;
    width: 80%;
    /*width: 22%;*/
    border-left: solid 1px #f7f7f7;
    height: 100%;
    overflow: hidden; }
    .meganav__nav .meganav__list--multiple-columns .site-nav__dropdown--third-level .meganav__list {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      -o-align-items: flex-start;
      align-items: flex-start;
      -webkit-align-content: flex-start;
      -moz-align-content: flex-start;
      -ms-align-content: flex-start;
      align-content: flex-start;
      max-height: 100%;
      overflow-x: auto;
      overflow-y: hidden; }
    .meganav__nav .meganav__list--multiple-columns .site-nav__dropdown--third-level .meganav__link--third-level {
      display: inline-block;
      white-space: normal; }
  .meganav__list:nth-child(2) .site-nav__dropdown--third-level {
    left: 40%;
    width: 60%; }
  .meganav__list:nth-child(3) .site-nav__dropdown--third-level {
    left: 60%;
    width: 40%; }
  .meganav__list:nth-child(4) .site-nav__dropdown--third-level {
    left: 80%;
    width: 20%; }
  .meganav__list:nth-child(5) .site-nav__dropdown--third-level {
    left: auto;
    right: calc(20% + 20px);
    text-align: right; }

.site-nav__dropdown--full-height {
  height: 100%; }

/*================ Drawer meganav styles ================*/
.meganav--drawer {
  background-color: #f0f0f0;
  visibility: visible;
  overflow: hidden; }
  .meganav--drawer .product-card {
    margin-top: 1px; }
  .meganav--drawer .meganav__product {
    margin-left: -4px; }

.drawer__nav-toggle--open {
  display: block; }
  .meganav--active > .drawer__nav-toggle--open {
    display: none; }

.drawer__nav-toggle--close {
  display: none; }
  .meganav--active > .drawer__nav-toggle--close {
    display: block; }

/*================ Fixed width meganav columns (for horizontal scrolling) ================*/
.meganav__scroller {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .drawer__nav--template-index .meganav__scroller {
    border-top: 1px solid #f0f0f0; }
  .meganav__scroller .grid__item {
    float: none;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    white-space: normal; }

.drawer__nav .meganav__scroller--has-list {
  padding-left: 20px; }

/*================ Default link styles ================*/
a,
.link-accent-color {
  color: #ff9f00;
  text-decoration: none;
  transition: color 0.1s ease-in, background-color 0.1s ease-in; }
  a:hover, a:focus,
  .link-accent-color:hover,
  .link-accent-color:focus {
    color: #b36f00; }

.text-link {
  transition: color 0.1s ease-in, background-color 0.1s ease-in; }
  .text-link .icon {
    fill: currentColor;
    height: 1em;
    width: 1em;
    margin-left: 3px; }

.link-body-color {
  color: #666666;
  transition: color 0.1s ease-in, background-color 0.1s ease-in; }
  .link-body-color:hover, .link-body-color:focus {
    color: #ff9f00; }

/*================ Announcemen bar ================*/
.announcement-bar {
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  font-size: 14px;
  padding: 5px 0; }

.announcement-bar a {
  color: #000000; }

/*================ Notification bar ================*/
.notification {
  visibility: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  opacity: 0;
  transition: top 0.25s, visibility 0.25s, opacity 0.15s;
  transition-timing-function: cubic-bezier(0.33, 0.59, 0.14, 1);
  z-index: 4; }

.notification--promo {
  position: static;
  display: none; }

.notification--active {
  display: block;
  visibility: visible;
  top: 100%;
  opacity: 1; }

.notification__link {
  display: block;
  padding: 5px 0; }
  .notification-adapt .notification__link {
    padding: 0; }
  .notification__link:hover u {
    text-decoration: none; }

.notification__inner {
  position: relative;
  overflow: visible;
  padding: 10px 0; }
  .notification-adapt .notification__inner {
    padding: 0; }

.notification__inner--has-link {
  padding: 0; }

.notification__message {
  font-size: 14px;
  display: block;
  padding: 0 60px;
  text-align: center;
  font-weight: 700; }
  .notification-adapt .notification__message {
    background-color: #ff9f00;
    padding: 10px 60px; }
  .notification__message span {
    text-decoration: underline;
    white-space: nowrap; }

.notification--success,
.notification--promo {
  background-color: #ff9f00;
  color: white; }
  .notification--success a,
  .notification--promo a {
    color: white; }

.notification--success.notification-adapt,
.notification--promo.notification-adapt {
  background-color: transparent; }

.notification--error {
  background-color: #ec523e;
  color: white; }
  .notification--error a {
    color: white; }

.notification__close {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  padding: 0 10px;
  color: inherit; }
  .notification__close .icon {
    fill: currentColor; }

.notification {
  top: 60px; }

@media (max-width: 750px) {
  .notification {
    top: 0 !important; } }