@charset "UTF-8";
/*============================================================================

  Jumpstart Theme

  Table of contents:

  1. BASICS
    1.1. Reset
    1.2. Variables
    1.3. Mixins
    1.4. Grid
    1.5. Helper classes
    1.6. Typography
  2. STRUCTURE
    2.1. General
    2.2. Header
    2.3. Navigation
    2.4. Footer
    2.5. Objects
    2.6. Forms
    2.7  Blank states
  3. HOME PAGE
    3.1. General
    3.2. Crowdfunding
    3.3. Hero
    3.4. Image feature content
    3.5. Slideshow
    3.6. Page
    3.7. FAQ
    3.8. Features
    3.9. Clients
    3.10. Gallery
    3.11. Newsletter
    3.12. Feature collection
    3.13. Map
    3.14. Rich text
  4. TEMPLATES
    4.1. Blog
    4.2. Collections
    4.3. Cart
    4.4. Password
    4.5. Customer
    4.6. Captcha
  5. MAGNIFIC POPUP

============================================================================*/
/*-------------------------
    1. GENERAL
*------------------------*/
/*!
 *  1.1. Reset
*/
html, body, div, span, applet, object, iframe, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

a {
  text-decoration: none;
}

/*!
 *  1.2. Variables
*/
/* -- Responsive -- */
/* -- Colors -- */
/* -- Typography -- */
/*$headerFontStack: montserrat_n5;
*/
/*$bodyFontStack: raleway_n5;
*/
/*!
 *  1.3. Mixins
*/
/*============================================================================
  Prefix mixin for generating vendor prefixes:

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

    // Output:
    .element {
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }

  Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss
==============================================================================*/
/*============================================================================
  Flexbox prefix mixins from Bourbon
    https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_flex-box.scss
==============================================================================*/
.article__title, .article, .jumpstart-accordion h3, .jumpstart-accordion .h3, .flex-control-nav li a, .flexslider .slides img, .video-overlay, .btn, .shopify-payment-button .shopify-payment-button__button--branded, .shopify-payment-button .shopify-payment-button__button--unbranded, svg, .nav-bar li .site-nav__link, .nav-bar li .btn__account a, a {
  -webkit-transition: color 60ms linear, background-color 60ms linear, fill 60ms linear, 60ms opacity linear;
  transition: color 60ms linear, background-color 60ms linear, fill 60ms linear, 60ms opacity linear;
}

.home-section-title:after, .header__custom hr:after {
  content: "";
  display: block;
  width: 45px;
  height: 3px;
  background: #0368b3;
  margin-top: 25px;
}
.text-center .home-section-title:after, .text-center .header__custom hr:after, .header__custom .text-center hr:after {
  margin-left: auto;
  margin-right: auto;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
/*!
 *  1.4. Grid
*/
.grid-margins {
  margin-top: -80px !important;
}
.grid-margins > .grid__item {
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .grid-margins {
    margin-top: -65px !important;
  }
  .grid-margins > .grid__item {
    margin-top: 65px;
  }
}
@media screen and (max-width: 480px) {
  .grid-margins {
    margin-top: -50px !important;
  }
  .grid-margins > .grid__item {
    margin-top: 50px;
  }
}
.grid, .grid--full, .grid--rev,
.grid-uniform {
  *zoom: 1;
}
.grid:before, .grid--full:before, .grid--rev:before, .grid:after, .grid--full:after, .grid--rev:after,
.grid-uniform:before,
.grid-uniform:after {
  content: " ";
  display: table;
}
.grid:after, .grid--full:after, .grid--rev:after,
.grid-uniform:after {
  clear: both;
}

.grid__item.clear {
  clear: both;
}

.grid, .grid--full, .grid--rev,
.grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -8%;
}
.grid.small-gutter, .small-gutter.grid--full, .small-gutter.grid--rev,
.grid-uniform.small-gutter {
  margin-left: -4.5%;
}

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

.small-gutter .grid__item {
  padding-left: 4.5%;
}

.grid--rev {
  direction: rtl;
  text-align: left;
}
.grid--rev > .grid__item {
  direction: ltr;
  text-align: left;
  float: right;
}

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

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

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

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

.two-thirds {
  width: 66.666%;
}

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

.two-quarters {
  width: 50%;
}

.three-quarters {
  width: 75%;
}

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

.two-fifths {
  width: 40%;
}

.three-fifths {
  width: 60%;
}

.four-fifths {
  width: 80%;
}

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

.two-sixths {
  width: 33.333%;
}

.three-sixths {
  width: 50%;
}

.four-sixths {
  width: 66.666%;
}

.five-sixths {
  width: 83.333%;
}

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

.two-eighths {
  width: 25%;
}

.three-eighths {
  width: 37.5%;
}

.four-eighths {
  width: 50%;
}

.five-eighths {
  width: 62.5%;
}

.six-eighths {
  width: 75%;
}

.seven-eighths {
  width: 87.5%;
}

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

.two-tenths {
  width: 20%;
}

.three-tenths {
  width: 30%;
}

.four-tenths {
  width: 40%;
}

.five-tenths {
  width: 50%;
}

.six-tenths {
  width: 60%;
}

.seven-tenths {
  width: 70%;
}

.eight-tenths {
  width: 80%;
}

.nine-tenths {
  width: 90%;
}

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

.two-twelfths {
  width: 16.666%;
}

.three-twelfths {
  width: 25%;
}

.four-twelfths {
  width: 33.333%;
}

.five-twelfths {
  width: 41.666%;
}

.six-twelfths {
  width: 50%;
}

.seven-twelfths {
  width: 58.333%;
}

.eight-twelfths {
  width: 66.666%;
}

.nine-twelfths {
  width: 75%;
}

.ten-twelfths {
  width: 83.333%;
}

