**/
/*============================================================================
  Timber v2.0.0 | github.com/timber
  Copyright 2014 Inc.
  Author Carson Shold @cshold
  Built with Sass - http://sass-lang.com/ar

  Some things to know about this file:
    - Sass is compiled on Shopify's server so you don't need to convert it to CSS yourself
    - The output CSS is compressed and comments are removed
    - This file merges your stylesheets into one master at assets/timber.scss.liquid
==============================================================================*/
/*================ Variables, theme settings, and Sass mixins ================*/
/*================ Global | Sass Mixins ================*/
/*============================================================================
  Prefix mixin for generating vendor prefixes.
  Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss
  Usage:
    // Input:
    .element {
      @include prefix(transform, scale(1), ms webkit spec);
    }
    // Output:
    .element {
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
==============================================================================*/
/*============================================================================
  Dependency-free breakpoint mixin
    - http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
==============================================================================*/
/*============================================================================
  Accent text
==============================================================================*/
/*============================================================================
  Flexbox prefix mixins from Bourbon
    https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_flex-box.scss
==============================================================================*/
/*================ The following are dependencies of csswizardry grid ================*/
/*================ Color variables ================*/
/*================ Typography variables ================*/

@font-face {
  font-family: ICA Rubrick;
  font-weight: 300;
  font-style: normal;
  src: url("../../../../fonts/icarubrik/ica-rubrik.woff2?h1=YnV6emluZm9zLm5ldA&hmac=a6d7f0233226e36af81f5cfcb08d2935a4e8e6ef805f7ab4fa499537fdb76cbb") format("woff2"), url("../../../../fonts/icarubrik/ica-rubrik.woff?h1=YnV6emluZm9zLm5ldA&hmac=8b6161674cec03966bd83a560be077df08d1cd5922a0714eabb710a70cabe477") format("woff"); }

@font-face {
  font-family: Open;
  font-weight: 300;
  font-style: normal;
  src: url("../../../../fonts/open/open-300.woff2?h1=YnV6emluZm9zLm5ldA&hmac=bd87760c7fbb9708bcc7e5692cf1b61484b7773f1841921a3cb2571f6d197a3e") format("woff2"), url("../../../../fonts/open/open-300.woff?h1=YnV6emluZm9zLm5ldA&hmac=3cbeabb47fa10c170f76ff73db7bd4faa25133b039098a06708382f299c1c989") format("woff"); }

@font-face {
  font-family: Open;
  font-weight: 500;
  font-style: normal;
  src: url("../../../../fonts/open/open-500.woff2?h1=YnV6emluZm9zLm5ldA&hmac=390eb81e982e3f52347275f52e212ad7f642fff68ae3b550407daabf2fda4cc5") format("woff2"), url("../../../../fonts/open/open-500.woff?h1=YnV6emluZm9zLm5ldA&hmac=a0209b0b8ae06e8dc4bcdc09d59ec7d16d860d4222b40f23b7b843dfee9aa2a8") format("woff"); }

@font-face {
  font-family: Poppins;
  font-weight: 300;
  font-style: normal;
  src: url("../../../../fonts/poppins/poppins-300.woff2?h1=YnV6emluZm9zLm5ldA&hmac=02fa6bb8d4782cb627fdf20f1696da7973da8f17cd28f64c926de0c5e8ba74ce") format("woff2"), url("../../../../fonts/open/open-regular.woff?h1=YnV6emluZm9zLm5ldA&hmac=877d7750684a09d9d7c30b1c98b8ff4f6418492311568bed7009b5bd9611450d") format("woff"); }

@font-face {
  font-family: Lato;
  font-weight: 300;
  font-style: normal;
  src: url("../../../../fonts/lato/lato-300.woff2?h1=YnV6emluZm9zLm5ldA&hmac=a6d7f0233226e36af81f5cfcb08d2935a4e8e6ef805f7ab4fa499537fdb76cbb") format("woff2"), url("../../../../fonts/lato/lato-300.woff?h1=YnV6emluZm9zLm5ldA&hmac=8b6161674cec03966bd83a560be077df08d1cd5922a0714eabb710a70cabe477") format("woff"); }
  
@font-face {
  font-family: Questrial;
  font-weight: 300;
  font-style: normal;
  src: url("../../../../fonts/questrial/questrial_n4.0ba6d2b6094954bab23732c75d3ecb4c47a5869c5bd6.woff2?h1=YnV6emluZm9zLm5ldA&hmac=a6d7f0233226e36af81f5cfcb08d2935a4e8e6ef805f7ab4fa499537fdb76cbb") format("woff2"), url("../../../../fonts/questrial/questrial_n4.5abce10d8846bb9326c9741eaffed9667c847692aeaf.woff?h1=YnV6emluZm9zLm5ldA&hmac=8b6161674cec03966bd83a560be077df08d1cd5922a0714eabb710a70cabe477") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 300;
  font-style: normal;
  src: url("../../../../fonts/roboto/roboto_n3.fcf1a8ca0d134f200393562dbdc9f5836276782d366b.woff2?h1=YnV6emluZm9zLm5ldA&hmac=bd87760c7fbb9708bcc7e5692cf1b61484b7773f1841921a3cb2571f6d197a3e") format("woff2"), url("../../../../fonts/roboto/roboto_n3.fa321b1ddee0338f7cf3bfb01c364bbc1b6a419a1b1d.woff?h1=YnV6emluZm9zLm5ldA&hmac=3cbeabb47fa10c170f76ff73db7bd4faa25133b039098a06708382f299c1c989") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 900;
  font-style: normal;
  src: url("../../../../fonts/roboto/roboto_n9.53d38598fbfdff3d54f7424818da582af4f7d2307d08.woff2?h1=YnV6emluZm9zLm5ldA&hmac=390eb81e982e3f52347275f52e212ad7f642fff68ae3b550407daabf2fda4cc5") format("woff2"), url("../../../../fonts/roboto/roboto_n9.f3669795f8a2d1263fcc5f16bb1988525e54c56fb7c3.woff?h1=YnV6emluZm9zLm5ldA&hmac=a0209b0b8ae06e8dc4bcdc09d59ec7d16d860d4222b40f23b7b843dfee9aa2a8") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  src: url("../../../../fonts/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f570cc.woff2?h1=YnV6emluZm9zLm5ldA&hmac=02fa6bb8d4782cb627fdf20f1696da7973da8f17cd28f64c926de0c5e8ba74ce") format("woff2"), url("../../../../fonts/roboto/roboto_n4.a512c7b68cd7f12c72e1a5fd58e7f7315c552e9345f4.woff?h1=YnV6emluZm9zLm5ldA&hmac=877d7750684a09d9d7c30b1c98b8ff4f6418492311568bed7009b5bd9611450d") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 300;
  font-style: italic;
  src: url("../../../../fonts/roboto/roboto_i3.822f1ceb4cac9d8a65193433be86f1fa41cc2dec868c.woff2?h1=YnV6emluZm9zLm5ldA&hmac=bddca74437d2211bb55d07c6ebd0e8ce78db19aa26bc1e0945c1b61dda5e041c") format("woff2"), url("../../../../fonts/roboto/roboto_i3.f851bd42126845bf1959bbdd8e03e076fedf4a94a31d.woff?h1=YnV6emluZm9zLm5ldA&hmac=b6c21e40071cbe2b2a6a032c81632b26a16e8fa3c6b15ac0a10ac28d0cadcc86") format("woff"); }

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  src: url("../../../../fonts/roboto/roboto_i4.f98951b4b9b6e1096fc799cd05debd098bd422acd7fd.woff2?h1=YnV6emluZm9zLm5ldA&hmac=c3344ac22b025fe2f0e75cea05cc6a59490f78a9ae47cdbae4f5d2e803d581e4") format("woff2"), url("../../../../fonts/roboto/roboto_i4.688a26691d45bc4053b6ae24a196cabdeedbc25ce93a.woff?h1=YnV6emluZm9zLm5ldA&hmac=a1d0a7d702eea79264e1b095279548f6e210a699c73e2318b927aa651cc32bd3") format("woff"); }

