@import url(https://fonts.googleapis.com/css?family=Lato:400,300,400italic,900);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);
@font-face {
  font-family: 'icons';
  src: url("../fonts/icons.eot");
  src: url("../fonts/icons.eot#iefix") format("embedded-opentype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GalanoClassic';
  src: url("../fonts/galano_classic.eot");
  src: url("../fonts/galano_classic.eot#iefix") format("embedded-opentype"), url("../fonts/galano_classic.woff") format("woff"), url("../fonts/galano_classic.ttf") format("truetype"), url("../fonts/galano_classic.svg#galano_classic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GalanoClassic-Medium';
  src: url("../fonts/galano_classic_medium.eot");
  src: url("../fonts/galano_classic_medium.eot#iefix") format("embedded-opentype"), url("../fonts/galano_classic_medium.woff") format("woff"), url("../fonts/galano_classic_medium.ttf") format("truetype"), url("../fonts/galano_classic_medium.svg#galano_classic_medium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GalanoClassic-Semibold';
  src: url("../fonts/galano_classic_semibold-webfont.eot");
  src: url("../fonts/galano_classic_semibold-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/galano_classic_semibold-webfont.woff") format("woff"), url("../fonts/galano_classic_semibold-webfont.ttf") format("truetype"), url("../fonts/galano_classic_semibold-webfont.svg#galano_classic_semibold-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }

/*============================================================================
  #Breakpoint and Grid Variables
==============================================================================*/
/*================ The following are dependencies of csswizardry grid ================*/
/*============================================================================
  #General Variables
==============================================================================*/
/*================ Typography ================*/
/*============================================================================
  #Sass Mixins
==============================================================================*/
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: '';
    display: table;
    clear: both; }

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

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

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

html, body {
  padding: 0;
  margin: 0; }

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

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

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

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

/*============================================================================
  #Basic Styles
==============================================================================*/
body {
  background-color: #fff; }

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

.wrapper {
  *zoom: 1;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px; }
  .wrapper:after {
    content: '';
    display: table;
    clear: both; }
  @media screen and (min-width: 600px) {
    .wrapper {
      padding: 0 30px; } }

.main-content {
  display: block;
  margin-top: 120px;
  padding-bottom: 60px; }
  @media screen and (max-width: 900px) {
    .main-content {
      margin-top: 96px; } }
  @media screen and (max-width: 600px) {
    .main-content {
      margin-top: 78px; } }

/*============================================================================
  #Helper Classes
==============================================================================*/
.is-transitioning {
  display: block !important;
  visibility: visible !important; }

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

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

@media screen and (min-width: 901px) {
  .large--display-table {
    display: table;
    table-layout: fixed;
    width: 100%; }
  .large--display-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none; } }

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

.regular {
  padding-top: 150px;
  padding-bottom: 90px; }

.hero {
  padding-bottom: 64px;
  position: relative;
  margin-top: -21px; }
  .hero .hero-background {
    background-size: cover;
    background-repeat: no-repeat;
    height: 700px;
    position: relative; }
    .hero .hero-background .overlay {
      height: 700px;
      width: 100%;
      position: absolute;
      background: rgba(0, 0, 0, 0.55);
      z-index: 1; }
  .hero header,
  .hero article {
    padding: 64px 0;
    max-width: 700px;
    margin: 0 auto;
    z-index: 2; }
  .hero header {
    color: #fff;
    position: relative;
    text-align: center; }
    .hero header h1, .hero header .h1 {
      margin-top: 200px; }
    .hero header h2, .hero header .h2 {
      font-style: italic;
      -webkit-font-smoothing: antialiased; }
  .hero .meta {
    position: absolute;
    width: 700px;
    left: 50%;
    margin: 0 0 0 -350px;
    bottom: 32px;
    z-index: 5;
    text-align: center; }
    .hero .meta .avatar, .hero .meta .name, .hero .meta .length, .hero .meta .date {
      display: block;
      text-align: center; }
    .hero .meta .name {
      color: #fff;
      margin: 5px 0;
      font-style: italic;
      font-size: 18px;
      text-transform: normal;
      -webkit-font-smoothing: antialiased; }
    .hero .meta img {
      display: inline-block; }
    .hero .meta .date {
      color: #fff;
      margin-top: 10px;
      -webkit-font-smoothing: antialiased; }

section header .meta .author {
  float: left; }

section header .meta img {
  float: left;
  margin-right: 12px; }

section header .meta a {
  display: block; }

section header .meta .date {
  margin-top: 8px;
  float: right; }

footer.article-footer {
  background: #fafafa;
  padding: 32px 0; }

.block .meta {
  margin: 5px 0 0; }

footer.page {
  background: #fff;
  padding: 64px 0;
  text-align: center; }
  footer.page p.copyright {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px; }
  footer.page p.tribute {
    color: #b8b8b8;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .5em; }

.copyright img {
  height: 40px;
  margin-top: 10px; }

.section-things {
  background: #f2f2f2; }
  .section-things section header {
    padding: 64px 0 32px;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    z-index: 2; }

.read-more {
  margin-top: 96px;
  font-family: "Lato", sans-serif;
  text-align: center;
  display: block;
  font-family: "Lato", sans-serif;
  color: #b8b8b8;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .5em; }
  .read-more a {
    color: #445566; }

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

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

/*============================================================================
  Drop relative positioning into silent classes which can't take advantage of
  the `[class*="push--"]` and `[class*="pull--"]` selectors.
==============================================================================*/
/*============================================================================
  Grid Setup
    1. Allow the grid system to be used on lists.
    2. Remove any margins and paddings that might affect the grid system.
    3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
.grid, .grid--rev, .grid--full,
.grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -40px; }

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

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

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

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

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

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

.two-thirds {
  width: 66.666%; }

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

.two-quarters {
  width: 50%; }

.three-quarters {
  width: 75%; }

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

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

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

.two-sixths {
  width: 33.333%; }

.three-sixths {
  width: 50%; }

.four-sixths {
  width: 66.666%; }

.five-sixths {
  width: 83.333%; }

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

.two-eighths {
  width: 25%; }

.three-eighths {
  width: 37.5%; }

.four-eighths {
  width: 50%; }

.five-eighths {
  width: 62.5%; }

.six-eighths {
  width: 75%; }

.seven-eighths {
  width: 87.5%; }

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

.two-tenths {
  width: 20%; }

.three-tenths {
  width: 30%; }

.four-tenths {
  width: 40%; }

.five-tenths {
  width: 50%; }

.six-tenths {
  width: 60%; }

.seven-tenths {
  width: 70%; }

.eight-tenths {
  width: 80%; }

.nine-tenths {
  width: 90%; }

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

.two-twelfths {
  width: 16.666%; }

.three-twelfths {
  width: 25%; }

.four-twelfths {
  width: 33.333%; }

.five-twelfths {
  width: 41.666%; }

.six-twelfths {
  width: 50%; }

.seven-twelfths {
  width: 58.333%; }

.eight-twelfths {
  width: 66.666%; }

.nine-twelfths {
  width: 75%; }

.ten-twelfths {
  width: 83.333%; }

.eleven-twelfths {
  width: 91.666%; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

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

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

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

.left {
  float: left !important; }

.right {
  float: right !important; }

/*================ Our responsive classes, if we have enabled them ================*/
@media only screen and (max-width: 600px) {
  /** 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; }
  .grid-uniform .small--one-half:nth-child(2n+1),
  .grid-uniform .small--one-third:nth-child(3n+1),
  .grid-uniform .small--one-quarter:nth-child(4n+1),
  .grid-uniform .small--one-fifth:nth-child(5n+1),
  .grid-uniform .small--one-sixth:nth-child(6n+1),
  .grid-uniform .small--two-sixths:nth-child(3n+1),
  .grid-uniform .small--three-sixths:nth-child(2n+1),
  .grid-uniform .small--two-eighths:nth-child(4n+1),
  .grid-uniform .small--four-eighths:nth-child(2n+1),
  .grid-uniform .small--five-tenths:nth-child(2n+1),
  .grid-uniform .small--one-twelfth:nth-child(12n+1),
  .grid-uniform .small--two-twelfths:nth-child(6n+1),
  .grid-uniform .small--three-twelfths:nth-child(4n+1),
  .grid-uniform .small--four-twelfths:nth-child(3n+1),
  .grid-uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (min-width: 601px) and (max-width: 900px) {
  /** 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; }
  .grid-uniform .medium--one-half:nth-child(2n+1),
  .grid-uniform .medium--one-third:nth-child(3n+1),
  .grid-uniform .medium--one-quarter:nth-child(4n+1),
  .grid-uniform .medium--one-fifth:nth-child(5n+1),
  .grid-uniform .medium--one-sixth:nth-child(6n+1),
  .grid-uniform .medium--two-sixths:nth-child(3n+1),
  .grid-uniform .medium--three-sixths:nth-child(2n+1),
  .grid-uniform .medium--two-eighths:nth-child(4n+1),
  .grid-uniform .medium--four-eighths:nth-child(2n+1),
  .grid-uniform .medium--five-tenths:nth-child(2n+1),
  .grid-uniform .medium--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (max-width: 900px) {
  /** 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; }
  .grid-uniform .medium-down--one-half:nth-child(2n+1),
  .grid-uniform .medium-down--one-third:nth-child(3n+1),
  .grid-uniform .medium-down--one-quarter:nth-child(4n+1),
  .grid-uniform .medium-down--one-fifth:nth-child(5n+1),
  .grid-uniform .medium-down--one-sixth:nth-child(6n+1),
  .grid-uniform .medium-down--two-sixths:nth-child(3n+1),
  .grid-uniform .medium-down--three-sixths:nth-child(2n+1),
  .grid-uniform .medium-down--two-eighths:nth-child(4n+1),
  .grid-uniform .medium-down--four-eighths:nth-child(2n+1),
  .grid-uniform .medium-down--five-tenths:nth-child(2n+1),
  .grid-uniform .medium-down--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium-down--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium-down--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium-down--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (min-width: 901px) {
  /** 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; }
  .grid-uniform .large--one-half:nth-child(2n+1),
  .grid-uniform .large--one-third:nth-child(3n+1),
  .grid-uniform .large--one-quarter:nth-child(4n+1),
  .grid-uniform .large--one-fifth:nth-child(5n+1),
  .grid-uniform .large--one-sixth:nth-child(6n+1),
  .grid-uniform .large--two-sixths:nth-child(3n+1),
  .grid-uniform .large--three-sixths:nth-child(2n+1),
  .grid-uniform .large--two-eighths:nth-child(4n+1),
  .grid-uniform .large--four-eighths:nth-child(2n+1),
  .grid-uniform .large--five-tenths:nth-child(2n+1),
  .grid-uniform .large--one-twelfth:nth-child(12n+1),
  .grid-uniform .large--two-twelfths:nth-child(6n+1),
  .grid-uniform .large--three-twelfths:nth-child(4n+1),
  .grid-uniform .large--four-twelfths:nth-child(3n+1),
  .grid-uniform .large--six-twelfths:nth-child(2n+1) {
    clear: both; } }

/*============================================================================
  PUSH
    - Push classes, to move grid items over to the right by certain amounts
==============================================================================*/
[class*="push--"] {
  position: relative; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 601px) and (max-width: 900px) {
  /* 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: 900px) {
  /* 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: 901px) {
  /* 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%; } }

/*============================================================================
  PULL
    - Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
/*============================================================================
  #OOCSS Media Object
    - http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
==============================================================================*/
.media,
.media-flex {
  overflow: hidden;
  _overflow: visible;
  zoom: 1; }

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

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

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

#page-header {
  height: 80vh;
  background-size: cover !important;
  background: #000000;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  margin-bottom: 45px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }
  @media screen and (min-width: 901px) {
    #page-header {
      height: 100vh;
      margin-bottom: 90px; } }
  @media screen and (min-width: 1600px) {
    #page-header {
      height: 75vh; } }
  @media screen and (max-width: 600px) {
    #page-header {
      height: 300px;
      background-position: bottom !important; }
      #page-header.with-button {
        height: 80vh; } }
  #page-header .background-image {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    top: 0; }
    @media (min-width: 1600px) {
      #page-header .background-image {
        display: none; } }
  #page-header .background-image-xl {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    top: 0; }
    @media (min-width: 1600px) {
      #page-header .background-image-xl {
        display: block; } }
  #page-header img {
    width: 100%;
    display: block; }
  #page-header.home {
    overflow: hidden; }
    @media screen and (min-width: 600px) {
      #page-header.home {
        height: auto;
        max-height: 100vh; } }
    @media screen and (max-width: 900px) {
      #page-header.home .header-content {
        width: 80%; } }
    #page-header.home .header-content .header-container h2, #page-header.home .header-content .header-container .h2 {
      font-size: 5em;
      color: #fff; }
      @media screen and (min-width: 900px) {
        #page-header.home .header-content .header-container h2, #page-header.home .header-content .header-container .h2 {
          padding-right: 3em; } }
      @media screen and (max-width: 900px) {
        #page-header.home .header-content .header-container h2, #page-header.home .header-content .header-container .h2 {
          font-size: 8vw; } }
      @media (min-width: 1600px) {
        #page-header.home .header-content .header-container h2, #page-header.home .header-content .header-container .h2 {
          font-size: 7em; } }
  #page-header.the-basslet .header-content .header-container h2, #page-header.the-basslet .header-content .header-container .h2 {
    color: #ff4338; }
  #page-header .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
    @media screen and (max-width: 600px) {
      #page-header .embed-container {
        display: none; } }
  #page-header .embed-container iframe,
  #page-header .embed-container object,
  #page-header .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #page-header .header-content {
    position: absolute;
    top: 52%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 9999; }
    @media (min-width: 1600px) {
      #page-header .header-content {
        left: 10%;
        width: 80%;
        top: 55%; } }
    @media (max-width: 1599.99px) {
      #page-header .header-content .header-container {
        margin: 0 auto;
        max-width: 1080px;
        padding: 0 30px; } }
    #page-header .header-content .header-container h2, #page-header .header-content .header-container .h2 {
      font-size: 5em;
      color: #fff; }
      @media screen and (max-width: 900px) {
        #page-header .header-content .header-container h2, #page-header .header-content .header-container .h2 {
          font-size: 3.5em; } }
      @media screen and (max-width: 600px) {
        #page-header .header-content .header-container h2, #page-header .header-content .header-container .h2 {
          font-size: 2.5em; } }
      @media (min-width: 1600px) {
        #page-header .header-content .header-container h2, #page-header .header-content .header-container .h2 {
          font-size: 7em; } }
    #page-header .header-content .header-container .btn, #page-header .header-content .header-container .btn--secondary {
      margin-top: 30px; }
    @media (min-width: 1600px) {
      #page-header .header-content .header-container .wrapper {
        max-width: none;
        padding: 0; } }
    #page-header .header-content .header-container #header_logo {
      max-width: 600px;
      margin: 0 0 30px -10px; }
      @media screen and (max-width: 600px) {
        #page-header .header-content .header-container #header_logo {
          max-width: 80%;
          margin: 0 0 15px -10px; } }
  #page-header.dark h2, #page-header.dark .h2 {
    color: #000000; }