.eleven-twelfths {
  width: 91.666%;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

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

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

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

.left {
  float: left !important;
}

.right {
  float: right !important;
}

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

@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 !important;
  }
  .small--hide {
    display: none !important;
  }
  .small--text-left {
    text-align: left !important;
  }
  .small--text-right {
    text-align: right !important;
  }
  .small--text-center {
    text-align: center !important;
  }
  .small--left {
    float: left !important;
  }
  .small--right {
    float: right !important;
  }
  .small--center {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .grid-uniform .small--one-half:nth-child(2n+1),
  .grid-uniform .small--one-third:nth-child(3n+1),
  .grid-uniform .small--one-quarter:nth-child(4n+1),
  .grid-uniform .small--one-fifth:nth-child(5n+1),
  .grid-uniform .small--one-sixth:nth-child(6n+1),
  .grid-uniform .small--two-sixths:nth-child(3n+1),
  .grid-uniform .small--three-sixths:nth-child(2n+1),
  .grid-uniform .small--two-eighths:nth-child(4n+1),
  .grid-uniform .small--four-eighths:nth-child(2n+1),
  .grid-uniform .small--five-tenths:nth-child(2n+1),
  .grid-uniform .small--one-twelfth:nth-child(12n+1),
  .grid-uniform .small--two-twelfths:nth-child(6n+1),
  .grid-uniform .small--three-twelfths:nth-child(4n+1),
  .grid-uniform .small--four-twelfths:nth-child(3n+1),
  .grid-uniform .small--six-twelfths:nth-child(2n+1), .grid-margins .small--one-half:nth-child(2n+1),
  .grid-margins .small--one-third:nth-child(3n+1),
  .grid-margins .small--one-quarter:nth-child(4n+1),
  .grid-margins .small--one-fifth:nth-child(5n+1),
  .grid-margins .small--one-sixth:nth-child(6n+1),
  .grid-margins .small--two-sixths:nth-child(3n+1),
  .grid-margins .small--three-sixths:nth-child(2n+1),
  .grid-margins .small--two-eighths:nth-child(4n+1),
  .grid-margins .small--four-eighths:nth-child(2n+1),
  .grid-margins .small--five-tenths:nth-child(2n+1),
  .grid-margins .small--one-twelfth:nth-child(12n+1),
  .grid-margins .small--two-twelfths:nth-child(6n+1),
  .grid-margins .small--three-twelfths:nth-child(4n+1),
  .grid-margins .small--four-twelfths:nth-child(3n+1),
  .grid-margins .small--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  /** Whole */
  .medium--one-whole {
    width: 100%;
  }
  /* Halves */
  .medium--one-half {
    width: 50%;
  }
  /* Thirds */
  .medium--one-third {
    width: 33.333%;
  }
  .medium--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .medium--one-quarter {
    width: 25%;
  }
  .medium--two-quarters {
    width: 50%;
  }
  .medium--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .medium--one-fifth {
    width: 20%;
  }
  .medium--two-fifths {
    width: 40%;
  }
  .medium--three-fifths {
    width: 60%;
  }
  .medium--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .medium--one-sixth {
    width: 16.666%;
  }
  .medium--two-sixths {
    width: 33.333%;
  }
  .medium--three-sixths {
    width: 50%;
  }
  .medium--four-sixths {
    width: 66.666%;
  }
  .medium--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .medium--one-eighth {
    width: 12.5%;
  }
  .medium--two-eighths {
    width: 25%;
  }
  .medium--three-eighths {
    width: 37.5%;
  }
  .medium--four-eighths {
    width: 50%;
  }
  .medium--five-eighths {
    width: 62.5%;
  }
  .medium--six-eighths {
    width: 75%;
  }
  .medium--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .medium--one-tenth {
    width: 10%;
  }
  .medium--two-tenths {
    width: 20%;
  }
  .medium--three-tenths {
    width: 30%;
  }
  .medium--four-tenths {
    width: 40%;
  }
  .medium--five-tenths {
    width: 50%;
  }
  .medium--six-tenths {
    width: 60%;
  }
  .medium--seven-tenths {
    width: 70%;
  }
  .medium--eight-tenths {
    width: 80%;
  }
  .medium--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .medium--one-twelfth {
    width: 8.333%;
  }
  .medium--two-twelfths {
    width: 16.666%;
  }
  .medium--three-twelfths {
    width: 25%;
  }
  .medium--four-twelfths {
    width: 33.333%;
  }
  .medium--five-twelfths {
    width: 41.666%;
  }
  .medium--six-twelfths {
    width: 50%;
  }
  .medium--seven-twelfths {
    width: 58.333%;
  }
  .medium--eight-twelfths {
    width: 66.666%;
  }
  .medium--nine-twelfths {
    width: 75%;
  }
  .medium--ten-twelfths {
    width: 83.333%;
  }
  .medium--eleven-twelfths {
    width: 91.666%;
  }
  .medium--show {
    display: block !important;
  }
  .medium--hide {
    display: none !important;
  }
  .medium--text-left {
    text-align: left !important;
  }
  .medium--text-right {
    text-align: right !important;
  }
  .medium--text-center {
    text-align: center !important;
  }
  .medium--left {
    float: left !important;
  }
  .medium--right {
    float: right !important;
  }
  .medium--center {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .grid-uniform .medium--one-half:nth-child(2n+1),
  .grid-uniform .medium--one-third:nth-child(3n+1),
  .grid-uniform .medium--one-quarter:nth-child(4n+1),
  .grid-uniform .medium--one-fifth:nth-child(5n+1),
  .grid-uniform .medium--one-sixth:nth-child(6n+1),
  .grid-uniform .medium--two-sixths:nth-child(3n+1),
  .grid-uniform .medium--three-sixths:nth-child(2n+1),
  .grid-uniform .medium--two-eighths:nth-child(4n+1),
  .grid-uniform .medium--four-eighths:nth-child(2n+1),
  .grid-uniform .medium--five-tenths:nth-child(2n+1),
  .grid-uniform .medium--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium--six-twelfths:nth-child(2n+1), .grid-margins .medium--one-half:nth-child(2n+1),
  .grid-margins .medium--one-third:nth-child(3n+1),
  .grid-margins .medium--one-quarter:nth-child(4n+1),
  .grid-margins .medium--one-fifth:nth-child(5n+1),
  .grid-margins .medium--one-sixth:nth-child(6n+1),
  .grid-margins .medium--two-sixths:nth-child(3n+1),
  .grid-margins .medium--three-sixths:nth-child(2n+1),
  .grid-margins .medium--two-eighths:nth-child(4n+1),
  .grid-margins .medium--four-eighths:nth-child(2n+1),
  .grid-margins .medium--five-tenths:nth-child(2n+1),
  .grid-margins .medium--one-twelfth:nth-child(12n+1),
  .grid-margins .medium--two-twelfths:nth-child(6n+1),
  .grid-margins .medium--three-twelfths:nth-child(4n+1),
  .grid-margins .medium--four-twelfths:nth-child(3n+1),
  .grid-margins .medium--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 767px) {
  /** Whole */
  .medium-down--one-whole {
    width: 100%;
  }
  /* Halves */
  .medium-down--one-half {
    width: 50%;
  }
  /* Thirds */
  .medium-down--one-third {
    width: 33.333%;
  }
  .medium-down--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .medium-down--one-quarter {
    width: 25%;
  }
  .medium-down--two-quarters {
    width: 50%;
  }
  .medium-down--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .medium-down--one-fifth {
    width: 20%;
  }
  .medium-down--two-fifths {
    width: 40%;
  }
  .medium-down--three-fifths {
    width: 60%;
  }
  .medium-down--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .medium-down--one-sixth {
    width: 16.666%;
  }
  .medium-down--two-sixths {
    width: 33.333%;
  }
  .medium-down--three-sixths {
    width: 50%;
  }
  .medium-down--four-sixths {
    width: 66.666%;
  }
  .medium-down--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .medium-down--one-eighth {
    width: 12.5%;
  }
  .medium-down--two-eighths {
    width: 25%;
  }
  .medium-down--three-eighths {
    width: 37.5%;
  }
  .medium-down--four-eighths {
    width: 50%;
  }
  .medium-down--five-eighths {
    width: 62.5%;
  }
  .medium-down--six-eighths {
    width: 75%;
  }
  .medium-down--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .medium-down--one-tenth {
    width: 10%;
  }
  .medium-down--two-tenths {
    width: 20%;
  }
  .medium-down--three-tenths {
    width: 30%;
  }
  .medium-down--four-tenths {
    width: 40%;
  }
  .medium-down--five-tenths {
    width: 50%;
  }
  .medium-down--six-tenths {
    width: 60%;
  }
  .medium-down--seven-tenths {
    width: 70%;
  }
  .medium-down--eight-tenths {
    width: 80%;
  }
  .medium-down--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .medium-down--one-twelfth {
    width: 8.333%;
  }
  .medium-down--two-twelfths {
    width: 16.666%;
  }
  .medium-down--three-twelfths {
    width: 25%;
  }
  .medium-down--four-twelfths {
    width: 33.333%;
  }
  .medium-down--five-twelfths {
    width: 41.666%;
  }
  .medium-down--six-twelfths {
    width: 50%;
  }
  .medium-down--seven-twelfths {
    width: 58.333%;
  }
  .medium-down--eight-twelfths {
    width: 66.666%;
  }
  .medium-down--nine-twelfths {
    width: 75%;
  }
  .medium-down--ten-twelfths {
    width: 83.333%;
  }
  .medium-down--eleven-twelfths {
    width: 91.666%;
  }
  .medium-down--show {
    display: block !important;
  }
  .medium-down--hide {
    display: none !important;
  }
  .medium-down--text-left {
    text-align: left !important;
  }
  .medium-down--text-right {
    text-align: right !important;
  }
  .medium-down--text-center {
    text-align: center !important;
  }
  .medium-down--left {
    float: left !important;
  }
  .medium-down--right {
    float: right !important;
  }
  .medium-down--center {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .grid-uniform .medium-down--one-half:nth-child(2n+1),
  .grid-uniform .medium-down--one-third:nth-child(3n+1),
  .grid-uniform .medium-down--one-quarter:nth-child(4n+1),
  .grid-uniform .medium-down--one-fifth:nth-child(5n+1),
  .grid-uniform .medium-down--one-sixth:nth-child(6n+1),
  .grid-uniform .medium-down--two-sixths:nth-child(3n+1),
  .grid-uniform .medium-down--three-sixths:nth-child(2n+1),
  .grid-uniform .medium-down--two-eighths:nth-child(4n+1),
  .grid-uniform .medium-down--four-eighths:nth-child(2n+1),
  .grid-uniform .medium-down--five-tenths:nth-child(2n+1),
  .grid-uniform .medium-down--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium-down--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium-down--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium-down--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium-down--six-twelfths:nth-child(2n+1), .grid-margins .medium-down--one-half:nth-child(2n+1),
  .grid-margins .medium-down--one-third:nth-child(3n+1),
  .grid-margins .medium-down--one-quarter:nth-child(4n+1),
  .grid-margins .medium-down--one-fifth:nth-child(5n+1),
  .grid-margins .medium-down--one-sixth:nth-child(6n+1),
  .grid-margins .medium-down--two-sixths:nth-child(3n+1),
  .grid-margins .medium-down--three-sixths:nth-child(2n+1),
  .grid-margins .medium-down--two-eighths:nth-child(4n+1),
  .grid-margins .medium-down--four-eighths:nth-child(2n+1),
  .grid-margins .medium-down--five-tenths:nth-child(2n+1),
  .grid-margins .medium-down--one-twelfth:nth-child(12n+1),
  .grid-margins .medium-down--two-twelfths:nth-child(6n+1),
  .grid-margins .medium-down--three-twelfths:nth-child(4n+1),
  .grid-margins .medium-down--four-twelfths:nth-child(3n+1),
  .grid-margins .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 !important;
  }
  .large--hide {
    display: none !important;
  }
  .large--text-left {
    text-align: left !important;
  }
  .large--text-right {
    text-align: right !important;
  }
  .large--text-center {
    text-align: center !important;
  }
  .large--left {
    float: left !important;
  }
  .large--right {
    float: right !important;
  }
  .large--center {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .grid-uniform .large--one-half:nth-child(2n+1),
  .grid-uniform .large--one-third:nth-child(3n+1),
  .grid-uniform .large--one-quarter:nth-child(4n+1),
  .grid-uniform .large--one-fifth:nth-child(5n+1),
  .grid-uniform .large--one-sixth:nth-child(6n+1),
  .grid-uniform .large--two-sixths:nth-child(3n+1),
  .grid-uniform .large--three-sixths:nth-child(2n+1),
  .grid-uniform .large--two-eighths:nth-child(4n+1),
  .grid-uniform .large--four-eighths:nth-child(2n+1),
  .grid-uniform .large--five-tenths:nth-child(2n+1),
  .grid-uniform .large--one-twelfth:nth-child(12n+1),
  .grid-uniform .large--two-twelfths:nth-child(6n+1),
  .grid-uniform .large--three-twelfths:nth-child(4n+1),
  .grid-uniform .large--four-twelfths:nth-child(3n+1),
  .grid-uniform .large--six-twelfths:nth-child(2n+1), .grid-margins .large--one-half:nth-child(2n+1),
  .grid-margins .large--one-third:nth-child(3n+1),
  .grid-margins .large--one-quarter:nth-child(4n+1),
  .grid-margins .large--one-fifth:nth-child(5n+1),
  .grid-margins .large--one-sixth:nth-child(6n+1),
  .grid-margins .large--two-sixths:nth-child(3n+1),
  .grid-margins .large--three-sixths:nth-child(2n+1),
  .grid-margins .large--two-eighths:nth-child(4n+1),
  .grid-margins .large--four-eighths:nth-child(2n+1),
  .grid-margins .large--five-tenths:nth-child(2n+1),
  .grid-margins .large--one-twelfth:nth-child(12n+1),
  .grid-margins .large--two-twelfths:nth-child(6n+1),
  .grid-margins .large--three-twelfths:nth-child(4n+1),
  .grid-margins .large--four-twelfths:nth-child(3n+1),
  .grid-margins .large--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}
[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: 767px) {
  /* 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: 767px) {
  /* 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: 768px) {
  /* 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%;
  }
}
[class*=pull--] {
  position: relative;
  margin-left: -8% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 481px) and (max-width: 767px) {
  /* Whole */
  .pull--medium--one-whole {
    right: 100%;
  }
  /* Halves */
  .pull--medium--one-half {
    right: 50%;
  }
  /* Thirds */
  .pull--medium--one-third {
    right: 33.333%;
  }
  .pull--medium--two-thirds {
    right: 66.666%;
  }
  /* Quarters */
  .pull--medium--one-quarter {
    right: 25%;
  }
  .pull--medium--two-quarters {
    right: 50%;
  }
  .pull--medium--three-quarters {
    right: 75%;
  }
  /* Fifths */
  .pull--medium--one-fifth {
    right: 20%;
  }
  .pull--medium--two-fifths {
    right: 40%;
  }
  .pull--medium--three-fifths {
    right: 60%;
  }
  .pull--medium--four-fifths {
    right: 80%;
  }
  /* Sixths */
  .pull--medium--one-sixth {
    right: 16.666%;
  }
  .pull--medium--two-sixths {
    right: 33.333%;
  }
  .pull--medium--three-sixths {
    right: 50%;
  }
  .pull--medium--four-sixths {
    right: 66.666%;
  }
  .pull--medium--five-sixths {
    right: 83.333%;
  }
  /* Eighths */
  .pull--medium--one-eighth {
    right: 12.5%;
  }
  .pull--medium--two-eighths {
    right: 25%;
  }
  .pull--medium--three-eighths {
    right: 37.5%;
  }
  .pull--medium--four-eighths {
    right: 50%;
  }
  .pull--medium--five-eighths {
    right: 62.5%;
  }
  .pull--medium--six-eighths {
    right: 75%;
  }
  .pull--medium--seven-eighths {
    right: 87.5%;
  }
  /* Tenths */
  .pull--medium--one-tenth {
    right: 10%;
  }
  .pull--medium--two-tenths {
    right: 20%;
  }
  .pull--medium--three-tenths {
    right: 30%;
  }
  .pull--medium--four-tenths {
    right: 40%;
  }
  .pull--medium--five-tenths {
    right: 50%;
  }
  .pull--medium--six-tenths {
    right: 60%;
  }
  .pull--medium--seven-tenths {
    right: 70%;
  }
  .pull--medium--eight-tenths {
    right: 80%;
  }
  .pull--medium--nine-tenths {
    right: 90%;
  }
  /* Twelfths */
  .pull--medium--one-twelfth {
    right: 8.333%;
  }
  .pull--medium--two-twelfths {
    right: 16.666%;
  }
  .pull--medium--three-twelfths {
    right: 25%;
  }
  .pull--medium--four-twelfths {
    right: 33.333%;
  }
  .pull--medium--five-twelfths {
    right: 41.666%;
  }
  .pull--medium--six-twelfths {
    right: 50%;
  }
  .pull--medium--seven-twelfths {
    right: 58.333%;
  }
  .pull--medium--eight-twelfths {
    right: 66.666%;
  }
  .pull--medium--nine-twelfths {
    right: 75%;
  }
  .pull--medium--ten-twelfths {
    right: 83.333%;
  }
  .pull--medium--eleven-twelfths {
    right: 91.666%;
  }
}
@media only screen and (max-width: 767px) {
  /* Whole */
  .pull--medium-down--one-whole {
    right: 100%;
  }
  /* Halves */
  .pull--medium-down--one-half {
    right: 50%;
  }
  /* Thirds */
  .pull--medium-down--one-third {
    right: 33.333%;
  }
  .pull--medium-down--two-thirds {
    right: 66.666%;
  }
  /* Quarters */
  .pull--medium-down--one-quarter {
    right: 25%;
  }
  .pull--medium-down--two-quarters {
    right: 50%;
  }
  .pull--medium-down--three-quarters {
    right: 75%;
  }
  /* Fifths */
  .pull--medium-down--one-fifth {
    right: 20%;
  }
  .pull--medium-down--two-fifths {
    right: 40%;
  }
  .pull--medium-down--three-fifths {
    right: 60%;
  }
  .pull--medium-down--four-fifths {
    right: 80%;
  }
  /* Sixths */
  .pull--medium-down--one-sixth {
    right: 16.666%;
  }
  .pull--medium-down--two-sixths {
    right: 33.333%;
  }
  .pull--medium-down--three-sixths {
    right: 50%;
  }
  .pull--medium-down--four-sixths {
    right: 66.666%;
  }
  .pull--medium-down--five-sixths {
    right: 83.333%;
  }
  /* Eighths */
  .pull--medium-down--one-eighth {
    right: 12.5%;
  }
  .pull--medium-down--two-eighths {
    right: 25%;
  }
  .pull--medium-down--three-eighths {
    right: 37.5%;
  }
  .pull--medium-down--four-eighths {
    right: 50%;
  }
  .pull--medium-down--five-eighths {
    right: 62.5%;
  }
  .pull--medium-down--six-eighths {
    right: 75%;
  }
  .pull--medium-down--seven-eighths {
    right: 87.5%;
  }
  /* Tenths */
  .pull--medium-down--one-tenth {
    right: 10%;
  }
  .pull--medium-down--two-tenths {
    right: 20%;
  }
  .pull--medium-down--three-tenths {
    right: 30%;
  }
  .pull--medium-down--four-tenths {
    right: 40%;
  }
  .pull--medium-down--five-tenths {
    right: 50%;
  }
  .pull--medium-down--six-tenths {
    right: 60%;
  }
  .pull--medium-down--seven-tenths {
    right: 70%;
  }
  .pull--medium-down--eight-tenths {
    right: 80%;
  }
  .pull--medium-down--nine-tenths {
    right: 90%;
  }
  /* Twelfths */
  .pull--medium-down--one-twelfth {
    right: 8.333%;
  }
  .pull--medium-down--two-twelfths {
    right: 16.666%;
  }
  .pull--medium-down--three-twelfths {
    right: 25%;
  }
  .pull--medium-down--four-twelfths {
    right: 33.333%;
  }
  .pull--medium-down--five-twelfths {
    right: 41.666%;
  }
  .pull--medium-down--six-twelfths {
    right: 50%;
  }
  .pull--medium-down--seven-twelfths {
    right: 58.333%;
  }
  .pull--medium-down--eight-twelfths {
    right: 66.666%;
  }
  .pull--medium-down--nine-twelfths {
    right: 75%;
  }
  .pull--medium-down--ten-twelfths {
    right: 83.333%;
  }
  .pull--medium-down--eleven-twelfths {
    right: 91.666%;
  }
}
@media only screen and (min-width: 768px) {
  /* Whole */
  .pull--large--one-whole {
    right: 100%;
  }
  /* Halves */
  .pull--large--one-half {
    right: 50%;
  }
  /* Thirds */
  .pull--large--one-third {
    right: 33.333%;
  }
  .pull--large--two-thirds {
    right: 66.666%;
  }
  /* Quarters */
  .pull--large--one-quarter {
    right: 25%;
  }
  .pull--large--two-quarters {
    right: 50%;
  }
  .pull--large--three-quarters {
    right: 75%;
  }
  /* Fifths */
  .pull--large--one-fifth {
    right: 20%;
  }
  .pull--large--two-fifths {
    right: 40%;
  }
  .pull--large--three-fifths {
    right: 60%;
  }
  .pull--large--four-fifths {
    right: 80%;
  }
  /* Sixths */
  .pull--large--one-sixth {
    right: 16.666%;
  }
  .pull--large--two-sixths {
    right: 33.333%;
  }
  .pull--large--three-sixths {
    right: 50%;
  }
  .pull--large--four-sixths {
    right: 66.666%;
  }
  .pull--large--five-sixths {
    right: 83.333%;
  }
  /* Eighths */
  .pull--large--one-eighth {
    right: 12.5%;
  }
  .pull--large--two-eighths {
    right: 25%;
  }
  .pull--large--three-eighths {
    right: 37.5%;
  }
  .pull--large--four-eighths {
    right: 50%;
  }
  .pull--large--five-eighths {
    right: 62.5%;
  }
  .pull--large--six-eighths {
    right: 75%;
  }
  .pull--large--seven-eighths {
    right: 87.5%;
  }
  /* Tenths */
  .pull--large--one-tenth {
    right: 10%;
  }
  .pull--large--two-tenths {
    right: 20%;
  }
  .pull--large--three-tenths {
    right: 30%;
  }
  .pull--large--four-tenths {
    right: 40%;
  }
  .pull--large--five-tenths {
    right: 50%;
  }
  .pull--large--six-tenths {
    right: 60%;
  }
  .pull--large--seven-tenths {
    right: 70%;
  }
  .pull--large--eight-tenths {
    right: 80%;
  }
  .pull--large--nine-tenths {
    right: 90%;
  }
  /* Twelfths */
  .pull--large--one-twelfth {
    right: 8.333%;
  }
  .pull--large--two-twelfths {
    right: 16.666%;
  }
  .pull--large--three-twelfths {
    right: 25%;
  }
  .pull--large--four-twelfths {
    right: 33.333%;
  }
  .pull--large--five-twelfths {
    right: 41.666%;
  }
  .pull--large--six-twelfths {
    right: 50%;
  }
  .pull--large--seven-twelfths {
    right: 58.333%;
  }
  .pull--large--eight-twelfths {
    right: 66.666%;
  }
  .pull--large--nine-twelfths {
    right: 75%;
  }
  .pull--large--ten-twelfths {
    right: 83.333%;
  }
  .pull--large--eleven-twelfths {
    right: 91.666%;
  }
}
/*!
 *  1.5. Helper classes
*/
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

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

* {
  box-sizing: border-box;
}

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

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

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

@media screen and (min-width: 768px) {
  .large--display-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    min-height: inherit;
  }
  .large--display-table-cell {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}
.visually-hidden, .no-js img.lazyload, .no-js span.lazyload, .no-js div.lazyload, .form__column--shopify-payment-btn label {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/*!
 *  1.6. Typography
*/
body,
input,
textarea,
button,
select {
  font-size: 14px;
  line-height: 1.6;
  font-family: "Gabriola";
  color: #343434;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  display: block;
  font-family: "Gotham Book";
  margin: 0 0 0.5em;
  line-height: 1.4;
  color: #0368b3;
}
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;
}

a[href^=tel] {
  color: inherit;
}

/* -- Headings -- */
h1, .h1 {
  font-size: 2.8571428571em;
}
@media screen and (max-width: 767px) {
  h1, .h1 {
    font-size: 2.2857142857em;
  }
}
@media screen and (max-width: 480px) {
  h1, .h1 {
    font-size: 1.5714285714em;
  }
}

h2, .h2 {
  font-size: 2.4285714286em;
}
@media screen and (max-width: 767px) {
  h2, .h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 480px) {
  h2, .h2 {
    font-size: 1.5714285714em;
  }
}

h3, .h3 {
  font-size: 1.7142857143em;
}
@media screen and (max-width: 480px) {
  h3, .h3 {
    font-size: 1.2857142857em;
  }
}

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

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

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

/* -- Other -- */
p {
  margin: 0 0 30px 0;
}
p img {
  margin: 0;
}

em {
  font-style: italic;
}

b, strong {
  font-weight: bold;
}

small {
  font-size: 0.9em;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.5em;
}

a {
  color: #0368b3;
}
a:hover {
  color: rgb(0.8468002586%, 29.3557422969%, 50.525748761%);
}

/* -- Blockquotes -- */
blockquote {
  font-size: 1.125em;
  line-height: 1.45;
  font-style: italic;
  margin: 0 0 30px;
  padding: 15px 30px;
  border-left: 1px solid #e9e9e9;
}
blockquote p {
  margin-bottom: 0;
}
blockquote p + cite {
  margin-top: 15px;
}
blockquote cite {
  display: block;
  font-size: 0.75em;
}
blockquote cite:before {
  content: "— ";
}

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

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

/* -- Lists -- */
ul, ol {
  margin: 0 0 15px 20px;
  padding: 0;
}

ol {
  list-style: decimal;
}

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

li {
  margin-bottom: 0.25em;
}

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

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

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

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

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

/* -- RTE -- */
.rte ol, .rte ul {
  margin: 0 0 25px 20px;
  padding: 0;
  list-style-position: inside;
}
.rte ol {
  list-style-type: decimal;
}
.rte ol ol {
  list-style-type: lower-alpha;
}
.rte ul {
  list-style-type: disc;
}
.rte li {
  margin-bottom: 0;
}
.rte > *:last-child {
  margin-bottom: 0;
}

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

/*-------------------------
    2. STRUCTURE
*------------------------*/
/*!
 *  2.1. General
*/
html.js .supports-no-js {
  display: block;
}
html.no-js .supports-no-js {
  display: none !important;
}

body {
  width: 100%;
  overflow-x: hidden;
  background-color: #ffffff;
}

/* -- Main content -- */
.main-content {
  display: block;
  overflow: hidden;
}
.template-password .main-content {
  overflow: visible;
}

/* -- Site wrapper -- */
.wrapper {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 99;
  *zoom: 1;
}
.wrapper:before, .wrapper:after {
  content: " ";
  display: table;
}
.wrapper:after {
  clear: both;
}
.wrapper.wrapper--margins {
  padding: 120px 0 150px;
}
.wrapper.wrapper--margins + .wrapper--margins {
  padding-top: 0;
}
.index-sections > .shopify-section:first-child .wrapper.wrapper--margins {
  padding: 280px 0;
}
@media screen and (max-width: 767px) {
  .index-sections > .shopify-section:first-child .wrapper.wrapper--margins {
    padding: 180px 0;
  }
}
@media screen and (max-width: 480px) {
  .index-sections > .shopify-section:first-child .wrapper.wrapper--margins {
    padding: 150px 0 40px;
  }
}
@media screen and (max-width: 1025px) {
  .home-product .wrapper.wrapper--margins {
    padding-top: 0;
  }
}
.template-password .wrapper.wrapper--margins {
  padding-top: 100px;
}
.wrapper.wrapper--mini {
  max-width: 900px;
  margin: auto;
}
.wrapper.wrapper--center {
  max-width: 340px;
  margin: auto !important;
}
@media screen and (max-width: 400px) {
  .wrapper.wrapper--center {
    margin: auto 30px !important;
  }
}
@media screen and (max-width: 1400px) {
  .wrapper {
    margin: 0 100px;
  }
  .wrapper.wrapper--margins {
    padding: 120px 0 150px;
  }
}
@media screen and (max-width: 1025px) {
  .wrapper, .wrapper.wrapper--mini {
    margin: 0 60px;
  }
  .wrapper.wrapper--margins {
    padding: 80px 0 110px;
  }
}
@media screen and (max-width: 480px) {
  .wrapper, .wrapper.wrapper--mini {
    margin: 0 30px;
  }
  .wrapper.wrapper--margins {
    padding: 60px 0 50px;
  }
}

/*!
 *  2.2. Header
*/
.announcement-bar {
  position: relative;
  display: block;
  margin-bottom: 0;
  text-align: center;
  text-decoration: none;
}
.announcement-bar.mobile {
  margin-top: 70px;
}

.announcement-bar__message {
  font-weight: 700;
  padding: 10px 30px;
  margin-bottom: 0;
}

.site-header {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 70px;
  /*background-color: $colorPrimary;*/
  background: black;
}
.site-header .wrapper {
  height: 100%;
}
.site-header {
  /*
  &.animate {
    transition: transform 250ms linear;
  }
  */
}
.site-header.sticky {
  position: fixed;
  left: 0;
  height: 70px;
  top: 0px;
  /*background: $colorPrimary;*/
  background: black;
  border-bottom: 1px solid #e9e9e9;
  transition: top 0.2s;
}
@media screen and (min-width: 767px) {
  .site-header.sticky.active {
    -webkit-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
}
.site-header.sticky:not(.mobile) .site-nav a,
.site-header.sticky:not(.mobile) .site-nav li .site-nav__link.site-nav--active,
.site-header.sticky:not(.mobile) .site-nav .site-nav__link {
  color: #fff !important;
  border-radius: 5px;
}
.site-header.sticky:not(.mobile) .site-nav a:hover,
.site-header.sticky:not(.mobile) .site-nav li .site-nav__link.site-nav--active:hover,
.site-header.sticky:not(.mobile) .site-nav .site-nav__link:hover {
  color: #0368b3 !important;
  /* default
  color: #fff !important;*/
}
.site-header.sticky:not(.mobile) .site-header__logo a.site-header__logo-text {
  color: #0368b3 !important;
}
.site-header.sticky:not(.mobile) .site-header__logo a.site-header__logo-text:hover {
  color: rgb(0.8468002586%, 29.3557422969%, 50.525748761%) !important;
}
.site-header.sticky:not(.mobile) svg {
  fill: #fff;
}
.site-header.sticky:not(.mobile) svg:hover {
  fill: #fff !important;
}
.site-header.mobile {
  top: 0;
  height: 70px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.site-header__logo {
  text-align: left;
  margin: 0 auto !important;
  max-width: 400px;
  font-size: 1.8571428571em;
  position: absolute;
  left: 0;
  top: 0;
  height: 70px;
  display: table;
}
.site-header__logo.use-image {
  max-width: auto;
}
.site-header__logo img {
  margin: 0 auto;
  max-width: 80%;
}
.is-light .site-header__logo a.site-header__logo-text {
  color: #fff;
}
.is-light .site-header__logo a.site-header__logo-text:hover {
  color: #0368b3;
}
.is-light .sticky .site-header__logo a.site-header__logo-text {
  color: #0368b3;
}
.sticky .site-header__logo a.site-header__logo-text:hover {
  color: rgb(0.8468002586%, 29.3557422969%, 50.525748761%);
}
.site-header__logo a.site-header__logo-text {
  line-height: 1.2;
  position: relative;
  top: 0;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  .site-header__logo {
    max-width: calc(100% - 80px);
  }
}
.site-header__logo .logo--hidden {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  width: 0;
}
.sticky .site-header__logo .logo--inverted {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  width: 0;
}

.sticky.site-header .site-header__logo {
  height: 70px;
}
.sticky.site-header .site-header__logo a {
  height: 70px;
}
.sticky.site-header .site-header__logo a.site-header__logo-text {
  font-size: 0.8em;
  position: relative;
  top: 0;
}
.sticky.site-header .site-header__logo img {
  max-height: 100%;
  width: auto;
  margin: 0;
}

.sticky.site-header .site-header__logo.use-image {
  top: 0px;
  height: 100%;
}

.sticky.site-header .nav-bar {
  bottom: 25px;
}

/* -- Header hero in pages -- */
.header__custom {
  background: #f9f9f9;
  text-align: center;
  padding-top: 50px;
}
.header__custom h1, .header__custom .h1 {
  margin: 0;
}
.header__custom hr {
  position: absolute;
  left: 50%;
  margin-left: -22px;
  border: none;
}
.header__custom span {
  display: block;
  font-size: 1.1428571429em;
  margin: 15px 0 -5px;
}
@media screen and (min-width: 480px) {
  .header__custom span {
    margin: 5px 0 -5px;
    font-size: 1em;
    line-height: 1.4;
  }
}

.parallax-bg {
  position: relative;
  overflow: hidden;
}

.prlx-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.prlx-bg.overlay-true:before {
  background: #fff;
  opacity: 0.8;
}
.prlx-bg img {
  display: none;
}

.prlx-txt {
  z-index: 99;
  position: relative;
}

/*!
 *  2.3. Navigation
*/
.nav-bar {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: table;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.nav-bar:focus {
  outline: none;
}
.nav-bar ul {
  *zoom: 1;
}
.nav-bar ul:before, .nav-bar ul:after {
  content: " ";
  display: table;
}
.nav-bar ul:after {
  clear: both;
}
.nav-bar ul {
  margin: 0;
}
.site-header--classic .nav-bar > ul {
  display: table-cell;
  vertical-align: middle;
}
.nav-bar li {
  float: left;
  position: relative;
  margin: 0 15px;
  font-size: 16px;
}
.nav-bar li:last-child {
  margin-right: 0;
}
.nav-bar li > button .icon-plus {
  display: inline-block;
}
.nav-bar li > button .icon-minus {
  display: none;
}
.nav-bar li.opened > button .icon-plus {
  display: none;
}
.nav-bar li.opened > button .icon-minus {
  display: inline-block;
}
.nav-bar li .site-nav__link, .nav-bar li .btn__account a {
  font: 0.9285714286em "Gotham Book";
}
.is-light .nav-bar li .site-nav__link, .is-light .nav-bar li .btn__account a {
  color: #fff;
}
.is-dark .nav-bar li .site-nav__link, .is-dark .nav-bar li .btn__account a {
  color: #000;
}
.nav-bar li .site-nav__link, .nav-bar li .btn__account a {
  padding: 5px;
  position: relative;
  text-transform: uppercase;
  line-height: 1;
}
.nav-bar li .site-nav__link .icon-plus,
.nav-bar li .site-nav__link .icon-minus, .nav-bar li .btn__account a .icon-plus,
.nav-bar li .btn__account a .icon-minus {
  margin-left: 5px;
}
.nav-bar li .site-nav__link .icon-plus svg,
.nav-bar li .site-nav__link .icon-minus svg, .nav-bar li .btn__account a .icon-plus svg,
.nav-bar li .btn__account a .icon-minus svg {
  width: 10px;
  height: 10px;
}
.nav-bar li .site-nav__link, .nav-bar li .btn__account a {
  color: #0368b3;
}
.is-light .sticky .nav-bar li .site-nav__link:hover, .is-light .sticky .nav-bar li .btn__account a:hover {
  color: #0368b3;
}
.is-dark .sticky .nav-bar li .site-nav__link:hover, .is-dark .sticky .nav-bar li .btn__account a:hover {
  color: #0368b3;
}
.nav-bar li .site-nav__link:hover, .nav-bar li .btn__account a:hover {
  /* default
  color: $colorPrimary;
  */
  color: #0368b3 !important;
  background: white;
  border-radius: 5px;
  padding: 5px;
}
.nav-bar li .site-nav__link:hover svg *, .nav-bar li .btn__account a:hover svg * {
  fill: rgb(2.9982762336%, 57.731092437%, 98.374272786%);
}
.is-light .sticky .nav-bar li .site-nav__link, .is-light .sticky .nav-bar li .btn__account a {
  color: #0368b3;
}
.is-dark .sticky .nav-bar li .site-nav__link, .is-dark .sticky .nav-bar li .btn__account a {
  color: #0368b3;
}
.nav-bar li .site-nav__link.site-nav--active:after, .nav-bar li .btn__account a.site-nav--active:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 5px);
  bottom: 0;
  height: 2px;
  transition: 200ms linear height;
}
.is-light .nav-bar li .site-nav__link.site-nav--active:after, .is-light .nav-bar li .btn__account a.site-nav--active:after {
  background: #fff;
}
.is-dark .nav-bar li .site-nav__link.site-nav--active:after, .is-dark .nav-bar li .btn__account a.site-nav--active:after {
  background: #000;
}
.is-light .sticky .nav-bar li .site-nav__link.site-nav--active:after, .is-light .sticky .nav-bar li .btn__account a.site-nav--active:after {
  background: #fff;
}
.is-dark .sticky .nav-bar li .site-nav__link.site-nav--active:after, .is-dark .sticky .nav-bar li .btn__account a.site-nav--active:after {
  background: #000;
}
.is-light .nav-bar li .site-nav__link.sticky, .is-light .nav-bar li .btn__account a.sticky {
  color: #fff !important;
}
.is-dark .nav-bar li .site-nav__link.sticky, .is-dark .nav-bar li .btn__account a.sticky {
  color: #000 !important;
}
.nav-bar li .site-nav__link.sticky, .nav-bar li .btn__account a.sticky {
  color: #0368b3 !important;
}
.is-light .sticky .nav-bar li .site-nav__link.sticky, .is-light .sticky .nav-bar li .btn__account a.sticky {
  color: #0368b3 !important;
}
.is-dark .sticky .nav-bar li .site-nav__link.sticky, .is-dark .sticky .nav-bar li .btn__account a.sticky {
  color: #0368b3 !important;
}
.nav-bar li .site-nav__link.btn:after, .nav-bar li .shopify-payment-button .site-nav__link.shopify-payment-button__button--branded:after, .shopify-payment-button .nav-bar li .site-nav__link.shopify-payment-button__button--branded:after, .nav-bar li .shopify-payment-button .site-nav__link.shopify-payment-button__button--unbranded:after, .shopify-payment-button .nav-bar li .site-nav__link.shopify-payment-button__button--unbranded:after, .nav-bar li .btn__account a.btn:after, .nav-bar li .btn__account .shopify-payment-button a.shopify-payment-button__button--branded:after, .shopify-payment-button .nav-bar li .btn__account a.shopify-payment-button__button--branded:after, .nav-bar li .btn__account .shopify-payment-button a.shopify-payment-button__button--unbranded:after, .shopify-payment-button .nav-bar li .btn__account a.shopify-payment-button__button--unbranded:after {
  display: none;
}
.is-light .nav-bar li a.btn--dark {
  color: #fff;
  border-color: #fff;
}
.is-dark .nav-bar li a.btn--dark {
  color: #000;
  border-color: #000;
}
.is-light .sticky .nav-bar li a.btn--dark {
  color: #000;
  border-color: #000;
}
.is-dark .sticky .nav-bar li a.btn--dark {
  color: #000;
  border-color: #000;
}
.is-light .nav-bar li a.btn--dark:hover {
  color: #000;
  background: #fff;
}
.is-dark .nav-bar li a.btn--dark:hover {
  color: #fff;
  background: #000;
}
.is-light .sticky .nav-bar li a.btn--dark:hover {
  color: #fff;
  background: #000;
}
.is-dark .sticky .nav-bar li a.btn--dark:hover {
  color: #fff;
  background: #000;
}
.nav-bar li.btn__buy {
  margin: -18px 0 0px 30px;
  position: relative;
  top: 10px;
  float: right;
  height: auto;
}
.nav-bar li.btn__buy .btn--light {
  color: #ffffff;
  border-color: #ffffff;
}
.nav-bar li.btn__buy .btn--light:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #0368b3 !important;
}
.nav-bar li.btn__cart a {
  text-align: center;
  width: 20px;
  min-height: 20px;
  display: inline-block;
  padding: 0;
  font-size: 0.8571428571em;
  font-weight: 700;
  color: white;
}
.nav-bar li.btn__cart a:after {
  background: none;
}
.nav-bar li.btn__cart .icon {
  position: absolute;
  top: -10px;
  left: 0;
  display: block;
  width: 20px;
}
.site-header--classic .nav-bar li.btn__cart .icon {
  top: 1px;
}
.nav-bar li.btn__cart svg {
  position: absolute;
  top: -10px;
  left: 0;
}
.site-header--classic .nav-bar li.btn__cart svg {
  top: -7px;
}
.nav-bar li.btn__cart .text {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.nav-bar li.btn__account {
  height: 16px;
}
.nav-bar li.btn__account a {
  padding: 0;
  top: -6px;
  position: relative;
}
.nav-bar li.btn__account a:after {
  display: none !important;
}
.nav-bar li.btn__account .text {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.nav-bar .link-list {
  display: none;
}
.site-header--drawer .nav-bar {
  position: fixed;
  width: 370px;
  height: 100%;
  top: 0;
  right: 0;
  background: #0368b3;
  padding: 75px 20px 75px;
  display: block;
  -webkit-transform: translate3d(370px, 0px, 0px);
  -ms-transform: translate3d(370px, 0px, 0px);
  transform: translate3d(370px, 0px, 0px);
}
.site-header--drawer .nav-bar.opened {
  -webkit-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.site-header--drawer .nav-bar.animate {
  transition: transform 200ms linear;
}
@media screen and (max-width: 767px) {
  .site-header--drawer .nav-bar {
    padding: 60px 20px;
  }
}
@media screen and (max-width: 370px) {
  .site-header--drawer .nav-bar {
    width: 100%;
  }
}
.site-header--drawer .nav-bar ul {
  position: relative;
}
.site-header--drawer .nav-bar li {
  text-transform: none;
  margin: 0;
  float: none;
}
.site-header--drawer .nav-bar li > .site-nav__link {
  font-size: 22px;
  padding: 15px 0;
  display: inline-block;
  line-height: 1;
  color: #ffffff !important;
}
.site-header--drawer .nav-bar li > .site-nav__link:hover {
  color: #0368b3 !important;
}
.site-header--drawer .nav-bar li > .site-nav__link.site-nav--active {
  color: #ffffff;
}
.site-header--drawer .nav-bar li > .site-nav__link.site-nav--active:after {
  background: #ffffff !important;
}
.site-header--drawer .nav-bar li > .site-nav__link:after {
  width: 100%;
  bottom: 7px;
}
.site-header--drawer .nav-bar li > .site-nav__link .icon {
  margin-left: 12px;
}
.site-header--drawer .nav-bar li > .site-nav__link.site-nav__link--child {
  font-size: 16px;
  margin-left: 18px;
}
.site-header--drawer .nav-bar li > .site-nav__link.site-nav__link--child .icon {
  vertical-align: middle;
  margin-top: 2px;
}
.site-header--drawer .nav-bar li > .site-nav__link.site-nav__link--grandchild {
  font-size: 16px;
  margin-left: 50px;
}
.site-header--drawer .nav-bar li > .site-nav__link svg {
  fill: currentColor;
  width: 14px;
  height: 14px;
}
.site-header--drawer .nav-bar li.btn__buy {
  font-size: 1em;
  text-transform: uppercase;
  position: static;
  margin-top: 15px;
}
.site-header--drawer .nav-bar li.btn__cart, .site-header--drawer .nav-bar li.btn__account {
  position: relative;
  width: 100%;
  height: 60px;
  border-top: 1px solid #343434;
  border-bottom: 1px solid #343434;
  margin: 0 auto -1px;
}
.site-header--drawer .nav-bar li.btn__cart a, .site-header--drawer .nav-bar li.btn__account a {
  width: 100%;
  line-height: 60px;
  color: #ffffff;
  display: inline-block;
  text-align: left;
  padding: 0;
}
.site-header--drawer .nav-bar li.btn__cart a:before, .site-header--drawer .nav-bar li.btn__account a:before {
  top: 21px;
  background: #ffffff;
}
.site-header--drawer .nav-bar li.btn__cart .icon, .site-header--drawer .nav-bar li.btn__account .icon {
  line-height: 1.3;
  top: 24px;
  text-align: center;
}
.site-header--drawer .nav-bar li.btn__cart .text, .site-header--drawer .nav-bar li.btn__account .text {
  display: inline;
  font-size: 1.35em;
  position: relative;
  left: 53px;
}
.site-header--drawer .nav-bar li.btn__cart svg *, .site-header--drawer .nav-bar li.btn__account svg * {
  fill: #ffffff;
}
.site-header--drawer .nav-bar li.btn__cart a:hover svg *, .site-header--drawer .nav-bar li.btn__cart a:hover, .site-header--drawer .nav-bar li.btn__account a:hover svg *, .site-header--drawer .nav-bar li.btn__account a:hover {
  fill: #0368b3;
  color: #0368b3;
  background: white;
  border-radius: 5px;
}
.site-header--drawer .nav-bar li.btn__account .text {
  font-size: 1.157em;
  font-weight: 700;
  position: relative;
  top: 6px;
}
.site-header--drawer .nav-bar li.btn__account .icon {
  position: absolute;
  top: 22px;
}
.site-header--drawer .nav-bar li:not(.btn__cart) + .btn__cart, .site-header--drawer .nav-bar li:not(.btn__cart) + .btn__account {
  margin-top: 40px;
}
.site-header--drawer .nav-bar .link-list {
  display: block;
  margin-top: 35px;
}
.site-header--drawer .nav-bar .link-list a {
  display: block;
  font-size: 1.0714285714em;
  color: rgb(85%, 85%, 85%);
  margin: 10px 0;
  font-weight: 600;
}
.site-header--drawer .nav-bar .link-list a:hover {
  color: rgb(2.9982762336%, 57.731092437%, 98.374272786%);
}

.js .site-header--classic .site-nav,
.js .site-header--classic .site-header__logo {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-in;
  -moz-transition: opacity 0.15s ease-in;
}
.no-js .site-header--classic .site-nav,
.no-js .site-header--classic .site-header__logo {
  opacity: 1;
}

.sticky .site-nav,
.sticky .site-header__logo {
  opacity: 1 !important;
}

.site-header--classic #menu-opener {
  display: none;
}

.lines-button {
  display: inline-block;
  padding: 22px;
  transition: 0.3s;
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999999;
  background: #0368b3;
  width: 70px;
  height: 70px;
  border-bottom: 1px solid #e9e9e9;
}
.lines-button:active {
  transition: 0;
}
.lines-button:hover .lines {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.lines-button.opened {
  display: none;
}
.lines-button.lines-button--close {
  display: none;
}
.opened .lines-button.lines-button--close {
  display: block;
}

.lines {
  display: inline-block;
  width: 28px;
  height: 4px;
  transition: 300ms;
  background: #ffffff;
  position: relative;
}
.lines:before, .lines:after {
  display: inline-block;
  width: 28px;
  height: 4px;
  transition: 300ms;
  background: #ffffff;
  position: absolute;
  left: 0;
  content: "";
  -webkit-transform-original: 2px center;
  -ms-transform-original: 2px center;
  transform-original: 2px center;
}
.lines:before {
  top: 7px;
}
.lines:after {
  top: -7px;
}

.lines-button.lines-button--close .lines {
  background: transparent;
}
.lines-button.lines-button--close .lines:before, .lines-button.lines-button--close .lines:after {
  transform-origin: 50% 50%;
  top: 0;
  width: 28px;
}
.lines-button.lines-button--close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  -ms-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.lines-button--close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  -ms-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

.site-nav__dropdown {
  display: none;
}
.site-header--classic .site-nav__dropdown {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 100px;
  padding-top: 5px;
  text-align: center;
  display: none;
  width: 250px;
  margin-left: -110px;
}
.site-header--classic .site-nav__dropdown.opened {
  opacity: 1;
  display: block;
}
.site-header--classic .site-nav__dropdown.site-nav__dropdown--grandchilds {
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
  width: auto;
}
.site-header--classic .site-nav__dropdown.site-nav__dropdown--grandchilds > div {
  padding: 0;
  top: 0;
}
.site-header--classic .site-nav__dropdown > div {
  /* default
  background: #eee;
  */
  background: #0368b3;
  /*added-charles*/
  border: 2px solid white;
  border-top: none;
  /* end */
  padding: 12px 25px 10px;
  border-radius: 3px;
  position: relative;
  top: 5px;
}
.site-header--classic .site-nav__dropdown .arrow {
  top: 0;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(238, 238, 238, 0);
  border-bottom-color: #eee;
  border-width: 5px;
  margin-left: -5px;
}
.site-header--classic .site-nav__dropdown li {
  display: block;
  float: none;
  margin: 10px 0;
  /* border-bottom: 1px solid white; */
}
.is-light .site-header--classic .site-nav__dropdown li .site-nav__link {
  color: #fff;
}
.is-dark .site-header--classic .site-nav__dropdown li .site-nav__link {
  color: #fff;
}
.site-header--classic .site-nav__dropdown li .site-nav__link {
  font-size: 12px;
  line-height: 13px;
}
.site-header--classic .site-nav__dropdown li .site-nav__link:hover {
  /* default
   color: $colorLink;
   */
  color: #0368b3 !important;
  background: white;
}
.is-light .site-header--classic .site-nav__dropdown li .site-nav__link svg {
  fill: #000;
}
.site-header--classic .site-nav__dropdown li a.site-nav--active {
  font-weight: 700;
}
.site-header--drawer .site-nav__dropdown {
  margin: 0 !important;
  width: auto !important;
}
.site-header--drawer .site-nav__dropdown li {
  font-size: 0.75em;
}
.site-header--drawer .site-nav__dropdown .arrow {
  display: none;
}

.site-header--classic li.site-nav--has-dropdown a:after {
  display: none !important;
}

body.opened-drawer {
  overflow: hidden;
}
body.opened-drawer .nav-bar {
  overflow-y: auto;
}

/*!
 *  2.4. Footer
*/
.site-footer {
  background-color: #000000;
  color: #ffffff;
  padding: 120px 0;
}
.site-footer a {
  color: #ffffff;
}
.site-footer a:hover {
  color: rgb(2.9982762336%, 57.731092437%, 98.374272786%);
}
.site-footer .site-header__logo {
  position: static;
  max-width: 400px;
}
.site-footer .site-header__logo a {
  margin: auto;
}
.site-footer .site-header__logo a.site-header__logo-link {
  max-width: 50px;
  display: block;
}
.site-footer .site-header__logo {
  margin-bottom: 75px !important;
}
.site-footer .link-list a {
  font-size: 1.0714285714em;
  line-height: 1;
  font-weight: 600;
  margin: 0 15px;
}
.site-footer .link-list + hr {
  display: block;
}
.site-footer hr {
  max-width: 500px;
  height: 1px;
  background: #333333;
  margin: 19px auto 18px;
  border: none;
  display: none;
}
.site-footer .copy {
  font-size: 0.8928571429em;
}
.site-footer .copy > p {
  display: inline;
}
.site-footer .copy > p:first-child:after {
  content: ".";
}
@media screen and (max-width: 480px) {
  .site-footer .copy > p {
    display: block;
    margin: 0;
  }
  .site-footer .copy > p:first-child:after {
    content: "";
  }
}

.pay-icons {
  margin: 15px 0;
}
.pay-icons svg * {
  fill: currentColor !important;
}

.social-footer {
  background-color: #f9f9f9;
}
.social-footer.even {
  background-color: #ffffff;
}
.social-footer {
  text-align: center;
  padding: 20px;
}
.social-footer .wrapper {
  margin: auto !important;
}

@media screen and (min-width: 767px) {
  .social-footer {
    min-height: 120px;
  }
}
@media screen and (max-width: 767px) {
  .site-footer {
    padding: 60px 0 50px;
  }
}
.social-icons {
  margin: 0;
}

.social-icons li {
  margin: 10px;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  cursor: default;
}
.social-icons li svg * {
  fill: #141414;
}
.social-icons li a:hover svg * {
  fill: rgb(2.9982762336%, 57.731092437%, 98.374272786%);
}
.social-icons li svg.google path {
  fill: #f9f9f9;
}

.newsletter__label, .form--success {
  color: #ffffff;
  font-size: 1.7142857143em;
  margin: 0 0 30px 0;
}
@media screen and (max-width: 480px) {
  .newsletter__label, .form--success {
    font-size: 1.2857142857em;
  }
}

@media screen and (max-width: 480px) {
  .newsletter__label, .newsletter__input {
    margin: 0 0 30px 0;
  }
}
.form--success {
  margin-top: 10px;
}

/*!
 *  2.5. Objects
*/
/* -- Tables -- */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 30px;
}

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

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

th {
  font-weight: bold;
}

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

@media screen and (max-width: 767px) {
  .table--responsive thead {
    display: none;
  }
  .table--responsive tr {
    display: block;
  }
  .table--responsive tr,
  .table--responsive td {
    float: left;
    clear: both;
    width: 100%;
  }
  .table--responsive th,
  .table--responsive td {
    display: block;
    text-align: right;
    padding: 10px;
  }
  .table--responsive td:before {
    content: attr(data-label);
    float: left;
    text-align: center;
    font-size: 12px;
    padding-right: 10px;
  }
  .table--responsive.cart-table img {
    margin: 0 auto;
  }
  .table--responsive.cart-table .js-qty {
    float: right;
  }
}

@media screen and (max-width: 480px) {
  .table--small-hide {
    display: none !important;
  }
  .table__section + .table__section {
    position: relative;
    margin-top: 10px;
    padding-top: 15px;
  }
  .table__section + .table__section:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    border-bottom: 1px solid #e9e9e9;
  }
}
/* -- Iframes & images -- */
.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;
}

img {
  border: 0 none;
}

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

.is-light svg, .is-light svg {
  fill: #fff;
}
.is-dark svg, .is-dark svg {
  fill: #000;
}
.is-light .sticky svg, .is-light .sticky svg {
  fill: #000;
}
.is-dark .sticky svg, .is-dark .sticky svg {
  fill: #000;
}

img,
iframe {
  max-width: 100%;
}
p[style="text-align: center;"]:not(.centered-media) img,
p[style="text-align: center;"]:not(.centered-media) iframe {
  max-width: none;
  width: 1200px;
  margin: 35px 0 0 -150px;
}

img {
  height: auto;
  vertical-align: bottom;
}

@media screen and (max-width: 1025px) {
  .product__image, .template-blog .article__img, .centered-media {
    width: calc(100% + 120px) !important;
    margin-left: -60px !important;
  }
}
@media screen and (max-width: 480px) {
  .product__image, .template-blog .article__img, .centered-media {
    width: calc(100% + 60px) !important;
    margin-left: -30px !important;
  }
}

.centered-media {
  width: 1200px;
  margin: 60px 0 60px -150px;
}
.centered-media img, .centered-media iframe {
  max-width: none;
  width: 100%;
  vertical-align: middle;
}
@media screen and (max-width: 1300px) {
  .centered-media {
    width: 1100px;
    margin: 50px 0 50px -100px;
  }
}
@media screen and (max-width: 1200px) {
  .centered-media {
    width: 1000px;
    margin-left: -50px;
  }
}
@media screen and (max-width: 480px) {
  .centered-media {
    margin: 35px 0 35px -30px !important;
  }
}

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

/* -- Notes -- */
.note,
.errors {
  border-radius: 5px;
  padding: 11px 30px 10px;
  margin-bottom: 30px;
  border: 2px solid transparent;
  text-align: left;
  font-size: 1.1428571429em;
  font-family: "Gotham Book";
  display: inline-block;
}
.note ul,
.note ol,
.errors ul,
.errors ol {
  margin: 0;
  list-style-position: inside;
}
.note li:last-child,
.errors li:last-child {
  margin-bottom: 0;
}
.note p,
.errors p {
  margin-bottom: 0;
}
#Comments > .note, form > .note,
#Comments > .errors,
form > .errors {
  position: relative;
  top: -25px;
}

.note {
  border-color: #e9e9e9;
}

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

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

/*!
 *  2.6. Forms
*/
form {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  input,
  textarea {
    font-size: 16px;
  }
}
input,
textarea,
button,
select {
  padding: 0;
  margin: 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

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

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

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

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

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

legend {
  border: 0;
  padding: 0;
}

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

input,
textarea,
select {
  border: 1px solid rgb(79.3725490196%, 79.3725490196%, 79.3725490196%);
  max-width: 100%;
  padding: 8px 20px;
  border-radius: 2px;
  font-size: 16px;
  color: #343434;
  background: transparent;
}
input[disabled], input.disabled,
textarea[disabled],
textarea.disabled,
select[disabled],
select.disabled {
  cursor: default;
  background-color: #f6f6f6;
  border-color: rgb(71.4705882353%, 71.4705882353%, 71.4705882353%);
}
input.input-full,
textarea.input-full,
select.input-full {
  width: 100%;
}

input[type=text]:focus, textarea:focus {
  border: 1px solid #b6b6b6;
}

textarea {
  height: 200px;
  padding-top: 10px;
}

input[type=search] {
  width: 300px;
  display: block;
  margin-bottom: 20px;
}
.text-center input[type=search] {
  margin-left: auto;
  margin-right: auto;
}

.jumpstart-selector {
  position: relative;
}
.jumpstart-selector .arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border-left: 1px solid rgb(79.3725490196%, 79.3725490196%, 79.3725490196%);
  text-align: center;
  line-height: 52px;
}
.jumpstart-selector .arrow svg * {
  fill: rgb(41.3725490196%, 41.3725490196%, 41.3725490196%);
}
.jumpstart-selector select {
  position: relative;
  z-index: 9;
  width: 100%;
}
.jumpstart-selector select::-ms-expand {
  display: none;
}

input.qty-remove-defaults::-webkit-inner-spin-button,
input.qty-remove-defaults::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input.qty-remove-defaults {
  -moz-appearance: textfield;
}

input#Quantity {
  width: 55px;
  height: 50px;
  float: left;
  border-radius: 0;
  padding: 0;
  text-align: center;
}

.input-holder {
  position: relative;
  width: 48px;
}
.input-holder.minus {
  float: left;
  margin-right: -1px;
}
.input-holder.minus input {
  border-radius: 2px 0 0 2px;
}
.input-holder.plus {
  float: right;
  margin-left: -1px;
}
.input-holder.plus input {
  border-radius: 0 2px 2px 0;
}
.input-holder input {
  cursor: pointer;
  padding: 23px;
}
.input-holder button {
  border: 1px solid rgb(79.3725490196%, 79.3725490196%, 79.3725490196%);
  width: 100%;
  height: 50px;
}
.input-holder button.plus {
  border-radius: 0 2px 2px 0;
}
.input-holder button.minus {
  border-radius: 2px 0 0 2px;
}
.input-holder svg {
  position: unset;
  top: 17px;
  left: 17px;
  width: 13px;
  z-index: -1;
}
.input-holder svg path {
  fill: rgb(41.3725490196%, 41.3725490196%, 41.3725490196%);
}

input[type=checkbox],
input[type=radio] {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0;
  width: auto;
}

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

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

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

select {
  text-indent: 0.01px;
  text-overflow: "";
  cursor: pointer;
}

input.error,
select.error,
textarea.error {
  border-color: #d02e2e;
  background-color: #fff6f6;
  color: #d02e2e;
}

label.error {
  color: #d02e2e;
}

/* -- Form rows -- */
.form__row {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-top: 10px;
  *zoom: 1;
}
.form__row:before, .form__row:after {
  content: " ";
  display: table;
}
.form__row:after {
  clear: both;
}
.form__row .form__column, .form__row .selector-wrapper {
  padding: 0 15px 5px;
  float: left;
}
.form__row .form__column.third, .form__row .selector-wrapper.third {
  width: 33.33%;
}
.form__row .form__column.half, .form__row .selector-wrapper.half {
  width: 50%;
}
.form__row .form__column.twothird, .form__row .selector-wrapper.twothird {
  width: 66.66%;
}
.form__row .form__column.full, .form__row .selector-wrapper.full {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .form__row .form__column.third, .form__row .form__column.half, .form__row .form__column.twothird, .form__row .form__column.full, .form__row .selector-wrapper.third, .form__row .selector-wrapper.half, .form__row .selector-wrapper.twothird, .form__row .selector-wrapper.full {
    width: 100% !important;
  }
}
.form__row .form__column label, .form__row .selector-wrapper label {
  text-align: left;
}

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

label[for] {
  cursor: pointer;
}

label {
  display: block;
  font-size: 1.1428571429em;
  color: #7a7a7a;
  margin-bottom: 8px;
}
input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  top: -17px;
}

