/*================ Typography ================*/
@font-face {
  font-family: 'icons';
  src: url("//cdn.shopify.com/s/files/1/1439/1668/t/18/assets/icons.eot?v=2693213830533199211");
  src: url("//cdn.shopify.com/s/files/1/1439/1668/t/18/assets/icons.eot?v=2693213830533199211#iefix") format("embedded-opentype"), url("//cdn.shopify.com/s/files/1/1439/1668/t/18/assets/icons.woff?v=5832070482993136532") format("woff"), url("//cdn.shopify.com/s/files/1/1439/1668/t/18/assets/icons.ttf?v=18332214885810299346") format("truetype"), url("//cdn.shopify.com/s/files/1/1439/1668/t/18/assets/icons.svg?v=15870538961459681312#timber-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

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

/*============================================================================
  Prefixer mixin for generating vendor prefixes:
    - Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss
    - Usage:

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

      // Output:
      .element {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
      }
==============================================================================*/
/*============================================================================
  Layer promotion mixin for creating smoother animations with higher FPS.
==============================================================================*/
/*============================================================================
  Dependency-free breakpoint mixin
    - Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
    - Usage docs: http://shopify.github.io/Timber/#sass-mixins
==============================================================================*/
/*============================================================================
  #Normalize
==============================================================================*/
*, input, :before, :after {
  box-sizing: border-box; }

html, body {
  padding: 0;
  margin: 0;
  font-weight: 400;
  min-height: 100%; }

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

article {
  font-size: 1.1em; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
  width: 100%; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*============================================================================
  #Grid Setup
    - Based on csswizardry grid, but with floated columns, a fixed gutter size, and BEM classes
    - Breakpoints defined above, under #Breakpoint and Grid Variables
    - Note the inclusion of .grid-uniform to take care of clearfixes on evenly sized grid items
==============================================================================*/
/* Force clearfix on grids */
.grid, .grid--rev, .grid--full,
.grid-uniform {
  *zoom: 1; }
  .grid:after, .grid--rev:after, .grid--full:after,
  .grid-uniform:after {
    content: '';
    display: table;
    clear: both; }

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

/*============================================================================
  Drop relative positioning into silent classes which can't take advantage of
  the `[class*="push--"]` and `[class*="pull--"]` selectors.
==============================================================================*/
/*============================================================================
  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, .grid--rev, .grid--full,
.grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px; }

.grid__item {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding-left: 30px;
  vertical-align: top;
  width: 100%; }

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

/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full {
  margin-left: 0; }
  .grid--full > .grid__item {
    padding-left: 0; }

/*============================================================================
  WIDTHS
    - Create width classes, prefixed by the specified namespace.
==============================================================================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Helper show/hide classes around our breakpoints ================*/
/*================ Our regular, non-responsive width and helper classes ================*/
/** Whole */
.one-whole {
  width: 100%; }

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

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

.two-thirds {
  width: 66.666%; }

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

.two-quarters {
  width: 50%; }

.three-quarters {
  width: 75%; }

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

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

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

.two-sixths {
  width: 33.333%; }

.three-sixths {
  width: 50%; }

.four-sixths {
  width: 66.666%; }

.five-sixths {
  width: 83.333%; }

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

.two-eighths {
  width: 25%; }

.three-eighths {
  width: 37.5%; }

.four-eighths {
  width: 50%; }

.five-eighths {
  width: 62.5%; }

.six-eighths {
  width: 75%; }

.seven-eighths {
  width: 87.5%; }

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

.two-tenths {
  width: 20%; }

.three-tenths {
  width: 30%; }

.four-tenths {
  width: 40%; }

.five-tenths {
  width: 50%; }

.six-tenths {
  width: 60%; }

.seven-tenths {
  width: 70%; }

.eight-tenths {
  width: 80%; }

.nine-tenths {
  width: 90%; }

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

.two-twelfths {
  width: 16.666%; }

.three-twelfths {
  width: 25%; }

.four-twelfths {
  width: 33.333%; }

.five-twelfths {
  width: 41.666%; }

.six-twelfths {
  width: 50%; }

.seven-twelfths {
  width: 58.333%; }

.eight-twelfths {
  width: 66.666%; }

.nine-twelfths {
  width: 75%; }

.ten-twelfths {
  width: 83.333%; }

.eleven-twelfths {
  width: 91.666%; }

.show {
  display: block !important; }

tr.show {
  display: table-row !important; }

td.show {
  display: table-cell !important; }

.hide {
  display: none !important; }

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

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

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

.left {
  float: left !important; }

.right {
  float: right !important; }

/*================ Our responsive classes, if we have enabled them ================*/
@media only screen and (max-width: 480px) {
  /** Whole */
  .tiny--one-whole {
    width: 100%; }

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

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

  .tiny--two-thirds {
    width: 66.666%; }

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

  .tiny--two-quarters {
    width: 50%; }

  .tiny--three-quarters {
    width: 75%; }

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

  .tiny--two-fifths {
    width: 40%; }

  .tiny--three-fifths {
    width: 60%; }

  .tiny--four-fifths {
    width: 80%; }

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

  .tiny--two-sixths {
    width: 33.333%; }

  .tiny--three-sixths {
    width: 50%; }

  .tiny--four-sixths {
    width: 66.666%; }

  .tiny--five-sixths {
    width: 83.333%; }

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

  .tiny--two-eighths {
    width: 25%; }

  .tiny--three-eighths {
    width: 37.5%; }

  .tiny--four-eighths {
    width: 50%; }

  .tiny--five-eighths {
    width: 62.5%; }

  .tiny--six-eighths {
    width: 75%; }

  .tiny--seven-eighths {
    width: 87.5%; }

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

  .tiny--two-tenths {
    width: 20%; }

  .tiny--three-tenths {
    width: 30%; }

  .tiny--four-tenths {
    width: 40%; }

  .tiny--five-tenths {
    width: 50%; }

  .tiny--six-tenths {
    width: 60%; }

  .tiny--seven-tenths {
    width: 70%; }

  .tiny--eight-tenths {
    width: 80%; }

  .tiny--nine-tenths {
    width: 90%; }

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

  .tiny--two-twelfths {
    width: 16.666%; }

  .tiny--three-twelfths {
    width: 25%; }

  .tiny--four-twelfths {
    width: 33.333%; }

  .tiny--five-twelfths {
    width: 41.666%; }

  .tiny--six-twelfths {
    width: 50%; }

  .tiny--seven-twelfths {
    width: 58.333%; }

  .tiny--eight-twelfths {
    width: 66.666%; }

  .tiny--nine-twelfths {
    width: 75%; }

  .tiny--ten-twelfths {
    width: 83.333%; }

  .tiny--eleven-twelfths {
    width: 91.666%; }

  .tiny--show {
    display: block !important; }

  tr.tiny--show {
    display: table-row !important; }

  td.tiny--show {
    display: table-cell !important; }

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

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

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

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

  .tiny--left {
    float: left !important; }

  .tiny--right {
    float: right !important; }

  .grid-uniform .tiny--one-half:nth-child(2n+1),
  .grid-uniform .tiny--one-third:nth-child(3n+1),
  .grid-uniform .tiny--one-quarter:nth-child(4n+1),
  .grid-uniform .tiny--one-fifth:nth-child(5n+1),
  .grid-uniform .tiny--one-sixth:nth-child(6n+1),
  .grid-uniform .tiny--two-sixths:nth-child(3n+1),
  .grid-uniform .tiny--three-sixths:nth-child(2n+1),
  .grid-uniform .tiny--two-eighths:nth-child(4n+1),
  .grid-uniform .tiny--four-eighths:nth-child(2n+1),
  .grid-uniform .tiny--five-tenths:nth-child(2n+1),
  .grid-uniform .tiny--one-twelfth:nth-child(12n+1),
  .grid-uniform .tiny--two-twelfths:nth-child(6n+1),
  .grid-uniform .tiny--three-twelfths:nth-child(4n+1),
  .grid-uniform .tiny--four-twelfths:nth-child(3n+1),
  .grid-uniform .tiny--six-twelfths:nth-child(2n+1) {
    clear: both; } }
@media only screen and (min-width: 481px) and (max-width: 768px) {
  /** Whole */
  .small--one-whole {
    width: 100%; }

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

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

  .small--two-thirds {
    width: 66.666%; }

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

  .small--two-quarters {
    width: 50%; }

  .small--three-quarters {
    width: 75%; }

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

  .small--two-fifths {
    width: 40%; }

  .small--three-fifths {
    width: 60%; }

  .small--four-fifths {
    width: 80%; }

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

  .small--two-sixths {
    width: 33.333%; }

  .small--three-sixths {
    width: 50%; }

  .small--four-sixths {
    width: 66.666%; }

  .small--five-sixths {
    width: 83.333%; }

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

  .small--two-eighths {
    width: 25%; }

  .small--three-eighths {
    width: 37.5%; }

  .small--four-eighths {
    width: 50%; }

  .small--five-eighths {
    width: 62.5%; }

  .small--six-eighths {
    width: 75%; }

  .small--seven-eighths {
    width: 87.5%; }

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

  .small--two-tenths {
    width: 20%; }

  .small--three-tenths {
    width: 30%; }

  .small--four-tenths {
    width: 40%; }

  .small--five-tenths {
    width: 50%; }

  .small--six-tenths {
    width: 60%; }

  .small--seven-tenths {
    width: 70%; }

  .small--eight-tenths {
    width: 80%; }

  .small--nine-tenths {
    width: 90%; }

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

  .small--two-twelfths {
    width: 16.666%; }

  .small--three-twelfths {
    width: 25%; }

  .small--four-twelfths {
    width: 33.333%; }

  .small--five-twelfths {
    width: 41.666%; }

  .small--six-twelfths {
    width: 50%; }

  .small--seven-twelfths {
    width: 58.333%; }

  .small--eight-twelfths {
    width: 66.666%; }

  .small--nine-twelfths {
    width: 75%; }

  .small--ten-twelfths {
    width: 83.333%; }

  .small--eleven-twelfths {
    width: 91.666%; }

  .small--show {
    display: block !important; }

  tr.small--show {
    display: table-row !important; }

  td.small--show {
    display: table-cell !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; }

  .small--left {
    float: left !important; }

  .small--right {
    float: right !important; }

  .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; } }
@media only screen and (min-width: 769px) and (max-width: 960px) {
  /** Whole */
  .medium--one-whole {
    width: 100%; }

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

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

  .medium--two-thirds {
    width: 66.666%; }

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

  .medium--two-quarters {
    width: 50%; }

  .medium--three-quarters {
    width: 75%; }

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

  .medium--two-fifths {
    width: 40%; }

  .medium--three-fifths {
    width: 60%; }

  .medium--four-fifths {
    width: 80%; }

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

  .medium--two-sixths {
    width: 33.333%; }

  .medium--three-sixths {
    width: 50%; }

  .medium--four-sixths {
    width: 66.666%; }

  .medium--five-sixths {
    width: 83.333%; }

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

  .medium--two-eighths {
    width: 25%; }

  .medium--three-eighths {
    width: 37.5%; }

  .medium--four-eighths {
    width: 50%; }

  .medium--five-eighths {
    width: 62.5%; }

  .medium--six-eighths {
    width: 75%; }

  .medium--seven-eighths {
    width: 87.5%; }

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

  .medium--two-tenths {
    width: 20%; }

  .medium--three-tenths {
    width: 30%; }

  .medium--four-tenths {
    width: 40%; }

  .medium--five-tenths {
    width: 50%; }

  .medium--six-tenths {
    width: 60%; }

  .medium--seven-tenths {
    width: 70%; }

  .medium--eight-tenths {
    width: 80%; }

  .medium--nine-tenths {
    width: 90%; }

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

  .medium--two-twelfths {
    width: 16.666%; }

  .medium--three-twelfths {
    width: 25%; }

  .medium--four-twelfths {
    width: 33.333%; }

  .medium--five-twelfths {
    width: 41.666%; }

  .medium--six-twelfths {
    width: 50%; }

  .medium--seven-twelfths {
    width: 58.333%; }

  .medium--eight-twelfths {
    width: 66.666%; }

  .medium--nine-twelfths {
    width: 75%; }

  .medium--ten-twelfths {
    width: 83.333%; }

  .medium--eleven-twelfths {
    width: 91.666%; }

  .medium--show {
    display: block !important; }

  tr.medium--show {
    display: table-row !important; }

  td.medium--show {
    display: table-cell !important; }

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

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

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

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

  .medium--left {
    float: left !important; }

  .medium--right {
    float: right !important; }

  .grid-uniform .medium--one-half:nth-child(2n+1),
  .grid-uniform .medium--one-third:nth-child(3n+1),
  .grid-uniform .medium--one-quarter:nth-child(4n+1),
  .grid-uniform .medium--one-fifth:nth-child(5n+1),
  .grid-uniform .medium--one-sixth:nth-child(6n+1),
  .grid-uniform .medium--two-sixths:nth-child(3n+1),
  .grid-uniform .medium--three-sixths:nth-child(2n+1),
  .grid-uniform .medium--two-eighths:nth-child(4n+1),
  .grid-uniform .medium--four-eighths:nth-child(2n+1),
  .grid-uniform .medium--five-tenths:nth-child(2n+1),
  .grid-uniform .medium--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium--six-twelfths:nth-child(2n+1) {
    clear: both; } }
@media only screen and (min-width: 961px) and (max-width: 1200px) {
  /** Whole */
  .large--one-whole {
    width: 100%; }

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

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

  .large--two-thirds {
    width: 66.666%; }

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

  .large--two-quarters {
    width: 50%; }

  .large--three-quarters {
    width: 75%; }

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

  .large--two-fifths {
    width: 40%; }

  .large--three-fifths {
    width: 60%; }

  .large--four-fifths {
    width: 80%; }

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

  .large--two-sixths {
    width: 33.333%; }

  .large--three-sixths {
    width: 50%; }

  .large--four-sixths {
    width: 66.666%; }

  .large--five-sixths {
    width: 83.333%; }

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

  .large--two-eighths {
    width: 25%; }

  .large--three-eighths {
    width: 37.5%; }

  .large--four-eighths {
    width: 50%; }

  .large--five-eighths {
    width: 62.5%; }

  .large--six-eighths {
    width: 75%; }

  .large--seven-eighths {
    width: 87.5%; }

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

  .large--two-tenths {
    width: 20%; }

  .large--three-tenths {
    width: 30%; }

  .large--four-tenths {
    width: 40%; }

  .large--five-tenths {
    width: 50%; }

  .large--six-tenths {
    width: 60%; }

  .large--seven-tenths {
    width: 70%; }

  .large--eight-tenths {
    width: 80%; }

  .large--nine-tenths {
    width: 90%; }

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

  .large--two-twelfths {
    width: 16.666%; }

  .large--three-twelfths {
    width: 25%; }

  .large--four-twelfths {
    width: 33.333%; }

  .large--five-twelfths {
    width: 41.666%; }

  .large--six-twelfths {
    width: 50%; }

  .large--seven-twelfths {
    width: 58.333%; }

  .large--eight-twelfths {
    width: 66.666%; }

  .large--nine-twelfths {
    width: 75%; }

  .large--ten-twelfths {
    width: 83.333%; }

  .large--eleven-twelfths {
    width: 91.666%; }

  .large--show {
    display: block !important; }

  tr.large--show {
    display: table-row !important; }

  td.large--show {
    display: table-cell !important; }

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

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

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

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

  .large--left {
    float: left !important; }

  .large--right {
    float: right !important; }

  .grid-uniform .large--one-half:nth-child(2n+1),
  .grid-uniform .large--one-third:nth-child(3n+1),
  .grid-uniform .large--one-quarter:nth-child(4n+1),
  .grid-uniform .large--one-fifth:nth-child(5n+1),
  .grid-uniform .large--one-sixth:nth-child(6n+1),
  .grid-uniform .large--two-sixths:nth-child(3n+1),
  .grid-uniform .large--three-sixths:nth-child(2n+1),
  .grid-uniform .large--two-eighths:nth-child(4n+1),
  .grid-uniform .large--four-eighths:nth-child(2n+1),
  .grid-uniform .large--five-tenths:nth-child(2n+1),
  .grid-uniform .large--one-twelfth:nth-child(12n+1),
  .grid-uniform .large--two-twelfths:nth-child(6n+1),
  .grid-uniform .large--three-twelfths:nth-child(4n+1),
  .grid-uniform .large--four-twelfths:nth-child(3n+1),
  .grid-uniform .large--six-twelfths:nth-child(2n+1) {
    clear: both; } }
@media only screen and (min-width: 1201px) {
  /** Whole */
  .xlarge--one-whole {
    width: 100%; }

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

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

  .xlarge--two-thirds {
    width: 66.666%; }

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

  .xlarge--two-quarters {
    width: 50%; }

  .xlarge--three-quarters {
    width: 75%; }

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

  .xlarge--two-fifths {
    width: 40%; }

  .xlarge--three-fifths {
    width: 60%; }

  .xlarge--four-fifths {
    width: 80%; }

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

  .xlarge--two-sixths {
    width: 33.333%; }

  .xlarge--three-sixths {
    width: 50%; }

  .xlarge--four-sixths {
    width: 66.666%; }

  .xlarge--five-sixths {
    width: 83.333%; }

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

  .xlarge--two-eighths {
    width: 25%; }

  .xlarge--three-eighths {
    width: 37.5%; }

  .xlarge--four-eighths {
    width: 50%; }

  .xlarge--five-eighths {
    width: 62.5%; }

  .xlarge--six-eighths {
    width: 75%; }

  .xlarge--seven-eighths {
    width: 87.5%; }

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

  .xlarge--two-tenths {
    width: 20%; }

  .xlarge--three-tenths {
    width: 30%; }

  .xlarge--four-tenths {
    width: 40%; }

  .xlarge--five-tenths {
    width: 50%; }

  .xlarge--six-tenths {
    width: 60%; }

  .xlarge--seven-tenths {
    width: 70%; }

  .xlarge--eight-tenths {
    width: 80%; }

  .xlarge--nine-tenths {
    width: 90%; }

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

  .xlarge--two-twelfths {
    width: 16.666%; }

  .xlarge--three-twelfths {
    width: 25%; }

  .xlarge--four-twelfths {
    width: 33.333%; }

  .xlarge--five-twelfths {
    width: 41.666%; }

  .xlarge--six-twelfths {
    width: 50%; }

  .xlarge--seven-twelfths {
    width: 58.333%; }

  .xlarge--eight-twelfths {
    width: 66.666%; }

  .xlarge--nine-twelfths {
    width: 75%; }

  .xlarge--ten-twelfths {
    width: 83.333%; }

  .xlarge--eleven-twelfths {
    width: 91.666%; }

  .xlarge--show {
    display: block !important; }

  tr.xlarge--show {
    display: table-row !important; }

  td.xlarge--show {
    display: table-cell !important; }

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

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

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

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

  .xlarge--left {
    float: left !important; }

  .xlarge--right {
    float: right !important; }

  .grid-uniform .xlarge--one-half:nth-child(2n+1),
  .grid-uniform .xlarge--one-third:nth-child(3n+1),
  .grid-uniform .xlarge--one-quarter:nth-child(4n+1),
  .grid-uniform .xlarge--one-fifth:nth-child(5n+1),
  .grid-uniform .xlarge--one-sixth:nth-child(6n+1),
  .grid-uniform .xlarge--two-sixths:nth-child(3n+1),
  .grid-uniform .xlarge--three-sixths:nth-child(2n+1),
  .grid-uniform .xlarge--two-eighths:nth-child(4n+1),
  .grid-uniform .xlarge--four-eighths:nth-child(2n+1),
  .grid-uniform .xlarge--five-tenths:nth-child(2n+1),
  .grid-uniform .xlarge--one-twelfth:nth-child(12n+1),
  .grid-uniform .xlarge--two-twelfths:nth-child(6n+1),
  .grid-uniform .xlarge--three-twelfths:nth-child(4n+1),
  .grid-uniform .xlarge--four-twelfths:nth-child(3n+1),
  .grid-uniform .xlarge--six-twelfths:nth-child(2n+1) {
    clear: both; } }
@media only screen and (min-width: 769px) {
  /** Whole */
  .small-up--one-whole {
    width: 100%; }

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

  /* Thirds */
  .small-up--one-third {
    width: 33.333%; }

  .small-up--two-thirds {
    width: 66.666%; }

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

  .small-up--two-quarters {
    width: 50%; }

  .small-up--three-quarters {
    width: 75%; }

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

  .small-up--two-fifths {
    width: 40%; }

  .small-up--three-fifths {
    width: 60%; }

  .small-up--four-fifths {
    width: 80%; }

  /* Sixths */
  .small-up--one-sixth {
    width: 16.666%; }

  .small-up--two-sixths {
    width: 33.333%; }

  .small-up--three-sixths {
    width: 50%; }

  .small-up--four-sixths {
    width: 66.666%; }

  .small-up--five-sixths {
    width: 83.333%; }

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

  .small-up--two-eighths {
    width: 25%; }

  .small-up--three-eighths {
    width: 37.5%; }

  .small-up--four-eighths {
    width: 50%; }

  .small-up--five-eighths {
    width: 62.5%; }

  .small-up--six-eighths {
    width: 75%; }

  .small-up--seven-eighths {
    width: 87.5%; }

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

  .small-up--two-tenths {
    width: 20%; }

  .small-up--three-tenths {
    width: 30%; }

  .small-up--four-tenths {
    width: 40%; }

  .small-up--five-tenths {
    width: 50%; }

  .small-up--six-tenths {
    width: 60%; }

  .small-up--seven-tenths {
    width: 70%; }

  .small-up--eight-tenths {
    width: 80%; }

  .small-up--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .small-up--one-twelfth {
    width: 8.333%; }

  .small-up--two-twelfths {
    width: 16.666%; }

  .small-up--three-twelfths {
    width: 25%; }

  .small-up--four-twelfths {
    width: 33.333%; }

  .small-up--five-twelfths {
    width: 41.666%; }

  .small-up--six-twelfths {
    width: 50%; }

  .small-up--seven-twelfths {
    width: 58.333%; }

  .small-up--eight-twelfths {
    width: 66.666%; }

  .small-up--nine-twelfths {
    width: 75%; }

  .small-up--ten-twelfths {
    width: 83.333%; }

  .small-up--eleven-twelfths {
    width: 91.666%; }

  .small-up--show {
    display: block !important; }

  tr.small-up--show {
    display: table-row !important; }

  td.small-up--show {
    display: table-cell !important; }

  .small-up--hide {
    display: none !important; }

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

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

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

  .small-up--left {
    float: left !important; }

  .small-up--right {
    float: right !important; }

  .grid-uniform .small-up--one-half:nth-child(2n+1),
  .grid-uniform .small-up--one-third:nth-child(3n+1),
  .grid-uniform .small-up--one-quarter:nth-child(4n+1),
  .grid-uniform .small-up--one-fifth:nth-child(5n+1),
  .grid-uniform .small-up--one-sixth:nth-child(6n+1),
  .grid-uniform .small-up--two-sixths:nth-child(3n+1),
  .grid-uniform .small-up--three-sixths:nth-child(2n+1),
  .grid-uniform .small-up--two-eighths:nth-child(4n+1),
  .grid-uniform .small-up--four-eighths:nth-child(2n+1),
  .grid-uniform .small-up--five-tenths:nth-child(2n+1),
  .grid-uniform .small-up--one-twelfth:nth-child(12n+1),
  .grid-uniform .small-up--two-twelfths:nth-child(6n+1),
  .grid-uniform .small-up--three-twelfths:nth-child(4n+1),
  .grid-uniform .small-up--four-twelfths:nth-child(3n+1),
  .grid-uniform .small-up--six-twelfths:nth-child(2n+1) {
    clear: both; } }
@media only screen and (max-width: 768px) {
  /** Whole */
  .small-down--one-whole {
    width: 100%; }

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

  /* Thirds */
  .small-down--one-third {
    width: 33.333%; }

  .small-down--two-thirds {
    width: 66.666%; }

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

  .small-down--two-quarters {
    width: 50%; }

  .small-down--three-quarters {
    width: 75%; }

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

  .small-down--two-fifths {
    width: 40%; }

  .small-down--three-fifths {
    width: 60%; }

  .small-down--four-fifths {
    width: 80%; }

  /* Sixths */
  .small-down--one-sixth {
    width: 16.666%; }

  .small-down--two-sixths {
    width: 33.333%; }

  .small-down--three-sixths {
    width: 50%; }

  .small-down--four-sixths {
    width: 66.666%; }

  .small-down--five-sixths {
    width: 83.333%; }

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

  .small-down--two-eighths {
    width: 25%; }

  .small-down--three-eighths {
    width: 37.5%; }

  .small-down--four-eighths {
    width: 50%; }

  .small-down--five-eighths {
    width: 62.5%; }

  .small-down--six-eighths {
    width: 75%; }

  .small-down--seven-eighths {
    width: 87.5%; }

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

  .small-down--two-tenths {
    width: 20%; }

  .small-down--three-tenths {
    width: 30%; }

  .small-down--four-tenths {
    width: 40%; }

  .small-down--five-tenths {
    width: 50%; }

  .small-down--six-tenths {
    width: 60%; }

  .small-down--seven-tenths {
    width: 70%; }

  .small-down--eight-tenths {
    width: 80%; }

  .small-down--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .small-down--one-twelfth {
    width: 8.333%; }

  .small-down--two-twelfths {
    width: 16.666%; }

  .small-down--three-twelfths {
    width: 25%; }

  .small-down--four-twelfths {
    width: 33.333%; }

  .small-down--five-twelfths {
    width: 41.666%; }

  .small-down--six-twelfths {
    width: 50%; }

  .small-down--seven-twelfths {
    width: 58.333%; }

  .small-down--eight-twelfths {
    width: 66.666%; }

  .small-down--nine-twelfths {
    width: 75%; }

  .small-down--ten-twelfths {
    width: 83.333%; }

  .small-down--eleven-twelfths {
    width: 91.666%; }

  .small-down--show {
    display: block !important; }

  tr.small-down--show {
    display: table-row !important; }

  td.small-down--show {
    display: table-cell !important; }

  .small-down--hide {
    display: none !important; }

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

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

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

  .small-down--left {
    float: left !important; }

  .small-down--right {
    float: right !important; }

  .grid-uniform .small-down--one-half:nth-child(2n+1),
  .grid-uniform .small-down--one-third:nth-child(3n+1),
  .grid-uniform .small-down--one-quarter:nth-child(4n+1),
  .grid-uniform .small-down--one-fifth:nth-child(5n+1),
  .grid-uniform .small-down--one-sixth:nth-child(6n+1),
  .grid-uniform .small-down--two-sixths:nth-child(3n+1),
  .grid-uniform .small-down--three-sixths:nth-child(2n+1),
  .grid-uniform .small-down--two-eighths:nth-child(4n+1),
  .grid-uniform .small-down--four-eighths:nth-child(2n+1),
  .grid-uniform .small-down--five-tenths:nth-child(2n+1),
  .grid-uniform .small-down--one-twelfth:nth-child(12n+1),
  .grid-uniform .small-down--two-twelfths:nth-child(6n+1),
  .grid-uniform .small-down--three-twelfths:nth-child(4n+1),
  .grid-uniform .small-down--four-twelfths:nth-child(3n+1),
  .grid-uniform .small-down--six-twelfths:nth-child(2n+1) {
    clear: both; } }
@media only screen and (min-width: 961px) {
  /** Whole */
  .medium-up--one-whole {
    width: 100%; }

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

  /* Thirds */
  .medium-up--one-third {
    width: 33.333%; }

  .medium-up--two-thirds {
    width: 66.666%; }

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

  .medium-up--two-quarters {
    width: 50%; }

  .medium-up--three-quarters {
    width: 75%; }

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

  .medium-up--two-fifths {
    width: 40%; }

  .medium-up--three-fifths {
    width: 60%; }

  .medium-up--four-fifths {
    width: 80%; }

  /* Sixths */
  .medium-up--one-sixth {
    width: 16.666%; }

  .medium-up--two-sixths {
    width: 33.333%; }

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

  .medium-up--four-sixths {
    width: 66.666%; }

  .medium-up--five-sixths {
    width: 83.333%; }

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

  .medium-up--two-eighths {
    width: 25%; }

  .medium-up--three-eighths {
    width: 37.5%; }

  .medium-up--four-eighths {
    width: 50%; }

  .medium-up--five-eighths {
    width: 62.5%; }

  .medium-up--six-eighths {
    width: 75%; }

  .medium-up--seven-eighths {
    width: 87.5%; }

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

  .medium-up--two-tenths {
    width: 20%; }

  .medium-up--three-tenths {
    width: 30%; }

  .medium-up--four-tenths {
    width: 40%; }

  .medium-up--five-tenths {
    width: 50%; }

  .medium-up--six-tenths {
    width: 60%; }

  .medium-up--seven-tenths {
    width: 70%; }

  .medium-up--eight-tenths {
    width: 80%; }

  .medium-up--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .medium-up--one-twelfth {
    width: 8.333%; }

  .medium-up--two-twelfths {
    width: 16.666%; }

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

  .medium-up--four-twelfths {
    width: 33.333%; }

  .medium-up--five-twelfths {
    width: 41.666%; }

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

  .medium-up--seven-twelfths {
    width: 58.333%; }

  .medium-up--eight-twelfths {
    width: 66.666%; }

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

  .medium-up--ten-twelfths {
    width: 83.333%; }

  .medium-up--eleven-twelfths {
    width: 91.666%; }

  .medium-up--show {
    display: block !important; }

  tr.medium-up--show {
    display: table-row !important; }

  td.medium-up--show {
    display: table-cell !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; }

  .medium-up--left {
    float: left !important; }

  .medium-up--right {
    float: right !important; }

  .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; } }
@media only screen and (max-width: 960px) {
  /** Whole */
  .medium-down--one-whole {
    width: 100%; }

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

  /* Thirds */
  .medium-down--one-third {
    width: 33.333%; }

  .medium-down--two-thirds {
    width: 66.666%; }

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

  .medium-down--two-quarters {
    width: 50%; }

  .medium-down--three-quarters {
    width: 75%; }

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

  .medium-down--two-fifths {
    width: 40%; }

  .medium-down--three-fifths {
    width: 60%; }

  .medium-down--four-fifths {
    width: 80%; }

  /* Sixths */
  .medium-down--one-sixth {
    width: 16.666%; }

  .medium-down--two-sixths {
    width: 33.333%; }

  .medium-down--three-sixths {
    width: 50%; }

  .medium-down--four-sixths {
    width: 66.666%; }

  .medium-down--five-sixths {
    width: 83.333%; }

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

  .medium-down--two-eighths {
    width: 25%; }

  .medium-down--three-eighths {
    width: 37.5%; }

  .medium-down--four-eighths {
    width: 50%; }

  .medium-down--five-eighths {
    width: 62.5%; }

  .medium-down--six-eighths {
    width: 75%; }

  .medium-down--seven-eighths {
    width: 87.5%; }

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

  .medium-down--two-tenths {
    width: 20%; }

  .medium-down--three-tenths {
    width: 30%; }

  .medium-down--four-tenths {
    width: 40%; }

  .medium-down--five-tenths {
    width: 50%; }

  .medium-down--six-tenths {
    width: 60%; }

  .medium-down--seven-tenths {
    width: 70%; }

  .medium-down--eight-tenths {
    width: 80%; }

  .medium-down--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .medium-down--one-twelfth {
    width: 8.333%; }

  .medium-down--two-twelfths {
    width: 16.666%; }

  .medium-down--three-twelfths {
    width: 25%; }

  .medium-down--four-twelfths {
    width: 33.333%; }

  .medium-down--five-twelfths {
    width: 41.666%; }

  .medium-down--six-twelfths {
    width: 50%; }

  .medium-down--seven-twelfths {
    width: 58.333%; }

  .medium-down--eight-twelfths {
    width: 66.666%; }

  .medium-down--nine-twelfths {
    width: 75%; }

  .medium-down--ten-twelfths {
    width: 83.333%; }

  .medium-down--eleven-twelfths {
    width: 91.666%; }

  .medium-down--show {
    display: block !important; }

  tr.medium-down--show {
    display: table-row !important; }

  td.medium-down--show {
    display: table-cell !important; }

  .medium-down--hide {
    display: none !important; }

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

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

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

  .medium-down--left {
    float: left !important; }

  .medium-down--right {
    float: right !important; }

  .grid-uniform .medium-down--one-half:nth-child(2n+1),
  .grid-uniform .medium-down--one-third:nth-child(3n+1),
  .grid-uniform .medium-down--one-quarter:nth-child(4n+1),
  .grid-uniform .medium-down--one-fifth:nth-child(5n+1),
  .grid-uniform .medium-down--one-sixth:nth-child(6n+1),
  .grid-uniform .medium-down--two-sixths:nth-child(3n+1),
  .grid-uniform .medium-down--three-sixths:nth-child(2n+1),
  .grid-uniform .medium-down--two-eighths:nth-child(4n+1),
  .grid-uniform .medium-down--four-eighths:nth-child(2n+1),
  .grid-uniform .medium-down--five-tenths:nth-child(2n+1),
  .grid-uniform .medium-down--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium-down--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium-down--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium-down--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) {
    clear: both; } }