@media screen and (min-width: 600px) and (max-width: 901px) {
  .section-technology #page-header .background-image {
    background-position: right -200px center; } }

.section-technology #page-header .header-container h2, .section-technology #page-header .header-container .h2 {
  font-family: "GalanoClassic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2em;
  line-height: 1.4;
  max-width: 610px; }
  @media screen and (max-width: 600px) {
    .section-technology #page-header .header-container h2, .section-technology #page-header .header-container .h2 {
      font-size: 5vw; } }

.page-container {
  margin-top: 150px; }

.features-section img {
  max-width: 40%;
  margin: 0 auto 15px;
  display: block; }
  @media screen and (max-width: 600px) {
    .features-section img {
      margin-top: 45px; } }

.features-section h3, .features-section .h3 {
  margin-bottom: 15px;
  text-align: center; }

@media screen and (min-width: 901px) {
  .features-section .grid__item {
    margin-bottom: 60px; } }

#pre-footer {
  background: #f4f5f7;
  margin-top: 90px;
  margin-bottom: -90px;
  padding-top: 90px;
  padding-bottom: 90px; }
  @media screen and (max-width: 600px) {
    #pre-footer {
      margin-top: 45px; } }

.fadein-ready {
  opacity: 0;
  position: relative;
  top: 50px; }

  .fadein-ready-first {
    opacity: 1;
    }
  .fadein {
  opacity: 0;
  }

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