/* Buttons */
.btn, .shopify-payment-button .shopify-payment-button__button--branded, .shopify-payment-button .shopify-payment-button__button--unbranded {
  font-family: "Gotham Book";
  border-radius: 2px;
  display: inline-block;
}
.btn.btn--small, .shopify-payment-button .btn--small.shopify-payment-button__button--branded, .shopify-payment-button .btn--small.shopify-payment-button__button--unbranded {
  font-size: 0.9285714286em;
  height: 35px;
  line-height: 33px;
  padding: 0 20px;
}
.btn.btn--regular, .shopify-payment-button .btn--regular.shopify-payment-button__button--branded, .shopify-payment-button .shopify-payment-button__button--unbranded {
  font-size: 1.1428571429em;
  height: 50px;
  line-height: 48px;
  padding: 0 30px;
}
.btn.btn--regular.newsletter__submit, .shopify-payment-button .btn--regular.newsletter__submit.shopify-payment-button__button--branded, .shopify-payment-button .newsletter__submit.shopify-payment-button__button--unbranded {
  padding: 0px;
}
@media screen and (max-width: 480px) {
  .btn.btn--regular:not([type=submit]), .shopify-payment-button .btn--regular.shopify-payment-button__button--branded:not([type=submit]), .shopify-payment-button .shopify-payment-button__button--unbranded:not([type=submit]) {
    font-size: 0.9285714286em;
    height: 42px;
    line-height: 40px;
    padding: 0 20px;
  }
}
.btn.btn--large, .shopify-payment-button .btn--large.shopify-payment-button__button--branded, .shopify-payment-button .btn--large.shopify-payment-button__button--unbranded {
  font-size: 1.1428571429em;
  height: 60px;
  line-height: 58px;
  padding: 0 34px;
}
@media screen and (max-width: 480px) {
  .btn.btn--large:not([type=submit]), .shopify-payment-button .btn--large.shopify-payment-button__button--branded:not([type=submit]), .shopify-payment-button .btn--large.shopify-payment-button__button--unbranded:not([type=submit]) {
    font-size: 1.0714285714em;
    height: 50px;
    line-height: 48px;
    padding: 0 30px;
  }
}
.btn.btn--outline, .shopify-payment-button .btn--outline.shopify-payment-button__button--branded, .shopify-payment-button .btn--outline.shopify-payment-button__button--unbranded {
  background: transparent;
  border: 2px solid;
}
.btn.btn--outline.btn--color, .shopify-payment-button .btn--outline.btn--color.shopify-payment-button__button--branded, .shopify-payment-button .btn--outline.shopify-payment-button__button--unbranded {
  color: #0368b3;
  border-color: #0368b3;
}
.btn.btn--outline.btn--color:hover, .shopify-payment-button .btn--outline.btn--color.shopify-payment-button__button--branded:hover, .shopify-payment-button .btn--outline.shopify-payment-button__button--unbranded:hover {
  background: #0368b3;
}
.btn.btn--outline.btn--dark, .shopify-payment-button .btn--outline.btn--dark.shopify-payment-button__button--branded, .shopify-payment-button .btn--outline.btn--dark.shopify-payment-button__button--unbranded {
  color: #141414;
  border-color: #141414;
}
.btn.btn--outline.btn--dark:hover, .shopify-payment-button .btn--outline.btn--dark.shopify-payment-button__button--branded:hover, .shopify-payment-button .btn--outline.btn--dark.shopify-payment-button__button--unbranded:hover {
  background: #141414;
}
.btn.btn--outline.btn--light, .shopify-payment-button .btn--outline.btn--light.shopify-payment-button__button--branded, .shopify-payment-button .btn--outline.btn--light.shopify-payment-button__button--unbranded {
  color: #fff;
  border-color: #fff;
}
.btn.btn--outline.btn--light:hover, .shopify-payment-button .btn--outline.btn--light.shopify-payment-button__button--branded:hover, .shopify-payment-button .btn--outline.btn--light.shopify-payment-button__button--unbranded:hover {
  background: #fff;
  color: #000 !important;
}
.btn.btn--outline:hover, .shopify-payment-button .btn--outline.shopify-payment-button__button--branded:hover, .shopify-payment-button .btn--outline.shopify-payment-button__button--unbranded:hover {
  color: #fff;
}
.btn.btn--fill, .shopify-payment-button .btn--fill.shopify-payment-button__button--branded, .shopify-payment-button .shopify-payment-button__button--unbranded {
  color: #ffffff;
  top: -1px;
  position: relative;
  border: none;
}
.btn.btn--fill.btn--color, .shopify-payment-button .btn--fill.btn--color.shopify-payment-button__button--branded, .shopify-payment-button .shopify-payment-button__button--unbranded {
  background: #0368b3;
}
.btn.btn--fill.btn--color:hover, .shopify-payment-button .btn--fill.btn--color.shopify-payment-button__button--branded:hover, .shopify-payment-button .shopify-payment-button__button--unbranded:hover {
  background: rgb(0.8468002586%, 29.3557422969%, 50.525748761%);
}
.btn.btn--fill.btn--dark, .shopify-payment-button .btn--fill.btn--dark.shopify-payment-button__button--branded, .shopify-payment-button .btn--dark.shopify-payment-button__button--unbranded {
  background: #141414;
}
.btn.btn--fill.btn--dark:hover, .shopify-payment-button .btn--fill.btn--dark.shopify-payment-button__button--branded:hover, .shopify-payment-button .btn--dark.shopify-payment-button__button--unbranded:hover {
  background: black;
}
.btn.btn--disabled, .shopify-payment-button .btn--disabled.shopify-payment-button__button--branded, .shopify-payment-button .btn--disabled.shopify-payment-button__button--unbranded {
  pointer-events: none;
  cursor: default;
  background: transparent !important;
  border: 2px solid rgb(57.8431372549%, 57.8431372549%, 57.8431372549%);
  color: #7a7a7a;
}
.btn.btn--disabled-alt, .shopify-payment-button .btn--disabled-alt.shopify-payment-button__button--branded, .shopify-payment-button .btn--disabled-alt.shopify-payment-button__button--unbranded {
  pointer-events: none;
  cursor: default;
  opacity: 1;
  border: none;
}
.btn.btn--next-to, .shopify-payment-button .btn--next-to.shopify-payment-button__button--branded, .shopify-payment-button .btn--next-to.shopify-payment-button__button--unbranded {
  display: inline-block;
  margin-right: 15px;
}

