/*================ #Mixins ================*/
/*================ Media Query Mixin ================*/
/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*============================================================================
  Flexbox prefix mixins from Bourbon
    https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_flex-box.scss
==============================================================================*/
/*================ VARIABLES ================*/
/*============================================================================
  Grid Breakpoints and Class Names
    - Do not change the variable names
    - Breakpoint pixel values are used in the window.theme.breakpoints object
    - These values are hard-copied within `search.js` and must be kept in sync!
==============================================================================*/
/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $grid-breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
==============================================================================*/
/*================ Sizing Variables ================*/
/*============================================================================
  #Grid
==============================================================================*/
.grid {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px; }
  .grid::after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (max-width: 749px) {
    .grid {
      margin-left: -22px; } }

.grid__item {
  float: left;
  padding-left: 30px;
  width: 100%; }
  @media only screen and (max-width: 749px) {
    .grid__item {
      padding-left: 22px; } }
  .grid__item[class*="--push"] {
    position: relative; }

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

.grid--table {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .grid--table > .grid__item {
    float: none;
    display: table-cell;
    vertical-align: middle; }

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

.grid--half-gutters {
  margin-left: -15px; }
  .grid--half-gutters > .grid__item {
    padding-left: 15px; }

.grid--double-gutters {
  margin-left: -60px; }
  .grid--double-gutters > .grid__item {
    padding-left: 60px; }

.grid--triple-gutters {
  margin-left: -90px; }
  .grid--triple-gutters > .grid__item {
    padding-left: 90px; }

.grid--flush-bottom {
  margin-bottom: -55px;
  overflow: auto; }
  .grid--flush-bottom > .grid__item {
    margin-bottom: 55px; }

/*============================================================================
  Grid Columns
    - Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Grid push classes ================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Build Base Grid Classes ================*/
/* Whole */
.one-whole {
  width: 100%; }

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

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

.two-thirds {
  width: 66.66667%; }

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

.two-sixths {
  width: 33.33333%; }

.three-sixths {
  width: 50%; }

.four-sixths {
  width: 66.66667%; }

.five-sixths {
  width: 83.33333%; }

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

.two-twelfths {
  width: 16.66667%; }

.three-twelfths {
  width: 25%; }

.four-twelfths {
  width: 33.33333%; }

.five-twelfths {
  width: 41.66667%; }

.six-twelfths {
  width: 50%; }

.seven-twelfths {
  width: 58.33333%; }

.eight-twelfths {
  width: 66.66667%; }

.nine-twelfths {
  width: 75%; }

.ten-twelfths {
  width: 83.33333%; }

.eleven-twelfths {
  width: 91.66667%; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

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

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

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

/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 749px) {
  /* Whole */
  .small--one-whole {
    width: 100%; }
  /* Halves */
  .small--one-half {
    width: 50%; }
  /* Thirds */
  .small--one-third {
    width: 33.33333%; }
  .small--two-thirds {
    width: 66.66667%; }
  /* 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.66667%; }
  .small--two-sixths {
    width: 33.33333%; }
  .small--three-sixths {
    width: 50%; }
  .small--four-sixths {
    width: 66.66667%; }
  .small--five-sixths {
    width: 83.33333%; }
  /* 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.33333%; }
  .small--two-twelfths {
    width: 16.66667%; }
  .small--three-twelfths {
    width: 25%; }
  .small--four-twelfths {
    width: 33.33333%; }
  .small--five-twelfths {
    width: 41.66667%; }
  .small--six-twelfths {
    width: 50%; }
  .small--seven-twelfths {
    width: 58.33333%; }
  .small--eight-twelfths {
    width: 66.66667%; }
  .small--nine-twelfths {
    width: 75%; }
  .small--ten-twelfths {
    width: 83.33333%; }
  .small--eleven-twelfths {
    width: 91.66667%; }
  .grid--uniform .small--one-half:nth-child(2n+1),
  .grid--uniform .small--one-third:nth-child(3n+1),
  .grid--uniform .small--one-quarter:nth-child(4n+1),
  .grid--uniform .small--one-fifth:nth-child(5n+1),
  .grid--uniform .small--one-sixth:nth-child(6n+1),
  .grid--uniform .small--two-sixths:nth-child(3n+1),
  .grid--uniform .small--three-sixths:nth-child(2n+1),
  .grid--uniform .small--one-eighth:nth-child(8n+1),
  .grid--uniform .small--two-eighths:nth-child(4n+1),
  .grid--uniform .small--four-eighths:nth-child(2n+1),
  .grid--uniform .small--five-tenths:nth-child(2n+1),
  .grid--uniform .small--one-twelfth:nth-child(12n+1),
  .grid--uniform .small--two-twelfths:nth-child(6n+1),
  .grid--uniform .small--three-twelfths:nth-child(4n+1),
  .grid--uniform .small--four-twelfths:nth-child(3n+1),
  .grid--uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both; }
  .small--show {
    display: block !important; }
  .small--hide {
    display: none !important; }
  .small--text-left {
    text-align: left !important; }
  .small--text-right {
    text-align: right !important; }
  .small--text-center {
    text-align: center !important; } }

@media only screen and (min-width: 750px) {
  /* Whole */
  .medium-up--one-whole {
    width: 100%; }
  /* Halves */
  .medium-up--one-half {
    width: 50%; }
  /* Thirds */
  .medium-up--one-third {
    width: 33.33333%; }
  .medium-up--two-thirds {
    width: 66.66667%; }
  /* Quarters */
  .medium-up--one-quarter {
    width: 25%; }
  .medium-up--two-quarters {
    width: 50%; }
  .medium-up--three-quarters {
    width: 75%; }
  /* Fifths */
  .medium-up--one-fifth {
    width: 20%; }
  .medium-up--two-fifths {
    width: 40%; }
  .medium-up--three-fifths {
    width: 60%; }
  .medium-up--four-fifths {
    width: 80%; }
  /* Sixths */
  .medium-up--one-sixth {
    width: 16.66667%; }
  .medium-up--two-sixths {
    width: 33.33333%; }
  .medium-up--three-sixths {
    width: 50%; }
  .medium-up--four-sixths {
    width: 66.66667%; }
  .medium-up--five-sixths {
    width: 83.33333%; }
  /* Eighths */
  .medium-up--one-eighth {
    width: 12.5%; }
  .medium-up--two-eighths {
    width: 25%; }
  .medium-up--three-eighths {
    width: 37.5%; }
  .medium-up--four-eighths {
    width: 50%; }
  .medium-up--five-eighths {
    width: 62.5%; }
  .medium-up--six-eighths {
    width: 75%; }
  .medium-up--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .medium-up--one-tenth {
    width: 10%; }
  .medium-up--two-tenths {
    width: 20%; }
  .medium-up--three-tenths {
    width: 30%; }
  .medium-up--four-tenths {
    width: 40%; }
  .medium-up--five-tenths {
    width: 50%; }
  .medium-up--six-tenths {
    width: 60%; }
  .medium-up--seven-tenths {
    width: 70%; }
  .medium-up--eight-tenths {
    width: 80%; }
  .medium-up--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .medium-up--one-twelfth {
    width: 8.33333%; }
  .medium-up--two-twelfths {
    width: 16.66667%; }
  .medium-up--three-twelfths {
    width: 25%; }
  .medium-up--four-twelfths {
    width: 33.33333%; }
  .medium-up--five-twelfths {
    width: 41.66667%; }
  .medium-up--six-twelfths {
    width: 50%; }
  .medium-up--seven-twelfths {
    width: 58.33333%; }
  .medium-up--eight-twelfths {
    width: 66.66667%; }
  .medium-up--nine-twelfths {
    width: 75%; }
  .medium-up--ten-twelfths {
    width: 83.33333%; }
  .medium-up--eleven-twelfths {
    width: 91.66667%; }
  .grid--uniform .medium-up--one-half:nth-child(2n+1),
  .grid--uniform .medium-up--one-third:nth-child(3n+1),
  .grid--uniform .medium-up--one-quarter:nth-child(4n+1),
  .grid--uniform .medium-up--one-fifth:nth-child(5n+1),
  .grid--uniform .medium-up--one-sixth:nth-child(6n+1),
  .grid--uniform .medium-up--two-sixths:nth-child(3n+1),
  .grid--uniform .medium-up--three-sixths:nth-child(2n+1),
  .grid--uniform .medium-up--one-eighth:nth-child(8n+1),
  .grid--uniform .medium-up--two-eighths:nth-child(4n+1),
  .grid--uniform .medium-up--four-eighths:nth-child(2n+1),
  .grid--uniform .medium-up--five-tenths:nth-child(2n+1),
  .grid--uniform .medium-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .medium-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .medium-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .medium-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .medium-up--six-twelfths:nth-child(2n+1) {
    clear: both; }
  .medium-up--show {
    display: block !important; }
  .medium-up--hide {
    display: none !important; }
  .medium-up--text-left {
    text-align: left !important; }
  .medium-up--text-right {
    text-align: right !important; }
  .medium-up--text-center {
    text-align: center !important; } }

@media only screen and (min-width: 990px) {
  /* Whole */
  .large-up--one-whole {
    width: 100%; }
  /* Halves */
  .large-up--one-half {
    width: 50%; }
  /* Thirds */
  .large-up--one-third {
    width: 33.33333%; }
  .large-up--two-thirds {
    width: 66.66667%; }
  /* Quarters */
  .large-up--one-quarter {
    width: 25%; }
  .large-up--two-quarters {
    width: 50%; }
  .large-up--three-quarters {
    width: 75%; }
  /* Fifths */
  .large-up--one-fifth {
    width: 20%; }
  .large-up--two-fifths {
    width: 40%; }
  .large-up--three-fifths {
    width: 60%; }
  .large-up--four-fifths {
    width: 80%; }
  /* Sixths */
  .large-up--one-sixth {
    width: 16.66667%; }
  .large-up--two-sixths {
    width: 33.33333%; }
  .large-up--three-sixths {
    width: 50%; }
  .large-up--four-sixths {
    width: 66.66667%; }
  .large-up--five-sixths {
    width: 83.33333%; }
  /* Eighths */
  .large-up--one-eighth {
    width: 12.5%; }
  .large-up--two-eighths {
    width: 25%; }
  .large-up--three-eighths {
    width: 37.5%; }
  .large-up--four-eighths {
    width: 50%; }
  .large-up--five-eighths {
    width: 62.5%; }
  .large-up--six-eighths {
    width: 75%; }
  .large-up--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .large-up--one-tenth {
    width: 10%; }
  .large-up--two-tenths {
    width: 20%; }
  .large-up--three-tenths {
    width: 30%; }
  .large-up--four-tenths {
    width: 40%; }
  .large-up--five-tenths {
    width: 50%; }
  .large-up--six-tenths {
    width: 60%; }
  .large-up--seven-tenths {
    width: 70%; }
  .large-up--eight-tenths {
    width: 80%; }
  .large-up--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .large-up--one-twelfth {
    width: 8.33333%; }
  .large-up--two-twelfths {
    width: 16.66667%; }
  .large-up--three-twelfths {
    width: 25%; }
  .large-up--four-twelfths {
    width: 33.33333%; }
  .large-up--five-twelfths {
    width: 41.66667%; }
  .large-up--six-twelfths {
    width: 50%; }
  .large-up--seven-twelfths {
    width: 58.33333%; }
  .large-up--eight-twelfths {
    width: 66.66667%; }
  .large-up--nine-twelfths {
    width: 75%; }
  .large-up--ten-twelfths {
    width: 83.33333%; }
  .large-up--eleven-twelfths {
    width: 91.66667%; }
  .grid--uniform .large-up--one-half:nth-child(2n+1),
  .grid--uniform .large-up--one-third:nth-child(3n+1),
  .grid--uniform .large-up--one-quarter:nth-child(4n+1),
  .grid--uniform .large-up--one-fifth:nth-child(5n+1),
  .grid--uniform .large-up--one-sixth:nth-child(6n+1),
  .grid--uniform .large-up--two-sixths:nth-child(3n+1),
  .grid--uniform .large-up--three-sixths:nth-child(2n+1),
  .grid--uniform .large-up--one-eighth:nth-child(8n+1),
  .grid--uniform .large-up--two-eighths:nth-child(4n+1),
  .grid--uniform .large-up--four-eighths:nth-child(2n+1),
  .grid--uniform .large-up--five-tenths:nth-child(2n+1),
  .grid--uniform .large-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .large-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .large-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .large-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .large-up--six-twelfths:nth-child(2n+1) {
    clear: both; }
  .large-up--show {
    display: block !important; }
  .large-up--hide {
    display: none !important; }
  .large-up--text-left {
    text-align: left !important; }
  .large-up--text-right {
    text-align: right !important; }
  .large-up--text-center {
    text-align: center !important; } }

@media only screen and (max-width: 989px) {
  /* Whole */
  .medium-down--one-whole {
    width: 100%; }
  /* Halves */
  .medium-down--one-half {
    width: 50%; }
  /* Thirds */
  .medium-down--one-third {
    width: 33.33333%; }
  .medium-down--two-thirds {
    width: 66.66667%; }
  /* 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.66667%; }
  .medium-down--two-sixths {
    width: 33.33333%; }
  .medium-down--three-sixths {
    width: 50%; }
  .medium-down--four-sixths {
    width: 66.66667%; }
  .medium-down--five-sixths {
    width: 83.33333%; }
  /* 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.33333%; }
  .medium-down--two-twelfths {
    width: 16.66667%; }
  .medium-down--three-twelfths {
    width: 25%; }
  .medium-down--four-twelfths {
    width: 33.33333%; }
  .medium-down--five-twelfths {
    width: 41.66667%; }
  .medium-down--six-twelfths {
    width: 50%; }
  .medium-down--seven-twelfths {
    width: 58.33333%; }
  .medium-down--eight-twelfths {
    width: 66.66667%; }
  .medium-down--nine-twelfths {
    width: 75%; }
  .medium-down--ten-twelfths {
    width: 83.33333%; }
  .medium-down--eleven-twelfths {
    width: 91.66667%; }
  .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--one-eighth:nth-child(8n+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; }
  .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; } }

/*================ Build Grid Push Classes ================*/
@media only screen and (max-width: 749px) {
  /* Halves */
  .small--push-one-half {
    left: 50%; }
  /* Thirds */
  .small--push-one-third {
    left: 33.33333%; }
  .small--push-two-thirds {
    left: 66.66667%; }
  /* Quarters */
  .small--push-one-quarter {
    left: 25%; }
  .small--push-two-quarters {
    left: 50%; }
  .small--push-three-quarters {
    left: 75%; }
  /* Fifths */
  .small--push-one-fifth {
    left: 20%; }
  .small--push-two-fifths {
    left: 40%; }
  .small--push-three-fifths {
    left: 60%; }
  .small--push-four-fifths {
    left: 80%; }
  /* Sixths */
  .small--push-one-sixth {
    left: 16.66667%; }
  .small--push-two-sixths {
    left: 33.33333%; }
  .small--push-three-sixths {
    left: 50%; }
  .small--push-four-sixths {
    left: 66.66667%; }
  .small--push-five-sixths {
    left: 83.33333%; }
  /* Eighths */
  .small--push-one-eighth {
    left: 12.5%; }
  .small--push-two-eighths {
    left: 25%; }
  .small--push-three-eighths {
    left: 37.5%; }
  .small--push-four-eighths {
    left: 50%; }
  .small--push-five-eighths {
    left: 62.5%; }
  .small--push-six-eighths {
    left: 75%; }
  .small--push-seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .small--push-one-tenth {
    left: 10%; }
  .small--push-two-tenths {
    left: 20%; }
  .small--push-three-tenths {
    left: 30%; }
  .small--push-four-tenths {
    left: 40%; }
  .small--push-five-tenths {
    left: 50%; }
  .small--push-six-tenths {
    left: 60%; }
  .small--push-seven-tenths {
    left: 70%; }
  .small--push-eight-tenths {
    left: 80%; }
  .small--push-nine-tenths {
    left: 90%; }
  /* Twelfths */
  .small--push-one-twelfth {
    left: 8.33333%; }
  .small--push-two-twelfths {
    left: 16.66667%; }
  .small--push-three-twelfths {
    left: 25%; }
  .small--push-four-twelfths {
    left: 33.33333%; }
  .small--push-five-twelfths {
    left: 41.66667%; }
  .small--push-six-twelfths {
    left: 50%; }
  .small--push-seven-twelfths {
    left: 58.33333%; }
  .small--push-eight-twelfths {
    left: 66.66667%; }
  .small--push-nine-twelfths {
    left: 75%; }
  .small--push-ten-twelfths {
    left: 83.33333%; }
  .small--push-eleven-twelfths {
    left: 91.66667%; } }

@media only screen and (min-width: 750px) {
  /* Halves */
  .medium-up--push-one-half {
    left: 50%; }
  /* Thirds */
  .medium-up--push-one-third {
    left: 33.33333%; }
  .medium-up--push-two-thirds {
    left: 66.66667%; }
  /* Quarters */
  .medium-up--push-one-quarter {
    left: 25%; }
  .medium-up--push-two-quarters {
    left: 50%; }
  .medium-up--push-three-quarters {
    left: 75%; }
  /* Fifths */
  .medium-up--push-one-fifth {
    left: 20%; }
  .medium-up--push-two-fifths {
    left: 40%; }
  .medium-up--push-three-fifths {
    left: 60%; }
  .medium-up--push-four-fifths {
    left: 80%; }
  /* Sixths */
  .medium-up--push-one-sixth {
    left: 16.66667%; }
  .medium-up--push-two-sixths {
    left: 33.33333%; }
  .medium-up--push-three-sixths {
    left: 50%; }
  .medium-up--push-four-sixths {
    left: 66.66667%; }
  .medium-up--push-five-sixths {
    left: 83.33333%; }
  /* Eighths */
  .medium-up--push-one-eighth {
    left: 12.5%; }
  .medium-up--push-two-eighths {
    left: 25%; }
  .medium-up--push-three-eighths {
    left: 37.5%; }
  .medium-up--push-four-eighths {
    left: 50%; }
  .medium-up--push-five-eighths {
    left: 62.5%; }
  .medium-up--push-six-eighths {
    left: 75%; }
  .medium-up--push-seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .medium-up--push-one-tenth {
    left: 10%; }
  .medium-up--push-two-tenths {
    left: 20%; }
  .medium-up--push-three-tenths {
    left: 30%; }
  .medium-up--push-four-tenths {
    left: 40%; }
  .medium-up--push-five-tenths {
    left: 50%; }
  .medium-up--push-six-tenths {
    left: 60%; }
  .medium-up--push-seven-tenths {
    left: 70%; }
  .medium-up--push-eight-tenths {
    left: 80%; }
  .medium-up--push-nine-tenths {
    left: 90%; }
  /* Twelfths */
  .medium-up--push-one-twelfth {
    left: 8.33333%; }
  .medium-up--push-two-twelfths {
    left: 16.66667%; }
  .medium-up--push-three-twelfths {
    left: 25%; }
  .medium-up--push-four-twelfths {
    left: 33.33333%; }
  .medium-up--push-five-twelfths {
    left: 41.66667%; }
  .medium-up--push-six-twelfths {
    left: 50%; }
  .medium-up--push-seven-twelfths {
    left: 58.33333%; }
  .medium-up--push-eight-twelfths {
    left: 66.66667%; }
  .medium-up--push-nine-twelfths {
    left: 75%; }
  .medium-up--push-ten-twelfths {
    left: 83.33333%; }
  .medium-up--push-eleven-twelfths {
    left: 91.66667%; } }

@media only screen and (min-width: 990px) {
  /* Halves */
  .large-up--push-one-half {
    left: 50%; }
  /* Thirds */
  .large-up--push-one-third {
    left: 33.33333%; }
  .large-up--push-two-thirds {
    left: 66.66667%; }
  /* Quarters */
  .large-up--push-one-quarter {
    left: 25%; }
  .large-up--push-two-quarters {
    left: 50%; }
  .large-up--push-three-quarters {
    left: 75%; }
  /* Fifths */
  .large-up--push-one-fifth {
    left: 20%; }
  .large-up--push-two-fifths {
    left: 40%; }
  .large-up--push-three-fifths {
    left: 60%; }
  .large-up--push-four-fifths {
    left: 80%; }
  /* Sixths */
  .large-up--push-one-sixth {
    left: 16.66667%; }
  .large-up--push-two-sixths {
    left: 33.33333%; }
  .large-up--push-three-sixths {
    left: 50%; }
  .large-up--push-four-sixths {
    left: 66.66667%; }
  .large-up--push-five-sixths {
    left: 83.33333%; }
  /* Eighths */
  .large-up--push-one-eighth {
    left: 12.5%; }
  .large-up--push-two-eighths {
    left: 25%; }
  .large-up--push-three-eighths {
    left: 37.5%; }
  .large-up--push-four-eighths {
    left: 50%; }
  .large-up--push-five-eighths {
    left: 62.5%; }
  .large-up--push-six-eighths {
    left: 75%; }
  .large-up--push-seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .large-up--push-one-tenth {
    left: 10%; }
  .large-up--push-two-tenths {
    left: 20%; }
  .large-up--push-three-tenths {
    left: 30%; }
  .large-up--push-four-tenths {
    left: 40%; }
  .large-up--push-five-tenths {
    left: 50%; }
  .large-up--push-six-tenths {
    left: 60%; }
  .large-up--push-seven-tenths {
    left: 70%; }
  .large-up--push-eight-tenths {
    left: 80%; }
  .large-up--push-nine-tenths {
    left: 90%; }
  /* Twelfths */
  .large-up--push-one-twelfth {
    left: 8.33333%; }
  .large-up--push-two-twelfths {
    left: 16.66667%; }
  .large-up--push-three-twelfths {
    left: 25%; }
  .large-up--push-four-twelfths {
    left: 33.33333%; }
  .large-up--push-five-twelfths {
    left: 41.66667%; }
  .large-up--push-six-twelfths {
    left: 50%; }
  .large-up--push-seven-twelfths {
    left: 58.33333%; }
  .large-up--push-eight-twelfths {
    left: 66.66667%; }
  .large-up--push-nine-twelfths {
    left: 75%; }
  .large-up--push-ten-twelfths {
    left: 83.33333%; }
  .large-up--push-eleven-twelfths {
    left: 91.66667%; } }

@media only screen and (max-width: 989px) {
  /* Halves */
  .medium-down--push-one-half {
    left: 50%; }
  /* Thirds */
  .medium-down--push-one-third {
    left: 33.33333%; }
  .medium-down--push-two-thirds {
    left: 66.66667%; }
  /* Quarters */
  .medium-down--push-one-quarter {
    left: 25%; }
  .medium-down--push-two-quarters {
    left: 50%; }
  .medium-down--push-three-quarters {
    left: 75%; }
  /* Fifths */
  .medium-down--push-one-fifth {
    left: 20%; }
  .medium-down--push-two-fifths {
    left: 40%; }
  .medium-down--push-three-fifths {
    left: 60%; }
  .medium-down--push-four-fifths {
    left: 80%; }
  /* Sixths */
  .medium-down--push-one-sixth {
    left: 16.66667%; }
  .medium-down--push-two-sixths {
    left: 33.33333%; }
  .medium-down--push-three-sixths {
    left: 50%; }
  .medium-down--push-four-sixths {
    left: 66.66667%; }
  .medium-down--push-five-sixths {
    left: 83.33333%; }
  /* Eighths */
  .medium-down--push-one-eighth {
    left: 12.5%; }
  .medium-down--push-two-eighths {
    left: 25%; }
  .medium-down--push-three-eighths {
    left: 37.5%; }
  .medium-down--push-four-eighths {
    left: 50%; }
  .medium-down--push-five-eighths {
    left: 62.5%; }
  .medium-down--push-six-eighths {
    left: 75%; }
  .medium-down--push-seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .medium-down--push-one-tenth {
    left: 10%; }
  .medium-down--push-two-tenths {
    left: 20%; }
  .medium-down--push-three-tenths {
    left: 30%; }
  .medium-down--push-four-tenths {
    left: 40%; }
  .medium-down--push-five-tenths {
    left: 50%; }
  .medium-down--push-six-tenths {
    left: 60%; }
  .medium-down--push-seven-tenths {
    left: 70%; }
  .medium-down--push-eight-tenths {
    left: 80%; }
  .medium-down--push-nine-tenths {
    left: 90%; }
  /* Twelfths */
  .medium-down--push-one-twelfth {
    left: 8.33333%; }
  .medium-down--push-two-twelfths {
    left: 16.66667%; }
  .medium-down--push-three-twelfths {
    left: 25%; }
  .medium-down--push-four-twelfths {
    left: 33.33333%; }
  .medium-down--push-five-twelfths {
    left: 41.66667%; }
  .medium-down--push-six-twelfths {
    left: 50%; }
  .medium-down--push-seven-twelfths {
    left: 58.33333%; }
  .medium-down--push-eight-twelfths {
    left: 66.66667%; }
  .medium-down--push-nine-twelfths {
    left: 75%; }
  .medium-down--push-ten-twelfths {
    left: 83.33333%; }
  .medium-down--push-eleven-twelfths {
    left: 91.66667%; } }

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

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

.visibility-hidden {
  visibility: hidden; }

.visually-hidden--inline {
  margin: 0;
  height: 1em; }

.visually-hidden--static {
  position: static !important; }

.js-focus-hidden:focus {
  outline: none; }

.no-js:not(html) {
  display: none; }
  .no-js .no-js:not(html) {
    display: block; }

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

.hide {
  display: none !important; }

/************************ END OF BASE STYLES ****************************/
/*************** BRIAN EXTRA STYLES ********************/
/*================ Color Variables BD ================*/
@media only screen and (max-width: 749px) {
  .section-pad-side {
    padding: 0 35px; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .section-pad-side {
    padding: 0 27.5px; } }

@media only screen and (min-width: 990px) {
  .section-pad-side {
    padding: 0 55px; } }

@media only screen and (max-width: 749px) {
  .section-pad {
    padding: 35px; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .section-pad {
    padding: 27.5px; } }

@media only screen and (min-width: 990px) {
  .section-pad {
    padding: 55px; } }

@media only screen and (max-width: 749px) {
  .section-pad-no-top {
    padding: 0 35px 35px 35px; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .section-pad-no-top {
    padding: 0 27.5px 27.5px 27.5px; } }

@media only screen and (min-width: 990px) {
  .section-pad-no-top {
    padding: 0 55px 55px 55px; } }

@media only screen and (max-width: 749px) {
  .section-pad-no-bottom {
    padding: 35px 35px 0 35px; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .section-pad-no-bottom {
    padding: 27.5px 27.5px 0 27.5px; } }

@media only screen and (min-width: 990px) {
  .section-pad-no-bottom {
    padding: 55px 55px 0 55px; } }

@media only screen and (max-width: 749px) {
  .section-pad-right {
    padding: 0 35px 0 0; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .section-pad-right {
    padding: 0 27.5px 0 0; } }

@media only screen and (min-width: 990px) {
  .section-pad-right {
    padding: 0 55px 0 0; } }

@media only screen and (max-width: 749px) {
  .section-pad-left {
    padding: 0 0 0 35px; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .section-pad-left {
    padding: 0 0 0 27.5px; } }

@media only screen and (min-width: 990px) {
  .section-pad-left {
    padding: 0 0 0 55px; } }

@media only screen and (max-width: 749px) {
  .section-pad {
    padding: 35px 0; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .section-pad {
    padding: 27.5px 0; } }

@media only screen and (min-width: 990px) {
  .section-pad {
    padding: 55px 0; } }

@media only screen and (max-width: 749px) {
  .section-bottom-pad {
    padding: 0 0 35px; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .section-bottom-pad {
    padding: 0 0 27.5px; } }

@media only screen and (min-width: 990px) {
  .section-bottom-pad {
    padding: 0 0 55px; } }

@media only screen and (max-width: 749px) {
  .section-top-pad {
    padding: 35px 0 0; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .section-top-pad {
    padding: 27.5px 0 0; } }

@media only screen and (min-width: 990px) {
  .section-top-pad {
    padding: 55px 0 0; } }

@media only screen and (max-width: 749px) {
  .site-pad-side {
    padding: 0 20px; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .site-pad-side {
    padding: 0 22.5px; } }

@media only screen and (min-width: 990px) {
  .site-pad-side {
    padding: 0 45px; } }

@media only screen and (max-width: 749px) {
  .site-pad-top-bottom {
    padding: 20px 0; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .site-pad-top-bottom {
    padding: 22.5px 0; } }

@media only screen and (min-width: 990px) {
  .site-pad-top-bottom {
    padding: 45px 0; } }

@media only screen and (max-width: 749px) {
  .site-pad {
    padding: 20px; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .site-pad {
    padding: 22.5px; } }

@media only screen and (min-width: 990px) {
  .site-pad {
    padding: 45px; } }

@media only screen and (max-width: 749px) {
  .site-pad-no-top {
    padding: 0 20px 20px 20px; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .site-pad-no-top {
    padding: 0 22.5px 22.5px 22.5px; } }

@media only screen and (min-width: 990px) {
  .site-pad-no-top {
    padding: 0 45px 45px 45px; } }

@media only screen and (max-width: 749px) {
  .site-pad-no-bottom {
    padding: 20px 20px 0 20px; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .site-pad-no-bottom {
    padding: 22.5px 22.5px 0 22.5px; } }

@media only screen and (min-width: 990px) {
  .site-pad-no-bottom {
    padding: 45px 45px 0 45px; } }

@media only screen and (max-width: 749px) {
  .site-pad-right {
    padding: 0 20px 0 0; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .site-pad-right {
    padding: 0 22.5px 0 0; } }

@media only screen and (min-width: 990px) {
  .site-pad-right {
    padding: 0 45px 0 0; } }

@media only screen and (max-width: 749px) {
  .site-pad-left {
    padding: 0 0 0 20px; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .site-pad-left {
    padding: 0 0 0 22.5px; } }

@media only screen and (min-width: 990px) {
  .site-pad-left {
    padding: 0 0 0 45px; } }

@media only screen and (max-width: 749px) {
  .site-bottom-pad {
    padding: 0 0 20px; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .site-bottom-pad {
    padding: 0 0 22.5px; } }

@media only screen and (min-width: 990px) {
  .site-bottom-pad {
    padding: 0 0 45px; } }

@media only screen and (max-width: 749px) {
  .site-top-pad {
    padding: 20px 0 0; } }

@media only screen and (min-width: 750px) and (max-width: 989px) {
  .site-top-pad {
    padding: 22.5px 0 0; } }

@media only screen and (min-width: 990px) {
  .site-top-pad {
    padding: 45px 0 0; } }

/* COLORS */
.primary, .primary-color {
  color: #ffca00;
  fill: #ffca00; }
  .primary.dark, .primary-color.dark {
    color: #cca200;
    fill: #cca200; }
  .primary.light, .primary-color.light {
    color: #ffd533;
    fill: #ffd533; }

.secondary, .secondary-color {
  color: #000000;
  fill: #000000; }
  .secondary.dark, .secondary-color.dark {
    color: black;
    fill: black; }
  .secondary.light, .secondary-color.light {
    color: #1a1a1a;
    fill: #1a1a1a; }

.tertiary, .tertiary-color {
  color: #c72919;
  fill: #c72919; }
  .tertiary.dark, .tertiary-color.dark {
    color: #9a2013;
    fill: #9a2013; }

.blue {
  color: #00aeef;
  fill: #00aeef; }
  .blue.dark {
    color: #0089bc;
    fill: #0089bc; }
  .blue.light {
    color: #23c3ff;
    fill: #23c3ff; }

.blue-back {
  background-color: #00aeef; }

.orange {
  color: #ff7900;
  fill: #ff7900; }
  .orange.dark {
    color: #cc6100;
    fill: #cc6100; }
  .orange.light {
    color: #ff9433;
    fill: #ff9433; }

.blue-back {
  background-color: #00aeef; }

.light-gray {
  color: #d8d8d8;
  fill: #d8d8d8; }
  .light-gray.dark {
    color: #bfbfbf;
    fill: #bfbfbf; }
  .light-gray.light {
    color: #e53f2e;
    fill: #e53f2e; }

.light-gray-back {
  background-color: #d8d8d8; }

.white2-back {
  background-color: #f7f7f7; }

.white {
  color: #fff;
  fill: #fff; }

.dark, .black {
  color: #000;
  fill: #000; }

/* BACKGROUND COLORS */
.primary-color-back, .primary-back {
  background-color: #ffca00;
  fill: #ffca00;
  color: #fff; }

.secondary-color-back, .secondary-back {
  background-color: #000000;
  fill: #000000;
  color: #fff; }

.tertiary-color-back, .tertiary-back {
  background-color: #c72919;
  fill: #c72919; }

.white-back {
  background-color: #fff;
  fill: #fff;
  color: inherit; }

.black-back {
  background-color: #000;
  fill: #000;
  color: inherit; }

.gray-back {
  background-color: #6f6e6f;
  fill: #6f6e6f;
  color: #fff; }

.fence-back {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='.2'%3E%3Cdefs%3E%3Cpattern id='prefix__a' patternUnits='userSpaceOnUse' width='10' height='10' patternTransform='rotate(45)'%3E%3Cpath stroke='%23999' d='M5 0v10M0 5h10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23prefix__a)'/%3E%3C/svg%3E"); }

/* Custom */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.15; }

h1 {
  font-size: 38px;
  text-transform: none;
  letter-spacing: 0; }
  @media (max-width: 800px) {
    h1 {
      font-size: 30px; } }

h2 {
  font-size: 30px; }
  @media (max-width: 800px) {
    h2 {
      font-size: 24px; } }

h3 {
  font-size: 24px;
  text-transform: none;
  letter-spacing: 0; }
  @media (max-width: 800px) {
    h3 {
      font-size: 23.4px; } }

h4 {
  font-size: 20.4px; }
  @media (max-width: 800px) {
    h4 {
      font-size: 18.36px; } }

h5 {
  font-size: 17.4px; }
  @media (max-width: 800px) {
    h5 {
      font-size: 15.66px; } }

h6 {
  font-size: 16.2px; }
  @media (max-width: 800px) {
    h6 {
      font-size: 14.58px; } }

.h1 {
  font-size: 40px; }
  @media (max-width: 800px) {
    .h1 {
      font-size: 30px; } }

.h2 {
  font-size: 30px; }
  @media (max-width: 800px) {
    .h2 {
      font-size: 24px; } }

.h3 {
  font-size: 24px; }
  @media (max-width: 800px) {
    .h3 {
      font-size: 23.4px; } }

.h4 {
  font-size: 20.4px; }
  @media (max-width: 800px) {
    .h4 {
      font-size: 18.36px; } }

.h5 {
  font-size: 17.4px; }
  @media (max-width: 800px) {
    .h5 {
      font-size: 15.66px; } }

.h6 {
  font-size: 16.2px; }
  @media (max-width: 800px) {
    .h6 {
      font-size: 14.58px; } }

/********** GRID AND LAYOUT *********************/
.page-width {
  max-width: 1290px;
  margin: 0 auto;
  padding: 0 45px; }

section {
  width: 100%; }

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

.inline-flex {
  display: inline-flex; }

.flex-row {
  flex-flow: row;
  display: flex; }

.flex-column {
  display: flex;
  flex-flow: column; }

.flex-center {
  align-self: center; }

.just-center {
  justify-content: center; }

.just-right {
  justify-content: flex-end; }

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

.flex-right {
  flex-flow: row-reverse wrap; }

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

.align-bottom {
  align-items: flex-end; }

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

.row-reverse {
  flex-flow: row-reverse wrap; }

.flex-left {
  align-items: left; }

.flex-bottom {
  align-self: baseline; }

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

.flex-end {
  align-items: flex-end; }

.spaced {
  justify-content: space-between; }

.espaced {
  justify-content: space-evenly; }

.relative {
  position: relative; }

.underline {
  text-decoration: underline; }

.caps {
  text-transform: uppercase; }

.wide-width {
  width: 100%;
  padding: 0 45px; }
  @media (max-width: 800px) {
    .wide-width {
      padding: 0 20px; } }

.full-height {
  height: 100%; }

a {
  color: inherit; }
  a:hover, a:focus {
    color: #ff7900; }

.strong {
  font-weight: 600; }

/************** SECTION SPACING ***************/
.section-pad {
  padding-top: 35px;
  padding-bottom: 35px; }
  .section-pad.double {
    padding: 70px 0; }
  .section-pad.half {
    padding: 17.5px 0; }

.section-top-pad {
  padding: 35px 0 0; }
  .section-top-pad.double {
    padding: 70px 0 0; }
  .section-top-pad.half {
    padding: 17.5px 0 0; }

.section-bottom-pad {
  padding: 0 0 35px; }
  .section-bottom-pad.double {
    padding: 0 0 70px; }
  .section-bottom-pad.half {
    padding: 0 0 17.5px; }

.section-side-pad {
  padding: 0 35px; }
  .section-side-pad.double {
    padding: 0 70px; }
  .section-side-pad.half {
    padding: 0 17.5px; }

.section-full-pad {
  padding: 35px; }
  .section-full-pad.double {
    padding: 70px; }
  .section-full-pad.half {
    padding: 17.5px; }

.section-side-pad--half {
  padding: 0 17.5px; }

@media (max-width: 800px) {
  .small--no-pad {
    padding: 0; } }

@media (min-width: 800px) {
  .show-mobile {
    display: none; } }

@media (max-width: 800px) {
  .hide-mobile {
    display: none; }
  .m-one-half {
    width: 50%; } }

body {
  font-size: 16px; }
  @media (max-width: 800px) {
    body {
      padding-top: 0; } }

.gray-back {
  background-color: #6f6e6f;
  color: #fff; }

h1, h2, h3, h4, h5, h6 {
  color: inherit; }

svg, img {
  vertical-align: middle; }

/************ BUTTONS *******************/
.button {
  border-radius: 25px;
  border: none; }
  .button:hover, .button:focus {
    background-color: #ff7900; }

/*************** HEADER *************************/
@media (max-width: 800px) {
  .header {
    position: relative;
    height: auto; } }

.logo-area {
  padding: 1em 0; }
  .logo-area svg {
    width: 250px;
    max-width: 100%; }

.header-icon {
  width: 25px;
  height: 25px; }

.upper-header {
  background: #ff7900;
  padding: 0.5em;
  color: #fff;
  font-weight: 600;
  font-size: 0.7em; }
  .upper-header a {
    color: inherit; }
  .upper-header strong {
    color: #000; }

.navPages > li {
  position: relative; }
  .navPages > li > ul {
    display: none;
    position: absolute;
    min-width: 300px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
    border-radius: 0 3px 5px 5px;
    background: #fff; }
    .navPages > li > ul li a {
      color: inherit;
      text-align: left;
      font-weight: normal; }
  .navPages > li:hover > ul {
    display: block; }

header div#menu .navPages {
  display: flex;
  flex-flow: wrap;
  width: auto; }

.nav-right-fixed {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end; }

.navPages-item {
  float: none; }

.navPages-list + .navPages-list {
  border-top: none;
  margin-top: 0;
  padding-top: 0; }

.navUser ol li, .navUser ul li {
  margin: 0;
  padding: 0.5em; }

.dropdown--quickSearch {
  margin: 0;
  padding: 0;
  display: flex; }

header ul.navUser-section.navUser-section--alt {
  padding-top: 0; }

header .navUser ul {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.search-container {
  position: relative; }
  @media (max-width: 800px) {
    .search-container .form-fieldset {
      display: flex;
      flex-flow: wrap; } }

/******************* REVISED USER NAV *******************/
.user-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
  justify-content: flex-end; }
  .user-nav li {
    padding: 0.5em; }
    .user-nav li a {
      display: block; }
    .user-nav li .dropdown--quickSearch .form-input {
      padding: 0.5em; }
  .user-nav .search-icon.submit {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 25px;
    top: 50%;
    transform: translateY(-50%); }
    @media (max-width: 800px) {
      .user-nav .search-icon.submit {
        position: relative;
        top: 0;
        transform: none; } }

.navPage-subMenu-list a {
  color: #fff;
  text-decoration: none; }

/************************ REVISED NAV ******************************/
.navPages-container {
  background: #6f6e6f; }

.navPage-subMenu-list {
  display: none;
  position: absolute;
  background: #6f6e6f;
  list-style: none;
  min-width: 300px; }

.navPage-subMenu-item-child a {
  display: block;
  padding: 0.5em; }

.category-menu {
  display: flex;
  flex-flow: wrap;
  margin: 0;
  list-style: none; }

.navPages-list {
  margin: 0;
  display: flex;
  justify-content: flex-end;
  flex-flow: wrap;
  list-style: none; }

@media (min-width: 800px) {
  .category-menu > li:hover ul {
    display: block; } }

.is-open #menuArea {
  display: block; }

@media (max-width: 800px) {
  #menuArea {
    position: absolute;
    top: 100%;
    height: 100%; }
  #menu-wrapper {
    position: absolute;
    left: -100%; }
  .navPages-wider {
    background-color: #6f6e6f;
    padding: 0;
    width: 100%; }
    .navPages-wider > div {
      width: 100%;
      padding: 0 20px; }
    .navPages-wider li {
      width: 100%;
      position: relative; }
    .navPages-wider .top-level i {
      position: absolute;
      right: 0;
      height: 25px;
      width: 25px;
      display: block;
      top: 7px; }
      .navPages-wider .top-level i svg {
        width: 15px;
        height: 15px; }
  .navPages-item {
    width: 100%; }
  .navPage-subMenu-list {
    position: relative; }
  .search-container .form-fieldset {
    display: flex;
    flex-flow: row;
    align-items: center;
    width: calc(100% - 40px); }
  .navPages-wider .top-level .active .navPages-action-moreIcon {
    transform: rotate(0deg);
    top: 19px; }
  .active + .navPage-subMenu-list {
    display: block; } }

.user-nav li a.mobileMenu-toggle {
  display: flex;
  width: 30px;
  height: 30px;
  flex-flow: column;
  align-items: center;
  justify-content: center; }

/********************* FOOTER ***************************/
.footer-bottom {
  padding: 0.66em 0; }

.socialLinks .socialLinks-item {
  margin-right: 6px; }

.socialLinks--alt .icon {
  height: 3rem;
  width: 3rem;
  border: 2px solid;
  border-radius: 5px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  line-height: 1;
  padding: 0; }
  .socialLinks--alt .icon svg {
    fill: #fff; }

.action-block a {
  background: #000;
  padding: 1em 1.5em;
  color: #fff;
  text-align: center;
  margin-bottom: 1.5em;
  text-transform: uppercase;
  font-weight: 600;
  display: block; }

/************* HERO ********************/
.heroCarousel {
  margin-bottom: 0; }

.under-hero {
  margin-bottom: 110px; }

.heroCarousel-image-wrapper {
  display: flex; }

/*** WHY CHOOSE AREA ***/
.why-choose .image-container {
  width: 33%;
  height: 0;
  padding-bottom: 33%;
  position: relative;
  margin: auto; }
  .why-choose .image-container svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

/**************** HOME PAGE *****************/
.heroCarousel-title {
  font-size: 20px; }

section.productCarousel {
  margin: 0; }

.post-item a {
  text-decoration: none; }
  .post-item a .h2 {
    text-decoration: underline; }

.post-item p {
  margin-top: 2em; }

/************************** NEWSLETTER **************************/
.newsletter-subscription-section {
  border-top: 10px solid #ffca00;
  background-color: #ffd842;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='.2'%3E%3Cdefs%3E%3Cpattern id='prefix__a' patternUnits='userSpaceOnUse' width='10' height='10' patternTransform='rotate(45)'%3E%3Cpath stroke='%23bd9500' d='M5 0v10M0 5h10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23prefix__a)'/%3E%3C/svg%3E"); }
  .newsletter-subscription-section article.newsletter.cta {
    padding: 55px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex-flow: column;
    width: 100%;
    max-width: 800px; }
    .newsletter-subscription-section article.newsletter.cta .title-area {
      width: 100%;
      margin-bottom: 1em; }
      .newsletter-subscription-section article.newsletter.cta .title-area h2 {
        font-weight: 600;
        text-transform: unset; }
    .newsletter-subscription-section article.newsletter.cta .form-area {
      width: 100%; }
  .newsletter-subscription-section .form-input {
    border: none;
    width: 100%; }
  .newsletter-subscription-section .button {
    width: 100%; }

.form-prefixPostfix .form-input {
  flex: unset; }

/**************************** PRODUCT DISPLAY PAGE **********************************/
.product-calculator {
  border: 1px solid;
  padding: 1em;
  background: #fcf6f0; }
  .product-calculator select {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0 -2px 4px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-weight: 600;
    background-color: #f7f7f7;
    max-width: 100%;
    width: 100%; }
    .product-calculator select:focus {
      border-color: #999; }
      .product-calculator select:focus textarea {
        height: 7em; }
  .product-calculator input {
    width: 100%;
    max-width: 100%;
    border: 1px solid #ccc; }
  .product-calculator .uploader {
    width: 100%;
    position: relative;
    padding: 0.5em 1em;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0 -2px 4px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-weight: 600;
    background-color: #f7f7f7;
    font-size: 14px;
    text-align: left; }
    .product-calculator .uploader .upload-icon {
      border-right: 1px solid #ccc;
      padding-right: 0.5em; }
  .product-calculator textarea {
    border: 1px solid #ccc;
    border-radius: 3px; }
  .product-calculator .price-total-area {
    background: #6f6e6f;
    margin: 1em -1em -1em;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .product-calculator .price-total-area .productView-price {
      background: #fff;
      border: 1px solid;
      display: inline-block;
      padding: 0.5em;
      margin: 0; }
  .product-calculator .total-label {
    font-size: 2em;
    color: #fff; }
  .product-calculator .form-action {
    width: 100%; }
    .product-calculator .form-action .add-to-cart {
      background: #ff7900;
      border-radius: 10px;
      width: 100%;
      border-bottom: 3px solid #cc6100;
      border-top: none;
      border-right: none;
      padding: 1em;
      border-left: none; }
      .product-calculator .form-action .add-to-cart:hover, .product-calculator .form-action .add-to-cart:focus {
        background-color: #00aeef;
        border-bottom: 3px solid #0089bc; }

.calc-header {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1dddd+0,ffffff+100 */
  background: #e1dddd;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e1dddd 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e1dddd 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e1dddd 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1dddd', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  padding: 1em;
  margin: -1em -1em 1em;
  border-bottom: 1px solid; }

.form-select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z' fill='rgba(255,121,0)' /%3E%3C/svg%3E");
  border-radius: 4px;
  padding: .75rem 3rem .75rem 1rem;
  height: auto; }

[data-name="Select Shape"] .form-option {
  width: calc(25% - 1rem); }

[data-name="Select Shape"] .form-option-variant--pattern {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-size: 100%; }

[data-long-swatch] .form-option-variant {
  height: 155px;
  width: 80px;
  background-size: contain; }

.product-header {
  background-image: url("//cdn11.bigcommerce.com/s-yvkmao9c1m/product_images/uploaded_images/titleheader-bg.png?2");
  background-repeat: repeat;
  display: flex;
  align-items: center;
  position: relative; }
  .product-header::after {
    content: "";
    height: 100%;
    width: 10%;
    background-image: url("//cdn11.bigcommerce.com/s-yvkmao9c1m/product_images/uploaded_images/robot.png");
    position: absolute;
    right: 50px;
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: bottom; }
    @media (max-width: 800px) {
      .product-header::after {
        right: 10px;
        width: 80px;
        background-size: contain; } }
  .product-header h1 {
    margin: 0;
    color: #ff7900;
    padding: 0.66em 0; }
    @media (max-width: 800px) {
      .product-header h1 {
        padding: 0.5em 80px 0.5em 0; } }

.productView-details {
  width: 33.33%; }
  @media (max-width: 800px) {
    .productView-details {
      width: 100%; } }

.productView-images {
  width: 66.66%; }
  @media (max-width: 800px) {
    .productView-images {
      width: 100%; } }

.productView-img-container {
  max-width: 100%; }

.productView-thumbnails {
  display: flex;
  flex-flow: wrap; }

.productView-image {
  margin: 0; }

.productView-thumbnail {
  width: auto; }

.form-file {
  display: none; }

.form-option-swatch {
  border: none; }

.form-option-image {
  background-image: contain; }

.productView-images figure {
  padding: 4em 0; }

#accordion .ui-accordion-header-active svg.accordion-icon.arrow.down {
  transform: rotate(180deg) translateY(50%); }

#accordion svg.accordion-icon.arrow.down {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%); }

#accordion .ui-accordion-header {
  background-color: #f7f7f7;
  border: 1px solid #d7d7d7;
  padding: 0.5em;
  margin-bottom: -1px;
  margin-top: 15px;
  position: relative; }

span.tab-title {
  font-size: 18px;
  padding: 0; }

/* REMOVE ZOOM FROM SHOWING */
.easyzoom-flyout {
  display: none; }

.productView-description h4 {
  margin: 0;
  font-size: 18px; }

/***** PRODUCT PAGE PROMO ****/
.promo.free-design {
  background: transparent linear-gradient(178deg, #FFFFFF 0%, #C8C0C0 100%, #C1B8B8 100%) 0% 0% no-repeat padding-box; }

/**************************** CUSTOM CHECKBOXES ************************************************/
/* The container */
.checkbox {
  display: flex;
  flex-flow: wrap;
  position: relative;
  /* padding-left: 35px; */
  /* margin-bottom: 12px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-items: center; }
  .checkbox .display-name {
    width: calc(100% - 70px); }

/* Hide the browser's default checkbox */
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  height: 18px;
  width: 18px;
  background-color: #fff;
  border: 1px solid #2b3189;
  margin-right: 1em; }

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
  background-color: #ff7900; }

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
  background-color: #ff7900; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.checkbox .checkmark::after {
  left: 3px;
  top: 44%;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg) translateY(-50%); }

.list-toggle::before {
  content: '[+]';
  left: 0;
  width: 25px;
  color: #ff7900; }

.list-toggle.active::before {
  content: '[-]'; }

#optionalOptions label {
  margin: 0; }

#optionalOptions label.active {
  margin-bottom: 1.5em; }

#optionalOptions {
  margin: 1.5em 0;
  padding: 1em;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #ccc;
  border-radius: 3px;
  display: none; }

#optionalOptions .options-list {
  display: none; }

/*************** CATEGORY AND PRODUCT LOOP ***********************/
.card-figcaption-button {
  opacity: 0; }

.actionBar {
  display: none; }

.card {
  margin-bottom: 3em;
  position: relative; }
  .card > a {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0; }
    .card > a:hover ~ .card-body .card-title > a, .card > a:focus ~ .card-body .card-title > a {
      color: #ff7900; }

.card-text {
  display: none; }

.card-figure {
  margin-top: 0;
  height: 0;
  position: relative;
  padding-bottom: 75%; }

/********************* ALTERNATIVE CATEGORY PAGES ***************************/
.layout2 ~ .body {
  margin: 0; }

.layout2 ~ .body > .container {
  width: 100%;
  padding: 0;
  margin: 0;
  max-width: 100%; }

.productGrid.grid-type2 {
  display: flex;
  flex-flow: wrap;
  margin: 0;
  font-size: initial; }

.product-item {
  position: relative; }
  .product-item .image-container {
    position: relative;
    width: 100%;
    padding-bottom: 100%; }

/***** POPUP CART ***************/
.previewCartAction-checkout {
  width: 100%;
  margin-bottom: 1em;
  padding: 0; }

.previewCartAction-viewCart {
  padding: 0;
  background-color: transparent;
  width: 100%; }
  .previewCartAction-viewCart .button {
    background-color: #00aeef; }
  .previewCartAction-viewCart:hover {
    background-color: transparent; }

/******** BLOG PAGE ***************/
/************** VIDEO CONTAINER ***************/
.video-container {
  box-sizing: border-box;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%; }

.video-container iframe, .video-container img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999; }

.video-container img {
  object-fit: cover; }

.page.blog article.blog {
  padding-right: 0; }

/************* MIGHTY FORM HACKS ******************/
.mighty-form {
  margin: -50px 0;
  z-index: -1;
  position: relative; }

.page-content, .page-content--full {
  position: relative;
  z-index: 2; }

/************* NAV HACKS ******************/
.navPages-list > li:last-child {
  display: none; }