/*============================================================================
  #General Pages
==============================================================================*/
.page-container h1, .page-container .h1 {
  margin-bottom: 60px; }

.page-content h2, .page-content .h2 {
  font-size: 1.3em;
  margin: 60px 0 30px; }

.page-content iframe {
  margin-bottom: 20px; }

.page-content p {
  line-height: 1.8em; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

input.giant {
  font-family: "Lato", sans-serif;
  font-size: 60px;
  font-weight: 300;
  color: #3c3c3c;
  box-shadow: none;
  border: none;
  border-radius: 0;
  height: 96px;
  margin-bottom: 32px;
  margin-left: -5px;
  padding: 0px;
  letter-spacing: -.03em;
  outline: none; }
  input.giant:focus, input.giant:active {
    outline: none;
    box-shadow: none !important; }

/*============================================================================
  #Forms
==============================================================================*/
form {
  margin-bottom: 0; }

.form-vertical {
  margin-bottom: 15px; }

/*================ Prevent zoom on touch devices in active inputs ================*/
@media screen and (max-width: 900px) {
  input,
  textarea,
  label,
  .btn,
  .btn--secondary,
  .rte .btn--secondary {
    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; }
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  button::-webkit-input-placeholder,
  select::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9BA5AF; }
  input::-moz-placeholder,
  textarea::-moz-placeholder,
  button::-moz-placeholder,
  select::-moz-placeholder {
    /* Firefox 19+ */
    color: #9BA5AF; }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  button:-ms-input-placeholder,
  select:-ms-input-placeholder {
    /* IE 10+ */
    color: #9BA5AF; }
  input:-moz-placeholder,
  textarea:-moz-placeholder,
  button:-moz-placeholder,
  select:-moz-placeholder {
    /* Firefox 18- */
    color: #9BA5AF; }

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 #c6ccd2;
  padding: 15px; }

legend {
  border: 0;
  padding: 0; }

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

input,
textarea,
select {
  border: 1px solid #c6ccd2;
  max-width: 100%;
  padding: 10px;
  border-radius: 0px; }
  input:focus,
  textarea:focus,
  select:focus {
    border: 1px solid #aab3bc; }
  input[disabled], input.disabled,
  textarea[disabled],
  textarea.disabled,
  select[disabled],
  select.disabled {
    cursor: default;
    background-color: #f6f6f6;
    border-color: #b6b6b6; }
  input.input-full,
  textarea.input-full,
  select.input-full {
    width: 100%; }

textarea {
  min-height: 100px; }

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

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

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

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

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url("/assets/img/ico-select.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: transparent;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;
  /*================ Hide the svg arrow in IE9 and below ================*/ }
  .ie9 select,
  .lt-ie9 select {
    padding-right: 10px;
    background-image: none; }

optgroup {
  font-family: "GalanoClassic-Semibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

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

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

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

label[for] {
  cursor: pointer; }

/*================ Horizontal Form ================*/
.form-vertical input,
.form-vertical select,
.form-vertical textarea {
  display: block;
  margin-bottom: 10px; }

.form-vertical input[type="radio"],
.form-vertical input[type="checkbox"] {
  display: inline-block; }

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

label.error {
  color: #d02e2e; }

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

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

.input-group .btn, .input-group .btn--secondary,
.input-group .input-group-field {
  height: 37px; }

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

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

#customer-area-page {
  display: none; }

#recaptcha-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  padding-top: calc(50vh - 40px);
  padding-left: calc(50vw - 152px);
  z-index: 99999999; }

/*============================================================================
  #Typography
==============================================================================*/
body,
input,
textarea,
button,
select {
  font-size: 16px;
  line-height: 1.5;
  font-family: "GalanoClassic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3f5360;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -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: "GalanoClassic-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0.5em;
  line-height: 1.2; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    text-decoration: none;
    font-weight: inherit; }

/*================ Use em() Sass function to declare font-size ================*/
h1, .h1 {
  font-size: 2.8125em; }
  @media screen and (max-width: 600px) {
    h1, .h1 {
      font-size: 1.5625em; } }

h2, .h2 {
  font-size: 2.8125em; }
  @media screen and (max-width: 600px) {
    h2, .h2 {
      font-size: 1.5625em; } }

h3, .h3 {
  font-size: 1.3125em; }
  @media screen and (max-width: 600px) {
    h3, .h3 {
      font-size: 1.125em; } }

h4, .h4 {
  font-size: 1.5em; }
  @media screen and (max-width: 600px) {
    h4, .h4 {
      font-size: 1.125em; } }

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

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

p {
  margin: 0 0 25px 0;
  line-height: 1.65em; }
  p img {
    margin: 0; }

em {
  font-style: italic; }

b, strong {
  font-family: "GalanoClassic-Semibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal; }

small {
  font-size: 0.9em; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.5em; }

.caption {
  color: #98A4AE;
  font-size: 15px; }

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

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

/*================ Horizontal Rules ================*/
hr {
  clear: both;
  border-top: solid #c6ccd2;
  border-width: 1px 0 0;
  margin: 30px 0;
  height: 0; }
  hr.hr--small {
    margin: 15px 0; }
  hr.hr--clear {
    border-top-color: transparent; }

.feature-text-large {
  font-size: 1.9375em;
  color: #000000;
  margin-bottom: 90px;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .feature-text-large {
      font-size: 1.5625em;
      margin-bottom: 45px; } }

.feature-text p {
  font-size: 1.1875em;
  margin-bottom: 30px; }

/*============================================================================
  #Links and Buttons
==============================================================================*/
a,
.text-link {
  color: #ff4338;
  text-decoration: none;
  background: transparent; }

a:hover,
a:focus {
  color: #ff4338;
  text-decoration: underline; }

button {
  overflow: visible; }

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

.btn, .btn--secondary,
.rte .btn--secondary,
.rte .btn, .rte .btn--secondary {
  font-family: "GalanoClassic-Semibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 12px 26px;
  width: auto;
  margin: 0;
  line-height: 1.42;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0px;
  transition: 0.5s;
  /*================ Set primary button colors - can override later ================*/
  background-color: #ff4338;
  color: #fff; }
  .btn:hover, .btn--secondary:hover,
  .rte .btn:hover, .rte .btn--secondary:hover {
    background-color: #9ba5af;
    color: #fff;
    text-decoration: none; }
  .btn:active, .btn--secondary:active, .btn:focus, .btn--secondary:focus,
  .rte .btn:active, .rte .btn--secondary:active,
  .rte .btn:focus, .rte .btn--secondary:focus {
    background-color: #7f8c98;
    color: #fff; }
  .btn[disabled], [disabled].btn--secondary, .btn.disabled, .disabled.btn--secondary,
  .rte .btn[disabled], .rte [disabled].btn--secondary,
  .rte .btn.disabled, .rte .disabled.btn--secondary {
    cursor: default;
    color: #b6b6b6;
    background-color: #f6f6f6; }

.btn--secondary,
.rte .btn--secondary {
  background-color: #3f5360; }
  .btn--secondary:hover,
  .rte .btn--secondary:hover {
    background-color: #2b3841;
    color: #fff; }
  .btn--secondary:active, .btn--secondary:focus,
  .rte .btn--secondary:active,
  .rte .btn--secondary:focus {
    background-color: #171e22;
    color: #fff; }

.btn--small {
  padding: 4px 5px;
  font-size: 0.75em; }

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

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

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

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

.dashed {
  list-style: none;
  margin-left: 0;
  padding-left: 1em; }

.dashed > li:before {
  display: inline-block;
  content: "\2013";
  width: 1em;
  margin-left: -1em; }

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

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

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

th {
  font-family: "GalanoClassic-Semibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

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

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

/*============================================================================
  #Images and Iframes
==============================================================================*/
img {
  border: 0 none; }

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

img,
iframe {
  max-width: 100%; }

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

/*============================================================================
  #Icons
==============================================================================*/
.icon-fallback-text .icon {
  display: none; }
  .supports-fontface .icon-fallback-text .icon {
    display: inline-block; }

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

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

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

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

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

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

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

.icon-arrow-down:before {
  content: "\e607"; }

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

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

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

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

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

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

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

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

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

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

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

.icon-checkmark:before {
  content: "\ea10"; }

.icon-linkedin:before {
  content: "\eaca"; }

.payment-icons {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  margin: 30px 0; }
  .payment-icons li {
    color: #3f5360;
    cursor: default; }
  .payment-icons .icon {
    font-size: 30px;
    line-height: 30px; }
  .payment-icons .fallback-text {
    text-transform: capitalize; }

#location-heading {
  margin-top: 90px; }

.section-about .features-section img {
  max-width: 50%;
  margin-bottom: 15px;
  display: block; }

#academic-image {
  margin-top: -30px;
  margin-bottom: 30px;
  max-width: 300px; }

.basslet-features {
  margin-bottom: 120px; }
  @media screen and (max-width: 600px) {
    .basslet-features {
      margin-bottom: 60px; } }
  .basslet-features h3, .basslet-features .h3 {
    font-size: 2.8125em; }
    @media screen and (max-width: 600px) {
      .basslet-features h3, .basslet-features .h3 {
        font-size: 1.5625em; } }

#basslet-quote {
  position: relative;
  margin-bottom: 120px; }
  #basslet-quote h4, #basslet-quote .h4 {
    font-family: "GalanoClassic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 4vw;
    position: absolute;
    top: 15.5vw;
    left: 13vw;
    width: 50vw; }

#basslet-experience {
  color: #98A4AE; }
  #basslet-experience h3, #basslet-experience .h3 {
    font-size: 2.8125em;
    margin-bottom: 30px; }
    @media screen and (max-width: 600px) {
      #basslet-experience h3, #basslet-experience .h3 {
        font-size: 1.5625em; } }
  #basslet-experience h5, #basslet-experience .h5 {
    font-family: "GalanoClassic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    color: #3f5360;
    max-width: 80%;
    margin: 0 auto 10px; }
  #basslet-experience p {
    margin-bottom: 37.5px; }
  #basslet-experience .videoWrapper {
    margin-bottom: 60px; }

#blog-list .block {
  margin-bottom: 30px; }
  @media screen and (min-width: 901px) {
    #blog-list .block {
      margin-bottom: 90px; } }
  #blog-list .block img {
    margin-bottom: 30px;
    width: 100%; }
  #blog-list .block h3, #blog-list .block .h3 {
    font-size: 1.5em; }
    @media screen and (min-width: 901px) {
      #blog-list .block h3, #blog-list .block .h3 {
        font-size: 1.8em; } }
    #blog-list .block h3 a, #blog-list .block .h3 a {
      color: #000000;
      text-decoration: none;
      transition: 0.3s; }
      #blog-list .block h3 a:hover, #blog-list .block .h3 a:hover {
        color: #ff4338; }
  #blog-list .block h4, #blog-list .block .h4 {
    display: none; }
  #blog-list .block .meta {
    color: #9ba5af;
    margin: 15px 0 30px; }
  #blog-list .block p {
    line-height: 1.8em; }