.pagination {
  margin: 20px 0 50px;
}
.pagination .btn, .pagination .shopify-payment-button .shopify-payment-button__button--branded, .shopify-payment-button .pagination .shopify-payment-button__button--branded, .pagination .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .pagination .shopify-payment-button__button--unbranded {
  padding: 0;
  width: 35px;
  text-align: center;
}
.pagination.text-center .btn, .pagination.text-center .shopify-payment-button .shopify-payment-button__button--branded, .shopify-payment-button .pagination.text-center .shopify-payment-button__button--branded, .pagination.text-center .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .pagination.text-center .shopify-payment-button__button--unbranded {
  display: inline-block;
}

/* -- Smart Payment Buttons -- */
.form__column--shopify-payment-btn {
  display: block;
  flex-flow: row wrap;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 15px !important;
}
@media screen and (min-width: 767px) and (max-width: 1025px) {
  .form__column--shopify-payment-btn {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 767px) {
  .form__column--shopify-payment-btn {
    display: block;
  }
}
.shopify-payment-button__button {
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .shopify-payment-button__button {
    margin-top: 25px;
  }
}

.btn--secondary-accent {
  min-height: 50px;
  height: auto !important;
  width: 100%;
  white-space: normal;
}
@media screen and (min-width: 767px) and (max-width: 1025px) {
  .btn--secondary-accent {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .btn--secondary-accent {
    width: 100%;
  }
}
.btn--secondary-accent {
  background-color: transparent !important;
  color: #0368b3 !important;
  border: 2px solid #0368b3 !important;
}
.btn--secondary-accent:hover {
  background-color: transparent;
  color: rgb(0.8468002586%, 29.3557422969%, 50.525748761%) !important;
  border-color: rgb(0.8468002586%, 29.3557422969%, 50.525748761%) !important;
}
.btn--secondary-accent:active, .btn--secondary-accent:focus {
  color: rgb(0.5171299289%, 17.9271708683%, 30.8554190907%) !important;
  border-color: rgb(0.5171299289%, 17.9271708683%, 30.8554190907%) !important;
}
.btn--secondary-accent[disabled], .btn--secondary-accent.disabled {
  pointer-events: none;
  cursor: default;
  border-color: rgb(77.8431372549%, 77.8431372549%, 77.8431372549%) !important;
  color: #adadad !important;
}

.btn--shopify-payment-btn {
  flex-grow: 1;
  margin-top: 20px;
}
@media screen and (min-width: 767px) and (max-width: 1025px) {
  .btn--shopify-payment-btn {
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .btn--shopify-payment-btn {
    margin-top: 40px;
  }
}

.shopify-payment-button {
  flex-grow: 1;
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
  min-height: 52px;
  white-space: normal;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background: rgb(0.8468002586%, 29.3557422969%, 50.525748761%);
}
@media screen and (max-width: 480px) {
  .shopify-payment-button .shopify-payment-button__button--unbranded {
    font-size: 1.1428571429em !important;
  }
}
.shopify-payment-button .shopify-payment-button__button--branded {
  min-height: 51px;
  display: flex;
  white-space: normal;
  border-radius: 2px;
  overflow: hidden;
}
.shopify-payment-button .shopify-payment-button__more-options {
  color: #0368b3;
}
.shopify-payment-button .shopify-payment-button__more-options:hover, .shopify-payment-button .shopify-payment-button__more-options:focus {
  text-decoration: none !important;
  color: rgb(0.8468002586%, 29.3557422969%, 50.525748761%);
}

/* -- Other -- */
.submit--helper {
  display: inline-block;
  position: relative;
  top: 10px;
  left: 25px;
}
@media all and (max-width: 480px) {
  .submit--helper {
    display: block;
    left: 0px;
  }
}
.submit--helper span {
  display: block;
}

.contact-form {
  margin-top: 70px;
}

.svg.social {
  width: 22px;
  height: 22px;
}

/*!
 *  2.7 Blank states
*/
.placeholder-svg {
  display: block;
  fill: rgba(0, 0, 0, 0.35);
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.placeholder-noblocks {
  padding: 40px;
  text-align: center;
  max-width: 100%;
  fill: rgba(0, 0, 0, 0.35);
}

.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
}
.placeholder-background .icon {
  border: 0;
}
.placeholder-background.imagebox {
  background-color: #141414;
}
.placeholder-background.imagebox svg.placeholder-image {
  fill: rgba(255, 255, 255, 0.35);
  border: 0px;
  align-self: center;
  width: 100%;
  height: 100%;
}

.image-bar__content .placeholder-svg {
  position: absolute;
  top: 0;
  left: 0;
}

.clients-list .placeholder-svg {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  vertical-align: middle;
  display: inline-block;
}

.is-dark svg.placeholder-noblocks, .is-dark svg.placeholder-svg {
  fill: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.is-light svg.placeholder-noblocks, .is-light svg.placeholder-svg {
  fill: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.lazyload__image-wrapper {
  display: block;
  margin-bottom: 10px;
  position: relative;
  margin: 0 auto;
}
.lazyload__image-wrapper img {
  display: block;
}
.lazyload__image-wrapper img {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
}
.lazyload__image-wrapper img.lazyload {
  opacity: 0;
}

/*-------------------------
    3. HOMEPAGE
*------------------------*/
/*!
 *  3.1. General
*/
.template-index .shopify-section {
  position: relative;
  *zoom: 1;
}
.template-index .shopify-section:before, .template-index .shopify-section:after {
  content: " ";
  display: table;
}
.template-index .shopify-section:after {
  clear: both;
}
.template-index .shopify-section:nth-child(odd) {
  background: #f9f9f9;
}

.home-section-title {
  font-size: 1.2857142857em;
  text-transform: uppercase;
  margin-bottom: 90px;
}
@media screen and (max-width: 1025px) {
  .home-section-title {
    margin-bottom: 70px;
  }
  .product .home-section-title {
    text-align: left;
    margin-bottom: 50px;
  }
  .product .home-section-title:after {
    margin: 15px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .home-section-title {
    text-align: center;
    margin-bottom: 50px;
  }
  .home-section-title:after {
    margin: 15px auto 0;
  }
}
@media screen and (max-width: 480px) {
  .home-section-title {
    font-size: 1.1428571429em;
  }
}

hr.thin-line {
  height: 1px;
  width: 100%;
  display: block;
  margin: 0 auto 60px;
  border: none;
  background: #e9e9e9;
}

.home-product .helper-note {
  margin: 0 auto;
  right: -6%;
  left: 8%;
  top: 50%;
  margin-top: -80px;
}

/*!
 *  3.2. Crowdfunding (kickstarter)
*/
.home-kickstarter {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.home-kickstarter h2, .home-kickstarter .h2 {
  font-size: 2.8571428571em;
}
.home-section:first-child .home-kickstarter h2, .home-section:first-child .home-kickstarter .h2 {
  font-size: 3.8571428571em;
}
.home-kickstarter h2, .home-kickstarter .h2 {
  line-height: 1.2;
  margin-bottom: 30px;
}
.home-kickstarter h3, .home-kickstarter .h3 {
  font-size: 1.1428571429em;
  line-height: 1.6;
  color: #343434;
  max-width: 40%;
}
@media screen and (max-width: 1025px) {
  .home-kickstarter h3, .home-kickstarter .h3 {
    max-width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .home-kickstarter h3, .home-kickstarter .h3 {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .home-kickstarter {
    text-align: center;
  }
  .home-kickstarter .prlx-bg {
    position: relative;
    background-image: none !important;
  }
  .home-kickstarter .prlx-bg img {
    display: block;
  }
  .home-kickstarter h2, .home-kickstarter .h2 {
    font-size: 2.2857142857em !important;
  }
}
@media screen and (max-width: 480px) {
  .home-kickstarter h2, .home-kickstarter .h2 {
    font-size: 1.5714285714em !important;
  }
  .home-kickstarter h3, .home-kickstarter .h3 {
    font-size: 1em;
    line-height: 1.5;
  }
}

.kickstarter__meta {
  margin: 30px 0 45px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .kickstarter__meta {
    margin: 30px auto;
  }
  .kickstarter__meta ul {
    padding-top: 30px;
  }
}
.kickstarter__meta ul {
  margin: 0;
  *zoom: 1;
}
.kickstarter__meta ul:before, .kickstarter__meta ul:after {
  content: " ";
  display: table;
}
.kickstarter__meta ul:after {
  clear: both;
}
.kickstarter__meta li {
  float: left;
  margin-left: 50px;
}
.kickstarter__meta li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .kickstarter__meta li {
    float: none;
    display: inline-block;
  }
}
@media screen and (max-width: 480px) {
  .kickstarter__meta li {
    margin-left: 30px;
  }
}
.kickstarter__meta strong {
  display: block;
  font-family: "Gotham Book";
}
.kickstarter__meta span {
  display: block;
  color: #7a7a7a;
  font-size: 0.9285714286em;
  line-height: 1;
}
.kickstarter__meta .kickstarter__graphic {
  position: absolute;
  top: 0;
  left: 0;
}
.kickstarter__meta .kickstarter__graphic.pie {
  width: 55px;
  height: 55px;
}
.kickstarter__meta .kickstarter__graphic.pie canvas {
  -webkit-transform: rotate(-90deg) scale(0.5);
  -ms-transform: rotate(-90deg) scale(0.5);
  transform: rotate(-90deg) scale(0.5);
  -webkit-transform-origin: 20% 40%;
  -ms-transform-origin: 20% 40%;
  transform-origin: 20% 40%;
  position: absolute;
  top: 2px;
  left: 0;
}
.kickstarter__meta .kickstarter__graphic.bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 13px;
  border-radius: 10px;
  width: 100%;
  max-width: 400px;
  background: rgba(0, 0, 0, 0.1);
}
.kickstarter__meta .kickstarter__graphic.bar .value {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 13px;
  border-radius: 10px;
  background: #0368b3;
  transition: width 500ms linear;
}
@media screen and (max-width: 767px) {
  .kickstarter__meta .kickstarter__graphic.bar {
    position: relative;
    left: 50%;
    margin-left: -200px;
  }
}
@media screen and (max-width: 480px) {
  .kickstarter__meta .kickstarter__graphic.bar {
    left: 0;
    margin-left: 0;
    max-width: none;
  }
}
.kickstarter__meta.kickstarter--pie {
  padding-left: 90px;
}
.kickstarter__meta.kickstarter--pie strong {
  font-size: 1.7142857143em;
}
.kickstarter__meta.kickstarter--pie span {
  margin-top: -3px;
}
.kickstarter__meta.kickstarter--pie .kickstarter__graphic.bar {
  display: none;
}
@media screen and (max-width: 767px) {
  .kickstarter__meta.kickstarter--pie {
    padding-left: 0;
  }
  .kickstarter__meta.kickstarter--pie .kickstarter__graphic.bar {
    display: block;
  }
  .kickstarter__meta.kickstarter--pie .kickstarter__graphic.pie {
    display: none;
  }
}
.kickstarter__meta.kickstarter--bar {
  padding-top: 45px;
  margin-top: 55px;
  max-width: 410px;
}
.kickstarter__meta.kickstarter--bar strong {
  font-size: 2.8571428571em;
}
.kickstarter__meta.kickstarter--bar span {
  margin-top: 2px;
}
@media screen and (max-width: 767px) {
  .kickstarter__meta.kickstarter--bar {
    padding-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .kickstarter__meta.kickstarter--bar strong {
    font-size: 1.4285714286em;
  }
}
.kickstarter__meta.kickstarter--bar .kickstarter__graphic.pie {
  display: none;
}

@media screen and (min-width: 767px) {
  .text-center .kickstarter__meta {
    margin: 30px auto;
    display: inline-block;
  }
  .text-center .btn, .text-center .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .text-center .shopify-payment-button__button--unbranded, .text-center .shopify-payment-button .shopify-payment-button__button--branded, .shopify-payment-button .text-center .shopify-payment-button__button--branded {
    display: table;
    margin: auto;
  }
}
.kickstarter__content.text-center h3, .kickstarter__content.text-center .h3, .kickstarter__content.text-center .kickstarter--bar {
  margin-left: auto;
  margin-right: auto;
}

/*!
 *  3.3. Hero
*/
@media screen and (max-width: 480px) {
  .home-video {
    margin-top: 70px;
  }
}
.home-video .content {
  text-align: center;
}
.home-video .content.push-up {
  padding-bottom: 120px;
}
.is-light .home-video .content h2, .is-light .home-video .content .h2 {
  color: #fff;
}
.is-dark .home-video .content h2, .is-dark .home-video .content .h2 {
  color: #000;
}
.home-video .content h2, .home-video .content .h2 {
  font-size: 5.1428571429em;
  line-height: 1;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .home-video .content h2, .home-video .content .h2 {
    font-size: 3.2857142857em;
    line-height: 1.3;
  }
}
@media screen and (max-width: 480px) {
  .home-video .content h2, .home-video .content .h2 {
    font-size: 1.5714285714em;
  }
}
.home-video .content h2.video-text-light, .home-video .content .video-text-light.h2 {
  color: #fff;
}
.home-video .content h2.video-text-dark, .home-video .content .video-text-dark.h2 {
  color: #0368b3;
}

.video-overlay {
  text-align: center;
  background: rgba(0, 0, 0, 0);
}
.no-touch .video-overlay:hover {
  background: rgba(0, 0, 0, 0.2);
}
.video-overlay .video-button {
  display: block;
  position: absolute;
  width: 140px;
  height: 140px;
  top: 50%;
  left: 50%;
  margin-top: 60px;
  margin-left: -70px;
  border-radius: 100%;
}
.video-text-light .video-overlay .video-button {
  background: #fff;
}
.video-text-dark .video-overlay .video-button {
  background: #0368b3;
}
.video-overlay .video-button {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  transition: transform 150ms linear;
}
@media screen and (max-width: 767px) {
  .video-overlay .video-button {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
}
@media screen and (max-width: 480px) {
  .video-overlay .video-button {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    margin-top: 0;
  }
}
.video-overlay .video-button svg {
  position: relative;
  top: 43px;
  width: 44px;
  height: 58px;
  left: 5px;
}
.video-text-light .video-overlay .video-button svg path {
  fill: #0368b3;
}
.video-text-dark .video-overlay .video-button svg path {
  fill: #fff;
}
.home-gallery .video-overlay .video-button {
  width: 110px;
  height: 110px;
  margin-top: -55px;
  margin-left: -55px;
}
.home-gallery .video-overlay .video-button svg {
  top: 35px;
  width: 29px;
  height: 44px;
}
.no-touch .video-overlay:hover .video-button {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

/*!
 *  3.4. Image featured content
*/
.home-imagebox {
  position: relative;
  *zoom: 1;
}
.home-imagebox:before, .home-imagebox:after {
  content: " ";
  display: table;
}
.home-imagebox:after {
  clear: both;
}
.home-imagebox:nth-child(odd) {
  background: #141414 !important;
}
.home-imagebox:nth-child(odd) .content, .home-imagebox:nth-child(odd) h2, .home-imagebox:nth-child(odd) .h2, .home-imagebox:nth-child(odd) h3, .home-imagebox:nth-child(odd) .h3, .home-imagebox:nth-child(odd) h4, .home-imagebox:nth-child(odd) .h4, .home-imagebox:nth-child(odd) h5, .home-imagebox:nth-child(odd) .h5, .home-imagebox:nth-child(odd) h6, .home-imagebox:nth-child(odd) .h6 {
  color: #fff;
}
.home-imagebox:nth-child(odd) .btn--light {
  color: #fff;
  border-color: #fff;
}
.home-imagebox:nth-child(odd) .btn--light:hover {
  color: #000 !important;
  background-color: #fff;
}
.home-imagebox:nth-child(even) {
  background: #0368b3;
}
.home-imagebox:nth-child(even) .content, .home-imagebox:nth-child(even) h2, .home-imagebox:nth-child(even) .h2, .home-imagebox:nth-child(even) h3, .home-imagebox:nth-child(even) .h3, .home-imagebox:nth-child(even) h4, .home-imagebox:nth-child(even) .h4, .home-imagebox:nth-child(even) h5, .home-imagebox:nth-child(even) .h5, .home-imagebox:nth-child(even) h6, .home-imagebox:nth-child(even) .h6 {
  color: #fff;
}
.home-imagebox:nth-child(even) .btn--light {
  color: #fff;
  border-color: #fff;
}
.home-imagebox:nth-child(even) .btn--light:hover {
  color: #000 !important;
  background-color: #fff;
}
.home-imagebox .image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  height: 100%;
}
.home-imagebox .image img {
  /*display: none;*/
}
@media screen and (max-width: 767px) {
  .home-imagebox .image {
    position: relative;
    min-height: 294px;
  }
  .home-imagebox .image img {
    display: block;
    visibility: hidden;
  }
}
.home-imagebox .content {
  min-height: 600px;
}
.home-imagebox .content .large--display-table {
  height: 600px;
}
@media screen and (max-width: 767px) {
  .home-imagebox .content .large--display-table {
    height: auto;
  }
}
.home-imagebox .content h3, .home-imagebox .content .h3 {
  font-size: 2.8571428571em;
  font-weight: 700;
  margin: 0;
}
.home-imagebox .content p {
  font-size: 1.2857142857em;
  margin: 15px 0 0;
}
.home-imagebox .content a {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .home-imagebox .content {
    min-height: 0;
    padding: 80px 0 70px;
    margin-left: 60px !important;
    margin-right: 60px !important;
    text-align: center;
  }
  .home-imagebox .content h3, .home-imagebox .content .h3 {
    font-size: 2.2857142857em;
    font-weight: 400;
  }
  .home-imagebox .content a {
    margin-top: 15px;
  }
  .home-imagebox .content.grid__item {
    padding-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  .home-imagebox .content {
    padding: 60px 0 40px;
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .home-imagebox .content h3, .home-imagebox .content .h3 {
    font-size: 1.5714285714em;
  }
  .home-imagebox .content p {
    font-size: 1.0714285714em;
  }
}

/*!
 *  3.5. Slideshow
*/
#home-slideshow {
  background: none;
}

.flexslider {
  padding: 0;
  box-shadow: none;
  margin: 0;
  border-radius: 0;
  border: none;
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.flexslider .flex-viewport {
  margin-bottom: 60px;
}
.home-slideshow .flexslider:before {
  display: block;
  content: "";
  width: 100%;
  height: auto;
  margin: 100px auto;
  background-color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}
.home-slideshow .flexslider.loaded:before {
  opacity: 0 !important;
}
.home-slideshow .flexslider.loaded .slides img {
  opacity: 1;
}
.product__image .flexslider {
  overflow: visible;
}
.flexslider .slides .lazyload__image-container {
  max-width: 1200px;
  margin: 0 auto;
}
.flexslider .slides {
  margin: 0;
}
.flexslider .slides > li {
  margin: 0;
  padding: 0;
  border: 0;
  display: none;
  position: relative;
}
.home-slideshow .flexslider .slides > li {
  text-align: center;
}
.flexslider .slides .slide-hide {
  visibility: none;
}
.flexslider .slides img {
  position: relative;
  max-width: none;
  width: 100%;
}
.home-slideshow .flexslider .slides img {
  opacity: 0;
  max-width: 1200px;
}
.flexslider .slides .lazyload__image-wrapper {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
}
.flexslider .slides .lazyload__image-wrapper img {
  display: block;
}
.flexslider .slides .lazyload__image-wrapper img {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  max-width: 100%;
}
.flexslider .slides .lazyload__image-wrapper img.lazyload {
  opacity: 0;
}
.flexslider .slides.flex-active-slide {
  z-index: 9999;
}

.flex-direction-nav a {
  position: absolute;
  top: 50%;
  font-size: 24px;
  font-weight: 700;
  display: block;
  color: #1d1d1d;
  z-index: 999999;
  cursor: pointer;
  margin-bottom: 0px;
}
.flex-direction-nav a.flex-prev {
  left: 50px;
  transition: all 200ms linear;
}
.flex-direction-nav a.flex-next {
  right: 50px;
  transition: all 200ms linear;
}
.flex-direction-nav a svg {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  transition: transform 100ms linear;
}
.flex-direction-nav a svg * {
  fill: #141414;
}
.no-touch .flex-direction-nav a:hover svg {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.no-touch .flex-direction-nav a:hover svg * {
  fill: #0368b3;
}
@media screen and (max-width: 767px) {
  .flex-direction-nav a {
    display: none;
  }
}

.product__image .flex-direction-nav {
  display: none;
}

.flex-control-nav {
  position: absolute;
  z-index: 9995;
  bottom: 15px;
  width: 100%;
  text-align: center;
  margin: 0;
}
.flex-control-nav li {
  display: inline-block;
  margin: -2px;
}
.flex-control-nav li a {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin: 0 5px;
  position: relative;
  text-indent: -9999px;
  display: inline-block;
  cursor: pointer;
  background: rgb(87.6470588235%, 87.6470588235%, 87.6470588235%);
}
.home-section:nth-child(odd) .flex-control-nav li a {
  background: rgb(90%, 90%, 90%);
}
.flex-control-nav li a.flex-active {
  background: #0368b3 !important;
  cursor: default;
  pointer-events: none;
}

/*!
 *  3.6. Page
*/
.home-page-content {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.home-page-content .prlx-bg.overlay-true:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.8;
}
.home-page-content h3, .home-page-content .h3 {
  font-size: 2.4285714286em;
  font-family: "Gabriola";
  margin-bottom: 55px;
}

/*!
 *  3.7. FAQ (Accordion)
*/
.jumpstart-accordion h3, .jumpstart-accordion .h3 {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  color: #0368b3;
  padding: 35px 95px;
  font-size: 1.2857142857em;
  cursor: pointer;
  position: relative;
  margin: 0 0 -1px 0;
}
.no-touch .jumpstart-accordion h3:hover, .no-touch .jumpstart-accordion .h3:hover {
  background: #f9f9f9;
  color: #0368b3;
}
.home-section:nth-child(odd) .no-touch .jumpstart-accordion h3:hover, .home-section:nth-child(odd) .no-touch .jumpstart-accordion .h3:hover {
  background: #ffffff;
}
.no-touch .jumpstart-accordion h3:hover svg path, .no-touch .jumpstart-accordion .h3:hover svg path {
  fill: #0368b3;
}
.jumpstart-accordion h3 svg, .jumpstart-accordion .h3 svg {
  position: absolute;
  top: 37px;
  left: 35px;
}
.jumpstart-accordion h3 svg path, .jumpstart-accordion .h3 svg path {
  fill: #0368b3;
}
.jumpstart-accordion .content {
  display: none;
  padding: 50px 20px 40px 95px;
}
.jumpstart-accordion .content p:last-child {
  margin-bottom: 0;
}
.jumpstart-accordion .section.opened svg.plus {
  opacity: 0;
}
@media screen and (min-width: 767px) {
  .jumpstart-accordion .section.opened:last-child {
    border-bottom: 1px solid #e9e9e9;
  }
}
@media screen and (max-width: 767px) {
  .jumpstart-accordion h3, .jumpstart-accordion .h3 {
    font-size: 1.0714285714em;
    padding: 10px 30px;
    border: none;
  }
  .jumpstart-accordion h3 svg, .jumpstart-accordion .h3 svg {
    width: 14px;
    height: 14px;
    left: 0;
    top: 15px;
  }
  .jumpstart-accordion h3 svg path, .jumpstart-accordion .h3 svg path {
    fill: rgb(32.5037707391%, 70.5882352941%, 98.8687782805%);
  }
  .jumpstart-accordion .content {
    padding: 5px 0px 20px 30px;
  }
  .jumpstart-accordion .section.opened h4, .jumpstart-accordion .section.opened .h4 {
    color: #0368b3;
  }
}

/*!
 *  3.8. Features
*/
.features-list h4, .features-list .h4 {
  margin: 25px 0 15px;
}
.features-list i {
  color: #0368b3;
}
.features-list .large--one-half + .one-third {
  clear: both;
}

.home-features.columns-i {
  text-align: center;
}
.home-features.columns-i .home-section-title:after {
  margin: 25px auto 0;
}

/*!
 *  3.9. Clients
*/
.home-clients {
  height: 160px;
}
.home-clients .wrapper, .home-clients .clients-list {
  height: 100%;
}

.clients-list {
  padding: 25px 0;
}
.clients-list li {
  height: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 0;
}
.clients-list li .clients-list__center-wrap img {
  max-height: 90%;
  max-width: 90%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.dummy-holder {
  display: block;
  padding-top: 100%;
}

.img-container {
  position: absolute;
  top: 0;
  bottom: 0;
  text-align: center;
  font: 0/0 serif;
  width: 90%;
}
.img-container .dummy-centered {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.img-container img {
  vertical-align: middle;
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
}

/*!
 *  3.10. Gallery
*/
.packery-container {
  overflow: hidden;
}
.packery-container .item {
  overflow: hidden;
}
.packery-container .item img {
  max-width: none;
  width: 100%;
  height: auto;
  vertical-align: middle;
  display: none;
}
.init .packery-container .item img {
  display: block;
}
.packery-container .video-overlay {
  background: rgba(0, 0, 0, 0.2);
}
.packery-container .video-overlay:hover {
  background: rgba(0, 0, 0, 0.5);
}
.packery-container .video-overlay {
  display: none;
}
.init .packery-container .video-overlay {
  display: block;
}
.packery-container .video-overlay:after {
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
}

/*!
 *  3.11. Newsletter
*/
.home-newsletter .password-input-group {
  margin: 0 auto;
}
.home-newsletter h4, .home-newsletter .h4 {
  margin-bottom: 30px;
}
.home-newsletter form {
  margin-top: 0;
}
.home-newsletter label {
  font-size: 1.2857142857em;
}

/*!
 *  3.12. Feature collection
*/
.feature-collection .view-all {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .feature-collection .view-all {
    margin-bottom: 30px;
  }
}
.feature-collection .view-all .arrow_right {
  width: 1.1428571429em;
  height: 1.1428571429em;
  fill: #0368b3;
  padding-left: 10px;
  padding-top: 5px;
}
.feature-collection .view-all:hover .arrow_right {
  fill: rgb(0.6819650937%, 23.6414565826%, 40.6905839259%);
}

/*!
 *  3.13. Map
*/
.map-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .map-section {
    min-height: 480px;
  }
}
@media screen and (max-width: 767px) {
  .map-section {
    background-color: #f9f9f9;
  }
}
.map-section .section-header {
  margin-bottom: 30px;
}
.map-section .btn, .map-section .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .map-section .shopify-payment-button__button--unbranded, .map-section .shopify-payment-button .shopify-payment-button__button--branded, .shopify-payment-button .map-section .shopify-payment-button__button--branded {
  width: auto;
  height: 100%;
  margin-top: 15px;
  white-space: normal;
}
.map-section .btn:hover path, .map-section .shopify-payment-button .shopify-payment-button__button--unbranded:hover path, .shopify-payment-button .map-section .shopify-payment-button__button--unbranded:hover path, .map-section .shopify-payment-button .shopify-payment-button__button--branded:hover path, .shopify-payment-button .map-section .shopify-payment-button__button--branded:hover path {
  fill: #fff;
}
.map-section #pin {
  height: 12px;
  position: relative;
  top: 1px;
}

.map-section__full-width {
  margin: -50px 0;
}

.map-section__wrapper {
  height: 100%;
}
@media screen and (max-width: 767px) {
  .map-section__wrapper {
    margin: 20px 0;
  }
}

.map-section__content-wrapper {
  position: relative;
  text-align: center;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .map-section__content-wrapper {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .map-section__content-wrapper {
    margin: 0 20px;
  }
}

.map-section__image {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .map-section__image {
    position: absolute;
  }
}
.map-section--display-map .map-section__image {
  display: none !important;
}
.map-section--load-error .map-section__image {
  display: block !important;
}

.map-section__overlay {
  width: 100%;
  min-height: auto;
  position: relative;
  display: block;
  background-color: #ffffff;
  margin: 60px 0;
  padding: 60px;
  text-align: center;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .map-section__overlay {
    margin: 0;
    padding: 30px 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .map-section__overlay {
    width: 50%;
  }
}
@media screen and (min-width: 1201px) {
  .map-section__overlay {
    width: 33%;
  }
}
.map-section__overlay > * {
  width: 100%;
}
.map-section__overlay .btn, .map-section__overlay .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .map-section__overlay .shopify-payment-button__button--unbranded, .map-section__overlay .shopify-payment-button .shopify-payment-button__button--branded, .shopify-payment-button .map-section__overlay .shopify-payment-button__button--branded {
  max-width: 80%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .map-section__overlay {
    min-height: 360px;
  }
  .ie9 .map-section__overlay {
    top: 10%;
  }
}

.map-section__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .map-section__text {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .map-section__text {
    order: 0;
    padding: 0 30px 30px;
  }
}

@media screen and (min-width: 768px) {
  .map-section__text-second-item {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .map-section__text-second-item {
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
}

.map-section__background-wrapper {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .map-section__background-wrapper {
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .map-section__background-wrapper {
    margin: 0 20px;
  }
}
.ie9 .map-section__background-wrapper {
  width: 100%;
  height: 500px;
}

.map-section__container {
  width: 100%;
  height: 55vh;
}
@media screen and (min-width: 768px) {
  .map-section__container {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 130%;
    height: 100%;
    margin: 0 -30% 0 0;
  }
}

.gm-style-cc,
.gm-style-cc + div {
  visibility: hidden;
}

/*!
 *  3.13. Rich text
*/
#rich-text .rte {
  font-size: 1em;
}

.rich-text__heading--large {
  font-size: 3.4285714286em;
}

.rich-text__heading--medium {
  font-size: 2.8571428571em;
}

.rich-text__heading--small {
  font-size: 2.3571428571em;
}

.rich-text__text p {
  margin: 0;
}

.rich-text__text--large {
  font-size: 1.6428571429em;
}

.rich-text__text--medium {
  font-size: 1.2857142857em;
}

.rich-text__text--small {
  font-size: 1.0714285714em;
}

/*-------------------------
    4. TEMPLATES
*------------------------*/
/*!
 *  4.1. Blog
*/
.blog-list {
  *zoom: 1;
}
.blog-list:before, .blog-list:after {
  content: " ";
  display: table;
}
.blog-list:after {
  clear: both;
}
.blog-list + p {
  margin: 115px 0 0 0;
}

#infinite-link {
  text-align: center;
  margin-top: 100px;
}

/* -- Article (blog list view) -- */
.article {
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  display: block;
  float: left;
  height: 200px;
}
.template-blog .article {
  min-height: 290px;
  height: auto;
}
.article {
  padding-right: 70px;
  padding-left: 290px;
}
.template-blog .article {
  padding-left: 440px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.article.no-image {
  padding-left: 70px;
}
.article:first-child {
  border-top: 1px solid #e9e9e9;
}
@media screen and (min-width: 1025px) {
  .article:hover {
    background: #f9f9f9;
  }
  .home-section:nth-child(odd) .article:hover {
    background: #ffffff;
  }
  .article:hover .article__title {
    color: #0368b3;
  }
}

.article__img {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 220px;
  height: 200px;
}
.template-blog .article__img {
  width: 360px;
  height: 100%;
  height: calc(100% + 1px);
}
.article__img img {
  display: none;
}

.article__title {
  font-family: "Gabriola";
  color: #0368b3;
  font-weight: 600;
  margin-bottom: 5px;
}

.article__meta {
  color: #7a7a7a;
  margin: 0;
  font-size: 1em;
  *zoom: 1;
}
.article__meta:before, .article__meta:after {
  content: " ";
  display: table;
}
.article__meta:after {
  clear: both;
}
.article__meta li {
  display: inline-block;
  margin-right: 25px;
}
.article__meta li:last-child {
  margin-right: 0;
}
.article__meta a {
  color: #7a7a7a;
}
.article__meta a:hover {
  color: #0368b3;
}
.template-article .article__meta {
  display: inline-block;
  margin: 15px auto -10px;
  font-size: 1.1428571429em;
}
@media screen and (max-width: 767px) {
  .template-article .article__meta {
    font-size: 1.0714285714em;
  }
}
@media screen and (max-width: 480px) {
  .template-article .article__meta {
    font-size: 1em;
  }
}
@media screen and (max-width: 767px) {
  .article__meta {
    text-align: center;
  }
}

.article__excerpt {
  color: #343434;
  font-size: 1.1428571429em;
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .article__excerpt {
    font-size: 1em;
  }
}
.template-index .article__excerpt {
  display: none;
}

.rte {
  font-size: 1.1428571429em;
}
@media screen and (max-width: 767px) {
  .rte {
    font-size: 1em;
  }
}

/* -- Sharing -- */
.article__sharing {
  *zoom: 1;
}
.article__sharing:before, .article__sharing:after {
  content: " ";
  display: table;
}
.article__sharing:after {
  clear: both;
}
.article__sharing {
  width: 100%;
}
.article__sharing .page__sharing {
  float: left;
}
.article__sharing .subscribe-link {
  float: right;
  margin: 41px 15px 0 0;
}
.article__sharing svg {
  position: relative;
  top: 5px;
}
.article__sharing svg path {
  fill: #141414;
}
.article__sharing a:hover svg path {
  fill: #0368b3;
}
@media screen and (max-width: 767px) {
  .article__sharing {
    margin-left: -15px;
  }
  .article__sharing .label {
    display: none;
  }
}

.subscribe-link {
  color: #343434;
}
.subscribe-link svg {
  position: relative;
  top: 5px;
  right: -15px;
  width: 20px;
  height: 20px;
}
.subscribe-link svg path, .subscribe-link svg circle {
  fill: #141414;
}
.subscribe-link a:hover svg path, .subscribe-link a:hover svg circle {
  fill: #0368b3;
}
.template-blog .subscribe-link {
  position: absolute;
  top: 60px;
  right: 15px;
}

/* -- Responsive blog (change used in different templates at different sizes) -- */
@media screen and (max-width: 1025px) {
  .template-blog .article {
    padding: 50px 0 25px 0px !important;
    height: auto !important;
    border: none !important;
  }
  .template-blog .article:first-child {
    padding-top: 0 !important;
  }
  .template-blog .article:after {
    content: "";
    display: block;
    background: #e9e9e9;
    height: 1px;
    width: 200%;
    margin-left: -50%;
    position: relative;
    top: 30px;
  }
  .template-blog .article:last-child:after {
    display: none;
  }
  .template-blog .article__title {
    text-align: center;
    margin-bottom: 35px;
  }
  .template-blog .article__img {
    height: auto !important;
    background-image: none !important;
    position: relative;
    margin-bottom: 25px;
  }
  .template-blog .article__img img {
    display: block;
    width: 100%;
  }
  .template-blog .subscribe-link {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .home-blog .article {
    padding: 50px 0 25px 0px !important;
    height: auto !important;
    border: none !important;
  }
  .home-blog .article:first-child {
    padding-top: 0 !important;
  }
  .home-blog .article:after {
    content: "";
    display: block;
    background: #e9e9e9;
    height: 1px;
    width: 200%;
    margin-left: -50%;
    position: relative;
    top: 30px;
  }
  .home-blog .article:last-child:after {
    display: none;
  }
  .home-blog .article__title {
    text-align: center;
    margin-bottom: 35px;
  }
  .home-blog .article__img {
    height: auto !important;
    background-image: none !important;
    position: relative;
    margin-bottom: 25px;
  }
  .home-blog .article__img img {
    display: block;
    width: 100%;
  }
  .home-blog .article:after {
    width: 50%;
    margin: auto;
    top: 40px;
  }
  .home-blog .article__img {
    display: none;
  }
  .home-blog .article__meta {
    text-align: center;
    padding: 0 30px;
  }
  .home-blog .onboarding {
    padding: 0 30px;
  }
}
/* -- Comments -- */
@media screen and (max-width: 767px) {
  .comment-form, #Comments {
    margin-top: 60px !important;
    padding-top: 55px;
  }
  .comment-form:before, #Comments:before {
    content: "";
    display: block;
    background: #e9e9e9;
    height: 1px;
    width: 200%;
    margin-left: -50%;
    position: relative;
    top: -60px;
  }
}

#Comments {
  margin-top: 140px;
}

.comments-list {
  margin: 0;
  *zoom: 1;
}
.comments-list:before, .comments-list:after {
  content: " ";
  display: table;
}
.comments-list:after {
  clear: both;
}

.comment {
  *zoom: 1;
}
.comment:before, .comment:after {
  content: " ";
  display: table;
}
.comment:after {
  clear: both;
}
.comment {
  float: left;
  margin-bottom: 60px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .comment {
    margin-bottom: 20px;
  }
}

.comment__meta {
  margin-bottom: 10px;
}
.comment__meta strong {
  font-size: 1.1428571429em;
}
@media screen and (max-width: 480px) {
  .comment__meta strong {
    font-size: 1em;
  }
}
.comment__meta strong {
  color: #0368b3;
  display: block;
}
.comment__meta time {
  font-size: 1em;
  color: #7a7a7a;
}

.comment__content {
  font-size: 1.1428571429em;
}
@media screen and (max-width: 480px) {
  .comment__content {
    font-size: 1em;
  }
}

.comment-form {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .comment-form {
    margin-top: 20px !important;
  }
}

/*!
 *  4.2. Collections
*/
.collection-list .product .badge {
  position: absolute;
  display: block;
  top: 8px;
  right: 8px;
  width: 50px;
  height: 50px;
  font-size: 10px;
  text-transform: uppercase;
  border-radius: 100%;
  line-height: 52px;
  color: #fff;
  font-weight: 700;
}

.collection-list .product {
  padding-bottom: 50px;
}
.collection-list .product > a {
  background: #f9f9f9;
  display: block;
  position: relative;
}
.collection-list .product .badge--on-sale {
  background: #E95F5F;
}
.collection-list .product .badge--sold-out {
  background: #999;
}
.collection-list .product .product__image-wrapper {
  display: block;
  margin-bottom: 10px;
  position: relative;
}
.collection-list .product .product__image-wrapper img {
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
}
.collection-list .product img {
  display: block;
  width: 100%;
}
.collection-list .product img.lazyload {
  opacity: 0;
}
.collection-list h3, .collection-list .h3 {
  font-size: 1.1428571429em;
  font-family: "Gabriola";
  margin: 35px 0 -2px;
}
.collection-list h3 a, .collection-list .h3 a {
  color: #0368b3;
  font-weight: 600;
}
.collection-list h3 a:hover, .collection-list .h3 a:hover {
  color: #0368b3;
}
.collection-list img {
  max-width: none;
  width: 100%;
}
.collection-list .price {
  display: none;
  font-weight: 400;
  font-size: 1.7142857143em;
  font-family: "Gotham Book";
  color: rgb(57.8431372549%, 57.8431372549%, 57.8431372549%);
  line-height: 1;
  margin-top: 10px;
}
.collection-list .price .compare-price {
  text-decoration: line-through;
  font-weight: 300;
  font-size: 0.7em;
}
.collection-list .excerpt {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .collection-list {
    margin-bottom: -35px;
  }
  .collection-list .product {
    padding-bottom: 35px;
  }
  .collection-list h3, .collection-list .h3 {
    margin-top: 25px;
    font-size: 1em;
  }
  .collection-list .price {
    font-size: 1.7142857143em;
  }
}
@media screen and (max-width: 767px) {
  .collection-list {
    margin-bottom: -15px;
  }
  .collection-list .product {
    padding-bottom: 15px;
  }
}

.collection-image {
  margin-bottom: 50px;
}
.collection-image img {
  max-width: none;
  width: 100%;
}

/* -- Product differences -- */
.product {
  *zoom: 1;
}
.product:before, .product:after {
  content: " ";
  display: table;
}
.product:after {
  clear: both;
}
.product .product__content .price {
  display: inline-block;
}
.product .product__content .compare-price {
  text-decoration: line-through;
  color: #7a7a7a;
  font-weight: 300;
}
@media screen and (max-width: 1025px) {
  .product .product__content {
    width: 100%;
    text-align: left;
    margin-top: 10px;
  }
  .product .product__content h3, .product .product__content .h3 {
    display: none;
  }
  .product .product__content .price {
    margin-bottom: 0;
  }
  .product .product__content .form__row {
    margin-top: 10px;
  }
  .product .product__content .form__row > div:not(.hidden) {
    float: none;
    display: inline-table;
    padding-bottom: 15px;
    *zoom: 1;
  }
  .product .product__content .form__row > div:not(.hidden):before, .product .product__content .form__row > div:not(.hidden):after {
    content: " ";
    display: table;
  }
  .product .product__content .form__row > div:not(.hidden):after {
    clear: both;
  }
  .product .product__content ol, .product .product__content ul {
    list-style-position: inside;
    margin-left: 0;
  }
}

.product .home-section-title, .home-section-title.less-margin {
  margin-bottom: 50px;
}

.product-description {
  font-size: 1.1428571429em;
  margin-top: 15px;
}

.product__image > * {
  margin-bottom: 30px !important;
}
.product__image .flex-control-nav {
  bottom: -40px;
}
.product__image h3, .product__image .h3 {
  display: none;
}
@media screen and (max-width: 1025px) {
  .product__image h3, .product__image .h3 {
    display: block;
    margin-top: 50px;
  }
}
@media screen and (max-width: 1025px) {
  .product__image .flexslider {
    min-height: 0;
  }
}

@media screen and (max-width: 1025px) {
  .template-product .header__custom {
    display: none;
  }
  .template-product .secondary-title {
    display: block;
  }
  .template-product .header__custom + .wrapper {
    padding-top: 70px;
  }
}
/* -- Sharing functions -- */
.page__sharing {
  margin: 45px 0 0 0;
  *zoom: 1;
}
.page__sharing:before, .page__sharing:after {
  content: " ";
  display: table;
}
.page__sharing:after {
  clear: both;
}
.template-product .page__sharing {
  margin-top: 60px;
}
.template-password .page__sharing {
  margin-bottom: 45px;
}
.page__sharing li {
  float: left;
  margin: 0 10px;
}
.page__sharing li:first-child {
  margin-left: 0;
}
.template-product .page__sharing li:first-child {
  position: relative;
  top: -6px;
}
.page__sharing li a {
  display: block;
  margin-top: -8px;
}
.page__sharing li a svg * {
  fill: #141414;
}
.page__sharing li a:hover svg * {
  fill: #0368b3;
}
.page__sharing li a svg.google path {
  fill: #ffffff !important;
}
@media screen and (max-width: 1025px) {
  .template-product .page__sharing .label {
    display: none;
  }
  .template-product .page__sharing li {
    float: none;
    display: inline-block;
  }
}

/*!
 *  4.3. Cart
*/
.cart__row {
  position: relative;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e9e9e9;
}
.cart__row:first-child {
  margin-top: 0;
}
.cart__row:first-child {
  padding-top: 0;
}
.cart__row .js-qty {
  margin: 0 auto;
}

.cart-table th {
  font-weight: normal;
}
.cart-table td,
.cart-table th {
  padding: 30px 15px;
  border: none;
}

@media screen and (min-width: 768px) {
  .cart__row--table-large {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .cart__row--table-large .grid__item {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}
.cart__image {
  display: block;
}
.cart__image img {
  display: block;
  max-width: 100%;
}

.cart__subtotal {
  margin: 0 0 0 10px;
  display: inline;
}

.cart__savings {
  display: block;
  margin: 0 0 0 10px;
  font-size: 1.2142857143em;
  text-transform: uppercase;
  opacity: 0.5;
  font-weight: 700;
}

.cart__mini-labels {
  display: block;
  margin: 10px 0;
  font-size: 0.8571428571em;
}
@media screen and (min-width: 768px) {
  .cart__mini-labels {
    display: none;
  }
}

.cart__remove {
  display: block;
}

#cart-form {
  border-top: 1px solid #e9e9e9;
  position: relative;
  overflow: hidden;
}
#cart-form .cart-row {
  padding: 18px 0;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}
#cart-form .cart-img {
  width: 150px;
  height: 115px;
  background-color: #eee;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  float: left;
  text-indent: -9999px;
}
#cart-form .content {
  position: relative;
  height: 100%;
  width: calc(100% - 340px);
  left: 190px;
  top: 0;
  text-transform: uppercase;
}
#cart-form .content > div {
  display: table;
  height: 100%;
}
#cart-form .content > div > div {
  display: table-cell;
  vertical-align: middle;
}
#cart-form .content h3, #cart-form .content .h3 {
  font-size: 1.1428571429em;
  font-family: "Gabriola";
  font-weight: 600;
  margin: 0;
  text-transform: none;
  line-height: 1.2;
}
#cart-form .content h3 a, #cart-form .content .h3 a {
  color: #0368b3;
}
#cart-form .content h3 a:hover, #cart-form .content .h3 a:hover {
  color: #0368b3;
}
#cart-form .content .cart-item__variant-title,
#cart-form .content .cart-item__property,
#cart-form .content .cart-item__discount {
  margin-top: 3px;
  font-size: 0.8em;
  opacity: 0.5;
  font-weight: 700;
}
#cart-form .content .cart-item__line-price {
  font-size: 1.7142857143em;
  font-family: "Gotham Book";
  color: #7a7a7a;
  font-weight: 700;
}
#cart-form .count, #cart-form .remove {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  right: 40px;
  width: 60px;
  height: 50px;
  padding: 0 5px;
  text-align: center;
}
#cart-form .remove {
  right: -16px;
  margin-top: -28px;
}
#cart-form .remove .svg {
  fill: rgb(41.3725490196%, 41.3725490196%, 41.3725490196%);
}
#cart-form .remove:hover .svg {
  fill: rgb(16.3725490196%, 16.3725490196%, 16.3725490196%);
}
#cart-form textarea[name=note] {
  width: 100%;
  height: 90px;
  margin-bottom: 20px;
}
#cart-form .continue {
  margin-top: 40px;
  float: left;
  display: inline-block;
}
#cart-form .cart-price {
  margin-top: 40px;
  float: right;
  text-align: right;
  width: 100%;
}
#cart-form .cart-price p {
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 0;
}
#cart-form .cart-price span {
  padding-left: 6px;
}
#cart-form .cart-price small {
  display: block;
  margin-top: 11px;
  padding-right: 4px;
}
#cart-form .to-right {
  float: right;
  display: inline-block;
  margin-top: 40px;
}
#cart-form .to-right > * {
  float: left;
  margin-right: 20px;
}
#cart-form .to-right > *:last-child {
  margin-right: 0;
}
#cart-form input[type=image] {
  height: auto;
  background: none;
  border: none;
  position: relative;
  top: 10px;
  width: auto;
}
@media screen and (max-width: 767px) {
  #cart-form .cart-img {
    display: none;
  }
  #cart-form .content {
    position: static;
    height: auto;
    width: auto;
    padding-right: 120px;
  }
  #cart-form .content .price {
    margin-top: 0;
  }
}