/*================ Global | Normalize ================*/

*, input, :before, :after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
   
.slider__controls-button--prev {
 left: calc(50% - 100px); }
 
.slider__controls-button--next {
 right: calc(50% - 100px); }
    
html, body {
 margin: 0 auto; }

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

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

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

/*================ Site-wide styles ================*/
/*================ Partials | Layout Styles ================*/

html {
 background-color: #951f60; }

body {
 background-color: white; }
 
.wrapper-header {
*zoom: 1;
 max-width: 1100px;
 height: 100%;
 margin: 0 auto;
 padding-left: .625rem;
 padding-right: .625rem; }  
  
.wrapper-header:after {
 content: "";
 display: table;
 clear: both; }

.wrapper {
*zoom: 1;
 max-width: 1100px;
 margin: 0 auto;
 padding-left: .625rem;
 padding-right: .625rem; }
  
.wrapper:after {
 content: "";
 display: table;
 clear: both; }
 
.wrapper-footer {
*zoom: 1;
 max-width: 1100px;
 margin: 0 auto;
 padding-left: .625rem;
 padding-right: .625rem; }
  
.wrapper-footer:after {
 content: "";
 display: table;
 clear: both; }
  
@media screen and (min-width: 480px) {
.wrapper-header
.wrapper
.wrapper-footer
 padding: auto; }

.main-content {
 padding-top: 8rem;
 padding-bottom: 1rem; }
 
.main-content:after {
 content: "";
 display: table;
 clear: both; }

hr {
 clear: both;
 border-top: solid #9031ff;
 border-width: 1px 0 0;
 margin: 30px 0;
 height: 0; }
 
.hr--maxi {
 margin: 30px 0; }
 
.hr--small {
 margin: 18px 0; }
 
.hr--mini {
 margin: 16px 0; }
 
.hr--clear {
 border-top-color: transparent; }
 
.template-index .main-content .grid-uniform + hr.hr--clear {
 display: flex; }

/*================ Partials | Typography styles ================*/

body, input, textarea, button, select {
 font-size: 17px;
 line-height: 1.75;
 font-family: Roboto, sans-serif;
 font-weight: 300;
 font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
 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.11765em; }

h2, .h2 {
 font-size: 2rem; }

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

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

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

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

h9, .h9 {
 font-size: 2em; }

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

em {
 font-style: italic; }

b, strong {
 font-weight: 400; }

small {
 font-size: 0.9em; }

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

sup {
 top: -0.5em; }

sub {
 bottom: -0.5em; }

blockquote {
 font-size: 1.125em;
 line-height: 1.45;
 font-style: italic;
 margin: 0 0 30px;
 padding: 15px 30px;
 border-left: 1px solid #9031ff; }
blockquote p {
 margin-bottom: 0; }
blockquote p + cite {
 margin-top: 15px; }
blockquote cite {
 display: block;
 font-size: 0.75em; }
blockquote cite:before {
 content: "\2014 \0020"; }

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

pre {
 overflow: auto;
 padding: 15px;
 margin: 0 0 30px; }

/*================ Partials | Lists ================*/

ul, ol {
 margin: 0;
 padding: 0; }

ul {
 list-style: none outside; }

ol {
 list-style: decimal; }

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

li {}

ol, ul.square, .rte ul ul ul, ul.disc, .rte ul {
 margin-left: 20px; }

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

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

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

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

/*================ Partials | Tables ================*/
table {
 width: 100%;
 margin-bottom: 1em;
 border-collapse: collapse;
 border-spacing: 0; }

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

th {
 font-weight: 400; }

th, td {
 text-align: left;
 padding: 15px;
 border: 1px solid #9031ff; }

/*============================================================================
  #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.
==============================================================================*/

#section-slider .grid__item:nth-of-type(1){ margin-right: 0; }

#section-articles .grid__item:nth-of-type(3){ margin-right: 0; }

#related-articles .grid__item:nth-of-type(4){ margin-right: 0; }

#section-footer .grid__item:nth-of-type(4){ margin-right: 0; }

/*============================================================================
  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-bottom: 1rem; }
  
.grid-box {
  list-style: none;
  width: 54%;
  margin: 0; }
  
.banner-grid {
 list-style: none;
 margin: 0;
 padding-right: 2%; 
 padding-bottom: 2rem; }

.grid__item {
  float:left;
  min-height: 1px;
  margin-right: 3%;
  vertical-align: top;
  width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*============================================================================
  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;
  padding-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: 31.333%; }
    
.two-thirds {
  width: 66.666%; }

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

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

.hide {
  display: none; }

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

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

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

.left {
  float: left; }

.right {
  float: none; }

/*================ Our responsive classes, if we have enabled them ================*/
@media only screen and (max-width: 480px) {
  /** 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; }

  .small--hide {
    display: none; }

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

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

  .small--text-center {
    text-align: center; }

  .small--left {
    float: left; }

  .small--right {
    float: right; }

  .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: 481px) and (max-width: 768px) {
  /** Whole */
  .medium--one-whole {
    width: 100%; }

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

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

  .medium--hide {
    display: none; }

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

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

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

  .medium--left {
    float: left; }

  .medium--right {
    float: right; }

  .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 (max-width: 768px) {
  /** 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; }

  .medium-down--hide {
    align-items: center;
    justify-content: space-between; }

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

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

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

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

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

  .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; } }
@media only screen and (min-width: 768px) {
  /** 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; }

  .large--hide {
    display: none; }

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

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

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

  .large--left {
    float: left; }

  .large--right {
    float: right; }

  .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: 768px) {
  /** Whole */
  .post-large--one-whole {
    width: 100%; }

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

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

  .post-large--two-thirds {
    width: 67.666%; }

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

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

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

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

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

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

  .post-large--four-fifths {
    width: 69.333%; }

  .post-large-left {
    float: left;
    width: 67.666%; }
    
  .post-large-right {
    float: right;
    width: 29%;
    padding-top: 2rem;
    padding-left: 15px; }
      
  /* Sixths */
  .post-large--one-sixth {
    width: 16.666%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .post-large--ten-twelfths {
    width: 0; }

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

  .post-large--show {
    display: block; }

  .post-large--hide {
    display: none; }

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

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

  .post-large--text-center {
    text-align: center; }

  .post-large--left {
    float: left;
    max-width: 24%;
    padding-top: 2px; }

  .post-large--right {
    float: right;
    max-width:: 24%; }

  .grid-uniform .post-large--one-half:nth-child(2n+1),
  .grid-uniform .post-large--one-third:nth-child(3n+1),
  .grid-uniform .post-large--one-quarter:nth-child(4n+1),
  .grid-uniform .post-large--one-fifth:nth-child(5n+1),
  .grid-uniform .post-large--one-sixth:nth-child(6n+1),
  .grid-uniform .post-large--two-sixths:nth-child(3n+1),
  .grid-uniform .post-large--three-sixths:nth-child(2n+1),
  .grid-uniform .post-large--two-eighths:nth-child(4n+1),
  .grid-uniform .post-large--four-eighths:nth-child(2n+1),
  .grid-uniform .post-large--five-tenths:nth-child(2n+1),
  .grid-uniform .post-large--one-twelfth:nth-child(12n+1),
  .grid-uniform .post-large--two-twelfths:nth-child(6n+1),
  .grid-uniform .post-large--three-twelfths:nth-child(4n+1),
  .grid-uniform .post-large--four-twelfths:nth-child(3n+1),
  .grid-uniform .post-large--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%; }

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* Whole */
  .push--medium--one-whole {
    left: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .push--medium--eleven-twelfths {
    left: 91.666%; } }
@media only screen and (max-width: 768px) {
  /* Whole */
  .push--medium-down--one-whole {
    left: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .push--medium-down--eleven-twelfths {
    left: 91.666%; } }
@media only screen and (min-width: 769px) {
  /* Whole */
  .push--large--one-whole {
    left: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .push--large--eleven-twelfths {
    left: 91.666%; } }
@media only screen and (min-width: 769px) {
  /* Whole */
  .push--post-large--one-whole {
    left: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .push--post-large--eleven-twelfths {
    left: 91.666%; } }
/*============================================================================
  PULL
    - Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
/*================ Partials | Helper Classes ================*/
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

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

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

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

.post-large--display-table-cell {
 display: table-cell;
 vertical-align: middle;
 float: none; } }
.visually-hidden {
 clip: rect(0 0 0 0);
 clip: rect(0, 0, 0, 0);
 overflow: hidden;
 position: absolute;
 height: 1px;
 width: 1px; }

.hide {
 display: none; }

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

/*============================================================================
  #OOCSS Media Object
    - http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
==============================================================================*/
.media, .media-flex {
 overflow: hidden;
_overflow: visible;
 zoom: 1; }

.media-img {
 float: left;
 margin-right: 30px; }

.media-img-right {
 float: right;
 margin-left: 30px; }

.media-img img, .media-img-right img {
 display: block; }

/*================ Partials | Links and Buttons ================*/
a,
.text-link {
 color: #ffff;         
 text-decoration: none; }
 a:hover, a:focus,
.text-link:focus,
.text-link :hover {
 color: #0138ff;
 border-color: #0138ff; }

button {
 overflow: visible; }

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

.glow-on-hover {
  width: 222px;
  height: 45px;
  border: none;
  outline: none;
  border: 1px solid #0138ff;
  font-size: 1.15rem;
  font-weight: 300;
  font-family: Questrial, sans-serif;
  color: #0138ff;
  padding: 7px 20px 7px 20px;
  background: #fff;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 12px; }

.glow-on-hover:before {
  content: '';
  background: linear-gradient(45deg, #0000cd, #0000cd, #0138ff,#01f5ff, #7a00ff,#0000cd);
  position: absolute;
  top: -2px;
  left:-2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(4px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 17s linear infinite;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  border-radius: 12px; }

.glow-on-hover:active {
  color: #fff; }

.glow-on-hover:active:after {
  background: #000; }

.glow-on-hover:hover:before {
  opacity: 1; }

.glow-on-hover:after {
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  left: 0;
  top: 0;
  border-radius: 12px; }

@keyframes glowing {
  0% { background-position: 0 0; }
  50% { background-position: 400% 0; }
  100% { background-position: 0 0; }} 
  
.btn, .btn--secondary,
input.btn--secondary, .btn--tertiary,
input.btn--tertiary, .shopify-payment-button .shopify-payment-button__button--unbranded, input[type="submit"] {
  display: inline-block;
  padding: 3px 16px;
  height: 42px;
  font-family: Questrial, sans-serif;
  font-weight: 100;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1.8;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 4px; }
  
  /*================ Set primary button colors - can override later ================*/

  .btn:hover, .btn--secondary:hover, .btn--tertiary:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:hover, input[type="submit"]:hover {
    background-color: #338aff;
    color: white; }
  .btn:active, .btn--secondary:active, .btn--tertiary:active, .shopify-payment-button .shopify-payment-button__button--unbranded:active, input[type="submit"]:active, .btn:focus, .btn--secondary:focus, .btn--tertiary:focus, .shopify-payment-button .shopify-payment-button__button--unbranded:focus, input[type="submit"]:focus {
    color: white; }
  .btn[disabled], [disabled].btn--secondary, [disabled].btn--tertiary, .shopify-payment-button [disabled].shopify-payment-button__button--unbranded, input[disabled][type="submit"], .btn.disabled, .disabled.btn--secondary, .disabled.btn--tertiary, .shopify-payment-button .disabled.shopify-payment-button__button--unbranded, input.disabled[type="submit"] {
    cursor: default;
    color: #b6b6b6;
    background-color: #f6f6f6; }

.btn--secondary,
input.btn--secondary {
  background-color: transparent;
  color: #006dff;
  border-color: #006dff;
  white-space: normal; }
  .btn--secondary:hover,
  input.btn--secondary:hover {
    background-color: transparent;
    color: #338aff;
    border-color: #338aff; }
  .btn--secondary:active, .btn--secondary:focus,
  input.btn--secondary:active,
  input.btn--secondary:focus {
    background-color: transparent;
    color: #006dff; }
  .btn--secondary[disabled], .btn--secondary.disabled,
  input.btn--secondary[disabled],
  input.btn--secondary.disabled {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    color: #b6b6b6; }

.btn--large {
  padding: 12px 15px;
  font-size: 0.94118em; }

.btn--wide, .product-form--wide .shopify-payment-button__button, .product-form--wide .shopify-payment-button__more-options {
  width: 50%; }
  @media screen and (max-width: 768px) {
    .btn--wide, .product-form--wide .shopify-payment-button__button, .product-form--wide .shopify-payment-button__more-options {
      width: 100%; } }

.btn--full, .product-form--full .shopify-payment-button .shopify-payment-button__button--unbranded {
  width: 100%;
  padding: 8px 32px;
  font-size: 1.05882em;
  font-weight: 400;
  min-height: 60px;
  margin-top: 15px; }

.product-single__quantity:not(.is-hidden) ~ .btn--full, .product-form--full .shopify-payment-button .product-single__quantity:not(.is-hidden) ~ .shopify-payment-button__button--unbranded {
  margin-top: 0; }

.btn--tertiary, input.btn--tertiary {
 margin: 0;
 background-color: white;
 color: #006dff;
 border: 1px solid #9031ff; }
 
.btn--tertiary:hover, input.btn--tertiary:hover {
 opacity: 1;
 background-color: #006dff; }

.btn--tertiary:active, .btn--tertiary:focus,
 input.btn--tertiary:active,
 input.btn--tertiary:focus {
 background-color: #0057cc; }

select.btn--tertiary {
 padding: 6px 28px 6px 10px;
 font-size: 0.85em; }
select.btn--tertiary:hover, select.btn--tertiary:focus, select.btn--tertiary:active {
 background-color: white;
 color: #006dff; }

.btn--search {
 min-height: auto;
 line-height: 1.42; }

/*================ Force an input/button to look like a text link ================*/

.text-link {
  display: inline;
  border: 0 none;
  padding: 0;
  margin: 0; }

/*================ Smart Payment Buttons ================*/

.shopify-payment-button .shopify-payment-button__button--unbranded {
 margin-top: 10px;
 white-space: normal; }
.shopify-payment-button .shopify-payment-button__button--unbranded:hover {
 background-color: #338aff; }
.shopify-payment-button .shopify-payment-button__button--unbranded:active, .shopify-payment-button .shopify-payment-button__button--unbranded:focus {
 background-color: #006dff; }
.shopify-payment-button .shopify-payment-button__button--branded {
 border-radius: 2px;
 overflow: hidden; }
.product-form--full .shopify-payment-button .shopify-payment-button__button--branded {
 min-height: 60px;
 margin-top: 15px; }

.shopify-payment-button__button {
 margin-top: 10px; }

.shopify-payment-button__more-options {
 margin-top: 10px;
 padding: 8px 0 6px 0;
 font-size: 0.88235rem;
 color: #006dff;
 line-height: 1; }
 
.shopify-payment-button__more-options:hover, .shopify-payment-button__more-options:focus {
 text-decoration: none;
 color: #4d99ff; }

/*================ Partials | Images, SVG, and iframes ================*/

img {
 border: 0 none; }

svg:not(:root) {
 overflow: hidden; }

.svg-background {
 padding-top: 4px; }

img.auto,
.grid__item img,
.grid__item iframe{
 max-width: 100%;
 border: none; }
 
.banner-container {
 padding-bottom: 1.5rem; }
 
.banner {
 background-color: #ffff;
 border-bottom: 6px solid #1aaac6;
 border-radius: 6px;
 height: 84px;
 padding: 6px 10px 10px;
-webkit-filter: drop-shadow(0 4px 6px rgba(30,30,30,.12)) drop-shadow(0 2px 8px rgba(30,30,30,.16));
 filter: drop-shadow(0 4px 6px rgba(30,30,30,.12)) drop-shadow(0 2px 8px rgba(30,30,30,.16)); }
 
.banner-blogs {
 background-color: #ffff;
 border-bottom: 6px solid #1aaac6;
 border-radius: 6px;
 width: 72%;
 height: 84px;
 padding: 6px 10px 10px;
-webkit-filter: drop-shadow(0 4px 6px rgba(30,30,30,.12)) drop-shadow(0 2px 8px rgba(30,30,30,.16));
 filter: drop-shadow(0 4px 6px rgba(30,30,30,.12)) drop-shadow(0 2px 8px rgba(30,30,30,.16)); }
 
.b-title:before {
 background-color: #1aaac6;
 border-radius: 100px;
 content: "";
 display: block;
 height: 4px;
 margin-bottom: 4px;
 width: 28px; }
 
.banner-cuisine {
 background-color: #ffff;
 border-bottom: 6px solid #cf021a;
 border-radius: 6px;
 width: 26%;
 height: 84px;
 padding: 6px 10px 10px;
-webkit-filter: drop-shadow(0 4px 6px rgba(30,30,30,.12)) drop-shadow(0 2px 8px rgba(30,30,30,.16));
 filter: drop-shadow(0 4px 6px rgba(30,30,30,.12)) drop-shadow(0 2px 8px rgba(30,30,30,.16)); }
 
.c-title:before {
 background-color: #cf021a;
 border-radius: 100px;
 content: "";
 display: block;
 height: 4px;
 margin-bottom: 4px;
 width: 28px; }
 
.chrono-title:after {
 background-repeat: no-repeat;
 position: absolute;
 content: "";
 height: 48px;
 width: 48px;
 background-image: url(chrono.svg);
 left: 5rem;
 top: 0; }

.banner-pub {
 background-color: #ffff;
 border-bottom: 6px solid #1aaac6;
 border-radius: 6px;
 max-height: 420px;
 max-width: 298px;
-webkit-filter: drop-shadow(0 4px 6px rgba(30,30,30,.12)) drop-shadow(0 2px 8px rgba(30,30,30,.16));
 filter: drop-shadow(0 4px 6px rgba(30,30,30,.12)) drop-shadow(0 2px 8px rgba(30,30,30,.16)); }

.banner-pub-2 {
 background-color: #ffff;
 border-bottom: 6px solid #1aaac6;
 border-radius: 6px;
 max-height: 493px;
 max-width: 298px;
-webkit-filter: drop-shadow(0 4px 6px rgba(30,30,30,.12)) drop-shadow(0 2px 8px rgba(30,30,30,.16));
 filter: drop-shadow(0 4px 6px rgba(30,30,30,.12)) drop-shadow(0 2px 8px rgba(30,30,30,.16)); }

.banner-pub-3 {
 background-color: #ffff;
 border-bottom: 6px solid #1aaac6;
 border-radius: 6px;
 max-height: 250px;
 max-width: 298px;
-webkit-filter: drop-shadow(0 4px 6px rgba(30,30,30,.12)) drop-shadow(0 2px 8px rgba(30,30,30,.16));
 filter: drop-shadow(0 4px 6px rgba(30,30,30,.12)) drop-shadow(0 2px 8px rgba(30,30,30,.16)); }
 
.section-top {
 width: auto;
 display: flex;
--items: 4;
 grid-template-columns: repeat(4, 1fr);
 gap: var(--gap);
 overflow-x: hidden;
 scroll-snap-type: x proximity;
 /* Pour ne pas couper les éléments visuellement, on utilise un padding */
 padding: calc(var(--gap) * .5);
 margin: calc(var(--gap) * -.5);
 scroll-padding-inline: calc(var(--gap) * .5); }
 
.section-bottom {
 width: auto;
 display: flex;
--items: 4;
 grid-template-columns: repeat(4, 1fr);
 gap: var(--gap);
 overflow-x: hidden;
 scroll-snap-type: x proximity;
 /* Pour ne pas couper les éléments visuellement, on utilise un padding */
 padding: calc(var(--gap) * .5);
 margin: calc(var(--gap) * -.5);
 scroll-padding-inline: calc(var(--gap) * .5); }
 
.rb_blog-grid {
 min-width: calc((100% - (var(--items) - 1) * var(--gap)) / var(--items));
 scroll-snap-align: start; }
 
.rb_blog-grid {
 padding: .5rem;
 float: left;
 min-width: 25%;
 max-height: 14rem;
 overflow: hidden; }
  
#related-blogs .rb_blog-grid:nth-of-type(17) { clear:left }
#related-blogs .rb_blog-grid:nth-of-type(4), #related-blogs .rb_blog-grid:nth-of-type(7) { clear:left }

#FeatureRowImage--1576160924910 {
  max-width: 700px;
  max-height: 393.75px;
  border: 1px solid #d8d8d8; }	
#FeatureRowImageWrapper--1576160924910 {
  max-width: 700px; }

.rb_title {
  margin-top: 6px; }
  	
.rb_title a {
  font-size: 1rem;
  font-weight: 400;
  color: #000; }
  
.rb_blog-grid:hover .rb_title a {
  color: #0138ff;
  opacity: 1; }
  
.rb_image {
  position: relative; }
  
.rb_image img {
  border-radius: 1pc;
  margin:auto;
  display: flex;
  align-items: center;
  justify-content: center;
 -webkit-filter: grayscale(0) blur(0px);
  filter: grayscale(0) blur(0px);
 -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
 
.rb_image:hover img {
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
 -webkit-transform: rotate(360deg);
  transform: rotate(360deg); }
  
.rb_image:hover:before {
  opacity: 1; }
  
.rb_image:before {
  content: '';
  background: linear-gradient(45deg, #0000cd, #0000cd, #0138ff,#01f5ff, #7a00ff,#0000cd);
  position: absolute;
  top: -2px;
  left:-2px;
  background-size: 400%;
  filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 17s linear infinite;
  opacity: 0;
 -webkit-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out;
  border-radius: 50%; }
  
@keyframes glowing {
  0% { background-position: 0 0; }
  50% { background-position: 400% 0; }
  100% { background-position: 0 0; }}
  
.rb_morph img {  
  border-radius: 1pc;
  border: none;
  outline: none;
 -webkit-transform: scale(1);
  transform: scale(1);
 -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out; }
 
.rb_morph:hover img {
 -webkit-transform: scale(1.1);
  transform: scale(1.1); 
 -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, 0.5);
  box-shadow: 0 5px 13px rgba(60, 72, 88, 0.5); }
   
.blog_meta {
  color: #8c8b8b;
  line-height: 1.6em;
  font-size: 15px; }
.blog_meta span {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  font-size: smaller;
  color: #8c8b8b; }				
.blog_meta span a {
  color: #8c8b8b; }
  
.rb_contents {
  line-height: 1.5;
  margin: 1em 0; }
.rb_contents span {
  font-size: 15px;
  float: left;
  text-align: left; }
.rb_continue_button {
  color: #333333;
  border-color: #333333;
  background-color: transparent;
  border: 1px solid #333333;
  transition: background-color 0.2s linear, color 0.2s linear;
  margin: 25px 0;
  padding: 0 20px;
  text-align: center;
  cursor: pointer;
  min-height: 42px;
  height: 40px;
  line-height: 1.2;
  vertical-align: top;
  font-weight: bold;
  font-size: 15px;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;text-transform: uppercase;
  letter-spacing: 1px; }
  .rb_continue_button:hover {
  border-color: #333333;
  background-color: #333333;
  color: #fff;
  opacity: 1; }
  
  @media(max-width: 800px) {
 .rb_blog-grid{width:32%;
  marign-right:0px; }}

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

.table-wrapper {
  max-width: 100%;
  overflow: auto; }
  
@keyframes fade-in-up {
  0% { opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }} 

.video-sticky {
  z-index: 1;
  position: fixed;
  overflow: hidden;
  width: 405px;
  bottom: 26px;
  right: 26px;
  transform: translateY(100%);
 -webkit-animation: fade-in-up 0.6s ease forwards;
  animation: fade-in-up 0.6s ease forwards;
  border-radius: 2px;
  border-width: 0;
  border: 1px solid rgba(60, 72, 88, 0.3);
  box-shadow: 0 5px 13px rgba(60, 72, 88, 0.5) } 
	 
.button-visible .close {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  transition: background 0.35s ease; }
  
.button-visible .close:hover {
  background: rgba(50, 50, 50, 0.6);
  border-radius: 100%; }
  
.button-visible .close:before, .button-visible .close:after {
  display: block;
  position: absolute;
  content: '';
  width: 16px;
  height: 1px;
  background:#fff; }

.button-visible .close:before {
  transform: rotate(45deg); } 
.button-visible .close:after {
  transform: rotate(-45deg); }

/*================ Partials | Forms ================*/

form,
input,
textarea,
button,
select {
  font-size: 1em; }

button,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="tel"],
input[type="submit"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none; }

input,
textarea,
select,
fieldset {
  border-radius: 2px;
  max-width: 100%; }
  input.input-full,
  textarea.input-full,
  select.input-full,
  fieldset.input-full {
    width: 100%; }

input,
select,
textarea {
  padding: 8px 10px;
  line-height: 1.42; }

fieldset {
  border: 1px solid #9031ff;
  padding: 15px; }

legend {
  border: 0;
  padding: 0; }

optgroup {
  font-weight: 400; }

input {
  display: inline-block;
  width: auto; }

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

/*================ Input width and border ================*/
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="tel"],
textarea,
select {
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
  display: block;
  margin: 0 0 1em; }
  input[type="text"]:focus,
  input[type="search"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="file"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  textarea:focus,
  select:focus {
    border: 1px solid rgba(0, 0, 0, 0.3); }
  input[type="text"][disabled], input[type="text"].disabled,
  input[type="search"][disabled],
  input[type="search"].disabled,
  input[type="password"][disabled],
  input[type="password"].disabled,
  input[type="email"][disabled],
  input[type="email"].disabled,
  input[type="file"][disabled],
  input[type="file"].disabled,
  input[type="number"][disabled],
  input[type="number"].disabled,
  input[type="tel"][disabled],
  input[type="tel"].disabled,
  textarea[disabled],
  textarea.disabled,
  select[disabled],
  select.disabled {
    cursor: default;
    background-color: #f6f6f6;
    border-color: #b6b6b6; }

textarea {
  min-height: 100px; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin: 0;
  padding: 0; }

select {
 -webkit-appearance: none;
 -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url("ico-select91b1.svg?v=23114707131166917281578974048");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: #fff;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer; }

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

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

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

label,
legend {
  display: block;
  margin-bottom: 2px; }
  label.inline,
  legend.inline {
    display: inline; }
  .form-horizontal label.label--hidden, label.label--hidden, .form-horizontal
  legend.label--hidden,
  legend.label--hidden {
    height: 0;
    width: 0;
    margin-bottom: 0;
    overflow: hidden; }
  .form-horizontal label:not(.label--hidden), .form-horizontal
  legend:not(.label--hidden) {
    font-size: 0.9em; }

/*================ We don't want the same label treatment for checkboxes/radios ================*/
input[type="checkbox"] + label,
input[type="radio"] + label {
  font-weight: 300; }

label[for] {
  cursor: pointer; }

.label-hint {
  color: #999; }

/*================ Horizontal Form ================*/
form.form-horizontal,
.form-horizontal {
  margin-bottom: 0; }
  form.form-horizontal input[type="text"],
  form.form-horizontal input[type="search"],
  form.form-horizontal input[type="password"],
  form.form-horizontal input[type="email"],
  form.form-horizontal input[type="file"],
  form.form-horizontal input[type="number"],
  form.form-horizontal input[type="tel"],
  form.form-horizontal textarea,
  form.form-horizontal select,
  form.form-horizontal label,
  .form-horizontal input[type="text"],
  .form-horizontal input[type="search"],
  .form-horizontal input[type="password"],
  .form-horizontal input[type="email"],
  .form-horizontal input[type="file"],
  .form-horizontal input[type="number"],
  .form-horizontal input[type="tel"],
  .form-horizontal textarea,
  .form-horizontal select,
  .form-horizontal label {
    display: inline-block;
    margin-bottom: 0;
    width: auto; }

@media screen and (min-width: 769px) {
  .form-horizontal ~ .form-horizontal {
    padding-left: 15px; } }
@media screen and (max-width: 768px) {
  .form-horizontal ~ .form-horizontal {
    margin-top: 7.5px; } }
/*================ Error styles ================*/
input[type="text"].error,
input[type="search"].error,
input[type="password"].error,
input[type="email"].error,
input[type="file"].error,
input[type="number"].error,
input[type="tel"].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--tertiary,
  .input-group .shopify-payment-button .input-group-btn:first-child > .shopify-payment-button__button--unbranded,
  .shopify-payment-button .input-group .input-group-btn:first-child > .shopify-payment-button__button--unbranded,
  .input-group .input-group-btn:first-child > input[type="submit"],
  .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--tertiary,
  .input-group .shopify-payment-button input[type="hidden"]:first-child + .input-group-btn > .shopify-payment-button__button--unbranded,
  .shopify-payment-button .input-group input[type="hidden"]:first-child + .input-group-btn > .shopify-payment-button__button--unbranded,
  .input-group input[type="hidden"]:first-child + .input-group-btn > input[type="submit"] {
    border-radius: 2px 0 0 2px; }
  .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--tertiary,
  .input-group .shopify-payment-button .input-group-btn:last-child > .shopify-payment-button__button--unbranded,
  .shopify-payment-button .input-group .input-group-btn:last-child > .shopify-payment-button__button--unbranded,
  .input-group .input-group-btn:last-child > input[type="submit"] {
    border-radius: 0 2px 2px 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--tertiary, .input-group .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group .shopify-payment-button__button--unbranded, .input-group input[type="submit"],
.input-group .input-group-field {
  height: 39px;
  line-height: 1.3;
  min-height: auto; }

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

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

/*================ Search bar ================*/
.search-bar {
  max-width: 100%;
  margin: auto;
  height: 15rem;
  padding-top: 15px; }
  
@media screen and (max-width: 768px) {
 .search-bar {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; } }

/*================ Partials | Icons ================*/
@font-face {
  font-family: "icons";
  src: url("icons03a4.eot");
  src: url("icons03a4.eot") format("embedded-opentype"), url("icons9730.woff") format("woff"), url("iconsdbe8.ttf") format("truetype"), url("iconse3ce.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

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

/*============================================================================
  A generic way to visually hide content while
  remaining accessible to screen readers (h5bp.com)
==============================================================================*/
.supports-fontface .icon-fallback-text .fallback-text {
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px; }

.icon:before {
  display: none; }

.supports-fontface .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-arrow-down:before {
  content: "\34"; }

.icon-arrow-left:before {
  content: "\e900"; }

.icon-arrow-right:before {
  content: "\e901"; }

.icon-cart:before {
  content: "\5b"; }

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

.icon-fancy:before {
  content: "\46"; }

.icon-google_plus:before {
  content: "\e905"; }

.icon-grid-view:before {
  content: "\e603"; }

.icon-hamburger:before {
  content: "\e600"; }

.icon-instagram:before {
  content: "\e903"; }

.icon-list-view:before {
  content: "\e604"; }

.icon-minus:before {
  content: "\e602"; }

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

.icon-pin:before {
  content: "\e909"; }

.icon-pinterest:before {
  content: "\70"; }

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

.icon-plus:before {
  content: "\e605"; }

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

.icon-saletag:before {
  content: "\e907"; }

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

.icon-snapchat:before {
  content: "\e906"; }

.icon-tumblr:before {
  content: "\74"; }

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

.icon-vimeo:before {
  content: "\76"; }

.icon-x:before {
  content: "\78"; }

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

.payment-icons {
  cursor: default; }
.payment-icons li {
  margin: 0 7.5px 7.5px;
  cursor: default; }
.payment-icons .icon {
  width: 38px;
  height: 24px; }

.social-icons li {
  margin: 0 10px 15px;
  vertical-align: middle; 
  src: url("iconse3ce.svg"); }
@media screen and (min-width: 481px) {
 .social-icons li {
  margin-left: 0; } }
.social-icons li .icon {
  font-size: 22px;
  line-height: 22px; }
.social-icons li a {
  color: #fff; }
.social-icons li a:hover {
  color: #e6e6e6; }

/*================ Module-specific styles ================*/
/*================ Module | Breadcrumbs and Tag Sorting ================*/
.breadcrumb,
.tags {
  font-family: Questrial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: black; }
  
.breadcrumb a,
.tags a {
  color: black; }
  
.breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active,
.tags a:hover,
.tags a:focus,
.tags a:active {
  color: #006dff; }

.breadcrumb {
  margin-bottom: 12px;
  color: black;
  font-size: .75rem; }
  
.breadcrumb a,
.breadcrumb span {
  display: inline;
  padding-right: 5px;
  margin-right: 5px; }
  
.breadcrumb a:first-child,
.breadcrumb span:first-child {
  padding-left: 0; }

.breadcrumb__sep {
  font-size: 1.4rem;
  line-height: 1; }

.tags {
  color: #006dff; }
.tags a {
  display: inline-block;
  padding: 5px 7px 5px 0;
  margin-right: 12px; }

.tag--active a {
  color: #006dff; }

/*================ Module | Footer ================*/

.site-footer {
  background-color: #951f60;
  padding-top: 5px;
  padding-bottom: 0px;
  color: white;
  min-width: 100%; }
  
.site-footer form {
  margin-bottom: 0; }
  
@media screen and (min-width: 768px) {
 .site-footer input {
  max-width: 97%; } }
  
.site-footer .text-center input {
  margin-left: auto;
  margin-right: auto; }
  
.site-footer p {
  margin-bottom: 10px; }
  
.site-footer ul {
  margin-bottom: 0; }
  
@media screen and (min-width: 769px) {
 .site-footer {
  padding-top: 13px; } }
  
@media screen and (max-width: 768px) {
 .site-footer .grid__item {
  margin-bottom: 10px; }
  
.site-footer .grid__item:last-child {
  margin-bottom: 0; } }

.site-footer .rte p {
  font-size: 1rem; }

.site-footer__links a {
  color: white; }
  
.site-footer__links a:hover, .site-footer__links a:active {
  color: #0138ff;
  border-color: #0138ff; }
  
.site-footer__links.inline-list li {
  padding: 0 10px; }

/*================ Module | Notes and Form Feedback ================*/
.note,
.errors {
  border-radius: 2px;
  padding: 6px 12px;
  margin-bottom: 15px;
  border: 1px solid transparent;
  font-size: 0.9rem;
  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: #9031ff; }

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

/*================ Module | Pagination ================*/
.pagination {
  margin-bottom: 1rem; }

.pagination-custom {
  display: inline-block;
  padding-left: 0;
  margin: 0;
  border-radius: 2px; }

.pagination-custom > li {
  display: inline; }

.pagination-custom > li > a,
.pagination-custom > li > span {
  position: relative;
  float: left;
  padding: 5px 10px;
  margin-left: -1px;
  line-height: 1.42;
  text-decoration: none; }

.pagination-custom > li:first-child > a,
.pagination-custom > li:first-child > span {
  margin-left: 0; }

.pagination-custom > .active > a,
.pagination-custom > .active > span,
.pagination-custom > .active > a:hover,
.pagination-custom > .active > span:hover,
.pagination-custom > .active > a:focus,
.pagination-custom > .active > span:focus {
  z-index: 2;
  cursor: default;
  color: black; }

.pagination-custom > .disabled > span,
.pagination-custom > .disabled > a,
.pagination-custom > .disabled > a:hover,
.pagination-custom > .disabled > a:focus {
  color: black;
  cursor: not-allowed; }

.pagination-custom-lg > li > a,
.pagination-custom-lg > li > span {
  padding: 10px 16px;
  font-size: 1.05882rem; }

.pagination-custom-sm > li > a,
.pagination-custom-sm > li > span {
  padding: 5px 10px;
  font-size: 0.70588rem; }

/*================ Module | Rich Text Editor ================*/
.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: 0; }
.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;
  height: 30px; }
.rte > div {
  margin-bottom: 15px; }
.rte ul, .rte ol {
  margin-left: 35px; }
.rte ul ul {
  list-style: circle outside; }
.rte li {
  margin-bottom: 0.4rem; }
.rte img {
  max-width: 100%;
  height: auto;
  border: 1px solid #d8d8d8;
  display: flex; }
.rte table {
  table-layout: fixed; }

.rte--header {
  margin-bottom: 30px; }

/*================ Module | Section Headers ================*/
.section-header {
  text-align: left;
  margin-bottom: 15px; }

.section-header--small {
  margin-bottom: 0; }

.section-header--medium {
  margin-bottom: 7.5px; }

.section-header--large {
  margin-bottom: 30px; }

.section-header--breadcrumb {
  margin-bottom: 15px; }

.section-header__title {
  color: black; }

.section-header__title--left,
.section-header__link--right {
  padding-bottom: 12px;
  margin-bottom: 0; }

.section-header__link--right {
  margin-top: 15px; }

@media screen and (min-width: 769px) {
 .section-header {
  display: table;
  width: 100%;
  text-align: left; }

  .section-header__title--left {
    display: table-cell;
    vertical-align: middle; }
    .section-header__title--left h1, .section-header__title--left .h1, .section-header__title--left h2, .section-header__title--left .h2, .section-header__title--left h3, .section-header__title--left .h3, .section-header__title--left h4, .section-header__title--left .h4,
    .section-header__title--left .h1, .section-header__title--left .h2, .section-header__title--left .h3, .section-header__title--left .h4 {
    margin-bottom: 0; }

.section-header__link--right {
 display: table-cell;
 vertical-align: middle;
 text-align: right;
 width: 550px;
 margin-top: 0; } }
 
@media screen and (min-width: 769px) and (max-width: 768px) {
.section-header__link--right {
 margin-bottom: 30px; } }

.section-header__link--right .form-horizontal {
 display: inline-block; }
 
.section-header__link--right .form-horizontal,
.section-header__link--right .collection-view {
 vertical-align: middle; }
 
.section-header__link--right select,
.section-header__link--right option {
 color: black;
 border-color: rgba(0, 0, 0, 0.15); }
 
@media screen and (min-width: 481px) {
.section-header__link--right label + select,
.section-header__link--right .collection-view {
 margin-left: 15px; }
.section-header__link--right label:not(.label--hidden) + select {
 margin-left: 5px; } }
    
@media screen and (min-width: 769px) {
  .section-header__link--right select {
    max-width: 200px; } }

@media screen and (max-width: 768px) {
.template-collection .section-header__link--right {
 display: block;
 width: 100%;
 margin-top: 0; }
.template-collection .section-header__link--right .form-horizontal {
 width: 100%; }
.template-collection .section-header__link--right .form-horizontal select {
 width: 100%;
 margin-left: 0; } }
 
.view-more {
 clear: both;
 display: block;
 font-size: 0.85rem;
 text-align: center;
 margin-top: 15px; }
 
@media screen and (min-width: 769px) {
.view-more {
 display: none; }}

/*================ Module | Site Header ================*/

@media screen and (min-width: 769px) {
.site-header {
 z-index: 3;
 width: 100%;
 margin-top: 46px;
 position: fixed;
 top: 0;
 padding-top: 12px;
 padding-bottom: 10px;
 background-color: #ffff;
 border-bottom: 2px solid #9031ff;
-webkit-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out; }
.site-header .post-large--display-table {
 height: 100%; }}
 
.site-header {
 z-index: 3;
 width: 100%;
 margin-top: 46px;
 position: fixed;
 top: 0;
 padding-top: 12px;
 padding-bottom: 10px;
 background-color: #ffff;
 border-bottom: 2px solid #9031ff;
-webkit-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out; }
 
.backdrop {
 padding: 0;
 font-size: 90%;
 background-color: rgba(255, 255, 255, 0.1);
-webkit-backdrop-filter: blur(6px);
 backdrop-filter: blur(6px);
-webkit-transition: all 0.4s ease-in;
 transition: all 0.4s ease-in-out; }

.site-logo {
 font-size: 178%;
 letter-spacing: -1.2px;
 font-family: roboto, sans-serif;
 font-weight: 600;
-webkit-text-fill-color: transparent;
 background:linear-gradient(to left, #720e9e 15%, #FF1616, #fcb045);
-webkit-background-clip: text; }
 
.site-logo:hover {
-webkit-text-fill-color: transparent;
 background: -webkit-linear-gradient(left, #0000CD, #ff005a);
-webkit-background-clip: text; }
 
.site-header:after {
 content: "";
 display: table;
 clear: both; }
 
@media screen and (min-width: 769px) {
.site-header .grid, .site-header .grid--rev, .site-header .grid--full {
 padding-bottom: 0;
 display: table;
 table-layout: fixed; }
.site-header .grid > .grid__item, .site-header .grid--rev > .grid__item, .site-header .grid--full > .grid__item {
 float: none;
 display: table-cell;
 vertical-align: middle; } }

.site-header__logo a:focus {
 text-decoration: none; }
 
.site-header__logo a, .site-header__logo img {}

.header-bar__logo a, .header-bar__logo img {
 height: 100%; }

.site-header__logo img {
 margin: 0 auto; }

.logo__image-wrapper {
 display: block;
 max-width: 100%;
 position: relative; }

.logo__image {
 width: 100%;
 display: block; }
.supports-js .logo__image {
 width: 100%;
 position: absolute;
 top: 0;
 left: 0; }
.no-js .logo__image {
 clip: rect(0 0 0 0);
 clip: rect(0, 0, 0, 0);
 overflow: hidden;
 position: absolute;
 height: 1px;
 width: 1px; }

.site-header--text-links {
 margin-bottom: 0; }

/*================ Module | Site Nav and Dropdowns ================*/
.site-nav {
 font-family: Questrial, sans-serif;
 font-weight: 400;
 font-style: normal;
 text-transform: uppercase;
 margin: 6px;
 text-align: right; }
.site-nav li {
 margin: 0;
 display: block;
 position: relative; }
.site-nav > li {
 position: relative;
 display: inline-block; }
.site-nav > li:first-child > a {
 margin: auto; }
.site-nav > li:first-child .site-nav__dropdown {
 left: -15px; }
.site-nav > li:last-child > a {
 margin: auto; }
 
.site-nav li a:before, .site-nav li a:after {
 content: '';
 position: absolute;
 opacity: 0;
 width: 2px;
 height: 100%;
 background: #000;
 transition: all 0.3s; }
.site-nav li a:before {
 left: 0px;
 top: 0px; }
.site-nav li a:after {
 right: 0px;
 bottom: 0px; }
.site-nav li a:hover:before, .site-nav li a:hover:after {
 opacity: 1;
 height: 2px;
 width: 100% }

.site-nav__link {
 display: block;
 text-decoration: none;
 white-space: nowrap;
 color: #000;
 background-color: #fff0;
 font-weight: 400;
 padding: 8px 12px 5px 12px; }
  
.site-nav__link:hover, .site-nav__link:active, .site-nav__link:focus {
 color: #0138ff; }
  
.site-nav--active > .site-nav__link {
 font-weight: 400; }
  
.site-nav__link .icon-arrow-down {
 font-size: 0.7rem;
 color: black; }
  
.site-nav--has-dropdown-grandchild .site-nav__link .icon-arrow-down {
 display: inline-block;
 line-height: 1;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
 transform: rotate(-90deg); }
  
.site-nav__dropdown-grandchild .site-nav__link {
 white-space: normal; }

/*================ Dropdowns ================*/
.site-nav__dropdown {
 text-transform: none;
 opacity: 0;
 position: absolute;
 left: 0;
 margin: 0;
 text-align: left;
 z-index: 20;
 font-size: 0.85rem;
 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
 pointer-events: none; }
.supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown, .site-nav--has-dropdown.nav-hover .site-nav__dropdown, .nav-focus + .site-nav__dropdown, .show-dropdown > .site-nav__dropdown {
 opacity: 1;
 pointer-events: auto; }
.site-nav__dropdown.nav-outside {
 left: auto;
 right: 0; }

.site-nav__dropdown-grandchild {
 position: absolute;
 top: 0;
 left: 100%;
 width: 100%;
 margin: 0;
 z-index: 20;
 opacity: 0;
 pointer-events: none;
 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }
.supports-no-touch .site-nav--has-dropdown-grandchild:hover .site-nav__dropdown-grandchild, .site-nav--has-dropdown-grandchild.nav-hover .site-nav__dropdown-grandchild, .nav-focus + .site-nav__dropdown-grandchild, .show-dropdown > .site-nav__dropdown-grandchild {
 opacity: 1;
 pointer-events: initial; }
.site-nav__dropdown-grandchild.nav-outside {
 left: -100%; }

/*================ Search bar in header ================*/
.nav-search {
 position: relative;
 padding: 7px 0; }
@media screen and (max-width: 768px) {
.nav-search {
 padding: 0 0 15px;
 margin: 0 auto;
 text-align: center; } }
.nav-search .input-group,
.nav-search .input-group-field {
 margin-bottom: 0; }

/*================ Header message (theme setting) ================*/

.header-message {
 text-align: center;
 margin: 15px 0 0;
 line-height: 1; }
 
@media screen and (min-width: 769px) {
.header-message {
 margin-bottom: 15px; } }

/*================ View-specific styles ================*/
/*================ Templates | Blog and Comments ================*/
.comment {
 margin-bottom: 30px; }
.comment + .comment {
 border-top: 1px solid #9031ff;
 padding-top: 30px; }

.meta-sep {
 position: relative;
 top: -1px;
 padding: 0 5px;
 font-size: 0.7rem; }

.blog-date {
 margin-top: -0.5rem; }

aside h4 ~ h4, aside .h4 ~ h4, aside h4 ~ .h4, aside .h4 ~ .h4 {
 margin-top: 45px; }

aside time em {
 font-size: 0.8rem; }

@media screen and (max-width: 768px) {
 article {
 margin-bottom: 30px; } }
.article__image-wrapper {
 width: 100%;
 margin: 0 auto; }
.article__image-wrapper.supports-js {
 position: relative; }

.article__image {
 display: block;
 margin-bottom: 22.5px;
 margin: 0 auto; }
.article__image-wrapper.supports-js .article__image {
 position: absolute;
 top: 0;
 width: 100%; }

/*================ Templates | Product Page ================*/
.product-single__variants {
 display: none; }
.no-js .product-single__variants {
 display: block; }

.product-single__photos {
 margin-bottom: 30px; }

.product-single__photos a, .product-single__photos img,
.product-single__thumbnails a,
.product-single__thumbnails img {
 display: block;
 margin: 0 auto;
 max-width: 100%; }

.product-single__image-wrapper {
 margin: 0 auto;
 position: relative;
 width: 100%; }

.product-single__image {
 width: 100%;
 position: absolute;
 top: 0;
 left: 0; }
.product-single__image.lazyload {
 opacity: 0; }

.zoom-lightbox {
 cursor: -webkit-zoom-in;
 cursor: -moz-zoom-in;
 cursor: zoom-in; }

.image-zoom {
 cursor: move; }

.product-single__thumbnails li {
 margin-bottom: 30px; }

.product-single__prices {
  font-family: Roboto, sans-serif;
  font-weight: 900;
  font-style: normal;
  margin-bottom: 15px; }

.product-single__prices--policy-enabled {
  margin-bottom: 5px; }

.product-single__price {
  color: #006dff;
  font-size: 23.8px;
  font-weight: 900; }

.product-single__sale-price {
  opacity: 0.7;
  margin-left: 6px;
  font-size: 21.59px;
  font-weight: 900; }

.product-single__policies {
 font-size: 0.94118rem;
 margin-bottom: 25px; }

.product__policies--no-dropdowns {
 margin-bottom: 35px; }

.product-single__quantity {
 margin-bottom: 15px; }
.product-single__quantity.is-hidden {
 display: none; }
.product-single__quantity .quantity-selector {
 display: inline-block; }

.product-single__title {
 font-weight: 400; }

@media screen and (min-width: 769px) {
.single-option-selector,
.quantity-selector {
 width: auto; } }
.tabs {
 margin: 30px 0; }

.tab-switch__nav {
 padding: 0;
 list-style: none;
 border-top: 1px solid #9031ff;
 border-bottom: 1px solid #9031ff;
 margin: 30px 0; }
.tab-switch__nav li {
 display: inline-block;
 padding: 15px;
 margin-bottom: 0; }
.tab-switch__nav li:first-child {
 border-right: 1px solid #9031ff; }

.tab-switch__trigger {
 display: block;
 color: black;
 font-weight: 300;
 margin: 0; }
.tab-switch__trigger:hover, .tab-switch__trigger:active {
 font-weight: 300; }
.tab-switch__trigger.is-active {
 font-weight: 400;
 color: black; }

.tab-switch__content {
 display: block; }
.tab-switch__content.is-hidden {
 display: none; }

/*================ Snippet | Product Grid Item ================*/
.product__img-wrapper {
  width: 100%;
  margin: 0 auto; }
  .product__img-wrapper.supports-js {
    position: relative; }

.product__img {
  display: block;
  margin: 0 auto; }
  .product__img-wrapper.supports-js .product__img {
    position: absolute;
    top: 0;
    width: 100%; }
  .product__img.lazyload {
    opacity: 0; }

.product-unit-price {
  color: rgba(0, 0, 0, 0.6);
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 0.70588rem; }
  
/*================ Bootstrap 5.3.3 | Product Carousel-Slider ================*/

.carousel {
position:relative;
padding-top: 2rem; }
.carousel.pointer-event {
touch-action:pan-y; }
.carousel-inner {
position:relative;
width:100%;
overflow:hidden; }
.carousel-inner::after {
display:block;
clear:both;content:""; }
.carousel-item {
position:relative;
display:none;
float:left;
width:100%;
margin-right:-100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
transition:transform .6s ease-in-out; }
@media (prefers-reduced-motion:reduce) {
.carousel-item{transition:none}; }
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
display:block; }
.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}
.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}
.carousel-fade .carousel-item {
opacity:0;
transition-property:opacity;
transform:none; }
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
z-index:1;
opacity:1}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
z-index:0;
opacity:0;
transition:opacity 0s .6s}
@media (prefers-reduced-motion:reduce){
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start{transition:none}}
.carousel-control-next,.carousel-control-prev {
position:absolute;
top:12rem;
bottom:12rem;
z-index:1;
display:flex;
align-items:center;
justify-content:center;
width:15%;
padding:0;
color:#fff;
text-align:center;
background:0 0;
border:0;
opacity:.5;
transition:opacity .15s ease; }
@media (prefers-reduced-motion:reduce){
.carousel-control-next,.carousel-control-prev{transition:none}; }
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
color:#fff;
text-decoration:none;
outline:0;
opacity:.9; }
.carousel-control-prev{left:0}
.carousel-control-next{right:0}
.carousel-control-next-icon,
.carousel-control-prev-icon {
display:inline-block;
width:2rem;
height:2rem;
background-repeat:no-repeat;
background-position:50%;
background-size:100% 100%; }
.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.carousel-indicators {
position:absolute;
right:0;
bottom:0;
left:0;
z-index:2;
display:flex;
justify-content:center;
padding:0;
margin-right:33%;
margin-bottom:1rem;
margin-left:33%; }
.carousel-indicators [data-bs-target] {
box-sizing:content-box;
flex:0 1 auto;
width:30px;
height:3px;
padding:0;
margin-right:3px;
margin-left:3px;
text-indent:-999px;
cursor:pointer;
background-color:#fff;
background-clip:padding-box;
border:0;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
opacity:.5;
transition:opacity .6s ease; }
@media (prefers-reduced-motion:reduce){
.carousel-indicators,[data-bs-target]{transition:none}}
.carousel-indicators .active{
opacity:1; }
.carousel-caption {
position:absolute;
right:15%;
bottom:1.25rem;
left:15%;
padding-top:1.25rem;
padding-bottom:1.25rem;
color:#fff;
text-align:center; }
.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color:#000; }
.carousel-dark 
.carousel-caption {
color:#000; }
[data-bs-theme=dark] 
.carousel .carousel-control-next-icon,[data-bs-theme=dark] 
.carousel .carousel-control-prev-icon,[data-bs-theme=dark]
.carousel .carousel-control-next-icon,[data-bs-theme=dark]
.carousel .carousel-control-prev-icon{filter:invert(1) grayscale(100)}[data-bs-theme=dark] 
.carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark]
.carousel .carousel-indicators 
[data-bs-target]{background-color:#000}[data-bs-theme=dark] 
.carousel .carousel-caption,[data-bs-theme=dark]
.carousel .carousel-caption{color:#000; }
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled){cursor:pointer}::-moz-focus-inner {
padding:0;
border-style:none; }
textarea{resize:vertical; }
fieldset {
min-width:0;
padding:0;
margin:0;
border:0; }
legend {
float:left;
width:100%;
padding:0;
margin-bottom:.5rem;
font-size:calc(1.275rem + .3vw);
line-height:inherit; }
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important; }
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){
position:absolute!important; }

/*================ Animations 5.3.3 | Product-Anima ================*/

.site-body{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 6rem;
  height: 40rem;
  background-image: linear-gradient(to bottom right, #0c1871, #5f2e75); }
    
.box{
  position: relative;
  height: 24rem;
  margin-bottom: 20px; }
    
.bg{
  background-image: url(../../../../../pub/bg2.jpg);
  height: 100%;
  background-size: cover;
  background-position: center center;
  border-radius: 5px;
 -webkit-transition: all 0.1s eease-in-out;
  transition: all 0.1s ease-in-out; }
    
.grid-box:hover .bg {
  transform: perspective(21px) rotateX(2deg) translateY(-50px);
 -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
	
.grid-box:hover .banner3{
  animation-play-state:running!important;
  transform: translateY(2rem) translateX(-12.6rem); 
 -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
	
.grid-box:hover .content{
  animation-play-state:running!important;
  transform: translateY(-2.6rem) translateX(6rem); 
 -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
	 
.bird{
  position: absolute;
  z-index: 3;
  left: 3rem;
  width: 16rem;
  height: 17rem;
  background-size: 100%;
  background-repeat: no-repeat;
  animation: gifAnimation 0.12s linear infinite;
  bottom: 0;
  animation-play-state: paused!important;
 -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.grid-box:hover .bird{
  animation-play-state:running!important;
  transform: translateY(-200px) translateX(-60px); }
    
@keyframes gifAnimation{
  from{
  background-image: url(../../../../../pub/img21.png);
  }to{
  background-image: url(../../../../../pub/img22.png); }}

.banner3{
  position: absolute;
  z-index: 2;
  padding-top: 11rem;
  width: 100%; 
 -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}
	
.banner3 h2:after{
  font-family: ICA Rubrick;
  content: attr(data-value);
  font-size: 3em;
 -webkit-text-stroke: 1px #cddc39;
  color: transparent;
  text-shadow: 0px 0px hsla(0,0%,0%,.2); }

.content{
  position: absolute;
  z-index: 2;
  padding-top: 20rem;
  width: 100%;
  color: #fff;
  text-shadow: 0 10px 20px #000;
 -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
	
@media screen and (max-width: 768px) {
 .banner3 h2{
  font-size: 1em; }}