#blog-tags {
  list-style: none;
  margin: 0 0 30px 0; }
  #blog-tags li {
    display: inline-block;
    margin-right: 15px; }
    @media screen and (max-width: 600px) {
      #blog-tags li:first-of-type {
        width: 100%; } }
    #blog-tags li a {
      color: #9ba5af; }
      #blog-tags li a.active-tag {
        color: #ff4338; }

#blog-post h1, #blog-post .h1 {
  margin: 0; }

#blog-post .meta {
  color: #9ba5af;
  margin: 15px 0 30px; }
  #blog-post .meta p {
    margin: 0; }

#blog-post blockquote {
  font-size: 1.5em;
  font-style: initial;
  color: #000000;
  margin: 45px 0;
  padding: 0;
  border: none; }
  @media screen and (min-width: 901px) {
    #blog-post blockquote {
      font-size: 1.8em; } }

#blog-post h4, #blog-post .h4 {
  color: #9ba5af;
  text-align: center;
  font-size: 0.9em;
  font-family: "GalanoClassic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 45px; }

#article-tags {
  display: none; }
  #article-tags ul {
    list-style: none;
    margin: 60px 0 30px; }
    #article-tags ul li {
      display: inline-block;
      margin-right: 10px; }

#social-share {
  color: #9ba5af; }
  #social-share ul {
    list-style: none;
    margin: 60px 0 90px; }
    #social-share ul li {
      display: inline-block;
      margin-right: 30px; }
      @media screen and (max-width: 600px) {
        #social-share ul li {
          width: 100%; } }
      #social-share ul li a {
        color: #9ba5af;
        transition: 0.3s; }
        #social-share ul li a .icon {
          display: inline-block;
          width: 18px;
          vertical-align: top;
          margin-right: 5px; }
          #social-share ul li a .icon svg {
            transition: 0.3s;
            fill: #9ba5af; }
        #social-share ul li a:hover {
          color: #3f5360;
          text-decoration: none; }
          #social-share ul li a:hover .icon svg {
            fill: #3f5360; }

#authors img {
  margin-bottom: 20px; }

#authors h5, #authors .h5 {
  margin: 7.5px 0 20px; }

@media screen and (max-width: 600px) {
  #pre-footer #subForm {
    display: block; } }

#pre-footer #subForm #fieldEmail {
  padding: 21px;
  margin: 1px 0 0 0;
  border-right: none; }

#pre-footer #subForm #subscribe {
  background-color: #ff4338;
  color: #ffffff;
  font-family: "GalanoClassic-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  @media screen and (max-width: 600px) {
    #pre-footer #subForm #subscribe {
      margin: 10px 0 0 0; } }
  #pre-footer #subForm #subscribe:hover {
    background-color: #9ba5af; }

#pre-footer .newsletter-message {
  margin: 30px 0 0;
  min-height: 0; }