.cart_bottom {
  margin-top: 60px;
}

.cart__subtotal-holder {
  margin-bottom: 45px;
}

.cart__subtotal-title {
  font-weight: 600;
  font-size: 1.1428571429em;
}

.cart__subtotal {
  font-weight: 700;
  font-size: 2.5714285714em;
}

.cart__subtotal-shipping {
  font-size: 0.9285714286em;
  color: #7a7a7a;
  display: block;
  margin-top: 5px;
}

.btn__update {
  width: 54px;
  padding: 0 !important;
  margin-right: 25px;
}
.btn__update svg {
  position: relative;
  top: 7px;
}
.btn__update svg path {
  fill: #141414;
}
.btn__update:hover svg path {
  fill: #fff;
}

.cart--no-cookies .cart-count {
  display: none;
}

.cart--no-cookies .cart__continue-btn {
  display: none;
}

.cart--no-cookies .cart--empty-message {
  display: none;
}

.cart--cookie-message {
  display: none;
  padding-bottom: 25px;
}
.cart--no-cookies .cart--cookie-message {
  display: block;
}

/*!
 *  4.4. Password
*/
.template-password .social-footer, .template-password .site-footer {
  display: none;
}
.template-password .page__sharing {
  margin-top: 65px;
}
.template-password .page__sharing .label {
  display: none;
}
.template-password .page__sharing li {
  float: none;
  display: inline-block;
}
.template-password .mfp-bg {
  background: #ffffff;
  opacity: 1;
}
.template-password .mfp-close {
  color: currentColor;
}