/*============================================================================
  PUSH
    - Push classes, to move grid items over to the right by certain amounts
==============================================================================*/
[class*="push--"] {
  position: relative; }

/* Whole */
.push--one-whole {
  left: 100%; }

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

/* Thirds */
.push--one-third {
  left: 33.333%; }

.push--two-thirds {
  left: 66.666%; }

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

.push--two-quarters {
  left: 50%; }

.push--three-quarters {
  left: 75%; }

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

.push--two-fifths {
  left: 40%; }

.push--three-fifths {
  left: 60%; }

.push--four-fifths {
  left: 80%; }

/* Sixths */
.push--one-sixth {
  left: 16.666%; }

.push--two-sixths {
  left: 33.333%; }

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

.push--four-sixths {
  left: 66.666%; }

.push--five-sixths {
  left: 83.333%; }

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

.push--two-eighths {
  left: 25%; }

.push--three-eighths {
  left: 37.5%; }

.push--four-eighths {
  left: 50%; }

.push--five-eighths {
  left: 62.5%; }

.push--six-eighths {
  left: 75%; }

.push--seven-eighths {
  left: 87.5%; }

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

.push--two-tenths {
  left: 20%; }

.push--three-tenths {
  left: 30%; }

.push--four-tenths {
  left: 40%; }

.push--five-tenths {
  left: 50%; }

.push--six-tenths {
  left: 60%; }

.push--seven-tenths {
  left: 70%; }

.push--eight-tenths {
  left: 80%; }

.push--nine-tenths {
  left: 90%; }

/* Twelfths */
.push--one-twelfth {
  left: 8.333%; }

.push--two-twelfths {
  left: 16.666%; }

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

.push--four-twelfths {
  left: 33.333%; }

.push--five-twelfths {
  left: 41.666%; }

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

.push--seven-twelfths {
  left: 58.333%; }

.push--eight-twelfths {
  left: 66.666%; }

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

.push--ten-twelfths {
  left: 83.333%; }

.push--eleven-twelfths {
  left: 91.666%; }

/*============================================================================
  PULL
    - Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
[class*="pull--"] {
  position: relative; }

/* Whole */
.pull--one-whole {
  right: 100%; }

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

/* Thirds */
.pull--one-third {
  right: 33.333%; }

.pull--two-thirds {
  right: 66.666%; }

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

.pull--two-quarters {
  right: 50%; }

.pull--three-quarters {
  right: 75%; }

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

.pull--two-fifths {
  right: 40%; }

.pull--three-fifths {
  right: 60%; }

.pull--four-fifths {
  right: 80%; }

/* Sixths */
.pull--one-sixth {
  right: 16.666%; }

.pull--two-sixths {
  right: 33.333%; }

.pull--three-sixths {
  right: 50%; }

.pull--four-sixths {
  right: 66.666%; }

.pull--five-sixths {
  right: 83.333%; }

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

.pull--two-eighths {
  right: 25%; }

.pull--three-eighths {
  right: 37.5%; }

.pull--four-eighths {
  right: 50%; }

.pull--five-eighths {
  right: 62.5%; }

.pull--six-eighths {
  right: 75%; }

.pull--seven-eighths {
  right: 87.5%; }

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

.pull--two-tenths {
  right: 20%; }

.pull--three-tenths {
  right: 30%; }

.pull--four-tenths {
  right: 40%; }

.pull--five-tenths {
  right: 50%; }

.pull--six-tenths {
  right: 60%; }

.pull--seven-tenths {
  right: 70%; }

.pull--eight-tenths {
  right: 80%; }

.pull--nine-tenths {
  right: 90%; }

/* Twelfths */
.pull--one-twelfth {
  right: 8.333%; }

.pull--two-twelfths {
  right: 16.666%; }

.pull--three-twelfths {
  right: 25%; }

.pull--four-twelfths {
  right: 33.333%; }

.pull--five-twelfths {
  right: 41.666%; }

.pull--six-twelfths {
  right: 50%; }

.pull--seven-twelfths {
  right: 58.333%; }

.pull--eight-twelfths {
  right: 66.666%; }

.pull--nine-twelfths {
  right: 75%; }

.pull--ten-twelfths {
  right: 83.333%; }

.pull--eleven-twelfths {
  right: 91.666%; }