.gallery-2 {
  display: inline-block;
  width: 100%;
  margin: 15px 0 0; }
  .gallery-2 img {
    margin-bottom: 30px; }
    @media screen and (max-width: 600px) {
      .gallery-2 img {
        width: 100%; } }
    @media screen and (min-width: 600px) {
      .gallery-2 img {
        float: left;
        width: 47.5%; }
        .gallery-2 img:nth-of-type(1) {
          margin-right: 5%; } }

.gallery-3 {
  display: inline-block;
  width: 100%;
  margin: 15px 0 0; }
  @media screen and (max-width: 901px) {
    .gallery-3 img {
      float: left;
      width: 100%;
      margin-bottom: 30px; }
      .gallery-3 img:nth-of-type(2) {
        width: 47.5%;
        margin-right: 5%; }
      .gallery-3 img:nth-of-type(3) {
        width: 47.5%; } }
  @media screen and (min-width: 901px) {
    .gallery-3 img:nth-of-type(1) {
      float: left;
      width: 65%;
      margin-right: 4.5%; }
    .gallery-3 img:nth-of-type(2), .gallery-3 img:nth-of-type(3) {
      width: 30%;
      margin-bottom: 27px; } }
  @media screen and (max-width: 600px) {
    .gallery-3 img {
      margin-bottom: 20px; } }

.position-block {
  border: 1px solid #c6ccd2;
  padding: 15px;
  margin-bottom: 15px; }
  .position-block h3, .position-block .h3 {
    font-size: 1.2em;
    font-family: "GalanoClassic-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .position-block:hover {
    background: #f4f5f7; }
  .position-block p {
    margin: 0; }
  .position-block .btn, .position-block .btn--secondary {
    margin-top: 6px; }

#careers-quote {
  margin: 30px 0; }
  @media screen and (min-width: 901px) {
    #careers-quote {
      margin: 150px 0 90px; } }

#positions-heading {
  margin-top: 90px; }

#career-features {
  margin-top: 90px; }
  #career-features img {
    width: 100%;
    margin-bottom: 40px; }
  #career-features .text-quote {
    padding: 30px;
    margin-bottom: 40px; }
    #career-features .text-quote p {
      font-size: 1.3em; }
      #career-features .text-quote p span {
        font-size: 0.75em; }
  #career-features .quote-3 {
    background: #000000;
    color: #ffffff; }
    @media screen and (min-width: 901px) {
      #career-features .quote-3 {
        min-height: 250px; } }
  #career-features .quote-5 {
    background: #ff284b;
    color: #ffffff; }
    @media screen and (min-width: 901px) {
      #career-features .quote-5 {
        min-height: 307px; } }

#artist-reviews {
  margin-top: 80px;
  width: 100%;
  padding-left: 30px; }
  #artist-reviews h3, #artist-reviews .h3 {
    color: #ff4338; }
  #artist-reviews .artist-quote {
    color: #fff;
    margin-top: 30px;
    position: relative;
    background-size: cover;
    background-position: center; }
    #artist-reviews .artist-quote img {
      width: 100%; }
    #artist-reviews .artist-quote .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      padding: 20px;
      background-color: transparent;
      -webkit-transition: background-color 200ms linear;
      -ms-transition: background-color 200ms linear;
      transition: background-color 200ms linear; }
      #artist-reviews .artist-quote .overlay p {
        font-size: 24px;
        opacity: 0;
        -webkit-transition: opacity 400ms linear;
        -ms-transition: opacity 400ms linear;
        transition: opacity 400ms linear; }
        #artist-reviews .artist-quote .overlay p span {
          font-size: 16px; }
      #artist-reviews .artist-quote .overlay:hover, #artist-reviews .artist-quote .overlay.hovered {
        background-color: rgba(63, 83, 96, 0.7); }
        #artist-reviews .artist-quote .overlay:hover p, #artist-reviews .artist-quote .overlay.hovered p {
          opacity: 1; }
    #artist-reviews .artist-quote.quote-1 {
      height: 330px;
      background-image: url(); }
      #artist-reviews .artist-quote.quote-1 p {
        width: 60%; }
    #artist-reviews .artist-quote.quote-2 {
      height: 520px;
      background-image: url(); }
      @media screen and (max-width: 600px) {
        #artist-reviews .artist-quote.quote-2 {
          height: 520px; } }
      @media screen and (max-width: 900px) {
        #artist-reviews .artist-quote.quote-2 {
          height: 460px; } }
    #artist-reviews .artist-quote.quote-3 {
      height: 260px;
      background-image: url(); }
    #artist-reviews .artist-quote.quote-4 {
      height: 280px;
      background-image: url(); }
    #artist-reviews .artist-quote.quote-5 {
      height: 280px;
      background-image: url();
      background-position: left center; }
      @media screen and (max-width: 600px) {
        #artist-reviews .artist-quote.quote-5 {
          background-position: left center; } }
      #artist-reviews .artist-quote.quote-5 p {
        width: 60%; }
    #artist-reviews .artist-quote.quote-3 p, #artist-reviews .artist-quote.quote-4 p, #artist-reviews .artist-quote.quote-5 p {
      bottom: 0;
      position: absolute;
      width: 90%; }

.contact-form {
  margin-top: 50px; }
  .contact-form input, .contact-form select, .contact-form textarea {
    margin: 10px 0 30px;
    width: 100%; }
    .contact-form input.btn, .contact-form input.btn--secondary, .contact-form select.btn, .contact-form select.btn--secondary, .contact-form textarea.btn, .contact-form textarea.btn--secondary {
      background: #ff4338;
      width: auto; }

#contact-form .form-content,
#press-form .form-content,
#sales-1-form .form-content,
#sales-2-form .form-content,
#edusupport-form .form-content,
#jobs-form .form-content,
#privacy-form .form-content {
  display: none; }

.oranges {
  display: none !important; }

#dev-password-protection {
  display: none;
  width: 100%;
  text-align: center; }
  #dev-password-protection #dev-password-container {
    display: inline-block;
    width: 500px;
    margin: 10vh auto; }
    #dev-password-protection #dev-password-container img {
      width: 200px; }
    #dev-password-protection #dev-password-container h3, #dev-password-protection #dev-password-container .h3 {
      margin: 50px; }

/*============================================================================
#Site Footer
==============================================================================*/
.site-footer {
  margin-top: 90px;
  position: relative;
  z-index: 1;
  background-color: #000000;
  padding: 30px 0 15px;
  color: #fff; }
  @media screen and (min-width: 901px) {
    .site-footer {
      padding: 60px 0 30px; } }
  .site-footer h5, .site-footer .h5 {
    color: #fff;
    font-size: 1.3em;
    margin: 20px 0 0; }
    @media screen and (min-width: 901px) {
      .site-footer h5, .site-footer .h5 {
        margin-bottom: 20px; } }
  .site-footer ul {
    list-style: none;
    margin: 10px 0;
    padding: 0; }
    .site-footer ul a {
      color: #ffffff;
      font-size: 0.875em; }
      .site-footer ul a:hover {
        color: #98A4AE;
        text-decoration: none; }
    .site-footer ul.social-icons {
      margin-top: -5px; }
  .site-footer hr {
    margin: 60px auto 30px; }
  .site-footer p {
    font-size: 0.875em; }
  .site-footer input,
  .site-footer button {
    padding: 15px;
    border: none; }
  .site-footer .input-group .btn, .site-footer .input-group .btn--secondary,
  .site-footer .input-group .btn--secondary,
  .site-footer .input-group .input-group-field {
    height: 54px; }
  .site-footer #subForm {
    margin-bottom: 60px; }
    @media screen and (max-width: 600px) {
      .site-footer #subForm {
        display: block; } }
    .site-footer #subForm #subscribe {
      background-color: #ff4338;
      color: #ffffff;
      font-family: "GalanoClassic-Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      @media screen and (max-width: 600px) {
        .site-footer #subForm #subscribe {
          margin: 10px 0 0 0; } }
      .site-footer #subForm #subscribe:hover {
        background-color: #9ba5af; }