.password-input-group {
  width: 425px;
  margin: 45px auto;
}
.password-input-group input[type=email], .password-input-group input[type=text], .password-input-group input[type=password] {
  float: left;
  width: calc(100% - 150px);
  background-color: #fff;
}
.password-input-group input[type=submit], .password-input-group button[type=submit] {
  width: 125px;
  margin-top: 1px;
}

.password-form form {
  margin-top: 0;
}

.password-form-heading {
  margin-bottom: 30px;
}

.password-login {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.0714285714em;
  display: table;
  height: 100%;
}
.password-login > a {
  display: table-cell;
  vertical-align: middle;
}
.password-login svg {
  width: 16px;
  height: 16px;
  position: relative;
  top: 1px;
  left: -10px;
}
.password-login svg * {
  fill: #000;
}
@media screen and (max-width: 767px) {
  .password-login .text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}

#password-footer {
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  height: 90px;
  padding-top: 20px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #343434;
}
#password-footer svg {
  width: 80px;
  height: 20px;
  position: relative;
  top: 4px;
  left: 4px;
}
#password-footer svg * {
  fill: #343434;
}
#password-footer a:hover #password-footer svg * {
  fill: #0368b3;
}
#password-footer .shopify-name {
  display: none;
}
#password-footer.full {
  position: fixed;
}