.flex {
  display: flex;
  align-items: center; }
  .flex.flex-col {
    flex-direction: column; }
  .flex.flex--top {
    align-items: flex-start; }
  .flex.flex--bottom {
    align-items: flex-end; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-grow-0 {
  flex-grow: 0; }

.flex-grow-1 {
  flex-grow: 1; }

.flex-ai-start {
  align-items: flex-start; }

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

.flex-jc-space-between {
  justify-content: space-between; }

.flex-jc-space-around {
  justify-content: space-around; }

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

.flex-jc-flex-end {
  justify-content: flex-end; }

@media screen and (max-width: 960px) {
  .medium-down--fd-column {
    flex-direction: column; } }
html, body {
  background-color: white;
  height: 100%;
  scroll-behavior: smooth; }

img {
  max-width: 100%; }

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

.wrapper {
  *zoom: 1;
  position: relative;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0; }
  .wrapper:after {
    content: '';
    display: table;
    clear: both; }

.template-search .pagination {
  background: #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px; }

.page-container {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.main-content {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 24px 32px; }
  .main-content.no-gutters {
    padding: 0; }

@media screen and (min-width: 960px) {
  .push-higher {
    transform: translateY(-54px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 24px 32px;
    background-color: #fff; } }
.push-higher + .push-higher {
  margin-top: 32px; }
  @media screen and (max-width: 960px) {
    .push-higher + .push-higher {
      margin-top: 0;
      margin-bottom: 32px; } }

.is-transitioning {
  display: block !important;
  visibility: visible !important; }

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

.display-block, .block {
  display: block; }

.display-inline-block, .inline-block {
  display: inline-block;
  vertical-align: middle; }

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none; }

@media screen and (min-width: 1200px) {
  .large--display-table {
    display: table;
    table-layout: fixed;
    width: 100%; }

  .large--display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none; } }
.visually-hidden, .icon-fallback-text .fallback-text,
.offstage {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.nowrap {
  white-space: nowrap !important; }

.add2right {
  margin-right: 2px !important; }

.add2left {
  margin-left: 2px !important; }

.add2top {
  margin-top: 2px !important; }

.add2bottom {
  margin-bottom: 2px !important; }

.add4right {
  margin-right: 4px !important; }

.add4left {
  margin-left: 4px !important; }

.add4top {
  margin-top: 4px !important; }

.add4bottom {
  margin-bottom: 4px !important; }

.add8right {
  margin-right: 8px !important; }

.add8left {
  margin-left: 8px !important; }

.add8top {
  margin-top: 8px !important; }

.add8bottom {
  margin-bottom: 8px !important; }

.minus8right {
  margin-right: -8px !important; }

.minus8left {
  margin-left: -8px !important; }

.minus8top {
  margin-top: -8px !important; }

.minus8bottom {
  margin-bottom: -8px !important; }

.add16right {
  margin-right: 16px !important; }

.add16left {
  margin-left: 16px !important; }

.add16top {
  margin-top: 16px !important; }

.add16bottom {
  margin-bottom: 16px !important; }

.add24right {
  margin-right: 24px !important; }

.add24left {
  margin-left: 24px !important; }

.add24top {
  margin-top: 24px !important; }

.add24bottom {
  margin-bottom: 24px !important; }

.add32top {
  margin-top: 32px !important; }

.add32bottom {
  margin-bottom: 32px !important; }

.add32left {
  margin-left: 32px !important; }

.add32right {
  margin-right: 32px !important; }

.add40top {
  margin-top: 40px !important; }

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

.add40left {
  margin-left: 40px !important; }

.add40right {
  margin-right: 40px !important; }

.add0right {
  margin-right: 0 !important; }

.add0left {
  margin-left: 0 !important; }

.add0top {
  margin-top: 0 !important; }

.add0bottom {
  margin-bottom: 0 !important; }

.add4inside {
  padding: 4px !important; }

.add8inside {
  padding: 8px !important; }

.opacity2 {
  opacity: 0.2 !important; }

.opacity4 {
  opacity: 0.4 !important; }

.opacity6 {
  opacity: 0.6 !important; }

.opacity8 {
  opacity: 0.8 !important; }

.regular {
  font-weight: 400 !important; }

.center {
  text-align: center; }

.at-center {
  margin-left: auto !important;
  margin-right: auto !important; }

.lighter {
  opacity: 0.64; }

.light,
.opacity5 {
  opacity: .5; }

.vLine {
  margin: 0 auto;
  width: 1px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2); }

.widthLimit {
  max-width: 640px; }

.max-width-400 {
  max-width: 400px !important; }

.max-width-500 {
  max-width: 500px !important; }

.max-width-600 {
  max-width: 600px !important; }

.max-width-700 {
  max-width: 700px !important; }

.max-width-800 {
  max-width: 800px !important; }

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

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

.relative {
  position: relative; }

.absolute {
  position: absolute; }

@media screen and (max-width: 960px) {
  .medium-down--at-center {
    margin-left: auto !important;
    margin-right: auto !important; } }
@media screen and (max-width: 768px) {
  .small-down--at-center {
    margin-left: auto !important;
    margin-right: auto !important; } }
@media screen and (max-width: 960px) {
  .medium-down--center {
    text-align: center !important; } }
@media screen and (max-width: 768px) {
  .small-down--center {
    text-align: center !important; } }
/*============================================================================
  #Typography
==============================================================================*/
body,
input,
textarea,
button,
select {
  font-size: 1em;
  line-height: 1.5;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #070707;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  display: block;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin: 0 0 .5em 0;
  line-height: 1.4; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    text-decoration: none;
    font-weight: inherit; }

/*================ Use em() Sass function to declare font-size ================*/
h1, .h1 {
  font-size: 2.25em; }

h2, .h2 {
  font-size: 1.75em; }

h3, .h3 {
  font-size: 1.375em; }

h4, .h4 {
  font-size: 1.125em; }

h5, .h5 {
  font-size: 1em; }

h6, .h6 {
  font-size: 0.875em; }

p {
  margin: 0 0 12px 0; }
  p img {
    margin: 0; }

em {
  font-style: italic; }

b, strong {
  font-weight: bold; }

small {
  font-size: 0.9em; }

sup, sub {
  position: relative;
  font-size: 60%;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.5em; }

/*================ Blockquotes ================*/
blockquote {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.4;
  font-style: normal;
  margin: 0;
  padding: 0;
  border: none; }

/*================ Code ================*/
code, pre {
  background-color: #faf7f5;
  font-family: Consolas, monospace;
  font-size: 1em;
  border: 0 none;
  padding: 0 2px;
  color: #51ab62; }

pre {
  overflow: auto;
  padding: 12px;
  margin: 0 0 24px; }

/*================ Horizontal Rules ================*/
hr {
  clear: both;
  border-top: solid #f0f0f0;
  border-width: 1px 0 0;
  margin: 16px 0;
  height: 0; }
  hr.hr--small {
    border-top: solid #006fff;
    border-width: 2px 0 0;
    width: 40px; }
  hr.hr--clear {
    border-top-color: transparent; }

/*================ Section Headers ================*/
.section-header {
  margin-bottom: 16px;
  display: table;
  width: 100%; }

.section-header__title {
  margin-bottom: 9.6px; }

.section-header__left {
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 0;
  width: 100%; }
  .section-header__left h1, .section-header__left .h1, .section-header__left h2, .section-header__left .h2, .section-header__left h3, .section-header__left .h3, .section-header__left h4, .section-header__left .h4,
  .section-header__left .h1, .section-header__left .h2, .section-header__left .h3, .section-header__left .h4 {
    margin-bottom: 0;
    max-width: 960px; }

.section-header__right {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 335px; }
  .section-header__right .form-horizontal,
  .section-header__right .collection-view {
    display: inline-block;
    vertical-align: middle; }
  .section-header__right select {
    margin-left: 4px; }

.section-header__notes {
  opacity: .8;
  max-width: 570px;
  font-size: .85em;
  padding-left: 16px; }

.collection-view {
  display: inline-block;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  padding: 0 5px;
  height: 36px;
  overflow: hidden; }

.change-view {
  display: block;
  background: none;
  border: 0 none;
  float: left;
  padding: 8px 8px;
  color: #007aff;
  line-height: 1;
  transition: .3s; }
  .change-view:hover, .change-view:focus {
    color: #007aff; }

.change-view--active {
  cursor: default;
  color: #50585c; }

/*============================================================================
  #Rich Text Editor
==============================================================================*/
.rte {
  margin-bottom: 12px; }
  .rte a {
    text-decoration: underline; }
  .rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
    margin-top: 1em; }
    .rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child {
      margin-top: 0; }
    .rte h1 a, .rte .h1 a, .rte h2 a, .rte .h2 a, .rte h3 a, .rte .h3 a, .rte h4 a, .rte .h4 a, .rte h5 a, .rte .h5 a, .rte h6 a, .rte .h6 a {
      text-decoration: none; }
  .rte > div {
    margin-bottom: 12px; }
  .rte li {
    margin-bottom: 0.4em; }

.rte--header {
  margin-bottom: 0; }

/*============================================================================
  #Links and Buttons
==============================================================================*/
a,
.text-link {
  color: #007aff;
  text-decoration: none;
  background: transparent;
  transition: .3s; }

a:hover,
a:focus {
  cursor: pointer;
  color: #4da2ff;
  text-decoration: none; }

a.color-black {
  color: #070707; }
  a.color-black:hover {
    color: #007aff; }

button {
  overflow: visible; }

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

.btn, .btn--secondary, .btn--success, .btn--simple, .btn--light, .btn--grey, .btn--minor {
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 6px 14px;
  width: auto;
  margin: 0;
  line-height: 1.42;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 3px;
  transition: .3s;
  background: #007aff;
  color: white; }
  .btn:hover, .btn--secondary:hover, .btn--success:hover, .btn--simple:hover, .btn--light:hover, .btn--grey:hover, .btn--minor:hover {
    background: #1a87ff;
    color: white; }
  .btn:active, .btn--secondary:active, .btn--success:active, .btn--simple:active, .btn--light:active, .btn--grey:active, .btn--minor:active, .btn:focus, .btn--secondary:focus, .btn--success:focus, .btn--simple:focus, .btn--light:focus, .btn--grey:focus, .btn--minor:focus {
    color: white; }
  .btn[disabled], [disabled].btn--secondary, [disabled].btn--success, [disabled].btn--simple, [disabled].btn--light, [disabled].btn--grey, [disabled].btn--minor, .btn.disabled, .disabled.btn--secondary, .disabled.btn--success, .disabled.btn--simple, .disabled.btn--light, .disabled.btn--grey, .disabled.btn--minor {
    cursor: default;
    color: #f5f5f5;
    background: #070707;
    opacity: .2; }
  .btn span.text, .btn--secondary span.text, .btn--success span.text, .btn--simple span.text, .btn--light span.text, .btn--grey span.text, .btn--minor span.text {
    position: relative;
    left: 0;
    transition: .2s ease-in-out; }
  .btn span.icon, .btn--secondary span.icon, .btn--success span.icon, .btn--simple span.icon, .btn--light span.icon, .btn--grey span.icon, .btn--minor span.icon {
    position: relative;
    top: 1px;
    left: 0; }
  .btn span.text + span.icon, .btn--secondary span.text + span.icon, .btn--success span.text + span.icon, .btn--simple span.text + span.icon, .btn--light span.text + span.icon, .btn--grey span.text + span.icon, .btn--minor span.text + span.icon,
  .btn span.icon + span.text,
  .btn--secondary span.icon + span.text,
  .btn--success span.icon + span.text,
  .btn--simple span.icon + span.text,
  .btn--light span.icon + span.text,
  .btn--grey span.icon + span.text,
  .btn--minor span.icon + span.text {
    margin-left: 4px; }

.btn--secondary {
  background: #17191d; }
  .btn--secondary:hover, .btn--secondary:active, .btn--secondary:focus {
    background: #0c0d0f;
    color: white; }

.btn--success {
  background: #13bb72; }
  .btn--success:hover, .btn--success:active, .btn--success:focus {
    background: #11a464;
    color: white; }

.btn--simple {
  background: white;
  color: #006fff;
  font-weight: 400;
  border-radius: 3px;
  border: 1px solid #f0f0f0; }
  .btn--simple:hover, .btn--simple:active, .btn--simple:focus {
    background-color: #006fff;
    border-color: #006fff;
    color: white; }
    .btn--simple:hover span.icon, .btn--simple:hover span.text, .btn--simple:active span.icon, .btn--simple:active span.text, .btn--simple:focus span.icon, .btn--simple:focus span.text {
      color: white; }

.btn--light {
  background: #EAF4FF;
  color: #006fff;
  font-weight: 700;
  border: none; }
  .btn--light:hover, .btn--light:active, .btn--light:focus {
    background-color: #dbecff;
    color: #0064e6; }

.btn--grey {
  background: #9b9b9b;
  color: white;
  font-weight: 700;
  border: none; }
  .btn--grey:hover, .btn--grey:active, .btn--grey:focus {
    background-color: #8e8e8e;
    color: white; }

.btn--minor {
  background: transparent;
  color: #50585c;
  font-weight: 400;
  border: none; }
  .btn--minor:hover, .btn--minor:active, .btn--minor:focus {
    background-color: transparent;
    color: #070707; }

.btn--small {
  padding: 3px 10px 4px 10px;
  font-size: 0.75em;
  border-radius: 3px; }

.btn--smaller {
  padding: 6px 16px 7px 16px;
  font-size: 0.85em;
  border-radius: 3px; }

.btn--large {
  padding: 10px 18px;
  font-size: 1em; }

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

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

.uppercase {
  text-transform: uppercase;
  letter-spacing: .15em; }

.text-smaller,
.smaller,
.text9 {
  font-size: .875em !important; }

.text-small,
.small,
.text8 {
  font-size: .8125em !important; }

.text-tiny,
.tiny,
.text7 {
  font-size: .625em !important; }

.text6 {
  font-size: .6em !important; }

.text10 {
  font-size: 1em !important; }

.text-bigger,
.bigger,
.text11 {
  font-size: 1.1em !important; }

.text-big,
.big,
.text12 {
  font-size: 1.2em !important; }

.text13 {
  font-size: 1.3em !important; }

.text14 {
  font-size: 1.4em !important; }

.text15 {
  font-size: 1.5em !important; }

@media screen and (max-width: 480px) {
  .tiny--smaller {
    font-size: .9rem !important; } }
.weight-normal {
  font-weight: 400 !important; }

.weight-light {
  font-weight: 300 !important; }

.weight-bold {
  font-weight: 700 !important; }

.line-height-10 {
  line-height: 1; }

.line-height-11 {
  line-height: 1.1; }

.line-height-12 {
  line-height: 1.2; }

.line-height-13 {
  line-height: 1.3; }

.line-height-14 {
  line-height: 1.4; }

.line-height-15 {
  line-height: 1.5; }

ul, ol {
  margin: 0 0 12px 20px;
  padding: 0; }

ol {
  list-style: decimal; }

ul ul, ul ol,
ol ol, ol ul {
  margin: 4px 0 5px 20px; }

li {
  margin-bottom: 0.25em; }

ul.square {
  list-style: square outside; }

ul.disc {
  list-style: disc outside; }

ol.alpha {
  list-style: lower-alpha outside; }

.no-bullets {
  list-style: none outside;
  margin-left: 0; }

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

.has-dividers li {
  padding: .25em 0;
  border-bottom: 1px solid #f0f0f0; }

.styled {
  list-style: none outside;
  margin-left: 0; }
  .styled li {
    position: relative;
    padding-left: 24px; }
    .styled li:before {
      content: '';
      position: absolute;
      display: block;
      width: 12px;
      height: 2px;
      left: 0;
      top: 10px;
      background-color: rgba(0, 0, 0, 0.2); }

.comListFeatures {
  list-style: none;
  margin: 0;
  padding: 0; }
  .comListFeatures li {
    height: 80px;
    position: relative;
    padding-left: 90px;
    margin-bottom: 8px;
    *zoom: 1; }
    .comListFeatures li:after {
      content: '';
      display: table;
      clear: both; }
  .comListFeatures p {
    position: relative;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1.3;
    font-size: .9em; }
  .comListFeatures svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px; }

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

table.full {
  width: 100%;
  margin-bottom: 1em; }

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

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

th {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: .8em;
  padding-top: 20px;
  border-bottom: 2px solid #006fff; }

/*============================================================================
  Responsive tables, defined with .table--responsive on table element.
  Only defined for IE9+
==============================================================================*/
@media screen and (max-width: 768px) {
  .table--responsive thead {
    display: none; }
  .table--responsive tr {
    display: block; }
  .table--responsive tr,
  .table--responsive td {
    float: left;
    clear: both;
    width: 100%; }
  .table--responsive th,
  .table--responsive td {
    display: block;
    text-align: right;
    padding: 15px; } }

@media screen and (max-width: 768px) {
  .table--small-hide {
    display: none !important; }

  .table__section + .table__section {
    position: relative;
    margin-top: 10px;
    padding-top: 15px; }
    .table__section + .table__section:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 15px;
      right: 15px;
      border-bottom: 1px solid #f0f0f0; } }
/*============================================================================
  #Forms
==============================================================================*/
form {
  margin-bottom: 0; }

.form-vertical {
  margin: 0 auto 16px auto;
  max-width: 400px;
  background-color: #fff;
  padding: 2rem;
  border-radius: 3px; }

.addAddress,
.editAddress {
  max-width: 600px; }
  .addAddress label[for],
  .editAddress label[for] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    opacity: 0.8; }
  .addAddress .btn, .addAddress .btn--secondary, .addAddress .btn--success, .addAddress .btn--simple, .addAddress .btn--light, .addAddress .btn--grey, .addAddress .btn--minor,
  .editAddress .btn,
  .editAddress .btn--secondary,
  .editAddress .btn--success,
  .editAddress .btn--simple,
  .editAddress .btn--light,
  .editAddress .btn--grey,
  .editAddress .btn--minor {
    display: inline-block !important; }

/*================ Prevent zoom on touch devices in active inputs ================*/
input,
textarea,
button,
select {
  padding: 0;
  margin: 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

::-webkit-input-placeholder {
  color: #A1A1A1; }

::-moz-placeholder,
:-moz-placeholder {
  color: #A1A1A1; }

:-ms-input-placeholder {
  color: #A1A1A1; }

button {
  background: none;
  border: none;
  cursor: pointer; }

button,
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none; }

button {
  background: none;
  border: none;
  display: inline-block;
  cursor: pointer; }

input[type="image"] {
  padding-left: 0;
  padding-right: 0; }

fieldset {
  border: 1px solid #f0f0f0;
  padding: 12px; }

legend {
  border: 0;
  padding: 0; }

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

input,
textarea,
select {
  border: 1px solid #f0f0f0;
  max-width: 100%;
  padding: 6px 14px;
  border-radius: 3px;
  outline: none; }
  input:focus,
  textarea:focus,
  select:focus {
    border: 1px solid #d6d6d6;
    outline: none; }
  input[disabled], input.disabled,
  textarea[disabled],
  textarea.disabled,
  select[disabled],
  select.disabled {
    cursor: default;
    background-color: #f8f8f8;
    border-color: #b8b8b8; }
  input.input-full,
  textarea.input-full,
  select.input-full {
    width: 100%; }

textarea {
  min-height: 64px; }
  textarea.input-full {
    min-height: 112px; }

/*================ Input element overrides ================*/
input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0;
  width: auto; }

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

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

input[type="image"] {
  padding-left: 0;
  padding-right: 0; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url("//cdn.shopify.com/s/files/1/1439/1668/t/18/assets/ico-select.svg?v=6053006699641393503");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: #fff;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: "";
  cursor: pointer;
  /*================ Hide the svg arrow in IE9 and below ================*/ }
  select.white-arrow {
    background-image: url("//cdn.shopify.com/s/files/1/1439/1668/t/18/assets/ico-select-white.svg?v=822767113534400258"); }
  .ie9 select, .lt-ie9 select {
    padding-right: 10px;
    background-image: none; }

optgroup {
  font-weight: bold; }

option {
  color: #000;
  background-color: #fff; }
  option:disabled {
    color: rgba(0, 0, 0, 0.5); }

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

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

label[for] {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 4px; }

/*================ Horizontal Form ================*/
.form-vertical input,
.form-vertical select,
.form-vertical textarea,
.form-vertical .btn,
.form-vertical .btn--secondary,
.form-vertical .btn--success,
.form-vertical .btn--simple,
.form-vertical .btn--light,
.form-vertical .btn--grey,
.form-vertical .btn--minor {
  display: block;
  margin-bottom: 10px; }
.form-vertical input[type="radio"],
.form-vertical input[type="checkbox"] {
  display: inline-block; }

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

label.error {
  color: #d02e2e; }

/*================ Input Group ================*/
.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group .input-group-field:first-child,
  .input-group .input-group-btn:first-child,
  .input-group .input-group-btn:first-child > .btn,
  .input-group .input-group-btn:first-child > .btn--secondary,
  .input-group .input-group-btn:first-child > .btn--success,
  .input-group .input-group-btn:first-child > .btn--simple,
  .input-group .input-group-btn:first-child > .btn--light,
  .input-group .input-group-btn:first-child > .btn--grey,
  .input-group .input-group-btn:first-child > .btn--minor,
  .input-group input[type="hidden"]:first-child + .input-group-field,
  .input-group input[type="hidden"]:first-child + .input-group-btn > .btn,
  .input-group input[type="hidden"]:first-child + .input-group-btn > .btn--secondary,
  .input-group input[type="hidden"]:first-child + .input-group-btn > .btn--success,
  .input-group input[type="hidden"]:first-child + .input-group-btn > .btn--simple,
  .input-group input[type="hidden"]:first-child + .input-group-btn > .btn--light,
  .input-group input[type="hidden"]:first-child + .input-group-btn > .btn--grey,
  .input-group input[type="hidden"]:first-child + .input-group-btn > .btn--minor {
    border-radius: 3px 0 0 3px; }
  .input-group .input-group-field:last-child,
  .input-group .input-group-btn:last-child > .btn,
  .input-group .input-group-btn:last-child > .btn--secondary,
  .input-group .input-group-btn:last-child > .btn--success,
  .input-group .input-group-btn:last-child > .btn--simple,
  .input-group .input-group-btn:last-child > .btn--light,
  .input-group .input-group-btn:last-child > .btn--grey,
  .input-group .input-group-btn:last-child > .btn--minor {
    border-radius: 0 3px 3px 0; }
  .input-group input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin-top: -1px;
    margin-bottom: -1px; }

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

.input-group .btn, .input-group .btn--secondary, .input-group .btn--success, .input-group .btn--simple, .input-group .btn--light, .input-group .btn--grey, .input-group .btn--minor,
.input-group .input-group-field {
  height: 37px; }

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

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

/*==================Notes and Form Feedback========================*/
.note,
.errors {
  border-radius: 3px;
  padding: 6px 12px;
  margin-bottom: 12px;
  border: 1px solid transparent;
  font-size: 0.9em;
  text-align: left; }
  .note ul,
  .note ol,
  .errors ul,
  .errors ol {
    margin-top: 0;
    margin-bottom: 0; }
  .note li:last-child,
  .errors li:last-child {
    margin-bottom: 0; }
  .note p,
  .errors p {
    margin-bottom: 0; }

.note {
  border-color: #f0f0f0; }

.errors ul {
  list-style: disc outside;
  margin-left: 20px; }

.form-success {
  color: #56ad6a;
  background-color: #ecfef0;
  border-color: #56ad6a; }
  .form-success a {
    color: #56ad6a;
    text-decoration: underline; }
    .form-success a:hover {
      text-decoration: none; }

.form-error,
.errors {
  color: #d02e2e;
  background-color: #fff6f6;
  border-color: #d02e2e; }
  .form-error a,
  .errors a {
    color: #d02e2e;
    text-decoration: underline; }
    .form-error a:hover,
    .errors a:hover {
      text-decoration: none; }

.selector-wrapper label[for] {
  padding-right: 8px; }

/*================== Range sliders ========================*/
input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  border: none;
  padding: 0; }
  input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    box-shadow: none;
    background: #dddddd;
    border-radius: 6px;
    margin: 6px 0;
    border: none; }
  input[type="range"]::-webkit-slider-thumb {
    box-shadow: none;
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #007aff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -4px; }
  input[type="range"]:focus::-webkit-slider-runnable-track {
    background: #dddddd; }
  input[type="range"]::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    box-shadow: none;
    background: #dddddd;
    border-radius: 6px;
    border: none; }
  input[type="range"]::-moz-range-thumb {
    box-shadow: none;
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #007aff;
    cursor: pointer; }
  input[type="range"]::-moz-range-progress {
    height: 6px;
    border-radius: 6px;
    background: #007aff; }
  input[type="range"]::-ms-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 15px 0;
    color: transparent; }
  input[type="range"]::-ms-fill-lower {
    background: #007aff;
    border: none;
    border-radius: 6px;
    box-shadow: none; }
  input[type="range"]::-ms-fill-upper {
    background: #dddddd;
    border: none;
    border-radius: 6px;
    box-shadow: none; }
  input[type="range"]::-ms-thumb {
    box-shadow: none;
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #007aff;
    cursor: pointer; }
  input[type="range"]:focus::-ms-fill-lower {
    background: #007aff; }
  input[type="range"]:focus::-ms-fill-upper {
    background: #dddddd; }

/*============================================================================
  #Icons
==============================================================================*/
.icon, svg {
  transition: .3s ease-in-out; }

.icon-fallback-text .icon {
  display: none; }
  .icon-fallback-text .icon {
    display: inline-block; }

/*============================================================================
  A generic way to visually hide content while
  remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.icon:before {
  display: none; }

.icon:before {
  display: inline;
  font-family: "icons";
  text-decoration: none;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*================ Icon mapping ================*/
.icon-apple:before {
  content: "\e918"; }

.icon-chevron-down:before {
  content: "\e900"; }

.icon-chevron-left:before {
  content: "\e901"; }

.icon-chevron-right:before {
  content: "\e902"; }

.icon-chevron-small-down:before {
  content: "\e903"; }

.icon-chevron-small-left:before {
  content: "\e904"; }

.icon-chevron-small-right:before {
  content: "\e905"; }

.icon-chevron-small-up:before {
  content: "\e906"; }

.icon-chevron-thin-down:before {
  content: "\e907"; }

.icon-chevron-thin-left:before {
  content: "\e908"; }

.icon-chevron-thin-right:before {
  content: "\e909"; }

.icon-chevron-thin-up:before {
  content: "\e90a"; }

.icon-chevron-up:before {
  content: "\e90b"; }

.icon-controller-play:before {
  content: "\e919"; }

.icon-attachment:before {
  content: "\e90c"; }

.icon-twitter:before {
  content: "\54"; }

.icon-facebook:before {
  content: "\66"; }

.icon-rss:before {
  content: "\72"; }

.icon-search:before {
  content: "\73"; }

.icon-youtube:before {
  content: "\79"; }

.icon-paper-clip:before {
  content: "\e001"; }

.icon-mail:before {
  content: "\e002"; }

.icon-signal:before {
  content: "\e011"; }

.icon-camera:before {
  content: "\e017"; }

.icon-video:before {
  content: "\e018"; }

.icon-printer:before {
  content: "\e020"; }

.icon-cog:before {
  content: "\e023"; }

.icon-heart:before {
  content: "\e024"; }

.icon-paper:before {
  content: "\e034"; }

.icon-search2:before {
  content: "\e036"; }

.icon-zoom-in:before {
  content: "\e037"; }

.icon-zoom-out:before {
  content: "\e038"; }

.icon-reply:before {
  content: "\e039"; }

.icon-record:before {
  content: "\e049"; }

.icon-skip-back:before {
  content: "\e050"; }

.icon-rewind:before {
  content: "\e051"; }

.icon-play:before {
  content: "\e052"; }

.icon-pause:before {
  content: "\e053"; }

.icon-stop:before {
  content: "\e054"; }

.icon-fast-forward:before {
  content: "\e055"; }

.icon-skip-forward:before {
  content: "\e056"; }

.icon-repeat:before {
  content: "\e058"; }

.icon-cloud-download:before {
  content: "\e067"; }

.icon-user:before {
  content: "\e074"; }

.icon-briefcase:before {
  content: "\e075"; }

.icon-speech-bubble:before {
  content: "\e076"; }

.icon-reload:before {
  content: "\e080"; }

.icon-share:before {
  content: "\e081"; }

.icon-tag:before {
  content: "\e085"; }

.icon-power:before {
  content: "\e086"; }

.icon-star:before {
  content: "\e093"; }

.icon-arrow-left:before {
  content: "\e094"; }

.icon-arrow-right:before {
  content: "\e095"; }

.icon-arrow-up:before {
  content: "\e096"; }

.icon-arrow-down2:before {
  content: "\e097"; }

.icon-ban:before {
  content: "\e107"; }

.icon-flag:before {
  content: "\e108"; }

.icon-trash:before {
  content: "\e109"; }

.icon-expand:before {
  content: "\e110"; }

.icon-contract:before {
  content: "\e111"; }

.icon-maximize:before {
  content: "\e112"; }

.icon-minimize:before {
  content: "\e113"; }

.icon-file:before {
  content: "\e124"; }

.icon-ellipsis:before {
  content: "\e129"; }

.icon-cart:before {
  content: "\e600"; }

.icon-hamburger:before {
  content: "\e601"; }

.icon-minus:before {
  content: "\e602"; }

.icon-grid-view:before {
  content: "\e603"; }

.icon-list-view:before {
  content: "\e604"; }

.icon-plus:before {
  content: "\e605"; }

.icon-x:before {
  content: "\e606"; }

.icon-arrow-down:before {
  content: "\e607"; }

.icon-ubnt-logo-u:before {
  content: "\e90d"; }

.icon-box:before {
  content: "\e90e"; }

.icon-buildings:before {
  content: "\e90f"; }

.icon-chat:before {
  content: "\e910"; }

.icon-head:before {
  content: "\e911"; }

.icon-newspaper:before {
  content: "\e912"; }

.icon-airfiber:before {
  content: "\e913"; }

.icon-edgemax:before {
  content: "\e914"; }

.icon-unifi-video:before {
  content: "\e915"; }

.icon-unifi-voip:before {
  content: "\e916"; }

.icon-unifi:before {
  content: "\e917"; }

/*============================================================================
  #Pagination
==============================================================================*/
.pagination {
  margin-bottom: 1em;
  text-align: center;
  display: flex;
  justify-content: space-between; }
  .pagination span {
    display: block;
    line-height: 1;
    flex-grow: 0;
    margin: 0 2px; }
    .pagination span.next, .pagination span.prev {
      flex-grow: 1; }
      .pagination span.next a, .pagination span.prev a {
        background-color: #007aff;
        color: white; }
        .pagination span.next a:hover, .pagination span.prev a:hover {
          background-color: #1a87ff; }
    .pagination span.next {
      text-align: right; }
    .pagination span.prev {
      text-align: left; }
    .pagination span.current, .pagination span.current:hover {
      padding: 8px 16px;
      background-color: #070707;
      color: #f8f8f8;
      border-radius: 40px; }
  .pagination a {
    display: inline-block;
    background-color: #f8f8f8;
    padding: 8px 16px;
    border-radius: 40px; }
    .pagination a:hover {
      color: white;
      background-color: #1a87ff; }

/*============================================================================
  #Collection Filters
==============================================================================*/
.comCollection {
  margin-bottom: 32px; }

.comCollectionTag {
  position: relative;
  display: inline-block;
  padding: 4px 0;
  border-radius: 40px;
  margin: 0 16px 4px 0;
  font-size: .9em;
  font-weight: 700;
  color: #006fff;
  white-space: nowrap; }
  .comCollectionTag:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -4px;
    background: #006fff;
    opacity: 0;
    transition: .3s; }
  .comCollectionTag.active, .comCollectionTag.active:hover {
    color: #070707;
    cursor: default; }
  .comCollectionTag.active:after {
    background: #070707; }
  .comCollectionTag:hover {
    color: #006fff; }
  .comCollectionTag:hover:after {
    bottom: 0;
    opacity: .4; }
  .comCollectionTag.active:hover:after {
    opacity: .1; }

.comCollectionSorting {
  font-size: .9em; }

/*============================================================================
  #Breadcrumbs
==============================================================================*/
.breadcrumb {
  margin-bottom: 24px; }
  .breadcrumb a,
  .breadcrumb span {
    display: inline-block;
    padding: 0 7px 0 0;
    margin-right: 7px; }
    .breadcrumb a:first-child,
    .breadcrumb span:first-child {
      padding-left: 0; }

/*============================================================================
  #Sections
==============================================================================*/
.comSection__header {
  text-transform: uppercase;
  letter-spacing: .15em;
  font-weight: 700;
  font-size: .9em;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 8px;
  margin-bottom: 16px; }

.comSection__header--mod {
  border-bottom: none;
  border-top: 2px solid #006fff;
  padding-top: 12px;
  margin-bottom: 0; }

.comSection--light {
  padding: 16px 24px;
  background-color: #f8f8f8;
  border-radius: 3px; }

.comFeaturedSection {
  text-align: center;
  margin-bottom: 16px; }
  .comFeaturedSection:hover .comFeaturedSection__image {
    border-bottom-color: #006fff; }

.comFeaturedSection__image {
  display: block;
  background-color: #585d70;
  background-position: 70% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 240px;
  position: relative;
  margin-bottom: 8px;
  border-bottom: 2px solid #fff;
  border-radius: 3px;
  transition: .3s; }

.comFeaturedSection__title {
  font-size: 1.2em;
  font-weight: 700; }

.comTag {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: .15rem;
  font-size: .6rem;
  border: 1px solid #f0f0f0;
  color: rgba(7, 7, 7, 0.6);
  padding: 2px 6px 1px 8px;
  border-radius: 40px; }

.comTag--green {
  border-color: #13bb72;
  color: #13bb72; }

.comPagination {
  margin-bottom: 24px; }

.comHeading {
  background: #f8f8f8;
  color: #363950;
  padding: 10px 40px 8px 40px;
  min-height: 39px;
  text-align: left;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-size: 1rem !important;
  font-weight: 600;
  font-size: .8125rem !important;
  letter-spacing: 0.05em;
  transition: .3s;
  position: relative; }
  .comHeading[data-toggle]:hover {
    cursor: pointer;
    background: #f3f3f3;
    color: #000; }
  .comHeading:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #363950;
    transform: translateY(-50%) rotate(0deg);
    transition: .3s; }
  .comHeading.active:after {
    transform: translateY(-50%) rotate(90deg); }
  .comHeading.comHeading--new {
    display: flex;
    align-items: center;
    padding: 0 24px; }
    .comHeading.comHeading--new span {
      display: inline-block;
      flex-grow: 0;
      padding: 4px 0; }
    .comHeading.comHeading--new ul {
      display: inline-block;
      padding-left: 20px;
      margin-left: 20px;
      position: relative;
      top: 2px;
      flex-grow: 1; }
      .comHeading.comHeading--new ul:before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-3px);
        left: -1px;
        width: 3px;
        height: 3px;
        background-color: #d8d8d8;
        border-radius: 3px; }
    .comHeading.comHeading--new:after {
      display: none !important; }
  .comHeading.comHeading--new--mobile {
    padding: 0; }
    .comHeading.comHeading--new--mobile::after {
      content: none; }
    .comHeading.comHeading--new--mobile span {
      display: block;
      padding: 8px 0 0 32px; }
    .comHeading.comHeading--new--mobile .flexslider {
      padding: 0 10px; }
      .comHeading.comHeading--new--mobile .flexslider .flex-direction-nav .flex-prev,
      .comHeading.comHeading--new--mobile .flexslider .flex-direction-nav .flex-next {
        height: 100%;
        font-size: 0;
        margin: 0;
        top: 0; }
        .comHeading.comHeading--new--mobile .flexslider .flex-direction-nav .flex-prev::before,
        .comHeading.comHeading--new--mobile .flexslider .flex-direction-nav .flex-next::before {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          height: 100%;
          font-size: 20px; }
      .comHeading.comHeading--new--mobile .flexslider .flex-direction-nav .flex-prev {
        left: 0 !important;
        background: linear-gradient(45deg, #ebebeb 0%, rgba(250, 250, 250, 0) 100%); }
      .comHeading.comHeading--new--mobile .flexslider .flex-direction-nav .flex-next {
        right: 0 !important;
        background: linear-gradient(-45deg, #ebebeb 0%, rgba(250, 250, 250, 0) 100%); }
        .comHeading.comHeading--new--mobile .flexslider .flex-direction-nav .flex-next::before {
          justify-content: flex-end; }
      .comHeading.comHeading--new--mobile .flexslider .slides li {
        position: relative; }
        .comHeading.comHeading--new--mobile .flexslider .slides li[active]::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          height: 1px;
          width: 100%;
          background: #007aff; }
        .comHeading.comHeading--new--mobile .flexslider .slides li[active] a {
          color: #007aff; }
        .comHeading.comHeading--new--mobile .flexslider .slides li a {
          display: block;
          padding: 10px 0;
          font-size: 10px;
          font-weight: bold;
          letter-spacing: 1.7px;
          color: #17191d; }
  @media screen and (max-width: 768px) {
    .comHeading > span {
      font-size: .9em; } }

.comNote__wrapper {
  height: 0;
  overflow: hidden; }

.comNote {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border-radius: 3px;
  background-color: #EAF8FF;
  margin-bottom: 16px;
  padding: 16px 24px; }
  .comNote .btn, .comNote .btn--secondary, .comNote .btn--success, .comNote .btn--simple, .comNote .btn--light, .comNote .btn--grey, .comNote .btn--minor {
    flex-grow: 0;
    min-width: 68px;
    border-color: rgba(0, 111, 255, 0.33);
    margin-left: 24px; }
  .comNote .text {
    flex-grow: 1;
    font-size: .9em;
    opacity: .9; }

.comPopup {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  padding: 40px;
  max-width: 670px;
  margin: 0 auto;
  background: #FFFFFF;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
  border-radius: 6px; }
  .comPopup header {
    width: 100%;
    margin: 8px 0 24px 0;
    font-size: 24px; }
  .comPopup .btn, .comPopup .btn--secondary, .comPopup .btn--success, .comPopup .btn--simple, .comPopup .btn--light, .comPopup .btn--grey, .comPopup .btn--minor {
    flex-grow: 0;
    min-width: 150px;
    background-color: #006fff; }
  .comPopup .text {
    flex-grow: 1;
    font-size: .9em;
    padding-bottom: 16px; }

.comBorderBoxWrapper {
  background: #e9e9e9;
  background: -moz-linear-gradient(top, #e9e9e9 0%, white 100%);
  background: -webkit-linear-gradient(top, #e9e9e9 0%, white 100%);
  background: linear-gradient(to bottom, #e9e9e9 0%, white 100%);
  padding: 1px;
  border-radius: 4px; }

.comBorderBox {
  background: #fff;
  padding: 16px 24px;
  position: relative;
  border-radius: 4px; }
  @media screen and (max-width: 768px) {
    .comBorderBox .comProductTile {
      margin-left: -24px;
      margin-right: -24px; } }

.comBorderBox__number {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -20px;
  left: -18px;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  color: #fff;
  background: #006fff;
  font-weight: 700; }

.comBorderBox__description {
  width: 90%;
  padding-bottom: 16px; }
  .comBorderBox__description a {
    color: #070707; }
    .comBorderBox__description a:hover {
      color: #006fff; }
  .comBorderBox__description h4, .comBorderBox__description .h4 {
    margin-top: 4px;
    font-size: 1.1em; }
  .comBorderBox__description em {
    color: rgba(7, 7, 7, 0.64); }

.comBorderBox__button {
  float: right;
  margin: 8px 0 20px 20px;
  padding: 8px 12px; }
  .comBorderBox__button.small-up--hide {
    display: block;
    float: none;
    margin: 20px 0 10px; }

.temp {
  color: red; }

.comGlobalHeader {
  text-align: left;
  position: relative;
  z-index: 9999;
  width: 100%;
  height: 48px;
  backface-visibility: hidden;
  font-family: "Roboto", sans-serif; }

.comGlobalHeader__content {
  background-color: #f6f6f8;
  height: 48px;
  width: 100%;
  position: relative;
  display: flex; }

.comGlobalHeader__logo {
  flex-grow: 0;
  width: 48px;
  height: 48px;
  flex-basis: 48px;
  transition: .3s; }

.comGlobalHeader__nav {
  flex-grow: 0;
  margin: 0;
  list-style: none;
  background-color: #f6f6f8;
  display: flex;
  align-items: center; }

.comGlobalHeader__navRight {
  flex-grow: 1;
  text-align: right;
  justify-content: flex-end; }

.comGlobalHeader__navItem {
  display: inline-block;
  line-height: 48px;
  margin: 0;
  height: 100%; }
  .comGlobalHeader__navItem .site-header__cart-icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .comGlobalHeader__navItem .site-header__cart-icon .cart-item-count {
      position: absolute;
      left: 60%;
      bottom: 30%;
      border: 1.4px solid #F1F2F4;
      border-radius: 50%;
      background: #FF4646;
      color: #fff;
      font-size: 9px;
      font-weight: bold;
      letter-spacing: -0.43px;
      width: 18px;
      height: 18px;
      display: flex;
      justify-content: center;
      align-items: center; }

.comGlobalHeader__navItemLink {
  position: relative;
  font-size: 13px;
  letter-spacing: -0.002em;
  color: #525461;
  white-space: nowrap;
  transition: .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }
  .comGlobalHeader__navItemLink.is-active:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 30px;
    background: #0964C8;
    background: linear-gradient(180deg, #0964c8 0%, #007aff 100%);
    top: 0;
    left: 50%;
    transform: translateX(-60%); }
  .comGlobalHeader__navItemLink .icon {
    font-size: 10px;
    transform: translate(2px, 0); }
  .comGlobalHeader__navItemLink.is-active, .comGlobalHeader__navItemLink:hover, .comGlobalHeader__navItemLink:focus {
    color: #006fff; }
    .comGlobalHeader__navItemLink.is-active .icon, .comGlobalHeader__navItemLink.is-active svg, .comGlobalHeader__navItemLink:hover .icon, .comGlobalHeader__navItemLink:hover svg, .comGlobalHeader__navItemLink:focus .icon, .comGlobalHeader__navItemLink:focus svg {
      fill: #006fff;
      color: #525461; }

.comGlobalHeader__stores {
  position: absolute;
  z-index: 801;
  top: 48px;
  left: 48px;
  min-width: 150px;
  background-color: #F6F6F8;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  max-height: 0;
  transition: .3s; }
  .comGlobalHeader__stores li {
    margin: 0; }
  .comGlobalHeader__stores a {
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.002em;
    display: block;
    padding: 10px 24px;
    color: #525461; }
    .comGlobalHeader__stores a:hover {
      color: #006fff; }
  .comGlobalHeader__stores.active {
    max-height: 250px;
    top: 45px; }

.comShopHeader {
  display: flex;
  position: relative;
  z-index: 1;
  flex-wrap: nowrap;
  align-items: stretch;
  background-color: #fafafa;
  border-bottom: 1px solid #f0f0f0; }

.comShopHeader__section {
  font-family: "Roboto", sans-serif;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: stretch;
  transition: .3s;
  flex-shrink: 0;
  z-index: 5; }
  .comShopHeader__section.home {
    flex-grow: 1;
    z-index: 4; }
    .comShopHeader__section.home .comShopHeader__section__title {
      color: #fff;
      background: #11a2ec;
      background: linear-gradient(to right, #11a2ec 0%, #007aff 100%); }
    .comShopHeader__section.home .comShopHeader__items {
      background: linear-gradient(to right, #fafafa 50%, #f2f2f2 100%); }
  .comShopHeader__section.unifi {
    flex-grow: 3;
    z-index: 1; }
    .comShopHeader__section.unifi .comShopHeader__section__title {
      color: #fff;
      background: #11a2ec;
      background: linear-gradient(to right, #11a2ec 0%, #007aff 100%);
      padding-left: 62px; }
    .comShopHeader__section.unifi .comShopHeader__items {
      background-color: #F5F5F5;
      padding-left: 20px; }
  .comShopHeader__section.operator {
    flex-grow: 2;
    z-index: 2;
    margin-left: -12px; }
    .comShopHeader__section.operator .comShopHeader__section__title {
      background: #EAEAEA;
      color: #525461;
      padding-left: 62px; }
    .comShopHeader__section.operator .comShopHeader__items {
      background: linear-gradient(to right, #fafafa 50%, #f2f2f2 100%);
      padding-left: 20px; }
  .comShopHeader__section.beta {
    flex-grow: 0;
    z-index: 3;
    margin-left: -16px; }
    .comShopHeader__section.beta .comShopHeader__section__title {
      color: #fff;
      background: #525461;
      padding-left: 62px; }
    .comShopHeader__section.beta .comShopHeader__items {
      background: #fafafa;
      padding-left: 20px; }

.comShopHeader__section__cornerWrapper {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  top: 0;
  left: 0;
  width: 50px;
  height: 112px;
  transition: .3s; }

.comShopHeader__section__corner {
  display: block;
  width: 50px;
  height: 112px; }

.comShopHeader__section__title {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  padding: 2px 16px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap; }
  .comShopHeader__section__title > .icon-arrow-down {
    transform: rotate(-90deg); }

.comShopHeader__items {
  display: flex;
  flex-grow: 1;
  justify-content: space-evenly;
  align-items: center;
  margin: 0;
  padding: 0;
  height: 50px;
  overflow: hidden;
  transition: .3s;
  height: 92px; }
  .comShopHeader__items li {
    list-style: none;
    margin: 0;
    padding: 0; }

.comShopHeader__item {
  display: flex;
  flex-direction: column;
  text-align: center; }
  .comShopHeader__item.active svg {
    fill: #006fff; }

.comShopHeader__item__link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  min-height: 50px;
  white-space: nowrap; }
  .comShopHeader__item__link svg {
    fill: #4a4a4a;
    max-width: 75px;
    transition: .3s; }
  .comShopHeader__item__link:hover svg {
    fill: #006fff; }
  .comShopHeader__item__link:hover .comShopHeader__item__title {
    color: #006fff; }

.comShopHeader__item__image {
  max-width: 80px;
  margin-bottom: 4px; }

.comShopHeader__item__title {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  color: #525461;
  transition: .3s; }
  .comShopHeader__item__title.active {
    color: #006fff; }

@media screen and (max-width: 960px) {
  .comShopHeader {
    display: none; }

  .comShopHeader__items {
    display: none; }

  .comShopHeader__section__cornerWrapper {
    display: none; }

  .comShopHeader__section.operator {
    margin-left: 0; }
    .comShopHeader__section.operator .comShopHeader__section__title {
      padding-left: 20px; }
  .comShopHeader__section.beta {
    margin-left: 0; }
    .comShopHeader__section.beta .comShopHeader__section__title {
      padding-left: 20px; }

  .comShopHeader__section__title {
    user-select: none;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
    padding: 20px; } }
.comShopHeader__mobile {
  display: none;
  position: relative;
  font-family: "Roboto", sans-serif; }
  @media screen and (max-width: 960px) {
    .comShopHeader__mobile {
      display: block; } }
  .comShopHeader__mobile .menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    background: #006fff;
    color: white;
    border-bottom: 1px solid #eee; }
    .comShopHeader__mobile .menu-header.grey {
      background: #FBFBFB;
      color: #525461; }
    .comShopHeader__mobile .menu-header .menu-header-item {
      display: flex;
      flex-grow: 1;
      text-align: left;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: -0.002em;
      text-align: left;
      height: 100%;
      align-items: center;
      margin: 0 16px; }
      .comShopHeader__mobile .menu-header .menu-header-item.menu-header-item--button {
        flex-grow: 0;
        margin: 0;
        padding: 0 16px;
        height: 48px; }
  .comShopHeader__mobile .comShopHeader__mobile__menu {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    color: #17191d;
    overflow: hidden;
    max-height: 0;
    transition: .3s; }
    .comShopHeader__mobile .comShopHeader__mobile__menu.active {
      max-height: 1000px; }
    .comShopHeader__mobile .comShopHeader__mobile__menu .menu-close-icon {
      position: absolute;
      top: 0;
      right: 0;
      padding: 15px; }
      .comShopHeader__mobile .comShopHeader__mobile__menu .menu-close-icon:hover svg {
        transform: rotate(90deg); }
    .comShopHeader__mobile .comShopHeader__mobile__menu a {
      transition: none; }
    .comShopHeader__mobile .comShopHeader__mobile__menu .icon.icon-close {
      cursor: pointer;
      color: inherit;
      font-size: 48px;
      line-height: 27px;
      font-weight: 300; }
    .comShopHeader__mobile .comShopHeader__mobile__menu .menu-content {
      overflow-x: hidden;
      overflow-y: auto;
      height: 100%;
      max-height: 100%;
      background: #fff; }
    .comShopHeader__mobile .comShopHeader__mobile__menu .menu-section {
      display: flex;
      background: #fff;
      min-height: 100px; }
      .comShopHeader__mobile .comShopHeader__mobile__menu .menu-section.menu-section--home .section-title {
        background: #0964c8;
        border-top: 1px solid #0964c8;
        color: #fff; }
      .comShopHeader__mobile .comShopHeader__mobile__menu .menu-section.menu-section--unifi .section-title {
        background: #006fff;
        color: #fff; }
      .comShopHeader__mobile .comShopHeader__mobile__menu .menu-section.menu-section--unifi .menu-tile {
        width: 33.3333%; }
      .comShopHeader__mobile .comShopHeader__mobile__menu .menu-section.menu-section--operator .section-title {
        background: #EAEAEA;
        color: rgba(0, 0, 0, 0.5); }
      .comShopHeader__mobile .comShopHeader__mobile__menu .menu-section.menu-section--beta .section-title {
        background: #525461;
        color: #ffffff; }
      .comShopHeader__mobile .comShopHeader__mobile__menu .menu-section .section-title {
        writing-mode: vertical-lr;
        transform: rotate(-180deg);
        text-align: right;
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing: 1px;
        font-weight: bold;
        letter-spacing: 0px;
        padding: 16px 4px;
        width: 23px; }
    .comShopHeader__mobile .comShopHeader__mobile__menu .menu-tiles {
      flex-grow: 1;
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid #eee; }
    .comShopHeader__mobile .comShopHeader__mobile__menu .menu-tile {
      width: 50%;
      padding: 15px 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      cursor: pointer; }
      .comShopHeader__mobile .comShopHeader__mobile__menu .menu-tile.active .tile-title, .comShopHeader__mobile .comShopHeader__mobile__menu .menu-tile:hover .tile-title {
        color: #006fff; }
      .comShopHeader__mobile .comShopHeader__mobile__menu .menu-tile.active svg, .comShopHeader__mobile .comShopHeader__mobile__menu .menu-tile:hover svg {
        fill: #006fff; }
      .comShopHeader__mobile .comShopHeader__mobile__menu .menu-tile .tile-image {
        text-align: center; }
        .comShopHeader__mobile .comShopHeader__mobile__menu .menu-tile .tile-image svg,
        .comShopHeader__mobile .comShopHeader__mobile__menu .menu-tile .tile-image img {
          width: 56%;
          height: auto;
          max-width: 100px; }
        .comShopHeader__mobile .comShopHeader__mobile__menu .menu-tile .tile-image svg {
          transform: scale(0.7); }
      .comShopHeader__mobile .comShopHeader__mobile__menu .menu-tile .tile-title {
        color: #525461;
        font-size: 10px;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
        padding: 0 8px; }
    .comShopHeader__mobile .comShopHeader__mobile__menu .menu-link {
      display: flex;
      align-items: center;
      background-color: #fff;
      border-bottom: 1px solid #eee;
      padding: 9px 16px 8px 16px;
      min-height: 48px;
      color: #525461;
      font-size: 14px;
      letter-spacing: -0.002em; }
      .comShopHeader__mobile .comShopHeader__mobile__menu .menu-link svg {
        transform: translateY(-1px); }
      .comShopHeader__mobile .comShopHeader__mobile__menu .menu-link:hover {
        color: #006fff; }
        .comShopHeader__mobile .comShopHeader__mobile__menu .menu-link:hover svg {
          fill: #006fff; }

.comShopHeaderSubmenu {
  background: #fff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1); }
  @media screen and (max-width: 960px) {
    .comShopHeaderSubmenu {
      height: 48px; } }
  .comShopHeaderSubmenu .comShopHeaderSubmenu__items {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
    text-align: center; }
    @media screen and (max-width: 960px) {
      .comShopHeaderSubmenu .comShopHeaderSubmenu__items {
        justify-content: flex-start;
        height: 48px; } }
    .comShopHeaderSubmenu .comShopHeaderSubmenu__items:hover .comShopHeaderSubmenu__item.active .comShopHeaderSubmenu__item__link {
      color: #525461; }
  .comShopHeaderSubmenu .comShopHeaderSubmenu__item {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100%;
    width: auto !important;
    flex-shrink: 0; }
    .comShopHeaderSubmenu .comShopHeaderSubmenu__item.active .comShopHeaderSubmenu__item__link {
      color: #006fff; }
  .comShopHeaderSubmenu .comShopHeaderSubmenu__item__link {
    position: relative;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    letter-spacing: -0.002em;
    color: #525461;
    padding: 12px 16px 13px 16px;
    white-space: nowrap;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .comShopHeaderSubmenu .comShopHeaderSubmenu__item__link:hover {
      color: #006fff; }
  .comShopHeaderSubmenu .flex-direction-nav .flex-prev,
  .comShopHeaderSubmenu .flex-direction-nav .flex-next {
    height: 48px;
    font-size: 0;
    margin: 0;
    top: 0;
    width: 80px;
    display: flex;
    align-items: center; }
    .comShopHeaderSubmenu .flex-direction-nav .flex-prev:before,
    .comShopHeaderSubmenu .flex-direction-nav .flex-next:before {
      content: ''; }
    .comShopHeaderSubmenu .flex-direction-nav .flex-prev:after,
    .comShopHeaderSubmenu .flex-direction-nav .flex-next:after {
      content: '';
      display: block;
      height: 12px;
      width: 12px;
      background: transparent 50% 50% no-repeat;
      background-size: cover;
      margin: 0 14px; }
  .comShopHeaderSubmenu .flex-direction-nav .flex-prev:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEmSURBVHgBzdarDsIwFAbg02GQPAIowkUMFBIkbuEWHJcn4A3gUfCYWRThCRgCmJxEzkM4tCSMLbu1S7vwqzZt92UVPQcgQ4zxXIcM0UAwg9FyrSE5DSeLGQimILKZQQC4+UwQjHqz5dwu1pn3POHdGIB+cV9PrJjm1uX5Btc1xkIEe7wQS+qfJUK7rQUCIXlBiZhsKBZTAUViqqAQphIKYKohD8sDYtEMY16m0Cq0gsSUCbEUbNtyqw19T4BM6bzorRDQa/U23K6nI0jK5yG2r9Y9EgToygS9Vz8PMFBiVIOheqYSjCyeqsDYSq0CTGwLZIOpPYhMkLsHYe0b7aoOdFjynXZeD2xJ7UFY2NPF3ko6dH2QUA8i1Mp9r5RKHXxin0IO/Gvet/fki7eo3TQAAAAASUVORK5CYII="); }
  .comShopHeaderSubmenu .flex-direction-nav .flex-next:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAYAAABiFp9rAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEESURBVHgBvdTBDYJQDAbgFvXuCFyNF+IGboBE7sAEbqAbGBcQ7hiiE+AG3PTqIMb6QC4YEts+4p+QvLz08aWEVwBhfD9yQRFHUuyHkeeMsQrCJAVhRtzCBiEszXJqHm82X7j3W3Xhnmd3hIRpi3xCFEk6Y0P0pBUgPLqbfAxBkPpHcCbm8xG43bdgVuTHGIaCbDAxpMVUkAZTQ1LMCpJg1hAXGwTiYINBdYJ1sje3ePO9/wJaiobqD2Tbh5jZFZ9P2XWQjlpk14cUeZY1S7AMB7GGuIgVJEHUkBRRQRpEDGkREWSD1GFdWDNepgTka5GmFJipMRxjaQ54UkQEdTCkgwT5a945T6GUJBQ17AAAAABJRU5ErkJggg=="); }
  .comShopHeaderSubmenu .flex-direction-nav .flex-prev {
    left: 0 !important;
    background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%); }
  .comShopHeaderSubmenu .flex-direction-nav .flex-next {
    right: 0 !important;
    background: linear-gradient(-90deg, white 0%, rgba(255, 255, 255, 0) 100%);
    justify-content: flex-end; }

/*============================================================================
  #Site Footer
==============================================================================*/
.comGlobalFooter {
  font-family: "Roboto", sans-serif;
  background-color: #F6F6F8;
  color: #525461;
  padding: 32px 32px 2px 32px;
  min-height: 190px;
  width: 100%;
  display: block;
  font-size: 13px; }
  .comGlobalFooter li {
    margin-bottom: 4px; }
  .comGlobalFooter svg {
    transition: .3s; }
  .comGlobalFooter a {
    color: #525461; }
    .comGlobalFooter a:hover {
      color: #006fff; }
      .comGlobalFooter a:hover svg path {
        fill: #006fff; }
  .comGlobalFooter .wrapper {
    max-width: 1160px; }

@media screen and (max-width: 960px) {
  .comGlobalFooter__column.social {
    min-width: 320px; } }

.comGlobalFooter__title {
  display: block;
  color: #525461;
  font-family: inherit;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -.0044em; }

.comGlobalFooter__copyright {
  font-size: 12px;
  padding-bottom: 16px; }
  .comGlobalFooter__copyright hr {
    border-top-color: rgba(82, 84, 97, 0.2);
    margin: 16px 0; }

.comGlobalFooter__icons a {
  display: inline-block;
  padding: 0 8px 8px 8px; }

.comGlobalFooter__form {
  width: 100%;
  font-size: 13px;
  transform: translateY(3px);
  margin-bottom: 32px; }

.comGlobalFooter__form__input {
  border: 1px solid rgba(82, 84, 97, 0.64);
  border-radius: 0;
  background: transparent;
  margin: 0;
  width: 100%;
  padding: 7px 10px;
  font-family: inherit;
  font-weight: 400;
  font-size: inherit; }
  .comGlobalFooter__form__input:focus {
    border-color: rgba(82, 84, 97, 0.64); }

.comGlobalFooter__form__button {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #525461;
  background: #525461;
  color: #F6F6F8;
  border-radius: 0;
  padding: 7px 12px;
  font-family: inherit;
  font-weight: 700;
  font-size: inherit;
  transition: .3s; }
  .comGlobalFooter__form__button:focus, .comGlobalFooter__form__button:hover {
    background: #006fff;
    border: 1px solid #006fff; }

.comSectionBanner {
  position: relative; }
  .comSectionBanner:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    top: 0;
    left: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); }

.comSectionBanner__item {
  height: 400px;
  padding: 0 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
  color: #fff; }

.comSectionBanner__item--light {
  background-color: #eee;
  background-image: linear-gradient(-8deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-linear-gradient(-8deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(-8deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 );
  background-size: contain;
  background-position: 50% 50%;
  color: #070707; }

.comSectionBanner__contentWrapper {
  display: flex;
  height: 400px; }

.comSectionBanner__content {
  align-self: center;
  text-align: left;
  padding: 16px 32px 16px 0;
  max-width: 500px; }

.comSectionBanner__image {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
  max-width: 630px;
  height: 400px; }
  .comSectionBanner__image img {
    align-self: center; }

.comSectionBanner__price {
  display: inline-block;
  font-weight: 300;
  font-size: 30px;
  padding-right: 16px;
  vertical-align: middle; }

.comCollectionBanner {
  position: relative;
  z-index: -1;
  background: transparent url("") no-repeat 50% 50%;
  background-size: cover;
  min-height: 300px; }
  .comCollectionBanner h1, .comCollectionBanner .h1, .comCollectionBanner h2, .comCollectionBanner .h2, .comCollectionBanner h3, .comCollectionBanner .h3, .comCollectionBanner h4, .comCollectionBanner .h4, .comCollectionBanner h5, .comCollectionBanner .h5, .comCollectionBanner h6, .comCollectionBanner .h6, .comCollectionBanner .h1, .comCollectionBanner .h2, .comCollectionBanner .h3, .comCollectionBanner .h4, .comCollectionBanner .h5, .comCollectionBanner .h6 {
    font-weight: 300;
    line-height: 1.2em; }
  .comCollectionBanner h2, .comCollectionBanner .h2 {
    font-size: 2.2em; }
  @media screen and (max-width: 768px) {
    .comCollectionBanner {
      color: #f8f8f8; } }
  .comCollectionBanner .wrapper {
    padding: 0 30px; }
  .comCollectionBanner .grid__item {
    display: flex;
    min-height: 300px;
    flex-direction: column;
    justify-content: center; }
  .comCollectionBanner .overlay {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); }
  .comCollectionBanner.dark {
    background-color: #404554;
    color: #f8f8f8; }

.comCollectionBanner__icons {
  width: 100%;
  height: 76px;
  max-width: 400px;
  margin: 0 auto;
  transform: translateY(256px); }
  @media screen and (min-width: 960px) {
    .comCollectionBanner__icons {
      transform: translateY(225px); } }

.comCollectionBanner__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.comCollectionBanner--animated {
  background-color: #0b0b0b; }

#unifi_ac_hd {
  background-image: url(https://cdn.shopify.com/s/files/1/1439/1668/files/unifi-ac-hd.png?3); }
  @media screen and (max-width: 600px) {
    #unifi_ac_hd {
      background-position: 160px 0; } }

@media screen and (max-width: 640px) {
  #unifi_ac_hd__description {
    position: relative;
    left: -50px; } }

#sw_img {
  width: calc(100% - 16px);
  max-width: 360px;
  margin: 40px 0 24px 0; }

#PageContainer {
  overflow: hidden; }

.page-container:after {
  content: '';
  display: block;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(27, 27, 27, 0);
  position: absolute;
  transition: .3s; }

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

.drawer {
  -webkit-transform: translateZ(0);
  will-change: transform;
  display: none;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  top: 0;
  bottom: 0;
  padding: 0;
  max-width: 95%;
  z-index: 10;
  color: #333333;
  background-color: #f8f8f8;
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
  .drawer input,
  .drawer textarea {
    border-color: #ebebeb; }

.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); }
    .lt-ie9 .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); }
    .lt-ie9 .js-drawer-open-right .drawer--right {
      right: 0; }

.is-moved-by-drawer {
  -webkit-transform: translateZ(0);
  will-change: transform;
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); }
  .js-drawer-open-left .is-moved-by-drawer {
    -ms-transform: translateX(300px);
    -webkit-transform: translateX(300px);
    transform: translateX(300px); }
  .js-drawer-open-right .is-moved-by-drawer:after {
    display: block;
    z-index: 3;
    background: rgba(27, 27, 27, 0.32); }

.drawer__header {
  display: table;
  height: 56px;
  width: 100%;
  margin-bottom: 12px;
  background-color: #006fff;
  color: #f8f8f8; }

.drawer__title,
.drawer__close {
  display: table-cell;
  vertical-align: middle; }

.drawer__title {
  width: 100%;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 11px;
  padding: 4px 16px 0 16px; }

.drawer--left__close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0; }
  .drawer--left__close button {
    padding: 12px;
    color: #006fff; }

.drawer__close {
  width: 1%;
  text-align: center;
  font-size: 1.125em; }
  .drawer__close button {
    position: relative;
    right: -10px;
    top: 0;
    height: 100%;
    padding: 0 20px;
    color: inherit; }
    .drawer__close button:active, .drawer__close button:focus {
      background-color: rgba(0, 0, 0, 0.1); }

.drawer__content {
  padding: 0 16px 16px 16px; }
  .drawer__content textarea.input-full {
    min-height: 64px; }

/*============================================================================
  #Site Footer
==============================================================================*/
.site-footer {
  background-color: #070707;
  padding: 24px 0;
  color: #f8f8f8; }
  @media screen and (min-width: 1200px) {
    .site-footer {
      padding: 48px 0; } }

/*============================================================================
  #Product Page
==============================================================================*/
#productGalleryAndBanners {
  margin-top: 40px; }

.no-js .product-single__variants {
  display: block; }

.product-single__photos {
  margin-bottom: 24px; }

.product-single__photos a,
.product-single__photos img,
.product-single__thumbnails a,
.product-single__thumbnails img {
  display: block;
  margin: 0 auto; }
.product-single__photos a,
.product-single__thumbnails a {
  border-top: 2px solid rgba(0, 111, 255, 0); }
  .product-single__photos a.active,
  .product-single__thumbnails a.active {
    border-top: 2px solid #006fff; }
.product-single__photos li,
.product-single__thumbnails li {
  margin-bottom: 24px; }

/*============================================================================
  PRODUCT TILE
==============================================================================*/
.grid-products {
  display: flex;
  flex-wrap: wrap; }
  .grid-products .grid__item {
    margin-bottom: 16px; }

.comProductTile {
  border-radius: 6px;
  padding: 16px;
  transition: .3s;
  background-color: #fbfbfb;
  height: 100%;
  min-height: 324px;
  position: relative; }
  .comProductTile:hover {
    background-color: #eaf8ff; }
    .comProductTile:hover .comProductTile__toggle .icon {
      opacity: 1;
      top: 0; }
    .comProductTile:hover .comProductTile__button {
      bottom: 10px;
      opacity: 1; }
    .comProductTile:hover .comProductTile__title a {
      color: #006fff; }
  .comProductTile .btn, .comProductTile .btn--secondary, .comProductTile .btn--success, .comProductTile .btn--simple, .comProductTile .btn--light, .comProductTile .btn--grey, .comProductTile .btn--minor {
    background: linear-gradient(0deg, #0964c8 0%, #007aff 100%); }
    .comProductTile .btn:hover, .comProductTile .btn--secondary:hover, .comProductTile .btn--success:hover, .comProductTile .btn--simple:hover, .comProductTile .btn--light:hover, .comProductTile .btn--grey:hover, .comProductTile .btn--minor:hover {
      background: linear-gradient(0deg, #007aff 0%, #007aff 100%); }

.comProductTile--compact {
  display: flex;
  align-items: center;
  min-height: auto; }
  .comProductTile--compact .comProductTile__main {
    flex-basis: 30%; }
  .comProductTile--compact .comProductTile__title {
    flex-basis: 70%;
    padding-left: 24px;
    padding-top: 8px; }

.comProductTile__options {
  position: absolute;
  z-index: 3;
  top: -12px;
  left: 12px; }
  .comProductTile__options span {
    display: inline-block;
    padding: 1px 4px;
    background: #9B9B9B;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 3px;
    margin-right: 2px;
    white-space: nowrap; }

.comProductTile__main {
  position: relative;
  overflow: hidden; }

.comProductTile__toggle {
  display: block;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  width: 30px;
  height: 30px;
  overflow: hidden;
  top: 0;
  left: 0;
  font-size: 16px;
  text-align: center; }
  .comProductTile__toggle .icon {
    position: relative;
    opacity: 0;
    transition: .2s ease-out;
    top: 8px;
    color: #50585c; }
  .comProductTile__toggle:hover .icon {
    color: #006fff; }
  .comProductTile__toggle:hover + .comProductTile__lead {
    top: 0;
    opacity: 1; }
  .comProductTile__toggle:hover ~ .comProductTile__image {
    opacity: 0; }

.comProductTile__lead {
  font-size: 13px;
  line-height: 1.3em; }

.comProductTile__image {
  position: relative;
  z-index: 2;
  display: block;
  height: 0;
  padding-bottom: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  transition: 1s; }
  .comProductTile__image.rectangle {
    background-size: cover;
    padding-bottom: 52%; }

.comProductTile__title {
  margin-bottom: 4px; }
  .comProductTile__title a {
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.3;
    color: #070707; }
    @media screen and (max-width: 480px) {
      .comProductTile__title a {
        font-size: 1.2em; } }

.comProductTile__button {
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 24px;
  height: 32px;
  opacity: 0;
  transition: .3s; }

.comProductTile__beta {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 2px 6px;
  margin-right: 3px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  background: #13bb72;
  border-radius: 3px; }

.comProductTile__beta--soldOut {
  background: #b2b6b8; }

.comProductTile__soldOut {
  position: relative;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 9px; }

.comProductTile__price {
  font-size: .95em;
  opacity: .85; }
  @media screen and (max-width: 480px) {
    .comProductTile__price {
      font-size: 1.1em; } }

.comProductTile__labels {
  position: absolute;
  z-index: 3;
  text-align: left;
  top: 16px;
  left: 16px; }

.comProductTile__label {
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  background: #363950;
  padding: 4px 8px;
  margin: 0 4px 4px 0;
  font-size: 11px;
  font-weight: 600; }

.comProductTile__label--pre-order {
  background-color: #F4EED1;
  color: #BC8225; }

.comProductTile__label--bestseller {
  background-color: #E9E0FF;
  color: #a557eb; }

.comProductTile__label--ea {
  background-color: #B2B6B8;
  color: #FFFFFF; }

.comProductTile__label--ea.available {
  background-color: #DCF3E9;
  color: #2F9E52; }

.comProductTile__label--new {
  background-color: #D2E6FE;
  color: #006FFD; }

.comProductTile__bestseller {
  font-weight: 700;
  font-size: 12px;
  color: #006fff;
  display: flex;
  align-items: center; }
  .comProductTile__bestseller svg, .comProductTile__bestseller img {
    flex-basis: 12px;
    width: 12px;
    height: 12px;
    display: block;
    margin-right: 4px; }

.comProductTile--special {
  height: 200px; }
  .comProductTile--special .comProductTile__main,
  .comProductTile--special .comProductTile__title {
    float: left;
    height: 100%;
    width: 50%;
    overflow: visible; }

.comProductTile--viewMore {
  border: 1px solid #006fff;
  background-color: #006fff; }
  .comProductTile--viewMore:hover {
    background-color: #006bf5;
    border: 1px solid #0064e6; }
    .comProductTile--viewMore:hover .arrow {
      opacity: .8;
      background-position: 95% 50%; }
  .comProductTile--viewMore:after {
    display: none; }
  .comProductTile--viewMore a.comProductTile__main {
    display: flex;
    position: relative;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff; }
  .comProductTile--viewMore div {
    align-self: center;
    font-size: 11px;
    padding: 2rem; }
  .comProductTile--viewMore .arrow {
    display: block;
    opacity: .4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAABoCAYAAACZmlKPAAAABGdBTUEAALGPC/xhBQAAA7xJREFUaAXt27lrFWEUxmETNcY9imhAAkJQ3HdF475BCgUtLLRIoaCFhRYW4h43EJe4a2GhoEWKFFqkSCGoKLjEHTHugogiIqK4RsffO/eMTP6CcwoPvHw3pJiHc+7cZea77dpRSZKUaA1RYOrIZzI2AqgYxDfSjZwO0SkQnUkLUe2K0CU9h6rIb9JKJkRB7Qajekg6uaNAlBqGJdnjDhIAyESisWl8k6OgdoJR6Yne2R0FooTcJ6o6d5AAQMaSX0SjmxoFVQtG9YR0cUeB6EjuENVhd5AAQEaRn+QPmRkFtRGM6jnRe55vgehAmonqhK/Gjg5kOPlBNLq5UVDrwKhekR7uKBDtyTWiOukOEgDIEPJNIqo6CmptwZO8Zu3pjgJRTK4a6rQ7SAAwg8hXQ82PglptoDesvdxRIDS6S4Y66w4SAEwl+WKohVFQqwz0lrWPOwpEEblgqHp3kABgBhB9HVctjoJaUfAk71n7RkE1GaohCqgC0CdDLY2CWmagD6zlUVCNhjoXBdQf0EdD1URB1RhIsP5RUOcN1RgFVA5IT27V8iioJQVP+nJQEQXVYKimKKC+gPSWoloZBbW44EnfhAdEQdUbSh9XitxRIPqQd4Za5Q4SAMwiA+mjb2UU1BlDXWQNMbreQPT1SbUmSpcWFDzpF86BUVCnDHWFVXemfAtEGdFFC9VaX40dHUh1yilc5hkcBXXSUJf951ZoyQvrTD/3DtGZoeS7dWieKwiErlteN4z/JWcg6w2jK7vdvbszDEQ2Kt9r30A0qhtEddy1Mzo4iA0pJUlesoYYVXabYo5rd+iGbuRkozrmirFRZbe6XgDzvdUFIH9HabZrd8BoVDeJ6qgrJuKoRtCV7KwKMarmdFBJciTCqDYZ5jmr+1mVH9Us1+7QDZ1VoUa1OTeqrt7dGQkmxm4IG9Ut647/fhEgWwzzjNV9VPmNKzO8nzfa2nPbunPIFaODA9lqmP+jajMNupIf1cE2//T4Izeqpzz23acGYDTJXgCnezTk3zGB5DfMHfj3D68HgGqJyn9LIYgx5Bf5Q6Z5NSU9LgCN6i5R+W9LBbEtpQQb1W9QvvtjAZSQUKPabqN6zOq7xxpAfivzFO+zSqO6Z93Z74rRwYHsMEyIUY0DoxdAnVUhRpXty98XYVQ7bVQtrO5nVX5UVa7doRs6q7JR7XXF6OBgslE94nGpKwjAeNJKdFb5/gwHQCfygKj8f6gEYldKSZIQo9LVimxUk1yfN/ZEngNIH0dj/BzQUGXunTHAX/N1kNWrWnkpAAAAAElFTkSuQmCC") 90% 50% no-repeat;
    transition: .3s; }

.comProduct__title--wrapper {
  position: relative;
  z-index: 3; }
  @media screen and (min-width: 961px) {
    .comProduct__title--wrapper {
      display: flex;
      align-items: flex-start;
      white-space: nowrap; } }
  .comProduct__title--wrapper .comProduct__title {
    letter-spacing: 0.18px;
    line-height: 1.2em;
    font-weight: 300;
    font-size: 2.1em;
    display: inline;
    margin-right: 8px;
    vertical-align: middle; }
    @media screen and (min-width: 961px) {
      .comProduct__title--wrapper .comProduct__title {
        margin-bottom: 0; } }
  @media screen and (min-width: 961px) {
    .comProduct__title--wrapper .comProduct__badge {
      transform: translateY(7px); } }

.comProduct__badge {
  border: 2px solid transparent;
  font-size: .8em;
  font-weight: bold;
  line-height: 1.2em;
  min-height: 27px;
  padding: 4px 16px;
  display: inline-block;
  border-radius: 40px;
  margin: 0 8px 0 0;
  transform: translateY(1px);
  white-space: nowrap; }
  .comProduct__badge.comProduct__badge--muted {
    color: #a4a8b4;
    border-color: #a4a8b4; }
  .comProduct__badge.comProduct__badge--beta {
    color: #13bb72;
    border-color: #13bb72; }
  .comProduct__badge.comProduct__badge--in-stock {
    color: #006fff;
    border-color: #006fff; }
  .comProduct__badge.comProduct__badge--wave {
    font-weight: 400;
    color: #006fff;
    border-color: #006fff; }
    .comProduct__badge.comProduct__badge--wave strong {
      font-weight: 700; }

.comProduct__description {
  margin-bottom: 24px;
  color: #3A3E42;
  letter-spacing: 0px;
  line-height: 1.5; }
  .comProduct__description li, .comProduct__description p {
    line-height: 1.5; }
  .comProduct__description h2, .comProduct__description .h2,
  .comProduct__description h3,
  .comProduct__description .h3,
  .comProduct__description h4,
  .comProduct__description .h4,
  .comProduct__description h5,
  .comProduct__description .h5,
  .comProduct__description h6,
  .comProduct__description .h6 {
    margin-top: 24px; }
  .comProduct__description #product-attribute-specs-table {
    display: none; }

.comProduct__sku span:after {
  content: ', ';
  display: inline-block;
  padding-right: 5px; }
.comProduct__sku span:last-child:after {
  content: ''; }

.comProduct__externals a {
  color: #4a4a4a;
  font-size: 13px;
  letter-spacing: -0.25px; }
  .comProduct__externals a span {
    vertical-align: middle; }
  .comProduct__externals a img {
    max-width: 12px;
    vertical-align: middle;
    margin-right: 2px; }

.comProduct__features h3, .comProduct__features .h3,
.comProduct__description h3,
.comProduct__description .h3 {
  font-size: 15px;
  font-weight: 600;
  color: #363950;
  margin: 0; }
.comProduct__features ul,
.comProduct__description ul {
  line-height: 1.6;
  list-style: none;
  margin: 0;
  padding: 0; }
  .comProduct__features ul.no-bullets li:before,
  .comProduct__description ul.no-bullets li:before {
    display: none; }
.comProduct__features li,
.comProduct__description li {
  padding: 0 0 4px 24px;
  position: relative;
  font-size: .875em; }
  .comProduct__features li:before,
  .comProduct__description li:before {
    content: '';
    position: absolute;
    display: block;
    top: .75em;
    left: 0;
    width: 12px;
    height: 2px;
    background: #006fff;
    transition: .3s; }
  .comProduct__features li:hover:before,
  .comProduct__description li:hover:before {
    background: #006fff; }
  .comProduct__features li:first-child,
  .comProduct__description li:first-child {
    margin-top: 12px; }

.comProduct__features ul {
  transform: translateX(-16px); }
.comProduct__features li {
  padding-left: 16px; }
  .comProduct__features li:before {
    width: 6px;
    background-color: #363950; }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

.image-wrapper {
  position: relative; }
  .image-wrapper.interactive:after {
    position: absolute;
    bottom: 1px;
    right: 3px;
    display: block;
    content: '3D';
    font-size: 11px;
    font-weight: 600;
    opacity: .64; }

.comProduct__images .flex-active-slide .image-zoom {
  opacity: 1 !important;
  transition: 0.3s ease-in-out; }
.comProduct__images .flex-nav-prev,
.comProduct__images .flex-nav-next {
  margin: 0; }
.comProduct__images .image-wrapper > img {
  width: 100%;
  max-width: 450px !important;
  max-height: 450px !important; }
.comProduct__images .image-wrapper .image-zoom {
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 50px;
  height: 50px;
  border: 2px solid #cfcfcf;
  border-radius: 25px;
  padding-top: 11px;
  opacity: 0; }
  @media screen and (max-width: 480px) {
    .comProduct__images .image-wrapper .image-zoom {
      display: none !important; } }
  .comProduct__images .image-wrapper .image-zoom > svg {
    width: 22px;
    height: 22px; }
.comProduct__images .video-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 5px; }
  .comProduct__images .video-wrapper .video-wrapper-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-size: cover;
    background-position: center;
    pointer-events: none; }
    .comProduct__images .video-wrapper .video-wrapper-cover.no-background {
      background: none !important; }
    .comProduct__images .video-wrapper .video-wrapper-cover::before {
      content: '';
      position: absolute;
      z-index: 5;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      opacity: 0.4; }
    .comProduct__images .video-wrapper .video-wrapper-cover::after {
      content: 'Play';
      position: absolute;
      z-index: 10;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 11px;
      background: #007aff;
      color: #fff;
      padding: 2px 15px;
      border-radius: 15px;
      border: 1px solid #fff;
      box-shadow: 0 0 0 1px #007aff; }
  .comProduct__images .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .comProduct__images .video-wrapper iframe.youtube {
      position: relative; }
      .comProduct__images .video-wrapper iframe.youtube:not(.defaultLook) {
        height: 294%;
        transform: translateY(-33%); }
.comProduct__images .model-wrapper {
  position: relative;
  width: 100%;
  min-height: 400px; }
  .comProduct__images .model-wrapper model-viewer {
    width: 100% !important;
    min-height: 400px !important; }
.comProduct__images.center .image-wrapper .image-zoom {
  opacity: 1; }
.comProduct__images:hover .flex-direction-nav a {
  opacity: .64; }

.comProduct__price {
  font-size: 1.75em;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  color: #363950; }

.comProduct__comparePrice {
  opacity: .6;
  font-size: .85em; }

.comProduct__specs {
  font-size: .9em; }
  .comProduct__specs tr td {
    padding-left: 8px;
    transition: .2s;
    background-color: #fff;
    vertical-align: top; }
  @media (min-width: 480px) {
    .comProduct__specs tr td:nth-child(1) {
      min-width: 250px; } }
  @media (min-width: 768px) {
    .comProduct__specs tr td:nth-child(1) {
      min-width: 300px; } }
  .comProduct__specs tr:hover td {
    background-color: #f8f8f8; }
  .comProduct__specs tr th {
    color: #070707;
    font-size: 18px;
    line-height: 32px;
    border-bottom: 1px solid #f0f0f0;
    text-transform: none;
    letter-spacing: 0; }
    @media (min-width: 480px) {
      .comProduct__specs tr th {
        padding-top: 40px; } }

.comProduct__specs--new {
  padding: 16px 0; }
  .comProduct__specs--new ul {
    list-style: none;
    margin: 0 0 24px 0;
    max-width: 216px; }
  .comProduct__specs--new li {
    margin: 0;
    padding: 0 0 8px 0;
    opacity: .6; }
  .comProduct__specs--new h6, .comProduct__specs--new .h6 {
    letter-spacing: .01em;
    margin-bottom: 16px; }
  .comProduct__specs--new div > strong {
    display: block;
    padding-bottom: 8px;
    opacity: .7; }

.comProduct__priceWrapper {
  position: relative;
  border-radius: 3px;
  background-color: #f8f8f8;
  border: 1px solid #f0f0f0;
  margin-top: 24px;
  padding: 8px 16px 16px 16px; }
  .comProduct__priceWrapper .comProduct__qty {
    top: 3px;
    margin-right: 10px; }

.comProduct__priceAmount,
.comProduct__variant__priceAmount {
  display: inline-block; }

.comProduct__priceAmount .comProduct__vatWrapper {
  margin-top: -0.4em; }

.comProduct__variant__priceAmount .comProduct__vatWrapper {
  font-size: 0.9em; }

.comProduct__vatWrapper,
.comProductTile__vatWrapper {
  display: block;
  color: #858585;
  margin-top: -0.2em; }
  .comProduct__vatWrapper .comProduct__vat,
  .comProduct__vatWrapper .comProductTile__vat,
  .comProductTile__vatWrapper .comProduct__vat,
  .comProductTile__vatWrapper .comProductTile__vat {
    display: inline-block;
    line-height: 1.2em; }

.comProductTile__vatWrapper {
  margin-top: 0; }
  .comProductTile__vatWrapper .comProductTile__vat {
    font-size: 0.8em;
    line-height: 1.6em; }

.comProduct__betaNote {
  line-height: 1.2;
  color: #666;
  font-size: .85em;
  margin-bottom: 14px; }
  .comProduct__betaNote span {
    color: #070707;
    display: inline-block;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1); }

.comProduct__button .btn, .comProduct__button .btn--secondary, .comProduct__button .btn--success, .comProduct__button .btn--simple, .comProduct__button .btn--light, .comProduct__button .btn--grey, .comProduct__button .btn--minor {
  padding: 7px 16px; }

.comProduct__stats li {
  display: flex; }
  .comProduct__stats li span:nth-child(1) {
    flex-basis: 42%; }
  .comProduct__stats li span:nth-child(2) {
    flex-basis: 58%; }
.comProduct__stats li, .comProduct__stats .btn, .comProduct__stats .btn--secondary, .comProduct__stats .btn--success, .comProduct__stats .btn--simple, .comProduct__stats .btn--light, .comProduct__stats .btn--grey, .comProduct__stats .btn--minor {
  opacity: 1;
  overflow: visible;
  max-height: 100px;
  transition: .3s; }
  .comProduct__stats li[data-show="0"], .comProduct__stats .btn[data-show="0"], .comProduct__stats [data-show="0"].btn--secondary, .comProduct__stats [data-show="0"].btn--success, .comProduct__stats [data-show="0"].btn--simple, .comProduct__stats [data-show="0"].btn--light, .comProduct__stats [data-show="0"].btn--grey, .comProduct__stats [data-show="0"].btn--minor {
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    padding: 0 !important;
    margin: 0 !important; }
.comProduct__stats .btn, .comProduct__stats .btn--secondary, .comProduct__stats .btn--success, .comProduct__stats .btn--simple, .comProduct__stats .btn--light, .comProduct__stats .btn--grey, .comProduct__stats .btn--minor {
  max-height: 50px; }

.comProduct__images.disabled .flex-direction-nav,
.comProduct__thumbs.disabled .flex-direction-nav {
  display: none; }

/*================ Old Cat item ================*/
.cart__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 3px;
  margin-bottom: 8px;
  padding: 10px 16px;
  transition: .3s; }
  .cart__item:hover {
    background-color: #eaf8ff;
    border-color: #006fff; }

.cart__item__image {
  flex: 1 1 30%; }

.cart__item__data {
  flex: 1 1 70%;
  padding-left: 16px; }
  .cart__item__data .qty {
    transform-origin: left top;
    transform: scale(0.85); }

.cart__item__data__title a {
  display: block;
  line-height: 1.3em;
  color: #070707;
  margin-bottom: 8px; }
.cart__item__data__title .product {
  font-weight: 700; }
.cart__item__data__title .variant {
  font-size: .9em;
  opacity: .8; }

.cart__totalPrice {
  text-align: center;
  padding: 8px 8px 11px 8px;
  margin-bottom: -3px;
  font-size: .9em;
  font-weight: 700;
  background-color: #f0f0f0;
  border-radius: 3px;
  border: 1px solid #ddd; }

.cart__note {
  font-size: .8em;
  line-height: 1.3em;
  opacity: .8;
  margin-top: 8px;
  text-align: center; }
  .cart__note svg {
    width: 100%;
    height: auto;
    fill: #dfdfdf; }

/*================ Quantity Selectors ================*/
.qty {
  position: relative;
  max-width: 104px;
  min-width: 75px;
  overflow: visible; }
  .qty input {
    display: block;
    background: none;
    text-align: center;
    font-size: 14px;
    color: #363950;
    font-weight: 600;
    width: 100%;
    padding: 7px 26px;
    margin: 0;
    background-color: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 3px; }

.qty__adjust {
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  padding: 0 9px;
  color: #9B9B9B;
  text-align: center;
  font-size: 12px;
  overflow: hidden;
  background-color: #EEEEF0;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .qty__adjust:hover, .qty__adjust:focus {
    color: #363950; }

.qty__adjust--plus {
  right: 0; }

.qty__adjust--minus {
  left: 0; }

/*============================================================================
  .vue-cart
==============================================================================*/
.vue-cart {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.64); }

.comGlobalSearch {
  font-family: "Roboto", sans-serif;
  position: relative; }
  .comGlobalSearch.medium-down--hide {
    left: -30px; }
    .comGlobalSearch.medium-down--hide .inputWrapper {
      height: 48px;
      width: 0; }
    .comGlobalSearch.medium-down--hide.active .inputWrapper {
      width: 180px; }
    .comGlobalSearch.medium-down--hide .comGlobalSearch__toggle {
      right: -30px; }
    .comGlobalSearch.medium-down--hide .searchResults {
      width: 200%;
      left: auto;
      right: -44px; }
  .comGlobalSearch.medium-up--hide .inputWrapper {
    height: 0;
    width: 100%; }
  .comGlobalSearch.medium-up--hide.active .inputWrapper {
    height: 48px; }
  .comGlobalSearch .inputWrapper {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #fefefe;
    border: 0;
    transition: .3s; }
    .comGlobalSearch .inputWrapper input {
      font-family: inherit;
      font-size: 13px;
      letter-spacing: -0.002em;
      color: #525461;
      background: transparent;
      flex-grow: 1;
      height: 24px;
      width: 100%;
      border: none;
      border-radius: 0;
      padding: 0 0 0 16px; }
  .comGlobalSearch .resultLoader {
    display: none;
    transform: scale(0.64) translateX(-4px);
    shape-rendering: auto;
    height: 100%;
    width: 42px;
    position: absolute;
    right: 32px; }
  .comGlobalSearch .searchResults {
    position: absolute;
    z-index: 8889;
    top: 48px;
    left: 0;
    right: 0;
    width: 100%;
    border: none;
    border-radius: 3px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 16px;
    background: #ffffff; }
    .comGlobalSearch .searchResults li {
      height: auto;
      margin: 0;
      padding: 0;
      background-color: #ffffff;
      border-radius: 3px;
      transition: .3s;
      list-style: none; }
      .comGlobalSearch .searchResults li:hover {
        background-color: #f8f8f8; }
        .comGlobalSearch .searchResults li:hover .title {
          color: #006fff; }
      .comGlobalSearch .searchResults li:nth-child(7) {
        border-bottom: none; }
      .comGlobalSearch .searchResults li a {
        display: flex;
        align-items: center;
        padding: 4px 8px; }
      .comGlobalSearch .searchResults li.more a {
        justify-content: center;
        padding: 12px;
        max-width: 400px;
        max-height: 50px;
        margin: 16px auto 0 auto;
        font-size: 14px;
        text-transform: none; }
    .comGlobalSearch .searchResults .thumbnail {
      flex-grow: 0;
      width: 50px;
      height: 50px; }
      .comGlobalSearch .searchResults .thumbnail img {
        width: 100%;
        height: auto;
        display: block; }
    .comGlobalSearch .searchResults .productInfo {
      flex-grow: 1;
      padding-left: 16px;
      text-align: left;
      color: #525461;
      line-height: 1.3; }
      .comGlobalSearch .searchResults .productInfo .title {
        font-size: 14px;
        font-weight: 500;
        text-transform: none; }
      .comGlobalSearch .searchResults .productInfo .category {
        font-size: 12px;
        opacity: .6;
        text-transform: none; }

.comGlobalSearch__toggle {
  position: absolute;
  top: 0;
  right: 0; }
  .comGlobalSearch__toggle.active svg {
    fill: #006fff; }

.tpl-search .search_result_heading {
  color: #4A4A4A;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px; }
.tpl-search .grid, .tpl-search .grid--rev, .tpl-search .grid--full,
.tpl-search .grid--rev,
.tpl-search .grid--full,
.tpl-search .grid-uniform {
  margin-left: 0;
  width: 100%; }
.tpl-search .grid__item {
  padding-left: 0;
  position: relative; }
  .tpl-search .grid__item .early_access_tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #26BA77;
    border-radius: 2px;
    color: #fff;
    padding: 2px 7px;
    font-size: 12px;
    font-weight: bold;
    z-index: 600; }
  .tpl-search .grid__item .grid, .tpl-search .grid__item .grid--rev, .tpl-search .grid__item .grid--full {
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    margin-bottom: 12px; }
    .tpl-search .grid__item .grid:hover, .tpl-search .grid__item .grid--rev:hover, .tpl-search .grid__item .grid--full:hover {
      background: #FBFBFB; }
    .tpl-search .grid__item .grid .item_collection a, .tpl-search .grid__item .grid--rev .item_collection a, .tpl-search .grid__item .grid--full .item_collection a {
      color: #039FE0;
      font-size: 12px;
      font-weight: bold; }
    .tpl-search .grid__item .grid h2 a, .tpl-search .grid__item .grid--rev h2 a, .tpl-search .grid__item .grid--full h2 a, .tpl-search .grid__item .grid .h2 a, .tpl-search .grid__item .grid--rev .h2 a, .tpl-search .grid__item .grid--full .h2 a {
      color: #4A4A4A;
      font-weight: normal;
      position: relative;
      top: -3px; }
.tpl-search .found_product .grid, .tpl-search .found_product .grid--rev, .tpl-search .found_product .grid--full {
  display: flex; }
.tpl-search .search_result_description {
  font-size: 14px;
  font-weight: normal;
  color: #4A4A4A; }
.tpl-search .price_area {
  display: inline-block;
  flex: 0 0 200px;
  text-align: right;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-left: auto; }
  .tpl-search .price_area p {
    flex: 0 0 20px;
    font-weight: bold;
    color: #4A4A4A;
    display: block;
    line-height: 32px;
    margin-bottom: 0;
    position: relative;
    margin-top: -6px; }
  .tpl-search .price_area a {
    flex: 0 0 120px;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    right: 0; }
  .tpl-search .price_area .on_sale {
    color: #68BC0C;
    font-weight: bold; }
  .tpl-search .price_area .old_price {
    color: #9B9B9B;
    font-weight: bold;
    position: relative;
    top: -8px;
    right: 3px; }
  .tpl-search .price_area .sold_out_tag {
    position: absolute;
    bottom: 5px;
    white-space: nowrap;
    right: 125px;
    text-transform: uppercase;
    color: #9B9B9B;
    font-size: 12px; }
.tpl-search .one-third {
  margin: auto 17px;
  width: 120px;
  height: 120px;
  flex: 0 0 120px; }
.tpl-search .search_main_info {
  flex: 0 1 650px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .tpl-search .search_main_info.no-image {
    margin-left: 20px; }
@media screen and (max-width: 768px) {
  .tpl-search .grid, .tpl-search .grid--rev, .tpl-search .grid--full {
    display: block !important; }
  .tpl-search .search_main_info {
    flex: none;
    width: calc(100% - 180px);
    display: inline-block;
    margin-bottom: 0; }
  .tpl-search .price_area {
    flex: none;
    display: inline-block;
    width: calc(100% - 170px);
    margin-left: 150px;
    margin-top: 0;
    height: auto;
    text-align: left; }
    .tpl-search .price_area a {
      position: initial;
      margin-top: 10px; }
    .tpl-search .price_area .old_price {
      right: 0; }
    .tpl-search .price_area .sold_out_tag {
      left: 125px;
      right: initial; }
  .tpl-search .one-third {
    display: inline-block;
    flex: none;
    margin: 0;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 10px;
    flex: none; } }
@media screen and (max-width: 480px) {
  .tpl-search .one-third {
    display: block;
    width: calc(100% - 40px);
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 40px;
    text-align: center; }
    .tpl-search .one-third a {
      width: 120px;
      margin: 0 auto; }
    .tpl-search .one-third img {
      width: 120px; }
  .tpl-search .search_main_info,
  .tpl-search .price_area {
    display: inline-block;
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px; } }

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* ====================================================================================================================
 * BASE
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  z-index: 1;
  zoom: 1; }

.flexslider .slides {
  zoom: 1;
  text-align: center;
  position: relative;
  z-index: 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  margin: 0 auto; }
  .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden; }
  .flexslider .slides img {
    width: 100%;
    height: auto;
    max-width: 800px;
    max-height: 800px;
    display: block;
    margin: 0 auto;
    -moz-user-select: none; }
    .flexslider .slides img.comProduct__magazine__logo {
      width: auto;
      max-width: 140px;
      max-height: 40px; }
  .flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .flexslider .slides.slides--stretch {
    align-items: stretch; }

.flex-viewport {
  max-height: 2000px;
  z-index: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.flexslider--black .flex-direction-nav a {
  color: rgba(255, 255, 255, 0.8); }

@keyframes delayedPointerEvents {
  0%, 99% {
    pointer-events: none; }

  100% {
    pointer-events: auto; } }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 28px;
  height: 28px;
  margin: -14px 0 0;
  position: absolute;
  top: 50%;
  z-index: 12;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
.flex-direction-nav a:before {
  font-family: "icons";
  font-size: 28px;
  line-height: 28px;
  display: inline-block;
  content: "\e908"; }
.flex-direction-nav a.flex-next:before {
  content: "\e909"; }
.flex-direction-nav .flex-prev {
  left: -32px; }
.flex-direction-nav .flex-next {
  right: -32px;
  text-align: right; }
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1; }

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "icons";
  font-size: 20px;
  display: inline-block;
  content: "\e053"; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: "\e052"; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 8px;
  height: 8px;
  display: block;
  background: white;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }

.flex-control-paging li a:hover {
  background: rgba(255, 255, 255, 0.7); }

.flex-control-paging li a.flex-active {
  background: #006fff;
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

#productThumbsSlider .flex-direction-nav {
  display: none; }
@media screen and (min-width: 480px) {
  #productThumbsSlider .slides {
    min-width: 500px; } }
@media screen and (max-width: 480px) {
  #productThumbsSlider .slides {
    width: 100% !important;
    transform: none !important;
    display: flex;
    justify-content: center;
    align-items: center; } }
#productThumbsSlider li {
  transition: .3s;
  cursor: pointer;
  background: #f8f8f8;
  border-radius: 4px;
  border: 2px solid #fff;
  flex-shrink: 0; }
  @media screen and (max-width: 480px) {
    #productThumbsSlider li {
      width: 0 !important;
      height: 0 !important;
      border-color: #006fff;
      border-radius: 50%;
      border-width: 4px;
      opacity: 0.5;
      margin-top: 3px;
      margin-bottom: 3px; } }
  #productThumbsSlider li img {
    opacity: 1;
    transition: .3s;
    transform-origin: 50% 50%;
    transform: scale(0.85);
    transition: .3s; }
  #productThumbsSlider li.flex-active-slide {
    border-top-color: #006fff;
    border-color: #006fff;
    background-color: #fff; }
    @media screen and (max-width: 480px) {
      #productThumbsSlider li.flex-active-slide {
        background-color: #006fff;
        opacity: 1;
        transform: scale(1.5); } }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }
.no-js .flexslider .slides > li:first-child {
  display: block; }

/* Popup related other page element changes */
body.popup-open .drawer {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
body.popup-open #PageContainer {
  transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
  filter: blur(5px);
  transform: scale(1.03); }
body.popup-open #productGalleryApp {
  transition: opacity 0.3s ease-in-out;
  opacity: 0; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: radial-gradient(white 0%, rgba(255, 255, 255, 0.5) 33%, rgba(255, 255, 255, 0.5) 50%, white 100%); }

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

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  box-sizing: border-box; }

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

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

.mfp-content {
  width: 80%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
  max-width: 100%; }

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

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

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

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

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

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

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

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

/*
========================
CUSTOM LOADER
========================
*/
.mfp-preloader,
.mfp-preloader:before,
.mfp-preloader:after {
  background: #b5b5b5;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em; }

.mfp-preloader {
  position: absolute;
  left: 50%;
  top: 42%;
  color: #b3b3b3;
  text-indent: -9999em;
  margin: 88px auto;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.mfp-preloader:before,
.mfp-preloader:after {
  position: absolute;
  top: 0;
  content: ''; }

.mfp-preloader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.mfp-preloader:after {
  left: 1.5em; }

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }

  40% {
    box-shadow: 0 -2em;
    height: 5em; } }

@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }

  40% {
    box-shadow: 0 -2em;
    height: 5em; } }

/*
========================
END CUSTOM LOADER
========================
*/
.mfp-preloader a {
  color: #ccc; }

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

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

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

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  top: 10px;
  left: 90%;
  z-index: 1047;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #888;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
  border: 2px solid #888;
  border-radius: 50%;
  transition: opacity 0.3s ease-in-out; }
  @media screen and (max-width: 480px) {
    .mfp-close {
      left: 85%; } }
  @media screen and (min-width: 1200px) {
    .mfp-close {
      left: 100%; } }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #333; }

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

@media screen and (max-width: 1200px) {
  .mfp-content {
    width: 100%; } }
.mfp-content .mfp-arrow {
  position: absolute;
  opacity: 0.5;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: auto;
  height: auto;
  padding: 20px;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.3s ease-in-out; }
  .mfp-content .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-content .mfp-arrow:hover, .mfp-content .mfp-arrow:focus {
    opacity: 0.85; }
  .mfp-content .mfp-arrow::after {
    content: '\e908';
    font-family: 'icons';
    font-size: 60px;
    line-height: 60px;
    display: inline-block;
    color: #888;
    padding: 10px; }
  .mfp-content .mfp-arrow.mfp-arrow-left {
    right: 100%; }
    @media screen and (max-width: 1200px) {
      .mfp-content .mfp-arrow.mfp-arrow-left {
        right: auto;
        left: 0; } }
  .mfp-content .mfp-arrow.mfp-arrow-right {
    left: 100%; }
    @media screen and (max-width: 1200px) {
      .mfp-content .mfp-arrow.mfp-arrow-right {
        left: auto;
        right: 0; } }
    .mfp-content .mfp-arrow.mfp-arrow-right::after {
      content: '\e909'; }

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

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

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

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

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

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

.mfp-model-viewer {
  width: 66vw;
  height: 92vh;
  background-color: unset; }

img.mfp-img {
  user-select: none;
  pointer-events: none;
  padding: 0;
  max-height: 92vh; }

.mfp-figure {
  line-height: 0;
  height: 92vh;
  min-width: 40vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto; }
  @media screen and (max-width: 1200px) {
    .mfp-figure {
      max-width: 75%; } }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

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

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

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

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

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /* Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.white-popup {
  position: relative;
  background: #fff;
  padding: 20px;
  width: auto;
  max-width: 400px;
  margin: 20px auto; }

.popup__product {
  display: flex;
  align-items: center; }

.popup__product__image {
  flex-grow: 0;
  flex-basis: 80px;
  height: 80px; }

.popup__product__data {
  padding-left: 16px;
  flex-grow: 1; }

/*
 * Arrows are full-sized halves over the image
 * The arrows have to be within the main container
 */
.mfp-full-half-arrows .mfp-content .mfp-arrow {
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 33%;
  height: 90%; }
  .mfp-full-half-arrows .mfp-content .mfp-arrow.mfp-arrow-right {
    left: 67%;
    text-align: right; }
  .mfp-full-half-arrows .mfp-content .mfp-arrow.mfp-arrow-left {
    right: 67%;
    text-align: left; }

/* Show and hide animations */
.mfp-animate.mfp-bg {
  opacity: 0;
  transition: opacity 0.2s ease-in;
  /* overlay animate in */ }
  .mfp-animate.mfp-bg.mfp-ready {
    opacity: 1; }
.mfp-animate.mfp-wrap {
  /* content animate it */ }
  .mfp-animate.mfp-wrap .mfp-content {
    opacity: 0;
    transition: opacity 0.15s ease-in; }
  .mfp-animate.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1; }

/* ====================================================================================================================
 * Comparison Popup
 * ====================================================================================================================*/
.mfp-comparison.mfp-bg {
  opacity: 0.4; }
.mfp-comparison .mfp-close {
  color: #50585c; }

.comparison-popup {
  max-width: 96%;
  padding: 16px;
  border-radius: 3px;
  box-shadow: 0 2px 20px rgba(7, 7, 7, 0.5);
  line-height: 1.2; }
  .comparison-popup .small-screen-only {
    display: none; }
    @media screen and (max-width: 768px) {
      .comparison-popup .small-screen-only {
        display: block; } }
  .comparison-popup .filter-menu-wrapper {
    position: relative; }
    .comparison-popup .filter-menu-wrapper .filter-menu {
      position: absolute;
      z-index: 10;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      background: white;
      border-radius: 3px;
      padding: 10px 20px;
      margin-top: 6px;
      display: none;
      box-shadow: 0 1px 10px 0px rgba(7, 7, 7, 0.2);
      margin-right: -50vw; }
      @media screen and (max-width: 768px) {
        .comparison-popup .filter-menu-wrapper .filter-menu {
          position: relative;
          top: auto;
          margin-right: auto; } }
      .comparison-popup .filter-menu-wrapper .filter-menu::before {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        border: 7px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: none; }
      .comparison-popup .filter-menu-wrapper .filter-menu .filter-slider {
        width: 100%;
        margin-top: 10px; }
        .comparison-popup .filter-menu-wrapper .filter-menu .filter-slider input {
          display: block; }
      .comparison-popup .filter-menu-wrapper .filter-menu .filter-button input[type="radio"],
      .comparison-popup .filter-menu-wrapper .filter-menu .filter-button input[type="checkbox"] {
        display: none; }
      .comparison-popup .filter-menu-wrapper .filter-menu .filter-button span {
        cursor: pointer;
        display: inline-block;
        padding: 0 10px;
        border-radius: 3px;
        border: 1px solid #dddddd;
        margin: 2px;
        white-space: nowrap; }
      .comparison-popup .filter-menu-wrapper .filter-menu .filter-button input:checked ~ span {
        border-color: #007aff;
        background: #007aff;
        color: white; }
      .comparison-popup .filter-menu-wrapper .filter-menu .slider-options {
        display: flex;
        justify-content: space-between;
        width: 100%; }
        .comparison-popup .filter-menu-wrapper .filter-menu .slider-options span {
          text-align: center; }
          .comparison-popup .filter-menu-wrapper .filter-menu .slider-options span:first-of-type {
            text-align: left; }
          .comparison-popup .filter-menu-wrapper .filter-menu .slider-options span:last-of-type {
            text-align: right; }
    .comparison-popup .filter-menu-wrapper.active .filter-menu {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
    .comparison-popup .filter-menu-wrapper.active .filter-action .icon-arrow-down {
      transform: rotate(180deg); }
  .comparison-popup .btn, .comparison-popup .btn--secondary, .comparison-popup .btn--success, .comparison-popup .btn--simple, .comparison-popup .btn--light, .comparison-popup .btn--grey, .comparison-popup .btn--minor {
    box-shadow: 0 3px 10px -2px rgba(7, 7, 7, 0.2), 0 -6px 5px -8px rgba(7, 7, 7, 0.1); }
    .comparison-popup .btn.btn--simple, .comparison-popup .btn--simple {
      color: #070707;
      border: 1px solid white; }
      .comparison-popup .btn.btn--simple:hover, .comparison-popup .btn--simple:hover {
        color: white;
        border-color: #006fff; }
      .comparison-popup .btn.btn--simple:focus, .comparison-popup .btn--simple:focus {
        background-color: white;
        color: #070707;
        border-color: white; }
      .comparison-popup .btn.btn--simple:active, .comparison-popup .btn--simple:active {
        background-color: #0066eb;
        color: white;
        border-color: #006fff; }
  .comparison-popup .icon {
    transition: none; }
  .comparison-popup .tablesorter-header.sorter-false .compare-sort-icons {
    display: none; }
  .comparison-popup .tablesorter-header:not(.sorter-false) {
    cursor: pointer;
    position: relative; }
  .comparison-popup .tablesorter-header .tablesorter-header-inner {
    display: flex;
    justify-content: center;
    align-items: center; }
    .comparison-popup .tablesorter-header .tablesorter-header-inner .compare-sort-icons {
      display: flex;
      flex-direction: column;
      margin-left: 4px; }
  .comparison-popup .tablesorter-header .icon {
    font-size: 0.9375em;
    color: #b3b3b3; }
    .comparison-popup .tablesorter-header .icon.sort-asc {
      position: relative;
      transform: translateY(6px); }
    .comparison-popup .tablesorter-header .icon.sort-desc {
      position: relative;
      transform: translateY(-2px); }
  .comparison-popup .tablesorter-header.tablesorter-headerAsc .icon.sort-asc {
    transform: translateY(1px); }
  .comparison-popup .tablesorter-header.tablesorter-headerAsc .icon.sort-desc {
    display: none; }
  .comparison-popup .tablesorter-header.tablesorter-headerDesc .icon.sort-asc {
    display: none; }
  .comparison-popup .tablesorter-header.tablesorter-headerDesc .icon.sort-desc {
    transform: translateY(1px); }

.comparison-table-wrapper {
  position: relative; }

.comparison-table-scroll {
  margin-left: 220px;
  overflow-x: scroll;
  overflow-y: visible;
  width: calc(100% - 220px); }
  .comparison-table-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 7px; }
  .comparison-table-scroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.comparison-table tbody tr:hover .sticky-col:after {
  transform: scaleX(1); }
.comparison-table tr.hide {
  display: none; }
.comparison-table th,
.comparison-table td {
  text-align: center;
  border: none;
  line-height: inherit;
  padding: 4px 12px; }
  .comparison-table th:last-of-type,
  .comparison-table td:last-of-type {
    padding-right: 44px; }
.comparison-table th {
  text-transform: none;
  letter-spacing: normal;
  font-size: .7rem;
  height: 40px;
  min-width: 80px; }
.comparison-table td {
  position: relative;
  font-size: .7rem;
  white-space: nowrap;
  height: 60px; }
  .comparison-table td .cell-actions {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translate(0, -50%); }
    .comparison-table td .cell-actions .btn, .comparison-table td .cell-actions .btn--secondary, .comparison-table td .cell-actions .btn--success, .comparison-table td .cell-actions .btn--simple, .comparison-table td .cell-actions .btn--light, .comparison-table td .cell-actions .btn--grey, .comparison-table td .cell-actions .btn--minor {
      padding: 6px 8px; }
.comparison-table .compare-filter-name {
  color: #50585c; }
.comparison-table tbody tr:nth-child(2n-1) td {
  background: #f8f8f8; }
.comparison-table .mobile-row-label {
  margin-bottom: 10px; }
.comparison-table .comparison-product {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%; }
  .comparison-table .comparison-product .product-title {
    padding-left: 8px;
    font-weight: bold;
    color: #070707; }
  .comparison-table .comparison-product .product-image {
    width: 40px;
    height: auto; }
.comparison-table .filter-dynamic {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .comparison-table .filter-dynamic {
      flex-direction: row; } }
  .comparison-table .filter-dynamic .dynamic-item {
    display: flex;
    flex-direction: column;
    line-height: 1.2; }
    @media screen and (max-width: 768px) {
      .comparison-table .filter-dynamic .dynamic-item {
        margin: 0 10px 10px; } }
    .comparison-table .filter-dynamic .dynamic-item:not(:last-of-type) {
      margin-bottom: 10px; }
.comparison-table .filter-value {
  display: none; }
.comparison-table .compare-yesno {
  position: relative;
  display: flex;
  align-items: center; }
  .comparison-table .compare-yesno .yesno-icon {
    display: inline-block;
    width: auto;
    height: 10px;
    margin: 0 auto; }
  .comparison-table .compare-yesno .yesno-text {
    display: block;
    position: absolute;
    top: 100%;
    margin-top: 5px;
    line-height: 1em; }
.comparison-table .sticky-col {
  border-right: solid 1px #DDEFEF;
  left: 0;
  position: absolute;
  top: auto;
  width: 220px;
  text-align: left;
  white-space: normal;
  padding: 8px 16px 8px 8px;
  font-size: .8rem; }
  .comparison-table .sticky-col:after {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 100%;
    background: #006fff;
    top: 0;
    right: -1px;
    transition: .3s;
    transform: scaleX(0); }

.comparison-no-results {
  display: none;
  text-align: center;
  margin: 80px auto; }

.comparison-filters {
  display: none;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 15px; }
  @media screen and (max-width: 768px) {
    .comparison-filters {
      flex-wrap: wrap; } }
  .comparison-filters .filters-label {
    flex-shrink: 0;
    margin-right: 6px; }
  .comparison-filters .filters-actions {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      .comparison-filters .filters-actions {
        display: none;
        width: 100%; } }
    @media screen and (max-width: 768px) {
      .comparison-filters .filters-actions > .filter-action,
      .comparison-filters .filters-actions > .filter-menu-wrapper {
        width: 100%; } }
    .comparison-filters .filters-actions .filter-action {
      font-weight: 400;
      margin: 6px;
      padding: 4px 10px;
      position: relative; }
      @media screen and (max-width: 768px) {
        .comparison-filters .filters-actions .filter-action {
          width: 100%;
          margin-left: auto;
          margin-right: auto; } }
      .comparison-filters .filters-actions .filter-action .icon-arrow-down {
        color: inherit;
        display: inline-block; }
      .comparison-filters .filters-actions .filter-action.active {
        background: #007aff;
        color: white;
        border-color: #007aff; }
  .comparison-filters .mobile-filters-toggle ~ .filters-toggle-label::after {
    content: "Show filters"; }
  .comparison-filters .mobile-filters-toggle:checked ~ .filters-toggle-label::after {
    content: "Hide filters"; }
  .comparison-filters .mobile-filters-toggle:checked ~ .filters-actions {
    display: flex; }

.newsletter-success-pop-up {
  transition: 1s;
  max-width: 420px;
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  position: fixed;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9999;
  transform: translateY(120px);
  opacity: 0; }
  .newsletter-success-pop-up.active {
    transform: translateY(0px);
    opacity: 1; }
  .newsletter-success-pop-up:before {
    content: '';
    display: block;
    width: 100%;
    height: 40px;
    position: absolute;
    margin: auto;
    bottom: -20px;
    opacity: 0.3;
    left: 0;
    right: 0;
    z-index: 9000;
    background: radial-gradient(ellipse at center, black 0%, rgba(93, 93, 93, 0) 60%, rgba(153, 153, 153, 0) 99%); }

.newsletter-success-pop-up__image {
  flex-basis: 120px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
  z-index: 9999; }

.newsletter-success-pop-up__text {
  flex: 1;
  background: #fff;
  position: relative;
  z-index: 9999;
  vertical-align: center; }
  .newsletter-success-pop-up__text .message {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    position: absolute;
    padding: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }

.newsletter-success-pop-up__close {
  position: absolute;
  top: -20px;
  right: -20px;
  cursor: pointer;
  transition: .5s; }
  .newsletter-success-pop-up__close:hover {
    opacity: 0.7; }

.comProductMicrosite h1, .comProductMicrosite .h1, .comProductMicrosite h2, .comProductMicrosite .h2, .comProductMicrosite h3, .comProductMicrosite .h3, .comProductMicrosite h4, .comProductMicrosite .h4, .comProductMicrosite h5, .comProductMicrosite .h5, .comProductMicrosite h6, .comProductMicrosite .h6 {
  max-width: 590px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2; }
  .comProductMicrosite h1.one-whole, .comProductMicrosite .one-whole.h1, .comProductMicrosite h2.one-whole, .comProductMicrosite .one-whole.h2, .comProductMicrosite h3.one-whole, .comProductMicrosite .one-whole.h3, .comProductMicrosite h4.one-whole, .comProductMicrosite .one-whole.h4, .comProductMicrosite h5.one-whole, .comProductMicrosite .one-whole.h5, .comProductMicrosite h6.one-whole, .comProductMicrosite .one-whole.h6 {
    max-width: none; }
.comProductMicrosite h3, .comProductMicrosite .h3 {
  font-size: 24px;
  letter-spacing: -.7px;
  font-weight: 600; }
.comProductMicrosite p {
  font-size: 16px;
  letter-spacing: -.3px; }
.comProductMicrosite video {
  pointer-events: none; }
.comProductMicrosite .labels {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1; }
.comProductMicrosite .label {
  display: flex;
  align-items: center;
  width: 274px;
  margin: 0 12px 16px 12px; }
  .comProductMicrosite .label.wide {
    width: 100%; }
.comProductMicrosite .label__icon {
  flex-grow: 0; }
  .comProductMicrosite .label__icon svg {
    width: 38px;
    height: 38px; }
.comProductMicrosite .label__text {
  flex-grow: 1;
  padding-left: 8px; }
.comProductMicrosite .label__header {
  font-weight: 700;
  font-size: .8em; }
.comProductMicrosite .label__description {
  opacity: .8;
  font-size: .9em;
  line-height: 1.3em; }
.comProductMicrosite .flexslider-custom .flex-control-nav {
  bottom: 0 !important; }
  .comProductMicrosite .flexslider-custom .flex-control-nav a {
    background: #E2E2E2;
    box-shadow: none;
    margin: 0 7px; }
    .comProductMicrosite .flexslider-custom .flex-control-nav a.flex-active {
      background: #006FFF; }
.comProductMicrosite .flexslider-custom .flex-direction-nav a {
  overflow: visible;
  color: transparent; }
.comProductMicrosite .flexslider-custom .flex-direction-nav a.flex-next {
  right: 20px; }
.comProductMicrosite .flexslider-custom .flex-direction-nav a:before {
  content: " ";
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/1439/1668/files/arrow_left.svg?v=1612098753") no-repeat center center;
  background-size: contain;
  width: 40px;
  height: 40px; }
.comProductMicrosite .flexslider-custom .flex-direction-nav a.flex-next:before {
  content: " ";
  display: block;
  background: url("https://cdn.shopify.com/s/files/1/1439/1668/files/arrow_right.svg?v=1612098757") no-repeat center center;
  background-size: contain;
  width: 40px;
  height: 40px; }
.comProductMicrosite .flexslider-custom.slide--dark-bg .flex-control-nav a {
  background: #FFF; }
  .comProductMicrosite .flexslider-custom.slide--dark-bg .flex-control-nav a.flex-active {
    background: #006FFF; }
.comProductMicrosite .flexslider-custom.slide--dark-bg .flex-direction-nav a:before {
  background: url("https://cdn.shopify.com/s/files/1/1439/1668/files/arrow_left_light.svg?v=1612101991") no-repeat center center;
  background-size: contain; }
.comProductMicrosite .flexslider-custom.slide--dark-bg .flex-direction-nav a.flex-next:before {
  background: url("https://cdn.shopify.com/s/files/1/1439/1668/files/arrow_right_light.svg?v=1612101991") no-repeat center center;
  background-size: contain; }

.imageAndHeading {
  display: flex;
  align-items: center; }
  .imageAndHeading .image, .imageAndHeading img {
    flex-grow: 0;
    margin: -4px 8px 0 0;
    max-width: 64px;
    max-height: 64px; }
  .imageAndHeading .heading {
    flex-grow: 1;
    line-height: 1.3; }

.imageAtCenter {
  display: flex;
  align-items: center; }
  .imageAtCenter .columnText {
    flex-basis: 27%; }
    .imageAtCenter .columnText div {
      max-width: 500px; }
  .imageAtCenter .columnImage {
    flex-basis: 49%; }
    .imageAtCenter .columnImage img {
      max-width: 500px; }
  @media screen and (max-width: 950px) {
    .imageAtCenter {
      flex-direction: column; }
      .imageAtCenter .columnImage {
        order: 3; } }

.videoAndText, .textAndVideo {
  display: flex;
  align-items: center; }
  .videoAndText .video, .textAndVideo .video {
    flex-basis: 60%; }
    .videoAndText .video img, .videoAndText .video video, .textAndVideo .video img, .textAndVideo .video video {
      position: relative;
      z-index: 0;
      transform-origin: 50% 50%;
      width: 100%; }
  .videoAndText .text, .textAndVideo .text {
    flex-basis: 40%;
    text-align: left;
    position: relative;
    z-index: 1; }
    .videoAndText .text strong, .textAndVideo .text strong {
      font-size: 0.94em; }
  .videoAndText .appButton, .textAndVideo .appButton {
    height: 38px; }

@media screen and (max-width: 800px) {
  .textAndVideo {
    flex-direction: column; } }

@media screen and (max-width: 760px) {
  .videoAndText {
    flex-direction: column; }
    .videoAndText .text {
      margin-top: -40px; } }

.textOnImage {
  display: flex;
  align-items: center;
  background-size: contain;
  background-position: 90% 50%;
  background-repeat: no-repeat;
  min-height: 430px; }
  .textOnImage .text {
    flex-basis: 50%;
    max-width: 400px; }
  @media screen and (max-width: 760px) {
    .textOnImage {
      background-position: 50% 0%;
      padding-top: 50%; }
      .textOnImage .text {
        flex-basis: 100%; } }

.talk__section-box {
  background: #0077f7;
  background: linear-gradient(20deg, #0077f7 24%, #0b7df7 30%, #46c8fd 100%);
  padding: 21px 30px 5px 30px;
  border-radius: 10px;
  color: #ffffff;
  overflow: hidden;
  margin-left: 30px;
  margin-bottom: 40px; }

.talk__section-right-container {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  z-index: 1;
  min-height: 340px; }

.talk__section-title-container {
  display: flex;
  padding-top: 15px;
  margin-bottom: 14px; }

.talk__section-icon {
  width: 73px;
  height: 43px;
  background: url("data:image/svg+xml;utf8, <svg width='100%' height='100%' viewBox='0 0 73 43' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M33.6837 20.218C35.4148 20.218 36.6622 20.6485 37.4259 21.5095C38.1897 22.3705 38.3679 23.8646 37.9605 25.9918L34.4474 42.0977H30.1705L33.3782 27.5112C33.5818 26.0931 33.5309 25.1055 33.2254 24.5484C32.9199 23.9912 32.2071 23.7127 31.087 23.7127C30.2723 23.7127 29.4322 24.0419 28.5667 24.7003C27.7011 25.3587 27.1156 26.397 26.8101 27.8151L23.7552 42.0977H19.4783L24.0607 20.8258H28.0321L27.5738 23.2568C28.2866 22.3452 29.2031 21.6108 30.3233 21.0537C31.4434 20.4965 32.5635 20.218 33.6837 20.218ZM35.5154 10.0377C34.7008 11.2533 34.0644 12.5448 33.6061 13.9123C33.1479 15.2797 32.8169 16.5206 32.6133 17.6349H28.7946C28.9983 16.318 29.3547 14.7733 29.8639 13.0006C30.373 11.2279 31.2895 9.48059 32.6133 7.75857C34.1407 5.53008 36.4065 3.65612 39.4105 2.13669C42.4145 0.617267 46.2586 -0.0917994 50.9428 0.00949655L50.179 3.80806C46.1058 3.80806 42.9745 4.41583 40.7852 5.63138C38.5958 6.84692 36.8392 8.3157 35.5154 10.0377ZM53.3866 25.5359H63.4678L62.7041 29.1825H52.6229L49.8734 42.0977H45.2911L51.4009 13.8363H66.0645L65.148 17.6349H55.0668L53.3866 25.5359ZM42.2357 20.8256H46.5126L42.083 42.0976H37.6534L42.2357 20.8256ZM42.695 17.6349C42.7968 17.331 42.8986 17.1031 43.0005 16.9512C43.1023 16.7992 43.2041 16.5713 43.306 16.2674C43.8151 15.6596 44.4261 15.1278 45.1389 14.672C45.8517 14.2162 46.8191 13.9376 48.0411 13.8363L47.1246 17.6349H42.695ZM63.3144 42.0976L67.744 20.8256H72.1736L67.5912 42.0976H63.3144ZM17.6441 13.8363H22.2265L17.9496 33.7408C17.2368 36.9823 15.9639 39.2867 14.1309 40.6542C12.298 42.0217 10.0068 42.7054 7.25738 42.7054C4.50796 42.7054 2.4968 42.0217 1.22392 40.6542C-0.048956 39.2867 -0.328991 36.9823 0.383823 33.7408L4.6607 13.8363H9.24307L4.96619 34.0447C4.55887 35.868 4.60979 37.1849 5.11894 37.9952C5.62809 38.8056 6.59548 39.2108 8.02111 39.2108C9.3449 39.2108 10.4396 38.8056 11.3051 37.9952C12.1707 37.1849 12.8071 35.868 13.2145 34.0447L17.6441 13.8363ZM49.5686 6.54297L48.6521 10.3415C46.6155 10.5441 44.9862 11.0253 43.7643 11.785C42.5423 12.5447 41.6258 13.3804 41.0149 14.2921C40.6075 14.7985 40.2766 15.3556 40.022 15.9634C39.7674 16.5712 39.5383 17.1283 39.3346 17.6348H35.516C35.7197 16.7231 35.9997 15.8115 36.3561 14.8998C36.7125 13.9882 37.2471 13.0259 37.9599 12.0129C38.9782 10.5948 40.4548 9.35391 42.3896 8.29031C44.3243 7.22671 46.7174 6.64427 49.5686 6.54297ZM69.2725 13.8363L70.8763 14.5201C71.9455 14.9759 72.4801 16.0142 72.4801 17.6349H68.356L69.2725 13.8363Z' fill='white'/></svg>");
  background-repeat: no-repeat; }

.talk__section-title {
  margin-left: 10px;
  align-self: flex-end;
  margin: 0px 0px 0px 10px;
  font-size: 39px;
  font-weight: 500; }

.talk__section-subscription-text {
  font-weight: 400;
  font-size: 32px; }

.talk__section-list {
  list-style-type: none;
  padding-inline-start: 0px;
  margin: 0px;
  max-width: 380px;
  padding: 0px 0px 0px 20px;
  text-indent: -22px; }

.talk__section-list-item {
  margin: 0 0 10px 0; }

.talk__section-list-item-text {
  margin-left: 8px;
  font-weight: 400; }

.talk__section-price-container {
  display: flex;
  align-items: center; }

.talk__section-price-text-container {
  display: flex;
  align-items: center;
  flex-direction: column; }

.talk__section-price-details-container {
  display: flex;
  align-items: center;
  position: relative;
  bottom: 8px; }

.talk__section-price {
  margin: 0;
  font-size: 32px; }

.talk__section-price-dash {
  margin: 0px 0px 0px 4px; }

.talk__section-price-text {
  font-size: 12px;
  margin: 0px 0px 0px 4px;
  line-height: 14px; }

.talk__section-price-duration-container {
  width: 132px;
  height: 26px;
  position: relative;
  bottom: 13px;
  margin-left: 12px; }

.talk__section-price-duration-container-background {
  background: #ffffff;
  opacity: 0.23;
  width: 100%;
  height: 100%;
  border-radius: 38px;
  position: relative; }

.talk__section-price-duration {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.talk__section-price-duration-text {
  margin-left: 6px;
  font-size: 16px; }

.talk__section-btn {
  background: #fff;
  color: #0077f7;
  font-weight: 600;
  border-radius: 6px;
  font-size: 1em;
  padding: 6px 18px;
  margin-bottom: 9px; }

.talk__section-btn:hover {
  background: #eaf8ff;
  color: #0077f7; }

.talk__section-btn:focus {
  background: #eaf8ff;
  color: #0077f7; }

.talk__section-disclaimer-container {
  display: flex;
  justify-content: flex-end; }

.talk__section-disclaimer-text {
  font-size: 12px; }

.talk__section-circle-container {
  position: relative; }

.talk__section-circle {
  height: 500px;
  width: 500px;
  border-radius: 50%;
  position: absolute;
  background-size: 100% 100%; }

.talk__section-circle1 {
  top: 100px;
  left: 400px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' width='100%25' height='100%25' preserveAspectRatio='none'><defs><linearGradient id='gradient'><stop offset='0' style='stop-color:%23ffffff; stop-opacity:0.1' /><stop offset='0.5' style='stop-color:%23ffffff; stop-opacity:0.2' /><stop offset='1' style='stop-color:%23ffffff; stop-opacity:0.3' /></linearGradient></defs><ellipse ry='100' rx='100' cy='110' cx='110' style='fill:none;stroke:url(%23gradient);stroke-width:0.5;' /></svg>"); }

.talk__section-circle2 {
  left: 550px;
  top: -150px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' width='100%25' height='100%25' preserveAspectRatio='none'><defs><linearGradient id='gradient'><stop offset='0' style='stop-color:%23ffffff; stop-opacity:0.2' /><stop offset='0.5' style='stop-color:%23ffffff; stop-opacity:0.1' /><stop offset='1' style='stop-color:%23ffffff; stop-opacity:0.1' /></linearGradient></defs><ellipse ry='100' rx='100' cy='110' cx='110' style='fill:none;stroke:url(%23gradient);stroke-width:0.5;' /></svg>"); }

.talk__section-circle3 {
  top: -150px;
  left: 220px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' width='100%25' height='100%25' preserveAspectRatio='none'><defs><linearGradient id='gradient'><stop offset='0' style='stop-color:%23ffffff; stop-opacity:0.1' /><stop offset='0.5' style='stop-color:%23ffffff; stop-opacity:0.4' /><stop offset='1' style='stop-color:%23ffffff; stop-opacity:0.6' /></linearGradient></defs><ellipse ry='100' rx='100' cy='110' cx='110' style='fill:none;stroke:url(%23gradient);stroke-width:0.5;' /></svg>"); }

.talk__section-img {
  position: relative;
  top: 40px; }

@-moz-document url-prefix() {
  .talk__section-btn {
    font-weight: 400; } }

@media only screen and (min-width: 568px) {
  .talk__section-container {
    display: flex; }

  .talk__section-price-container {
    margin: 14px 0; }

  .talk__section-price-dash {
    font-size: 1.2em; }

  .talk__section-circle4 {
    display: none; } }
@media only screen and (max-width: 960px) {
  .talk__section-list {
    max-width: 280px; } }
@media only screen and (max-width: 568px) {
  .talk__section-box {
    padding: 5px 16px 5px 16px; }

  .talk__section-right-container {
    display: none; }

  .talk__section-title-container {
    margin-bottom: 10px; }

  .talk__section-icon {
    width: 60px;
    height: 35px; }

  .talk__section-title {
    font-size: 32px; }

  .talk__section-subscription-text {
    font-weight: 700;
    font-size: 14px; }

  .talk__section-price-container {
    margin-top: 12px;
    margin-bottom: 4px; }

  .talk__section-list {
    max-width: 100%; }

  .talk__section-list-item {
    margin: 0 0 6px 0;
    font-size: 14px;
    line-height: 16px; }

  .talk__section-price-text-container {
    min-width: 90px; }

  .talk__section-price-duration-container {
    width: 118px;
    bottom: 12px; }

  .talk__section-price-duration-text {
    font-size: 14px; }

  .talk__section-btn {
    padding: 8px 24px;
    width: 100%;
    align-self: flex-start;
    margin-top: 4px; }

  .talk__section-disclaimer-text {
    line-height: 14.4px; }

  .talk__section-circle4 {
    top: -80px;
    left: -228px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' width='100%25' height='100%25' preserveAspectRatio='none'><defs><linearGradient id='gradient'><stop offset='0' style='stop-color:%23ffffff; stop-opacity:0.2' /><stop offset='0.5' style='stop-color:%23ffffff; stop-opacity:0.0' /><stop offset='1' style='stop-color:%23ffffff; stop-opacity:0.1' /></linearGradient></defs><ellipse ry='100' rx='100' cy='110' cx='110' style='fill:none;stroke:url(%23gradient);stroke-width:0.5;' /></svg>"); } }
body.popup-open .cartBanner {
  transition: opacity 0.3s ease-in-out;
  opacity: 0; }

.cartBanner {
  z-index: 1000;
  position: fixed;
  left: 0;
  background: white;
  box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.25);
  width: 100%;
  transition: 0.3s ease-in;
  bottom: 0; }
  .cartBanner .cartBanner__outer {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 32px; }
  .cartBanner .cartBanner__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 89px; }
    @media screen and (max-width: 480px) {
      .cartBanner .cartBanner__inner {
        padding: 10px 0; } }
  .cartBanner .shipping-info {
    font-size: 12px;
    display: flex;
    align-items: center;
    line-height: 1.2em;
    color: #9b9b9b;
    white-space: nowrap;
    margin-right: 20px; }
    @media screen and (max-width: 480px) {
      .cartBanner .shipping-info {
        margin-right: 5px; } }
    @media screen and (max-width: 768px) {
      .cartBanner .shipping-info {
        flex-direction: column;
        align-items: flex-start; } }
    .cartBanner .shipping-info .icon.icon-box {
      margin-right: 10px;
      font-size: 34px;
      line-height: 24px; }
      @media screen and (max-width: 480px) {
        .cartBanner .shipping-info .icon.icon-box {
          display: none; } }
  .cartBanner .cartBanner__items {
    flex-grow: 1;
    width: 60%; }
    @media screen and (max-width: 480px) {
      .cartBanner .cartBanner__items {
        display: none; } }
    @media screen and (max-width: 960px) {
      .cartBanner .cartBanner__items {
        width: 50%; } }
    .cartBanner .cartBanner__items .flex-viewport {
      padding: 10px; }
  .cartBanner .cart-product-item {
    height: auto;
    flex-shrink: 0;
    margin: 0; }
    .cartBanner .cart-product-item .item-image {
      max-width: 65px;
      height: 55px;
      padding: 0 10px 10px;
      margin: 0; }
      .cartBanner .cart-product-item .item-image img {
        width: 100%; }
    .cartBanner .cart-product-item .item-details .item-title {
      font-size: 12px;
      font-weight: normal; }
    .cartBanner .cart-product-item .item-details .item-price {
      font-size: 10px;
      font-weight: bold; }
    .cartBanner .cart-product-item .item-qty-controls {
      margin: 0; }
      .cartBanner .cart-product-item .item-qty-controls .qty-amount input {
        padding: 4px 0; }
        .cartBanner .cart-product-item .item-qty-controls .qty-amount input[disabled] {
          background-color: #fff; }
  .cartBanner .totals-info {
    margin: 0 20px;
    font-size: 14px;
    text-align: right; }
    @media screen and (max-width: 480px) {
      .cartBanner .totals-info {
        font-size: 12px; } }
    @media screen and (max-width: 768px) {
      .cartBanner .totals-info {
        font-size: 13px;
        margin: 0 10px; } }
  .cartBanner .btn.btn--cart, .cartBanner .btn--cart.btn--secondary, .cartBanner .btn--cart.btn--success, .cartBanner .btn--cart.btn--simple, .cartBanner .btn--cart.btn--light, .cartBanner .btn--cart.btn--grey, .cartBanner .btn--cart.btn--minor {
    flex-shrink: 0; }

.cartModal {
  z-index: 5000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
  pointer-events: none;
  opacity: 0;
  top: -100%;
  left: -100%; }
  .cartModal.open {
    pointer-events: auto;
    opacity: 1;
    top: 0;
    left: 0; }
  @media screen and (max-width: 480px) {
    .cartModal.accented .cart-row {
      background: #3f4149; } }
  .cartModal .list-enter-active,
  .cartModal .list-leave-active {
    transition: 0.3s ease-in-out; }
  .cartModal .list-leave-active {
    position: absolute; }
  .cartModal .list-enter,
  .cartModal .list-leave-to {
    opacity: 0;
    transform: translateY(33%); }
  @media screen and (max-width: 480px) {
    .cartModal .btn.btn--full, .cartModal .btn--full.btn--secondary, .cartModal .btn--full.btn--success, .cartModal .btn--full.btn--simple, .cartModal .btn--full.btn--light, .cartModal .btn--full.btn--grey, .cartModal .btn--full.btn--minor {
      font-size: 0.9em; } }
  @media screen and (max-width: 320px) {
    .cartModal .btn.btn--full, .cartModal .btn--full.btn--secondary, .cartModal .btn--full.btn--success, .cartModal .btn--full.btn--simple, .cartModal .btn--full.btn--light, .cartModal .btn--full.btn--grey, .cartModal .btn--full.btn--minor {
      font-size: 0.7em; } }
  .cartModal .btn.btn--secondary, .cartModal .btn--secondary {
    background: #757575;
    font-weight: normal; }
  .cartModal .icon.invert {
    filter: invert(1); }
  .cartModal .icon.icon-fit {
    width: 15px;
    height: 15px;
    display: inline-block; }
  .cartModal .icon.icon-close {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 4px;
    transform: translate(2px, -2px);
    width: 20px;
    height: 20px; }
  .cartModal .cartModal__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
    transition: opacity 0.2s ease-in; }
  .cartModal.open .cartModal__overlay {
    opacity: 1; }
  .cartModal .cartModal__outer {
    pointer-events: none;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  .cartModal .cartModal__inner {
    pointer-events: initial;
    position: relative;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
    background: white;
    overflow: hidden;
    width: 100%;
    max-width: 960px;
    opacity: 0;
    transition: 0.15s ease-in;
    margin-top: -10%; }
    @media screen and (min-width: 961px) {
      .cartModal .cartModal__inner {
        width: 80%; } }
    @media screen and (min-width: 1201px) {
      .cartModal .cartModal__inner {
        width: 60%; } }
    .cartModal .cartModal__inner.cartModal__inner--narrow {
      max-width: 480px; }
  .cartModal.open .cartModal__inner {
    opacity: 1;
    margin-top: 0; }
  .cartModal .cart-row {
    display: flex;
    flex-wrap: wrap; }
    .cartModal .cart-row .cart-cell {
      padding: 16px 40px;
      max-height: 45vh;
      width: 100%;
      color: #6c7075; }
      @media screen and (max-width: 768px) {
        .cartModal .cart-row .cart-cell {
          padding: 20px; } }
      @media screen and (min-width: 481px) {
        .cartModal .cart-row .cart-cell {
          width: 50%; } }
      .cartModal .cart-row .cart-cell.cart-cell--items {
        overflow-y: auto; }
      .cartModal .cart-row .cart-cell.cart-cell--full {
        width: 100%; }
      .cartModal .cart-row .cart-cell.cart-cell--accented {
        color: white;
        background: #3f4149; }
        .cartModal .cart-row .cart-cell.cart-cell--accented .cell-title {
          color: white; }
      .cartModal .cart-row .cart-cell.cart-cell--stacked {
        padding-bottom: 0; }
      .cartModal .cart-row .cart-cell .cell-titles {
        display: flex;
        flex-wrap: wrap; }
        @media screen and (max-width: 480px) {
          .cartModal .cart-row .cart-cell .cell-titles {
            justify-content: space-around; } }
      .cartModal .cart-row .cart-cell .cell-title {
        margin: 0;
        color: #3e4048;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .cartModal .cart-row .cart-cell .cell-title {
            justify-content: center; } }
        @media screen and (max-width: 480px) {
          .cartModal .cart-row .cart-cell .cell-title {
            flex-grow: 1;
            font-size: 11px;
            border-radius: 5px;
            margin: 5px 5px 0; } }
        @media screen and (max-width: 480px) {
          .cartModal .cart-row .cart-cell .cell-title.cell-title-button {
            border: 1px solid #999999;
            padding: 5px; } }
        .cartModal .cart-row .cart-cell .cell-title .icon {
          margin-right: 5px; }
    .cartModal .cart-row:nth-last-child(2) .cart-cell--accented {
      background: linear-gradient(to bottom, #3f4149, #2b2c2f); }
    .cartModal .cart-row:first-of-type .cart-cell {
      padding-top: 32px; }
    .cartModal .cart-row:last-of-type .cart-cell:not(.cart-cell--stacked) {
      padding-bottom: 40px; }
    .cartModal .cart-row:last-of-type .cart-cell.cart-cell--accented {
      background: #464954; }
  .cartModal .shipping-info {
    font-size: 12px;
    display: flex;
    align-items: center;
    line-height: 1.2em;
    white-space: nowrap; }
    .cartModal .shipping-info .icon.icon-box {
      margin-right: 10px;
      font-size: 34px;
      line-height: 24px; }
  .cartModal .totals-info {
    font-size: 1.1em;
    text-align: right; }
    @media screen and (max-width: 480px) {
      .cartModal .totals-info {
        font-size: 0.9em; } }
  .cartModal .cart-product-item {
    position: relative;
    transition: 0.3s ease-in-out;
    margin-bottom: 20px; }
    .cartModal .cart-product-item:last-of-type {
      margin-bottom: 0; }
    .cartModal .cart-product-item img {
      width: 100%; }
    .cartModal .cart-product-item.product-item-collapse {
      pointer-events: none;
      user-select: none;
      margin-top: -98px;
      box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.15);
      filter: grayscale(0.5); }
    .cartModal .cart-product-item .product-item-expand-btn {
      position: absolute;
      top: 100%;
      transform: translateY(-50%);
      padding: 0 8px; }

.cart-product-item {
  height: 84px;
  background: white;
  border-radius: 6px;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); }
  .cart-product-item.cart-item--child {
    margin-left: 20px; }
  .cart-product-item .item-title {
    font-weight: bold; }
    .cart-product-item .item-title a {
      color: inherit; }
  .cart-product-item .item-image {
    display: block;
    width: 84px;
    height: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    position: relative; }
    .cart-product-item .item-image > img {
      width: 100%;
      height: auto; }
    .cart-product-item .item-image .item-image-price {
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translate(-50%, 33%);
      font-size: 12px;
      line-height: 1.7em;
      color: #3d3d3d; }
  .cart-product-item .item-details {
    flex-grow: 1;
    color: #3d3d3d;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 10px; }
  .cart-product-item .item-qty-controls {
    height: 100%;
    color: #9b9b9b;
    font-size: 13px;
    font-weight: bold;
    border-left: 1px solid #dcdcdc;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-shrink: 0;
    border-radius: 0 6px 6px 0;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .cart-product-item .item-qty-controls {
        margin-left: 5px; } }
    .cart-product-item .item-qty-controls.disabled .qty-control {
      opacity: 0.5; }
    .cart-product-item .item-qty-controls .qty-control {
      width: 30px;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
    .cart-product-item .item-qty-controls .qty-cart {
      background: #007aff;
      color: white;
      padding: 3px; }
      .cart-product-item .item-qty-controls .qty-cart:hover {
        background: #1a87ff; }
      .cart-product-item .item-qty-controls .qty-cart:active {
        background: #006ee6; }
    .cart-product-item .item-qty-controls .qty-plus,
    .cart-product-item .item-qty-controls .qty-minus {
      cursor: pointer;
      color: #d8d8d8;
      user-select: none; }
      .cart-product-item .item-qty-controls .qty-plus:hover,
      .cart-product-item .item-qty-controls .qty-minus:hover {
        color: #9b9b9b; }
      .cart-product-item .item-qty-controls .qty-plus.disabled,
      .cart-product-item .item-qty-controls .qty-minus.disabled {
        cursor: default; }
        .cart-product-item .item-qty-controls .qty-plus.disabled:hover,
        .cart-product-item .item-qty-controls .qty-minus.disabled:hover {
          color: #d8d8d8; }
    .cart-product-item .item-qty-controls .qty-amount {
      padding: 0; }
      .cart-product-item .item-qty-controls .qty-amount input {
        width: 100%;
        color: inherit;
        font-weight: inherit;
        padding: 5px 0;
        text-align: center;
        border: none;
        border-radius: 0; }
        .cart-product-item .item-qty-controls .qty-amount input[disabled] {
          background-color: white; }

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

.relatedProductsSlider .flex-control-paging {
  position: static; }

.variantSelectorWrapper {
  display: flex;
  align-items: flex-start;
  padding-right: 18px; }
  @media screen and (max-width: 480px) {
    .variantSelectorWrapper {
      flex-direction: column; } }
  .variantSelectorWrapper .variantSelector {
    max-width: 440px;
    flex-wrap: wrap; }
  .variantSelectorWrapper .variantSelectorVideo {
    padding: 0 10%;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .variantSelectorWrapper .variantSelectorVideo {
        padding-left: 0; } }
    .variantSelectorWrapper .variantSelectorVideo video {
      background: #fff !important; }

.relatedProducts {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0 -24px 0 0;
  transition: .3s; }

.relatedProducts__tabs {
  display: flex;
  align-items: stretch;
  width: 100%; }
  .relatedProducts__tabs .relatedProducts__item {
    padding: 16px; }
    @media (max-width: 640px), (min-width: 961px) and (max-width: 1100px) {
      .relatedProducts__tabs .relatedProducts__item:first-child {
        margin-right: 10px; }
      .relatedProducts__tabs .relatedProducts__item:last-child {
        margin-left: 10px; } }
  .relatedProducts__tabs .relatedProducts__item__description {
    max-width: 240px; }
  .relatedProducts__tabs .highlight .relatedProducts__item__description {
    color: #363950; }

.relatedProducts__item {
  position: relative;
  display: flex;
  align-items: center;
  flex-basis: calc(33.3333% - 24px);
  border-radius: 4px;
  box-shadow: 0 0 0 1px #cfd6e6;
  margin: 2px 20px 16px 2px;
  min-height: 72px;
  opacity: 1;
  background: white;
  transition: .3s;
  top: 0;
  color: #070707; }
  @media screen and (max-width: 960px) {
    .relatedProducts__item {
      flex-basis: calc(50% - 24px); } }
  @media screen and (max-width: 768px) {
    .relatedProducts__item {
      flex-basis: calc(100%);
      margin: 0;
      margin-bottom: 16px; } }
  .relatedProducts__item.bundle-type-disabled {
    opacity: 0.4;
    background: white !important; }
  .relatedProducts__item.bundle-type-disabled:hover {
    cursor: default; }
  .relatedProducts__item.fade-enter-active {
    position: absolute;
    top: 100%;
    opacity: 0; }
  .relatedProducts__item.fade-leave-active {
    opacity: 0; }
  .relatedProducts__item[disabled] {
    background: #f8f8f8; }
  .relatedProducts__item[disabled]:hover {
    box-shadow: 0 0 0 1px #cfd6e6; }
  .relatedProducts__item.highlight, .relatedProducts__item.highlight:hover {
    box-shadow: 0 0 0 2px #006fff;
    background: #eaf8ff; }
  .relatedProducts__item.highlight[disabled] {
    box-shadow: 0 0 0 2px rgba(80, 88, 92, 0.5);
    background: #f8f8f8; }
  .relatedProducts__item:hover {
    box-shadow: 0 0 0 1px #a2a4b1;
    cursor: pointer; }
  .relatedProducts__item a,
  .relatedProducts__item .icon {
    transition: 0 !important; }

.relatedProducts__item__description {
  font-weight: normal;
  font-size: 0.8em;
  color: #656e72; }

.relatedProducts__link {
  flex-basis: auto;
  padding: 16px 24px;
  align-items: center;
  display: flex;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin: 2px 20px 16px 2px;
  min-height: 72px;
  opacity: 1;
  background: white;
  transition: .3s;
  top: 0; }

.relatedProducts__link__text {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #070707; }
  .relatedProducts__link__text img {
    margin: 0 8px;
    max-width: 24px; }

.relatedProducts__item__popupAlert {
  user-select: none;
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 36px;
  transform: translateY(-50%);
  width: fit-content;
  max-width: 80%;
  background: #fef8f8;
  border: 2px solid #e67878;
  color: #e67878;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.2px; }
  .relatedProducts__item__popupAlert.hasExtraText {
    max-width: 86%;
    padding: 5px;
    font-size: 11px;
    line-height: 13px; }
  .relatedProducts__item__popupAlert::after {
    content: '';
    position: absolute;
    top: calc(50% - 7px);
    left: calc(100% - 7px + 1px);
    transform: rotate(-45deg);
    width: 14px;
    height: 14px;
    background: #fef8f8;
    border: 2px solid #e67878;
    border-top: none;
    border-left: none; }

.relatedProducts__item__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 64px;
  width: 64px;
  margin: 0 8px 0 4px;
  border-radius: 3px; }
  .relatedProducts__item__image img {
    max-width: 50px;
    max-height: 50px; }

.relatedProducts__item__data {
  flex-grow: 1;
  padding: 4px 8px 4px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left; }

.relatedProducts__item__data__title, .relatedProducts__item__data__title:hover, .relatedProducts__item__data__title:focus {
  display: inline-block;
  font-weight: bold;
  color: inherit;
  line-height: 1.3; }

.relatedProducts__item__data__price {
  font-size: .9em;
  opacity: .8; }

.relatedProducts__item__add {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-around;
  padding: 3px;
  border-radius: 0 4px 4px 0;
  background-color: #50585c;
  color: #fff; }
  .relatedProducts__item__add svg {
    transform: scale(0.9); }
  .relatedProducts__item__add:hover {
    background-color: #006fff; }

.relatedProducts__item__qty {
  display: flex;
  flex-direction: column;
  border-left: 1px solid #f0f0f0;
  width: 36px;
  justify-content: center; }

.relatedProducts__item__qty__adjust {
  width: 100%;
  padding: 2px 3px;
  margin: 0 auto;
  outline: none;
  font-size: .8em;
  color: rgba(7, 7, 7, 0.5); }
  .relatedProducts__item__qty__adjust:hover {
    color: rgba(7, 7, 7, 0.8); }

.relatedProducts__item__qty__num, .relatedProducts__item__qty__num:focus {
  width: 100%;
  min-width: 36px;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  font-size: .9em;
  border: none;
  outline: none;
  background: transparent; }

.relatedProducts__item__price {
  margin: 0 16px;
  font-size: 1.3em;
  color: #363950;
  white-space: nowrap; }

.relatedProductsTabs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: .7em; }
  .relatedProductsTabs li,
  .relatedProductsTabs .tab {
    display: inline-block;
    margin-right: 20px; }
    .relatedProductsTabs li[active] a,
    .relatedProductsTabs .tab[active] a {
      color: #006fff;
      border-bottom-color: #006fff; }
    .relatedProductsTabs li:hover a,
    .relatedProductsTabs .tab:hover a {
      color: #006fff; }
  .relatedProductsTabs a {
    display: inline-block;
    font-weight: 600;
    padding: 10px 0;
    border-bottom: 2px solid transparent;
    transition: .3s;
    cursor: pointer;
    color: #4d4d4d; }

.relatedProductBuilder__items {
  display: flex;
  flex-wrap: wrap; }

.relatedProductBuilder strong {
  color: #363950; }

.quantity-selector {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-around;
  border-radius: 0 4px 4px 0;
  background-color: white;
  border-left: 1px solid #dcdcdc; }

.quantity-selector__btn {
  color: #50585c;
  font-weight: 700;
  font-size: 18px;
  display: block; }

.quantity-selector__value {
  text-align: center;
  width: 100%; }

.bundleLogic {
  border-radius: 3px;
  background-color: #f8f8f8;
  border: 1px solid #f0f0f0;
  padding: 20px 16px; }

.bundleLogic__wizard {
  position: relative;
  min-height: 45px; }

.bundleLogic__wizard__button {
  text-align: center;
  width: 100%;
  transition: .3s; }
  .bundleLogic__wizard__button .btn, .bundleLogic__wizard__button .btn--secondary, .bundleLogic__wizard__button .btn--success, .bundleLogic__wizard__button .btn--simple, .bundleLogic__wizard__button .btn--light, .bundleLogic__wizard__button .btn--grey, .bundleLogic__wizard__button .btn--minor {
    max-width: 320px; }

.bundleLogic__wizard__tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: .9em;
  position: relative;
  top: 8px;
  transition: .3s; }
  .bundleLogic__wizard__tabs .btn, .bundleLogic__wizard__tabs .btn--secondary, .bundleLogic__wizard__tabs .btn--success, .bundleLogic__wizard__tabs .btn--simple, .bundleLogic__wizard__tabs .btn--light, .bundleLogic__wizard__tabs .btn--grey, .bundleLogic__wizard__tabs .btn--minor {
    position: absolute;
    top: 0;
    min-width: 62px; }
  .bundleLogic__wizard__tabs .btn--back {
    left: -24px; }
  .bundleLogic__wizard__tabs .btn--next {
    right: -24px; }
  .bundleLogic__wizard__tabs .btn--grey {
    pointer-events: none; }

.bundleLogic__notes {
  display: flex;
  align-items: center;
  margin: 16px 0 0 0;
  padding-top: 10px;
  line-height: 1.2;
  border-top: 1px solid #f0f0f0; }
  .bundleLogic__notes.bundleLogic__notes--compact {
    border: none;
    padding-top: 0; }

.bundleLogic__notes__note {
  display: flex;
  align-items: center;
  width: 100%; }
  .bundleLogic__notes__note.center {
    justify-content: center; }
  .bundleLogic__notes__note svg {
    margin: 0 12px 0 4px; }

.bundleTabsWrapper {
  position: relative;
  overflow: hidden;
  min-width: 190px;
  width: calc(100% - 134px); }

.bundleTabs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: .3s; }
  .bundleTabs.compact .bundleTab.active .bundleTab__link {
    height: auto;
    min-width: 64px; }
    .bundleTabs.compact .bundleTab.active .bundleTab__link span {
      transform: translateY(0); }
  .bundleTabs.compact .bundleTab__link {
    width: 14px; }
    .bundleTabs.compact .bundleTab__link span {
      transform: translateY(20px); }

.bundleTab {
  margin: 0;
  padding: 5px;
  text-align: center;
  color: #9B9B9B;
  position: relative;
  overflow: visible;
  cursor: pointer; }
  .bundleTab:hover {
    color: #006fff; }
    .bundleTab:hover:before {
      transform: scale(1.2);
      background-color: #006fff; }
  .bundleTab:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #9B9B9B;
    z-index: 1;
    transition: .3s; }
  .bundleTab:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4zMjguNTZhMSAxIDAgMDExLjYzOSAxLjE0N0w0Ljk1MiA3LjQ0YTEgMSAwIDAxLTEuNTYxLjA5Ny45Mi45MiAwIDAxLS4xMjQtLjEwNUwxLjE0NSA1LjMxMkExIDEgMCAwMTIuNTYgMy44OThsMS40MyAxLjQzeiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") 50% 50% no-repeat;
    background-size: contain;
    position: absolute;
    top: 6px;
    left: calc(50% - 4px);
    z-index: 2;
    opacity: 0;
    transition: .3s; }
  .bundleTab.active {
    color: #006fff; }
    .bundleTab.active:before {
      background-color: #006fff;
      transform: scale(1.3); }
  .bundleTab.added:before, .bundleTab#bundleTab0:before {
    transform: scale(1.8); }
  .bundleTab.added:after, .bundleTab#bundleTab0:after {
    opacity: 1; }
  .bundleTab.visited .line, .bundleTab.visited:before {
    background-color: #006fff; }
  .bundleTab.visited .bundleTab__link {
    color: #006fff; }
  .bundleTab .line {
    position: absolute;
    z-index: 0;
    top: 8px;
    left: 0;
    height: 2px;
    border-radius: 3px;
    background-color: #9B9B9B;
    transition-property: width, left;
    transition-duration: .2s, .05s; }

.bundleTab__link {
  display: inline-block;
  position: relative;
  overflow: hidden;
  color: inherit;
  cursor: pointer;
  transition: .3s; }
  .bundleTab__link span {
    display: inline-block;
    padding: 4px 0;
    white-space: nowrap;
    transition: .3s;
    transform: translateY(0); }

.bundleApp .relatedProducts__item {
  flex-basis: calc(100%);
  margin-right: 2px; }
  @media screen and (min-width: 1100px) {
    .bundleApp .relatedProducts__item {
      flex-basis: calc(50% - 14px);
      margin-right: 20px; }
      .bundleApp .relatedProducts__item:nth-child(2n) {
        margin-right: 2px; } }
  @media screen and (min-width: 640px) and (max-width: 960px) {
    .bundleApp .relatedProducts__item {
      flex-basis: calc(50% - 14px);
      margin-right: 20px; }
      .bundleApp .relatedProducts__item:nth-child(2n) {
        margin-right: 2px; } }

.bundleApp .relatedProducts--mod .relatedProducts__item {
  flex-basis: 100%;
  margin-right: 20px; }

.bundleSlider {
  align-items: flex-start !important;
  text-align: left !important; }

.bundle-viewport {
  transition: .4s;
  transition-timing-function: ease-in-out; }

.relatedProducts__bundle__title {
  color: #363950;
  font-weight: bold;
  padding: 8px 0; }

.relatedProducts__bundle__title__secondary {
  color: #363950;
  opacity: 0.7;
  font-size: 0.8em; }

.relatedProducts__bundle__items {
  display: flex;
  flex-wrap: wrap;
  overflow-x: hidden;
  padding: 2px 0 0 2px;
  width: 100%; }
  .relatedProducts__bundle__items .relatedProductBuilder__items {
    margin-right: 2px; }
  .relatedProducts__bundle__items.shake-animation {
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0); }

.relatedProducts__add__to__cart {
  padding: 20px;
  background: #fcfbfb;
  border-radius: 3px; }
  .relatedProducts__add__to__cart button:disabled {
    background: #007aff; }

.loading .relatedProducts__item__qty__adjust {
  opacity: .3;
  pointer-events: none; }
.loading .relatedProducts__item__qty__num {
  opacity: .3; }

.bundleLogic__wizard .slideUp-leave-active {
  opacity: 0;
  transform: translateY(12px);
  transition-timing-function: ease-out; }
.bundleLogic__wizard .slideUp-enter-active {
  opacity: 0;
  transform: translateY(-12px);
  transition-timing-function: ease-in; }

.bisn {
  text-align: left; }
  .bisn .bisn-checkbox-wrapper {
    display: flex;
    align-items: center; }
    .bisn .bisn-checkbox-wrapper input[type="checkbox"] {
      display: none; }
    .bisn .bisn-checkbox-wrapper label[for] {
      margin: 0; }
    .bisn .bisn-checkbox-wrapper .bisn-checkbox-text {
      margin-left: 10px; }
    .bisn .bisn-checkbox-wrapper .bisn-checkbox {
      position: relative;
      display: inline-block;
      border: 2px solid #979797;
      background: #fff;
      border-radius: 4px;
      width: 24px;
      height: 24px;
      transition: 0.2s ease-in-out; }
      .bisn .bisn-checkbox-wrapper .bisn-checkbox::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 60%;
        height: 60%;
        background: #007aff;
        border-radius: 2px;
        transition: 0.2s ease-in-out;
        opacity: 0; }
    .bisn .bisn-checkbox-wrapper input[type="checkbox"]:checked + .bisn-checkbox {
      border-color: #007aff; }
      .bisn .bisn-checkbox-wrapper input[type="checkbox"]:checked + .bisn-checkbox::after {
        opacity: 1;
        width: 80%;
        height: 80%; }
    .bisn .bisn-checkbox-wrapper:hover .bisn-checkbox {
      border-color: #bdbdbd; }
    .bisn .bisn-checkbox-wrapper:hover input[type="checkbox"]:checked + .bisn-checkbox {
      border-color: #4da2ff; }
    .bisn .bisn-checkbox-wrapper input[type="checkbox"]:disabled + .bisn-checkbox {
      cursor: not-allowed;
      opacity: 0.5; }

.diagram-app {
  margin: 30px auto;
  position: relative;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border: 1px solid #ebebeb;
  border-radius: 4px; }
  .diagram-app .title {
    position: absolute;
    top: 32px;
    left: 32px; }
  .diagram-app .curved-stroke {
    pointer-events: none; }
  .diagram-app .items {
    position: relative;
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      .diagram-app .items {
        flex-direction: column; } }
    .diagram-app .items .items-level {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media screen and (max-width: 768px) {
        .diagram-app .items .items-level .level-items {
          display: flex;
          justify-content: center; } }
    .diagram-app .items .item-wrapper {
      border-radius: 41px;
      background: linear-gradient(to bottom, #0964c8, #007aff);
      padding: 2px;
      margin: 30px; }
      @media screen and (max-width: 960px) {
        .diagram-app .items .item-wrapper {
          margin: 20px; } }
      @media screen and (max-width: 768px) {
        .diagram-app .items .item-wrapper {
          margin: 20px 5px;
          border-radius: 31px; } }
      @media screen and (max-width: 480px) {
        .diagram-app .items .item-wrapper {
          margin: 20px 3px;
          border-radius: 16px; } }
      .diagram-app .items .item-wrapper .item {
        position: relative;
        border-radius: 40px;
        background: #fff;
        height: 60px;
        display: flex;
        align-items: center;
        transition: box-shadow 0.3s ease-in-out;
        cursor: default; }
        @media screen and (max-width: 768px) {
          .diagram-app .items .item-wrapper .item {
            border-radius: 30px; } }
        @media screen and (max-width: 480px) {
          .diagram-app .items .item-wrapper .item {
            border-radius: 14px; } }
        .diagram-app .items .item-wrapper .item.item-clickable {
          cursor: pointer; }
        .diagram-app .items .item-wrapper .item:hover.item-clickable {
          box-shadow: 0 0 0 6px rgba(0, 122, 255, 0.2); }
        .diagram-app .items .item-wrapper .item .item-number {
          position: absolute;
          z-index: 10;
          top: 0;
          left: 0;
          transform: translate(-33%, -33%);
          background: #007aff;
          height: 30px;
          width: 30px;
          line-height: 30px;
          border-radius: 50%;
          text-align: center;
          color: #fff;
          font-size: 15px;
          font-weight: bold;
          letter-spacing: -0.75px; }
          @media screen and (max-width: 768px) {
            .diagram-app .items .item-wrapper .item .item-number {
              transform: translate(-33%, -50%); } }
          @media screen and (max-width: 480px) {
            .diagram-app .items .item-wrapper .item .item-number {
              height: 25px;
              width: 25px;
              line-height: 25px;
              font-size: 13px; } }
        .diagram-app .items .item-wrapper .item .item-image {
          height: 100%;
          overflow: hidden;
          border-radius: inherit;
          flex-shrink: 0;
          padding: 10px; }
          @media screen and (max-width: 768px) {
            .diagram-app .items .item-wrapper .item .item-image {
              display: none; } }
          .diagram-app .items .item-wrapper .item .item-image img {
            max-width: 50px;
            height: 100%; }
            @media screen and (max-width: 960px) {
              .diagram-app .items .item-wrapper .item .item-image img {
                max-width: 40px; } }
        .diagram-app .items .item-wrapper .item .item-details {
          color: #4a4a4a;
          font-size: 13px;
          font-weight: 600;
          letter-spacing: -0.65px;
          padding-right: 20px; }
          @media screen and (max-width: 960px) {
            .diagram-app .items .item-wrapper .item .item-details {
              padding-right: 15px;
              font-size: 11px; } }
          @media screen and (max-width: 768px) {
            .diagram-app .items .item-wrapper .item .item-details {
              padding: 0 10px; } }
          @media screen and (max-width: 480px) {
            .diagram-app .items .item-wrapper .item .item-details {
              padding: 0 5px; } }
          @media screen and (max-width: 340px) {
            .diagram-app .items .item-wrapper .item .item-details {
              font-size: 10px; } }
          .diagram-app .items .item-wrapper .item .item-details.details-title-only {
            font-weight: bold;
            letter-spacing: -0.49px;
            line-height: 15px; }
          .diagram-app .items .item-wrapper .item .item-details .details-title {
            white-space: nowrap; }
          .diagram-app .items .item-wrapper .item .item-details .details-subtitle {
            font-size: 11px;
            font-weight: bold;
            letter-spacing: -0.55px; }
            @media screen and (max-width: 960px) {
              .diagram-app .items .item-wrapper .item .item-details .details-subtitle {
                font-size: 9px; } }
            @media screen and (max-width: 480px) {
              .diagram-app .items .item-wrapper .item .item-details .details-subtitle {
                font-size: 8px; } }
  @media screen and (max-width: 760px) {
    .diagram-app {
      padding-top: 80px; } }

.geo-select {
  font-family: "Roboto", sans-serif;
  position: absolute;
  z-index: 901;
  top: 42px;
  left: 8px;
  background: white;
  color: #525461;
  padding: 24px;
  border-radius: 3px;
  margin-top: 10px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  line-height: 1.3;
  width: 320px; }
  .geo-select::before {
    /** Block accessing menu before the modal */
    content: '';
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 100%; }
  .geo-select::after {
    content: '';
    position: absolute;
    left: 28%;
    bottom: 100%;
    border: 8px solid transparent;
    border-bottom-color: white;
    border-top: none; }
  .geo-select select {
    width: 100%;
    background-color: #f6f6f8;
    margin-bottom: 20px;
    border-color: #f6f6f8;
    color: #525461;
    font-size: 14px;
    height: 36px; }
  .geo-select .close {
    color: rgba(82, 84, 97, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    margin: 5px;
    font-size: 24px;
    line-height: 20px;
    display: block;
    font-weight: lighter; }
  .geo-select .notice {
    font-size: 12px;
    font-style: italic; }
  .geo-select .btn, .geo-select .btn--secondary, .geo-select .btn--success, .geo-select .btn--simple, .geo-select .btn--light, .geo-select .btn--grey, .geo-select .btn--minor {
    font-size: 14px;
    font-family: inherit;
    font-weight: 500;
    height: 34px; }

.uvc-compare-table .uvc-compare-table__header-icons {
  display: grid;
  grid-template-columns: repeat(5, 1fr); }
  .uvc-compare-table .uvc-compare-table__header-icons .header-icons__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px; }
    .uvc-compare-table .uvc-compare-table__header-icons .header-icons__icon.header-icons__icon--flex-camera > img {
      transform: scale(0.6); }
    .uvc-compare-table .uvc-compare-table__header-icons .header-icons__icon > img {
      width: 90%; }
    @media only screen and (min-width: 768px) {
      .uvc-compare-table .uvc-compare-table__header-icons .header-icons__icon.header-icons__icon--flex-camera > img {
        transform: scale(0.8); } }
    @media only screen and (min-width: 960px) {
      .uvc-compare-table .uvc-compare-table__header-icons .header-icons__icon.header-icons__icon--flex-camera > img {
        transform: scale(1); } }
  @media only screen and (min-width: 960px) {
    .uvc-compare-table .uvc-compare-table__header-icons {
      grid-template-columns: repeat(6, 1fr); } }
.uvc-compare-table .uvc-compare-table__headings {
  display: flex; }
  .uvc-compare-table .uvc-compare-table__headings .headings__heading {
    color: #4a4a4a;
    font-weight: 700;
    width: 25%;
    text-align: center;
    font-size: 0.8em; }
    @media only screen and (min-width: 960px) {
      .uvc-compare-table .uvc-compare-table__headings .headings__heading {
        margin-bottom: 30px;
        font-size: 1em; } }
.uvc-compare-table .uvc-compare-table__table {
  width: 100%; }
  .uvc-compare-table .uvc-compare-table__table .table__row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    /* Does not display on mobile size to avoid empy heading row */ }
    .uvc-compare-table .uvc-compare-table__table .table__row > span {
      height: 60px;
      margin: 0 2px;
      display: flex;
      align-items: center;
      padding-top: 10px;
      padding-bottom: 10px; }
    .uvc-compare-table .uvc-compare-table__table .table__row > span[class^="row__data"] {
      justify-content: center;
      background-color: #F7F7F7;
      font-size: 0.8em; }
    .uvc-compare-table .uvc-compare-table__table .table__row .row__data--multi-line {
      flex-direction: column;
      align-items: center;
      height: auto !important; }
    .uvc-compare-table .uvc-compare-table__table .table__row .row__heading {
      padding: 0 25px;
      font-weight: 500;
      background-color: #fff;
      grid-column: 1/6;
      display: flex;
      justify-content: center; }
    .uvc-compare-table .uvc-compare-table__table .table__row .row__heading--empty {
      display: none; }
    .uvc-compare-table .uvc-compare-table__table .table__row .row__data--checked {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg id='Group_4' data-name='Group 4' transform='translate(-2595 -1036)'%3E%3Ccircle id='Ellipse_1' data-name='Ellipse 1' cx='13' cy='13' r='13' transform='translate(2595 1036)' fill='%23007aff'/%3E%3Cpath id='check' d='M4.614,9.534a.615.615,0,0,1-.87,0L.27,6.06a.922.922,0,0,1,0-1.3L.705,4.32a.923.923,0,0,1,1.3,0L4.179,6.489l5.86-5.86a.923.923,0,0,1,1.3,0l.435.435a.922.922,0,0,1,0,1.3Zm0,0' transform='translate(2602.257 1044.223)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-position: center; }
    .uvc-compare-table .uvc-compare-table__table .table__row .row__data--none {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='3' viewBox='0 0 26 3'%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='26' height='3' fill='%23d8d8d8'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-position: center; }
    .uvc-compare-table .uvc-compare-table__table .table__row .row__data-button {
      background-color: #fff !important; }
      .uvc-compare-table .uvc-compare-table__table .table__row .row__data-button .data-button__btn {
        width: 100%;
        height: 35px;
        margin: 0px 5px;
        background: #007AFE;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 15px;
        border-radius: 6px;
        color: #fff; }
  @media only screen and (min-width: 960px) {
    .uvc-compare-table .uvc-compare-table__table .table__row > span[class^="row__data"] {
      justify-content: center;
      background-color: unset; }
    .uvc-compare-table .uvc-compare-table__table .table__row:nth-child(odd) > span {
      background-color: #F7F7F7; }
    .uvc-compare-table .uvc-compare-table__table .table__row {
      grid-template-columns: repeat(6, 1fr); }
      .uvc-compare-table .uvc-compare-table__table .table__row .row__heading {
        grid-column: unset;
        background-color: unset;
        justify-content: left;
        text-align: left; }
      .uvc-compare-table .uvc-compare-table__table .table__row .row__heading--empty {
        display: block; }
      .uvc-compare-table .uvc-compare-table__table .table__row .row__data-button .data-button__btn {
        margin: 0px 20px; } }
@media only screen and (max-width: 960px) {
  .uvc-compare-table .hidden-mobile {
    display: none !important; } }

.alternative-products-modal {
  background: #fff;
  box-shadow: 0 0 20px #0003;
  max-width: 80%;
  margin: auto;
  border-radius: 5px;
  padding: 40px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .alternative-products-modal {
      max-width: 100%; } }
  .alternative-products-modal .mfp-close {
    border: none;
    top: 10px;
    right: 10px;
    left: auto;
    bottom: auto; }
  .alternative-products-modal .error-message {
    color: #f5004b; }
  .alternative-products-modal .alternative-products-list {
    display: flex; }
    @media screen and (max-width: 768px) {
      .alternative-products-modal .alternative-products-list {
        flex-direction: column; } }
    .alternative-products-modal .alternative-products-list .comProductTile {
      max-width: 33%;
      height: auto; }
      @media screen and (max-width: 768px) {
        .alternative-products-modal .alternative-products-list .comProductTile {
          max-width: 100%; } }
      .alternative-products-modal .alternative-products-list .comProductTile:not(:last-child) {
        margin-right: 20px; }
        @media screen and (max-width: 768px) {
          .alternative-products-modal .alternative-products-list .comProductTile:not(:last-child) {
            margin-right: 0;
            margin-bottom: 20px; } }
    .alternative-products-modal .alternative-products-list .comProductTile__image {
      height: 240px;
      padding: 0; }