#sub-footer {
  background: #fff;
  margin-top: 60px;
  padding: 16px;
  color: #9ba5af;
  font-size: 1.0625em; }
  #sub-footer p {
    font-size: 14px;
    margin-top: 22px; }
  #sub-footer .footer-navigation {
    margin-bottom: 60px; }
    @media screen and (min-width: 901px) {
      #sub-footer .footer-navigation ul {
        margin-left: 20px; } }
  #sub-footer ul {
    margin-bottom: 5px; }
    #sub-footer ul li {
      text-transform: uppercase;
      padding: 8px 10px; }
      @media screen and (max-width: 600px) {
        #sub-footer ul li {
          width: 100%;
          padding: 10px 15px; } }
      #sub-footer ul li a {
        color: #3f5360;
        transition: .3s;
        letter-spacing: 1px;
        font-size: 16px; }
        #sub-footer ul li a.footer-nav--active {
          opacity: 0.6; }
        #sub-footer ul li a:hover {
          text-decoration: none;
          opacity: 0.6; }

.social-icons li {
  margin: 0 15px 15px;
  vertical-align: middle;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  @media screen and (min-width: 601px) {
    .social-icons li {
      margin-left: 0; } }
  @media screen and (max-width: 600px) {
    .social-icons li {
      margin-left: 0; } }
  .social-icons li:hover li {
    opacity: 0.5; }
    .social-icons li:hover li:hover {
      opacity: 1; }
  .social-icons li .icon {
    font-size: 25px;
    line-height: 26px; }
  .social-icons li .icon-twitter {
    font-size: 20px;
    padding-top: 2px; }
  .social-icons li a {
    color: #fff; }
    .social-icons li a:hover {
      color: #e6e6e6; }

.newsletter-message {
  margin: 30px 0 60px;
  min-height: 30px; }

#erfe-logo {
  height: 47px;
  width: auto;
  margin-top: 50px;
  margin-bottom: 65px; }

.gallery header {
  padding: 64px 0 32px;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  z-index: 2; }

.gallery-images {
  padding: 10px; }

.gallery-images img {
  vertical-align: bottom;
  opacity: 0; }

/*============================================================================
  #Site Header
==============================================================================*/
.site-header {
  padding: 5px 0;
  background-color: transparent;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  transition: top 0.3s linear;
  transition: 0.3s linear; }
  @media screen and (min-width: 901px) {
    .site-header {
      padding: 10px 0; } }
  .site-header .grid--table {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .site-header .grid--table > .grid__item {
      float: none;
      display: table-cell;
      vertical-align: middle; }
  .site-header.no-bottom-padding {
    padding: 10px 0 0; }
  .site-header.nav-up {
    top: -60px; }
  .site-header.nav-down {
    top: 0px;
    background-color: rgba(255, 255, 255, 0.7); }
    .site-header.nav-down.light {
      background-color: rgba(0, 0, 0, 0.7); }
  .site-header.transparent {
    background-color: transparent !important; }

.section-about .site-nav__link {
  color: #98a4ae; }

#header-info {
  background: #788a98;
  width: 100%;
  text-align: center;
  padding: 9px 10px 8px;
  font-size: 14px;
  color: #000000;
  transition: 0.2s;
  top: 60px;
  position: fixed; }
  @media screen and (max-width: 600px) {
    #header-info {
      font-size: 10px; } }
  #header-info:hover {
    text-decoration: none;
    color: #333; }

.site-header__logo {
  text-align: left;
  margin: 0 auto;
  max-width: 100%; }
  @media screen and (max-width: 600px) {
    .site-header__logo {
      text-align: center; } }
  .site-header__logo a,
  .site-header__logo a:hover,
  .site-header__logo a:focus {
    text-decoration: none; }
  .site-header__logo a, .site-header__logo img {
    display: block;
    max-width: 135px; }

.site-header__logo-link {
  max-width: 135px;
  margin: 0; }

.site-header__cart-toggle {
  display: inline-block; }

.site-header__search {
  display: inline-block;
  max-width: 400px;
  margin-top: 15px;
  width: 100%; }

.search-bar {
  max-width: 100%; }
  @media screen and (max-width: 900px) {
    .search-bar {
      margin-left: auto;
      margin-right: auto; } }

/*============================================================================
  #Homepage Index
==============================================================================*/
.homepage-section {
  margin-bottom: 60px; }
  @media screen and (min-width: 901px) {
    .homepage-section {
      margin-bottom: 150px; } }
  .homepage-section p {
    font-size: 1.1875em;
    line-height: 1.6em; }
    @media screen and (max-width: 600px) {
      .homepage-section p {
        font-size: 1.125em; } }
    .homepage-section p a {
      font-size: 0.85em; }
  .homepage-section img {
    position: relative;
    max-height: 580px; }
    @media screen and (min-width: 1250px) {
      .homepage-section img.img-right {
        left: 75px; }
      .homepage-section img.img-left {
        left: -75px; } }
  .homepage-section.content-section-1 p {
    text-align: left; }
  .homepage-section.content-section-1 img {
    margin-bottom: 30px; }
    @media screen and (max-width: 901px) {
      .homepage-section.content-section-1 img {
        width: 70%;
        max-width: 300px;
        margin: 30px auto;
        display: block; } }
    @media screen and (max-width: 600px) {
      .homepage-section.content-section-1 img {
        width: 50%; } }
  .homepage-section.content-section-1 a {
    display: inline-block;
    margin-top: 30px;
    text-decoration: underline; }
  .homepage-section.product-section h2, .homepage-section.product-section .h2 {
    margin-top: 60px; }
  .homepage-section.product-section a {
    text-decoration: underline; }

#features-intro {
  max-width: 700px;
  margin: 30px auto; }

#quote-2, #quote-3 {
  display: none; }

.testimonial-quote {
  font-size: 2.125em; }

#industry-section {
  margin-bottom: 75px; }
  #industry-section img {
    margin-bottom: 30px; }
    @media screen and (max-width: 600px) {
      #industry-section img {
        margin-bottom: 15px; } }
  #industry-section p {
    text-align: left; }
  #industry-section ul {
    text-align: left;
    list-style: none;
    margin: 0 0 30px; }
  #industry-section li {
    display: table; }
  #industry-section ul li:before {
    content: '-';
    display: table-cell;
    padding-right: 5px; }

.quote-logos img {
  opacity: 0.5;
  margin: 30px 15px 0;
  transition: 0.3s; }
  .quote-logos img:hover {
    opacity: 1; }

.quote-logos .active img {
  opacity: 1; }