#login-modal {
  text-align: center;
}
#login-modal h4, #login-modal .h4 {
  color: #0368b3;
  font-size: 1.2857142857em;
  text-transform: uppercase;
}
#login-modal .errors {
  top: 30px;
}

@media all and (max-width: 480px) {
  .password-input-group {
    width: 100%;
    margin: 30px auto 35px;
  }
  .password-input-group input[type=email], .password-input-group input[type=text], .password-input-group input[type=password] {
    width: 100%;
  }
  .password-input-group input[type=submit], .password-input-group button[type=submit] {
    width: auto;
    min-width: 125px;
    margin: auto;
    display: block;
    margin-top: 75px;
  }
}
/*!
 *  4.5. Customer
*/
.address {
  font-size: 1.1428571429em;
}

.address-form {
  clear: both;
  float: left;
  margin-top: 70px;
  width: 100%;
}
.address-form.edit {
  margin-top: 0;
}

/*!
 *  4.6. Captcha
*/
.main-content .shopify-challenge__container {
  margin: 150px auto;
}

/*-------------------------
    5. MAGNIFIC POPUP (third party app)
*-----------------------*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99995;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

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

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

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

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

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

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

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

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

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

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

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

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

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

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 99998;
}

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

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

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

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

.mfp-preloader {
  width: 62px;
  height: 62px;
  background: url(../img/preloader.gif) no-repeat center center #222;
  background-size: 32px 32px;
  margin: 0 auto;
  font-size: 0;
}

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

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

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

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

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

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

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

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

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

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

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

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  font-family: "FontAwesome";
  font-size: 48px;
  color: #ccc;
}

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

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  content: "\f104";
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-b {
  content: "\f105";
}

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

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

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

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

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

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

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

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

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

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

.mfp-figure figure {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

.wrapper.wrapper--margins {
  padding: 30px 0 10px;
}

.container {
  position: relative;
  width: 100%;
}

.container:hover .overlay {
  opacity: 1;
}

/*custom css */
.resource-table {
  width: 100%;
}
.resource-table .first-column {
  width: 20%;
}
.resource-table tr {
  border-bottom: 1px solid #e9e9e9;
}

.resource-second-table {
  width: 100%;
  margin: 0;
}
.resource-second-table td {
  border: none;
}
.resource-second-table tr {
  border-bottom: 1px solid #e9e9e9;
}
.resource-second-table :last-child {
  border-bottom: none;
}

#jstree-result {
  width: 33%;
  float: left;
  overflow: auto;
}

.jstree-sticky {
  position: fixed;
  top: 70px;
  left: 63.3%;
  width: 100%;
  background-color: white;
  z-index: 9996;
}

#variant-spec {
  overflow-x: auto;
}

.svg-account:hover {
  background: transparent;
  fill: white;
}