#layer-animation {
  height: 250px;
  width: 100%;
  position: relative;
  margin-top: 75px; }
  @media screen and (max-width: 901px) {
    #layer-animation {
      max-width: 500px;
      margin: 120px auto; } }
  @media screen and (max-width: 600px) {
    #layer-animation {
      margin: 60px auto 0; } }
  #layer-animation .layer {
    width: 100%;
    position: absolute;
    top: 0; }
    #layer-animation .layer .layer-text {
      position: absolute;
      width: 60%;
      font-size: 0.8em; }
      #layer-animation .layer .layer-text span {
        background: #ffffff;
        padding-right: 5px; }
      #layer-animation .layer .layer-text:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        border-top: 1px solid rgba(255, 255, 255, 0.4);
        margin-top: -10px; }
    #layer-animation .layer img {
      margin-left: 15%;
      width: 85%;
      max-width: 400px; }
      @media screen and (max-width: 600px) {
        #layer-animation .layer img {
          width: 65%;
          margin-left: 35%; } }
  #layer-animation #layer-one img {
    z-index: 1; }
  #layer-animation #layer-one .layer-text {
    top: 190px;
    z-index: 2; }
    @media screen and (max-width: 600px) {
      #layer-animation #layer-one .layer-text {
        top: 26vw; } }
  #layer-animation #layer-two img {
    z-index: 3; }
  #layer-animation #layer-two .layer-text {
    top: 145px;
    z-index: 4;
    width: 40%; }
    @media screen and (max-width: 600px) {
      #layer-animation #layer-two .layer-text {
        top: 22vw;
        width: 50%; } }
  #layer-animation #layer-three img {
    z-index: 5; }
  #layer-animation #layer-three .layer-text {
    top: 100px;
    z-index: 6; }
    @media screen and (max-width: 600px) {
      #layer-animation #layer-three .layer-text {
        top: 18vw; } }

/*============================================================================
#Site Nav and Dropdowns
==============================================================================*/
.site-nav, .site-nav--mobile {
  font-size: 1em;
  cursor: default;
  margin: 0 0 0 -15px; }
  .site-nav li, .site-nav--mobile li {
    margin: 0;
    display: block; }
  .site-nav > li, .site-nav--mobile > li {
    position: relative;
    display: inline-block; }

/* used to place a colored block behind a nav link
.site-nav li {
&:nth-child(5) {
margin-left: 15px;

a {
background: $colorPrimary;
text-transform: initial;
padding: 10px 20px;
transition: 0.3s;
color: #fff;
letter-spacing: 1.4px;

&:hover {
background: $colorBtnPrimaryHover;
}
}
}
}
*/
.site-header__cart-toggle {
  font-size: 1.25em;
  color: #fff;
  -webkit-transition: all .3s;
  /* Safari */
  transition: all .3s; }
  .site-header__cart-toggle:hover {
    color: #9ba5af;
    text-decoration: none;
    tansition: 0.3s; }
  .site-header__cart-toggle .icon-cart {
    top: 1px;
    position: relative; }
    @media screen and (max-width: 900px) {
      .site-header__cart-toggle .icon-cart {
        color: #ff4338 !important; } }
  .site-header__cart-toggle.site-nav--active {
    color: #ff4338; }

/*================ Home to hamburger and cart that toggle drawers ================*/
.text-right .site-nav--mobile {
  margin: 0; }

.site-nav--mobile .site-nav__link {
  padding: .3em 15px 0  0; }
  .site-nav--mobile .site-nav__link .icon {
    font-size: 1.3em; }

.site-nav--mobile button {
  top: -2px;
  position: relative;
  font-size: 1.4em;
  padding: 5px 15px; }

.site-nav__link {
  font-weight: normal;
  display: block;
  text-decoration: none;
  padding: .75em 1em;
  white-space: nowrap;
  color: #000000;
  transition: 0.2s;
  line-height: 1.13;
  -webkit-font-smoothing: antialiased; }
  .site-nav__link:hover, .site-nav__link:active, .site-nav__link:focus {
    color: #9ba5af;
    text-decoration: none; }
  .site-nav__link .icon-arrow-down {
    position: relative;
    top: -2px;
    font-size: 10px;
    padding-left: 7.5px; }
  .site-nav--active > .site-nav__link {
    color: #ff4338; }
  .site-nav--mobile .site-nav__link {
    display: inline-block; }

.light .site-nav__link {
  color: #ffffff; }

.light .site-nav--active .site-nav__link {
  color: #ff4338 !important; }

/*================ Dropdowns ================*/
.site-nav__dropdown {
  display: none;
  position: absolute;
  left: 0;
  margin: 0;
  z-index: 5; }
  .supports-no-touch .site-nav--has-dropdown:hover .site-nav__dropdown,
  .site-nav--has-dropdown.nav-hover .site-nav__dropdown,
  .nav-focus + .site-nav__dropdown {
    display: block; }
  .site-nav__dropdown a {
    background-color: transparent; }
    .site-nav__dropdown a:hover, .site-nav__dropdown a:active, .site-nav__dropdown a:focus {
      background-color: transparent; }

/*================ Search bar in header ================*/
.nav-search {
  position: relative;
  padding: 10px 0; }
  @media screen and (max-width: 900px) {
    .nav-search {
      padding: 0 0 15px;
      margin: 0 auto;
      text-align: center; } }

/*============================================================================
#Mobile Nav
- List of items inside the mobile drawer
==============================================================================*/
/* The side navigation menu */
#NavDrawer {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 0;
  background-color: #000;
  overflow-x: hidden;
  padding-top: 60px;
  transition: 0.5s; }
  #NavDrawer a {
    transition: 0.3s; }
  #NavDrawer .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px; }
    #NavDrawer .closebtn:hover {
      text-decoration: none; }

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px; }
    .sidenav a {
      font-size: 18px; } }

.mobile-nav {
  margin: 0; }
  .mobile-nav li {
    margin-bottom: 0; }

.mobile-nav__search {
  padding: 15px; }
  .mobile-nav__search .search-bar {
    margin-bottom: 0; }

.mobile-nav__item {
  position: relative;
  display: block;
  border-bottom: 1px solid #1a1a1a; }
  .mobile-nav > .mobile-nav__item {
    background-color: #000; }
  .mobile-nav__item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px; }
  .mobile-nav > .mobile-nav__item:last-child:after {
    display: none; }

.mobile-nav__item a {
  display: block; }

.mobile-nav__item a,
.mobile-nav__toggle button {
  color: #fff;
  padding: 15px;
  text-decoration: none; }
  .mobile-nav__item a:hover, .mobile-nav__item a:active, .mobile-nav__item a:focus,
  .mobile-nav__toggle button:hover,
  .mobile-nav__toggle button:active,
  .mobile-nav__toggle button:focus {
    color: #d9d9d9; }
  .mobile-nav__item a:active, .mobile-nav__item a:focus,
  .mobile-nav__toggle button:active,
  .mobile-nav__toggle button:focus {
    background-color: black; }

.mobile-nav__item--active a {
  color: #ff4338; }

.mobile-nav__has-sublist {
  display: table;
  width: 100%; }
  .mobile-nav__has-sublist .mobile-nav__link {
    display: table-cell;
    vertical-align: middle;
    width: 100%; }

.mobile-nav__toggle {
  display: table-cell;
  vertical-align: middle;
  width: 1%; }

.mobile-nav--expanded .mobile-nav__toggle-open {
  display: none; }

.mobile-nav__toggle-close {
  display: none; }
  .mobile-nav--expanded .mobile-nav__toggle-close {
    display: block; }

.mobile-nav__sublist {
  margin: 0;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .mobile-nav--expanded + .mobile-nav__sublist {
    visibility: visible;
    max-height: 700px;
    transition: all 700ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  .mobile-nav__sublist .mobile-nav__item:after {
    top: 0;
    bottom: auto; }
  .mobile-nav__sublist .mobile-nav__link {
    padding-left: 30px;
    font-weight: normal; }

.icon-cart {
  padding: 5px; }

.icon-menu {
  color: #000000;
  font-size: 1.4em;
  position: relative;
  line-height: 1em;
  top: 5px; }
  .icon-menu.light {
    color: #ffffff; }

/*============================================================================
  #Owl Carousel v2.2.1
==============================================================================*/
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #9ba5af;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #ff4338;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #9ba5af;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #ff4338; }

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*
 * 	Owl Carousel - Custom Styles
 */
.owl-carousel .owl-nav {
  margin-top: 10px;
  text-align: center; }
  .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    font-size: 0px;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 40%;
    opacity: 0;
    transition: opacity 200ms ease; }
    .owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover {
      opacity: 1; }
  .owl-carousel .owl-nav .owl-next {
    right: 10px;
    background-image: url(); }
  .owl-carousel .owl-nav .owl-prev {
    left: 10px;
    background-image: url(); }

.owl-carousel:hover .owl-next, .owl-carousel:hover .owl-prev {
  opacity: 0.8; }

.owl-carousel .owl-dots {
  text-align: center;
  margin-top: 15px; }
  .owl-carousel .owl-dots .owl-dot {
    display: inline-block; }
    .owl-carousel .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #9ba5af;
      display: block;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
      background: #ff4338; }

/*============================================================================
  #Support Pages
==============================================================================*/
#led-explained .on, #led-explained .off {
  color: #98A4AE;
  font-size: 2em; }

#led-explained .on {
  color: #ff4338; }

#led-explained td {
  vertical-align: text-top;
  border: none; }
  #led-explained td.led {
    text-align: right; }

#featured-heading {
  background: #000000;
  padding: 300px 0 200px;
  margin-bottom: -80px; }
  @media screen and (max-width: 900px) {
    #featured-heading {
      padding: 300px 30px 200px; } }
  @media screen and (max-width: 600px) {
    #featured-heading {
      padding: 180px 10px 160px;
      margin-bottom: -40px;
      background-size: auto 100%;
      background-position: top right -300px; } }
  #featured-heading h1, #featured-heading .h1 {
    color: #fff;
    font-size: 66px; }
    @media screen and (min-width: 901px) {
      #featured-heading h1, #featured-heading .h1 {
        max-width: 95%; } }
    @media screen and (max-width: 600px) {
      #featured-heading h1, #featured-heading .h1 {
        font-size: 45px; } }

#sidebar h4, #sidebar .h4, #sidebar-navigation h4, #sidebar-navigation .h4 {
  font-size: 1.3em; }

#sidebar a, #sidebar-navigation a {
  color: #ff4338; }

@media screen and (min-width: 901px) {
  #sidebar {
    padding-top: 110px; } }

#sidebar-navigation ul {
  list-style: none;
  font-size: 14px; }
  #sidebar-navigation ul a {
    color: #3f5360; }
    #sidebar-navigation ul a.sidebar-nav--active {
      opacity: 0.6;
      text-decoration: none; }
    #sidebar-navigation ul a:hover {
      text-decoration: underline;
      opacity: 0.6; }
    #sidebar-navigation ul a:active {
      color: #ff4338; }

#sidebar-navigation.faq-sidebar {
  transition: padding 0.5s; }

#terms-navigation {
  margin-bottom: 50px; }
  #terms-navigation li {
    border-right: 1px solid;
    line-height: 0.8em;
    padding: 0 5px 0 0; }
    #terms-navigation li:last-of-type {
      border: none; }
  #terms-navigation a {
    font-size: 14px;
    color: #3f5360; }
    #terms-navigation a.sidebar-nav--active {
      opacity: 0.6;
      text-decoration: none; }
    #terms-navigation a:hover {
      text-decoration: underline;
      opacity: 0.6; }
    #terms-navigation a:active {
      color: #ff4338; }

#getting-started {
  margin-top: 0; }

.tags {
  display: block;
  margin: 0 0 32px;
  padding: 32px 0 0;
  list-style: none; }

.tags li {
  display: inline-block;
  margin-right: 10px; }

.tags a {
  display: inline-block;
  background: rgba(0, 0, 0, 0.05);
  color: #445566;
  cursor: pointer;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 2px; }

.technology-feature {
  margin-bottom: 60px; }
  .technology-feature img {
    margin-bottom: 30px;
    max-width: 120px; }
  .technology-feature p {
    text-align: left; }
  .technology-feature h3, .technology-feature .h3 {
    margin-bottom: 30px; }

@media screen and (min-width: 901px) {
  .design-feature {
    margin-bottom: 82.5px; } }

@media screen and (max-width: 600px) {
  .design-feature img {
    margin-bottom: 24px; } }

.design-feature h2, .design-feature .h2 {
  margin-top: 60px; }
  @media screen and (max-width: 600px) {
    .design-feature h2, .design-feature .h2 {
      margin-top: 30px; } }

@media screen and (max-width: 600px) {
  .design-feature h3, .design-feature .h3 {
    margin-bottom: 20px; } }

.design-feature p {
  margin-right: 30px;
  margin-bottom: 30px; }
  @media screen and (max-width: 600px) {
    .design-feature p {
      margin-bottom: 60px; } }

.design-feature.last {
  margin-bottom: 60px; }
  @media screen and (min-width: 901px) {
    .design-feature.last {
      margin-bottom: 150px; } }

.processing-chain {
  margin-bottom: 90px; }
  .processing-chain .feature-text-large {
    max-width: 800px;
    margin: 0 auto 90px; }

.processing-item {
  margin-bottom: 30px; }
  @media screen and (min-width: 600px) {
    .processing-item {
      display: flex;
      justify-content: center;
      flex-direction: column;
      height: 142px;
      margin-bottom: 0; } }
  .processing-item p {
    margin: 0; }
  .processing-item strong {
    color: #000000; }

.icon-animation svg {
  display: inline-block;
  vertical-align: top; }
  @media screen and (max-width: 600px) {
    .icon-animation svg {
      width: 120px;
      margin-bottom: 20px; } }

.icon-animation.animate .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 5s linear forwards; }

.icon-animation.animate .path-short {
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
  animation: dash 5s linear forwards; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }

.supported-on {
  background: #f4f5f6;
  width: 100%;
  text-align: center;
  padding: 45px 0;
  margin-bottom: 90px; }
  .supported-on h3, .supported-on .h3 {
    margin-bottom: 30px; }
  .supported-on ul {
    margin: 0; }
    .supported-on ul li {
      list-style: none;
      display: inline-block;
      margin: 0 3vw;
      max-width: 12%; }
      @media screen and (max-width: 600px) {
        .supported-on ul li {
          max-width: 40%; } }
      @media only screen and (min-width: 1300px) {
        .supported-on ul li {
          margin: 0 4vw; } }

#engineering-feature img {
  width: 100%;
  margin-bottom: 30px; }

#engineering-feature h3, #engineering-feature .h3 {
  margin-bottom: 15px; }

#engineering-feature .feature-text-large {
  max-width: 660px;
  margin: 0 auto 90px; }

.tiles {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 64px; }
  .tiles .item {
    background: #fff;
    box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.2);
    padding: 30px;
    height: 300px;
    width: 300px;
    flex-basis: 300px;
    margin: 20px;
    display: flex;
    justify-content: center; }
    .tiles .item:hover {
      text-decoration: none; }
    .tiles .item .image {
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      display: flex;
      justify-content: center;
      align-items: center; }
    .tiles .item .caption {
      text-align: center;
      box-shadow: 0px 0px 50px 100px rgba(255, 255, 255, 0.75);
      background: rgba(255, 255, 255, 0.75);
      color: #3c3c3c;
      font-weight: 300;
      margin: 0;
      opacity: 0;
      transition: all .15s; }
    .tiles .item:hover .caption {
      opacity: 1; }

img[data-action="zoom"] {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in; }

.zoom-img,
.zoom-img-wrap {
  position: relative;
  z-index: 666;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }

img.zoom-img {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out; }

.zoom-overlay {
  z-index: 420;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  filter: "alpha(opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms; }

.zoom-overlay-open .zoom-overlay {
  filter: "alpha(opacity=100)";
  opacity: 1; }

.zoom-overlay-open,
.zoom-overlay-transitioning {
  cursor: default; }