@charset "UTF-8";
/*------------------------------------*\
    $CSSWIZARDRY-GRIDS
\*------------------------------------*/
/**
 * CONTENTS
 * INTRODUCTION.........How the grid system works.
 * VARIABLES............Your settings.
 * MIXINS...............Library mixins.
 * GRID SETUP...........Build the grid structure.
 * WIDTHS...............Build our responsive widths around our breakpoints.
 * PUSH.................Push classes.
 * PULL.................Pull classes.
 */
/*------------------------------------*\
    $INTRODUCTION
\*------------------------------------*/
/**
 * csswizardry grids provides you with widths to suit a number of breakpoints
 * designed around devices of a size you specify. Out of the box, csswizardry
 * grids caters to the following types of device:
 *
 * palm     --  palm-based devices, like phones and small tablets
 * tablet   --  tablet devices, like iPads
 * portable --  all of the above
 * lap      --  laptops devices (or big tablets)
 * desk     --  stationary devices, like desktop computers
 * bigdesk  --  bigger desktop screens
 * regular  --  any/all types of device
 *
 * These namespaces are then used in the library to give you the ability to
 * manipulate your layouts based around them, for example:
 *
   <div class="grid__item  one-whole  lap--one-half  desk--one-third">
 *
 * This would give you a grid item which is 100% width unless it is on a lap
 * device, at which point it become 50% wide, or it is on a desktop device, at
 * which point it becomes 33.333% width.
 *
 * csswizardry grids also has push and pull classes which allow you to nudge
 * grid items left and right by a defined amount. These follow the same naming
 * convention as above, but are prepended by either `push--` or `pull--`, for
 * example:
 *
   `class="grid__item  one-half  push--one-half"`
 *
 * This would give you a grid item which is 50% width and pushed over to the
 * right by 50%.
 *
 * All classes in csswizardry grids follow this patten, so you should fairly
 * quickly be able to piece together any combinations you can imagine, for
 * example:
 *
   `class="grid__item  one-whole  lap--one-half  desk--one-third  push--desk--one-third"`
 *
   `class="grid__item  one-quarter  palm--one-half  push--palm--one-half"`
 *
   `class="grid__item  palm--one-third  desk--five-twelfths"`
 */
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/**
 * If you are building a non-responsive site but would still like to use
 * csswizardry-grids, set this to ‘false’:
 */
/**
 * Is this build mobile first? Setting to ‘true’ means that all grids will be
 * 100% width if you do not apply a more specific class to them.
 */
/**
 * Set the spacing between your grid items.
 */
/**
 * Would you like Sass’ silent classes, or regular CSS classes?
 */
/**
 * Would you like push and pull classes enabled?
 */
/**
 * Using `inline-block` means that the grid items need their whitespace removing
 * in order for them to work correctly. Set the following to true if you are
 * going to achieve this by manually removing/commenting out any whitespace in
 * your HTML yourself.
 *
 * Setting this to false invokes a hack which cannot always be guaranteed,
 * please see the following for more detail:
 *
 * github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
 * github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
 */
/**
 * Define your breakpoints. The first value is the prefix that shall be used for
 * your classes (e.g. `.palm--one-half`), the second value is the media query
 * that the breakpoint fires at.
 */
/**
 * Define which namespaced breakpoints you would like to generate for each of
 * widths, push and pull. This is handy if you only need pull on, say, desk, or
 * you only need a new width breakpoint at mobile sizes. It allows you to only
 * compile as much CSS as you need. All are turned on by default, but you can
 * add and remove breakpoints at will.
 *
 * Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
 * have been set to ‘true’.
 */
/**
 * You do not need to edit anything from this line onward; csswizardry-grids is
 * good to go. Happy griddin’!
 */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/**
 * These mixins are for the library to use only, you should not need to modify
 * them at all.
 *
 * Enclose a block of code with a media query as named in `$breakpoints`.
 */
/**
 * 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 {
  list-style: none; /* [1] */
  margin: 0; /* [2] */
  padding: 0; /* [2] */
  margin-left: -32px; /* [3] */
}

/**
 * 1. Cause columns to stack side-by-side.
 * 2. Space columns apart.
 * 3. Align columns to the tops of each other.
 * 4. Full-width unless told to behave otherwise.
 * 5. Required to combine fluid widths and fixed gutters.
 */
.grid__item {
  /*background:red;*/
  display: inline-block; /* [1] */
  padding-left: 32px; /* [2] */
  vertical-align: top; /* [3] */
  position: relative;
  height: 100%;
  width: 100%; /* [4] */
  -webkit-box-sizing: border-box; /* [5] */
  -moz-box-sizing: border-box; /* [5] */
  box-sizing: border-box; /* [5] */
  /*&:nth-child(odd){
      background:orange;
  }*/
}

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

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

/**
 * Align the entire grid to the right. Extends `.grid`.
 */
.grid--right {
  text-align: right;
}
.grid--right > .grid__item {
  text-align: left;
}

/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes. Extends `.grid`.
 */
.grid--center {
  text-align: center;
}
.grid--center > .grid__item {
  text-align: left;
}
.grid--center > .text-columns-wrapper > .grid__item {
  text-align: left;
}

/**
 * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
 * `.grid`.
 */
.grid--middle > .grid__item {
  vertical-align: middle;
}

.grid--bottom > .grid__item {
  vertical-align: bottom;
}

/**
 * Create grids with narrower gutters. Extends `.grid`.
 */
.grid--narrow {
  margin-left: -16px;
}
.grid--narrow > .grid__item {
  padding-left: 16px;
}

.grid--wide {
  margin-left: -96px;
}
.grid--wide > .grid__item {
  padding-left: 96px;
}

/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/
/**
 * Create our width classes, prefixed by the specified namespace.
 */
/**
 * Our regular, non-responsive width classes.
 */
/**
* Hidden
*/
.hidden {
  display: none;
}

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

/**
 * Halves
 */
.one-half, .six-twelfths, .five-tenths, .four-eighths, .three-sixths, .two-quarters {
  width: 50%;
}

/**
 * Thirds
 */
.one-third, .four-twelfths, .two-sixths {
  width: 33.333%;
}

.two-thirds, .eight-twelfths, .four-sixths {
  width: 66.666%;
}

/**
 * Quarters
 */
.one-quarter, .three-twelfths, .two-eighths {
  width: 25%;
}

.three-quarters, .nine-twelfths, .six-eighths {
  width: 75%;
}

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

.two-fifths, .four-tenths {
  width: 40%;
}

.three-fifths, .six-tenths {
  width: 60%;
}

.four-fifths, .eight-tenths {
  width: 80%;
}

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

.five-sixths, .ten-twelfths {
  width: 83.333%;
}

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

.three-eighths {
  width: 37.5%;
}

.five-eighths {
  width: 62.5%;
}

.seven-eighths {
  width: 87.5%;
}

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

.three-tenths {
  width: 30%;
}

.seven-tenths {
  width: 70%;
}

.nine-tenths {
  width: 90%;
}

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

.five-twelfths {
  width: 41.666%;
}

.seven-twelfths {
  width: 58.333%;
}

.eleven-twelfths {
  width: 91.666%;
}

/**
 * Our responsive classes, if we have enabled them.
 */
@media only screen and (max-width: 540px) {
  /**
  * Hidden
  */
  .palm--hidden {
    display: none;
  }
  /**
   * Whole
   */
  .palm--one-whole {
    width: 100%;
  }
  /**
   * Halves
   */
  .palm--one-half, .palm--six-twelfths, .palm--five-tenths, .palm--four-eighths, .palm--three-sixths, .palm--two-quarters {
    width: 50%;
  }
  /**
   * Thirds
   */
  .palm--one-third, .palm--four-twelfths, .palm--two-sixths {
    width: 33.333%;
  }
  .palm--two-thirds, .palm--eight-twelfths, .palm--four-sixths {
    width: 66.666%;
  }
  /**
   * Quarters
   */
  .palm--one-quarter, .palm--three-twelfths, .palm--two-eighths {
    width: 25%;
  }
  .palm--three-quarters, .palm--nine-twelfths, .palm--six-eighths {
    width: 75%;
  }
  /**
   * Fifths
   */
  .palm--one-fifth, .palm--two-tenths {
    width: 20%;
  }
  .palm--two-fifths, .palm--four-tenths {
    width: 40%;
  }
  .palm--three-fifths, .palm--six-tenths {
    width: 60%;
  }
  .palm--four-fifths, .palm--eight-tenths {
    width: 80%;
  }
  /**
   * Sixths
   */
  .palm--one-sixth, .palm--two-twelfths {
    width: 16.666%;
  }
  .palm--five-sixths, .palm--ten-twelfths {
    width: 83.333%;
  }
  /**
   * Eighths
   */
  .palm--one-eighth {
    width: 12.5%;
  }
  .palm--three-eighths {
    width: 37.5%;
  }
  .palm--five-eighths {
    width: 62.5%;
  }
  .palm--seven-eighths {
    width: 87.5%;
  }
  /**
   * Tenths
   */
  .palm--one-tenth {
    width: 10%;
  }
  .palm--three-tenths {
    width: 30%;
  }
  .palm--seven-tenths {
    width: 70%;
  }
  .palm--nine-tenths {
    width: 90%;
  }
  /**
   * Twelfths
   */
  .palm--one-twelfth {
    width: 8.333%;
  }
  .palm--five-twelfths {
    width: 41.666%;
  }
  .palm--seven-twelfths {
    width: 58.333%;
  }
  .palm--eleven-twelfths {
    width: 91.666%;
  }
}
@media only screen and (min-width: 541px) and (max-width: 750px) {
  /**
  * Hidden
  */
  .tablet--hidden {
    display: none;
  }
  /**
   * Whole
   */
  .tablet--one-whole {
    width: 100%;
  }
  /**
   * Halves
   */
  .tablet--one-half, .tablet--six-twelfths, .tablet--five-tenths, .tablet--four-eighths, .tablet--three-sixths, .tablet--two-quarters {
    width: 50%;
  }
  /**
   * Thirds
   */
  .tablet--one-third, .tablet--four-twelfths, .tablet--two-sixths {
    width: 33.333%;
  }
  .tablet--two-thirds, .tablet--eight-twelfths, .tablet--four-sixths {
    width: 66.666%;
  }
  /**
   * Quarters
   */
  .tablet--one-quarter, .tablet--three-twelfths, .tablet--two-eighths {
    width: 25%;
  }
  .tablet--three-quarters, .tablet--nine-twelfths, .tablet--six-eighths {
    width: 75%;
  }
  /**
   * Fifths
   */
  .tablet--one-fifth, .tablet--two-tenths {
    width: 20%;
  }
  .tablet--two-fifths, .tablet--four-tenths {
    width: 40%;
  }
  .tablet--three-fifths, .tablet--six-tenths {
    width: 60%;
  }
  .tablet--four-fifths, .tablet--eight-tenths {
    width: 80%;
  }
  /**
   * Sixths
   */
  .tablet--one-sixth, .tablet--two-twelfths {
    width: 16.666%;
  }
  .tablet--five-sixths, .tablet--ten-twelfths {
    width: 83.333%;
  }
  /**
   * Eighths
   */
  .tablet--one-eighth {
    width: 12.5%;
  }
  .tablet--three-eighths {
    width: 37.5%;
  }
  .tablet--five-eighths {
    width: 62.5%;
  }
  .tablet--seven-eighths {
    width: 87.5%;
  }
  /**
   * Tenths
   */
  .tablet--one-tenth {
    width: 10%;
  }
  .tablet--three-tenths {
    width: 30%;
  }
  .tablet--seven-tenths {
    width: 70%;
  }
  .tablet--nine-tenths {
    width: 90%;
  }
  /**
   * Twelfths
   */
  .tablet--one-twelfth {
    width: 8.333%;
  }
  .tablet--five-twelfths {
    width: 41.666%;
  }
  .tablet--seven-twelfths {
    width: 58.333%;
  }
  .tablet--eleven-twelfths {
    width: 91.666%;
  }
}
@media only screen and (min-width: 751px) and (max-width: 949px) {
  /**
  * Hidden
  */
  .lap--hidden {
    display: none;
  }
  /**
   * Whole
   */
  .lap--one-whole {
    width: 100%;
  }
  /**
   * Halves
   */
  .lap--one-half, .lap--six-twelfths, .lap--five-tenths, .lap--four-eighths, .lap--three-sixths, .lap--two-quarters {
    width: 50%;
  }
  /**
   * Thirds
   */
  .lap--one-third, .lap--four-twelfths, .lap--two-sixths {
    width: 33.333%;
  }
  .lap--two-thirds, .lap--eight-twelfths, .lap--four-sixths {
    width: 66.666%;
  }
  /**
   * Quarters
   */
  .lap--one-quarter, .lap--three-twelfths, .lap--two-eighths {
    width: 25%;
  }
  .lap--three-quarters, .lap--nine-twelfths, .lap--six-eighths {
    width: 75%;
  }
  /**
   * Fifths
   */
  .lap--one-fifth, .lap--two-tenths {
    width: 20%;
  }
  .lap--two-fifths, .lap--four-tenths {
    width: 40%;
  }
  .lap--three-fifths, .lap--six-tenths {
    width: 60%;
  }
  .lap--four-fifths, .lap--eight-tenths {
    width: 80%;
  }
  /**
   * Sixths
   */
  .lap--one-sixth, .lap--two-twelfths {
    width: 16.666%;
  }
  .lap--five-sixths, .lap--ten-twelfths {
    width: 83.333%;
  }
  /**
   * Eighths
   */
  .lap--one-eighth {
    width: 12.5%;
  }
  .lap--three-eighths {
    width: 37.5%;
  }
  .lap--five-eighths {
    width: 62.5%;
  }
  .lap--seven-eighths {
    width: 87.5%;
  }
  /**
   * Tenths
   */
  .lap--one-tenth {
    width: 10%;
  }
  .lap--three-tenths {
    width: 30%;
  }
  .lap--seven-tenths {
    width: 70%;
  }
  .lap--nine-tenths {
    width: 90%;
  }
  /**
   * Twelfths
   */
  .lap--one-twelfth {
    width: 8.333%;
  }
  .lap--five-twelfths {
    width: 41.666%;
  }
  .lap--seven-twelfths {
    width: 58.333%;
  }
  .lap--eleven-twelfths {
    width: 91.666%;
  }
}
@media only screen and (max-width: 750px) {
  /**
  * Hidden
  */
  .portable--hidden {
    display: none;
  }
  /**
   * Whole
   */
  .portable--one-whole {
    width: 100%;
  }
  /**
   * Halves
   */
  .portable--one-half, .portable--six-twelfths, .portable--five-tenths, .portable--four-eighths, .portable--three-sixths, .portable--two-quarters {
    width: 50%;
  }
  /**
   * Thirds
   */
  .portable--one-third, .portable--four-twelfths, .portable--two-sixths {
    width: 33.333%;
  }
  .portable--two-thirds, .portable--eight-twelfths, .portable--four-sixths {
    width: 66.666%;
  }
  /**
   * Quarters
   */
  .portable--one-quarter, .portable--three-twelfths, .portable--two-eighths {
    width: 25%;
  }
  .portable--three-quarters, .portable--nine-twelfths, .portable--six-eighths {
    width: 75%;
  }
  /**
   * Fifths
   */
  .portable--one-fifth, .portable--two-tenths {
    width: 20%;
  }
  .portable--two-fifths, .portable--four-tenths {
    width: 40%;
  }
  .portable--three-fifths, .portable--six-tenths {
    width: 60%;
  }
  .portable--four-fifths, .portable--eight-tenths {
    width: 80%;
  }
  /**
   * Sixths
   */
  .portable--one-sixth, .portable--two-twelfths {
    width: 16.666%;
  }
  .portable--five-sixths, .portable--ten-twelfths {
    width: 83.333%;
  }
  /**
   * Eighths
   */
  .portable--one-eighth {
    width: 12.5%;
  }
  .portable--three-eighths {
    width: 37.5%;
  }
  .portable--five-eighths {
    width: 62.5%;
  }
  .portable--seven-eighths {
    width: 87.5%;
  }
  /**
   * Tenths
   */
  .portable--one-tenth {
    width: 10%;
  }
  .portable--three-tenths {
    width: 30%;
  }
  .portable--seven-tenths {
    width: 70%;
  }
  .portable--nine-tenths {
    width: 90%;
  }
  /**
   * Twelfths
   */
  .portable--one-twelfth {
    width: 8.333%;
  }
  .portable--five-twelfths {
    width: 41.666%;
  }
  .portable--seven-twelfths {
    width: 58.333%;
  }
  .portable--eleven-twelfths {
    width: 91.666%;
  }
}
@media only screen and (min-width: 950px) {
  /**
  * Hidden
  */
  .desk--hidden {
    display: none;
  }
  /**
   * Whole
   */
  .desk--one-whole {
    width: 100%;
  }
  /**
   * Halves
   */
  .desk--one-half, .desk--six-twelfths, .desk--five-tenths, .desk--four-eighths, .desk--three-sixths, .desk--two-quarters {
    width: 50%;
  }
  /**
   * Thirds
   */
  .desk--one-third, .desk--four-twelfths, .desk--two-sixths {
    width: 33.333%;
  }
  .desk--two-thirds, .desk--eight-twelfths, .desk--four-sixths {
    width: 66.666%;
  }
  /**
   * Quarters
   */
  .desk--one-quarter, .desk--three-twelfths, .desk--two-eighths {
    width: 25%;
  }
  .desk--three-quarters, .desk--nine-twelfths, .desk--six-eighths {
    width: 75%;
  }
  /**
   * Fifths
   */
  .desk--one-fifth, .desk--two-tenths {
    width: 20%;
  }
  .desk--two-fifths, .desk--four-tenths {
    width: 40%;
  }
  .desk--three-fifths, .desk--six-tenths {
    width: 60%;
  }
  .desk--four-fifths, .desk--eight-tenths {
    width: 80%;
  }
  /**
   * Sixths
   */
  .desk--one-sixth, .desk--two-twelfths {
    width: 16.666%;
  }
  .desk--five-sixths, .desk--ten-twelfths {
    width: 83.333%;
  }
  /**
   * Eighths
   */
  .desk--one-eighth {
    width: 12.5%;
  }
  .desk--three-eighths {
    width: 37.5%;
  }
  .desk--five-eighths {
    width: 62.5%;
  }
  .desk--seven-eighths {
    width: 87.5%;
  }
  /**
   * Tenths
   */
  .desk--one-tenth {
    width: 10%;
  }
  .desk--three-tenths {
    width: 30%;
  }
  .desk--seven-tenths {
    width: 70%;
  }
  .desk--nine-tenths {
    width: 90%;
  }
  /**
   * Twelfths
   */
  .desk--one-twelfth {
    width: 8.333%;
  }
  .desk--five-twelfths {
    width: 41.666%;
  }
  .desk--seven-twelfths {
    width: 58.333%;
  }
  .desk--eleven-twelfths {
    width: 91.666%;
  }
}
@media only screen and (min-width: 1350px) {
  /**
  * Hidden
  */
  .bigdesk--hidden {
    display: none;
  }
  /**
   * Whole
   */
  .bigdesk--one-whole {
    width: 100%;
  }
  /**
   * Halves
   */
  .bigdesk--one-half, .bigdesk--six-twelfths, .bigdesk--five-tenths, .bigdesk--four-eighths, .bigdesk--three-sixths, .bigdesk--two-quarters {
    width: 50%;
  }
  /**
   * Thirds
   */
  .bigdesk--one-third, .bigdesk--four-twelfths, .bigdesk--two-sixths {
    width: 33.333%;
  }
  .bigdesk--two-thirds, .bigdesk--eight-twelfths, .bigdesk--four-sixths {
    width: 66.666%;
  }
  /**
   * Quarters
   */
  .bigdesk--one-quarter, .bigdesk--three-twelfths, .bigdesk--two-eighths {
    width: 25%;
  }
  .bigdesk--three-quarters, .bigdesk--nine-twelfths, .bigdesk--six-eighths {
    width: 75%;
  }
  /**
   * Fifths
   */
  .bigdesk--one-fifth, .bigdesk--two-tenths {
    width: 20%;
  }
  .bigdesk--two-fifths, .bigdesk--four-tenths {
    width: 40%;
  }
  .bigdesk--three-fifths, .bigdesk--six-tenths {
    width: 60%;
  }
  .bigdesk--four-fifths, .bigdesk--eight-tenths {
    width: 80%;
  }
  /**
   * Sixths
   */
  .bigdesk--one-sixth, .bigdesk--two-twelfths {
    width: 16.666%;
  }
  .bigdesk--five-sixths, .bigdesk--ten-twelfths {
    width: 83.333%;
  }
  /**
   * Eighths
   */
  .bigdesk--one-eighth {
    width: 12.5%;
  }
  .bigdesk--three-eighths {
    width: 37.5%;
  }
  .bigdesk--five-eighths {
    width: 62.5%;
  }
  .bigdesk--seven-eighths {
    width: 87.5%;
  }
  /**
   * Tenths
   */
  .bigdesk--one-tenth {
    width: 10%;
  }
  .bigdesk--three-tenths {
    width: 30%;
  }
  .bigdesk--seven-tenths {
    width: 70%;
  }
  .bigdesk--nine-tenths {
    width: 90%;
  }
  /**
   * Twelfths
   */
  .bigdesk--one-twelfth {
    width: 8.333%;
  }
  .bigdesk--five-twelfths {
    width: 41.666%;
  }
  .bigdesk--seven-twelfths {
    width: 58.333%;
  }
  .bigdesk--eleven-twelfths {
    width: 91.666%;
  }
}
/*------------------------------------*\
    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items back to the left by certain amounts.
 */
/* [CONTAINER] */
.picker-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}

.picker-wrap.show {
  opacity: 1;
  visibility: visible;
}

.picker {
  width: 100%;
  max-width: 300px;
  margin: 20% auto 0 auto;
  background: #f9f9f9;
  padding: 10px;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

/* [MONTH + YEAR] */
.picker-m, .picker-y {
  width: 47%;
  padding: 5px;
  box-sizing: border-box;
  font-size: 16px;
}

.picker-m {
  margin-right: 3%;
}

.picker-y {
  margin-left: 3%;
}

/* [DAY] */
.picker-d table {
  color: #444444;
  border-collapse: separate;
  width: 100%;
  margin-top: 10px;
}

.picker-d table td {
  width: 14.28%; /* 7 equal columns */
  padding: 5px;
  text-align: center;
}

/* SUN > MON */
.picker-d-h td {
  font-weight: bold;
}

/* Blank dates */
.picker-d-b {
  background: #f9f9f9;
}

/* Dates */
.picker-d-d:hover {
  cursor: pointer;
  color: #ffffff;
  background: #444444;
  border-radius: 2px;
  cursor: pointer;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #bbb;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #bbb;
  border-radius: 0px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 4px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: block;
  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;
  touch-action: manipulation;
  -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;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  /*background: none;*/
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.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 {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -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 - 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 - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.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: #000;
}

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

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  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 v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	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: transparent;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  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;
  background: transparent;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  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: #869791;
}

@font-face {
  font-family: "EuclidCircularB";
  src: url("../../assets/fonts/EuclidCircularB-Regular.eot");
  src: url("../../assets/fonts/EuclidCircularB-Regular.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/EuclidCircularB-Regular.woff2") format("woff2"), url("../../assets/fonts/EuclidCircularB-Regular.woff") format("woff"), url("../../assets/fonts/EuclidCircularB-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "EuclidCircularB";
  src: url("../../assets/fonts/EuclidCircularB-Italic.eot");
  src: url("../../assets/fonts/EuclidCircularB-Italic.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/EuclidCircularB-Italic.woff2") format("woff2"), url("../../assets/fonts/EuclidCircularB-Italic.woff") format("woff"), url("../../assets/fonts/EuclidCircularB-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "EuclidCircularB";
  src: url("../../assets/fonts/EuclidCircularB-Bold.eot");
  src: url("../../assets/fonts/EuclidCircularB-Bold.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/EuclidCircularB-Bold.woff2") format("woff2"), url("../../assets/fonts/EuclidCircularB-Bold.woff") format("woff"), url("../../assets/fonts/EuclidCircularB-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "EuclidCircularB";
  src: url("../../assets/fonts/EuclidCircularB-BoldItalic.eot");
  src: url("../../assets/fonts/EuclidCircularB-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/EuclidCircularB-BoldItalic.woff2") format("woff2"), url("../../assets/fonts/EuclidCircularB-BoldItalic.woff") format("woff"), url("../../assets/fonts/EuclidCircularB-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/*************************************************
 CL MIXINS COLLECTION
**************************************************/
/*** Global Options ************/
/*
  PALM                 NOTPALM
------540-|...........................................

            TABLET             NOTPORTABLE
..........|-----750-|.................................

       PORTABLE       LAPTOP
....................|-----950-|.......................

               TABLETLAPTOP
..........|-540-----------950-|.......................

            NOTDESKTOP              DESKTOP
..............................|-950-------------------

                                         BIGDESKTOP
.......................................|-1350---------

*/
/*************************************************
 CL MIXINS COLLECTION
**************************************************/
/*** Global Options ************/
/*
  PALM                 NOTPALM
------540-|...........................................

            TABLET             NOTPORTABLE
..........|-----750-|.................................

       PORTABLE       LAPTOP
....................|-----950-|.......................

               TABLETLAPTOP
..........|-540-----------950-|.......................

            NOTDESKTOP              DESKTOP
..............................|-950-------------------

                                         BIGDESKTOP
.......................................|-1350---------

*/
/*
  All CSS Rules Required for @extend so that they can be loaded in in a batch
*/
/* Headings */
h1, h2, h3, h4, h5, h6, blockquote, .title-size1, .title-size2, .title-size3, .title-size4, .title-size5, .title-size6 {
  font-weight: 500;
  font-family: "quincy-cf", "Times New Roman", serif;
  font-style: normal;
  font-size: 20px;
  margin: 0px;
  margin-bottom: 27px;
  padding: 0px;
}
h1 h1 > p, h1 .text-subtitle, h1 .title-size1 > p, h2 h1 > p, h2 .text-subtitle, h2 .title-size1 > p, h3 h1 > p, h3 .text-subtitle, h3 .title-size1 > p, h4 h1 > p, h4 .text-subtitle, h4 .title-size1 > p, h5 h1 > p, h5 .text-subtitle, h5 .title-size1 > p, h6 h1 > p, blockquote h1 > p, h6 .text-subtitle, blockquote .text-subtitle, h6 .title-size1 > p, blockquote .title-size1 > p, .title-size1 h1 > p, .title-size1 .text-subtitle, .title-size1 .title-size1 > p, .title-size2 h1 > p, .title-size2 .text-subtitle, .title-size2 .title-size1 > p, .title-size3 h1 > p, .title-size3 .text-subtitle, .title-size3 .title-size1 > p, .title-size4 h1 > p, .title-size4 .text-subtitle, .title-size4 .title-size1 > p, .title-size5 h1 > p, .title-size5 .text-subtitle, .title-size5 .title-size1 > p, .title-size6 h1 > p, .title-size6 .text-subtitle, .title-size6 .title-size1 > p {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}

h1, .title-size1 {
  font-size: 65px;
  line-height: 73px;
}
@media only screen and (max-width: 540px) {
  h1, .title-size1 {
    font-size: 64px;
    line-height: 70px;
  }
}

h2, .title-size2 {
  font-size: 46px;
  line-height: 51px;
}
@media only screen and (max-width: 540px) {
  h2, .title-size2 {
    font-size: 35px;
    line-height: 46px;
  }
}

h3, .title-size3 {
  font-size: 37px;
  line-height: 45px;
  margin-bottom: 40.5px;
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  h3, .title-size3 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 540px) {
  h3, .title-size3 {
    font-size: 30px;
    line-height: 36px;
  }
}

h4, .title-size4 {
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 13.5px;
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  h4, .title-size4 {
    font-size: 28px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 540px) {
  h4, .title-size4 {
    font-size: 28px;
    line-height: 34px;
  }
}

h5, .title-size5 {
  font-size: 23px;
  line-height: 32px;
  margin-bottom: 13.5px;
}

h6, blockquote, .title-size6 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 13.5px;
}

/* Buttons */
.button {
  text-decoration: none;
  display: inline-flex;
  flex-grow: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 27px 0 0 0;
  width: auto;
  height: 60px;
  text-align: center;
  padding: 4px 32px 2px;
  font-family: "quincy-cf", "Times New Roman", serif;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 3px;
  border: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -webkit-transform: rotate3d(0, 0, 0, 0);
  -moz-transform: rotate3d(0, 0, 0, 0);
  -ms-transform: rotate3d(0, 0, 0, 0);
  -o-transform: rotate3d(0, 0, 0, 0);
  transform: rotate3d(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.button span {
  position: relative;
  top: 1px;
}
@media only screen and (min-width: 950px) {
  .button {
    min-width: 200px;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .button {
    font-size: 13px;
    padding: 0 16px;
  }
}
@media only screen and (max-width: 750px) {
  .button {
    width: 100%;
    font-size: 13px;
  }
}
.button:hover, .button:focus {
  text-decoration: none;
}
.button:active {
  text-decoration: none;
}
.button.big {
  font-size: 20px;
  height: 70px;
  padding: 5px 34px 0px 34px;
}
.button.hollow {
  border-width: 2px !important;
  padding-top: 4px;
  border-style: solid;
}
.button.hollow span {
  top: 0;
  position: unset;
}

.border-hover {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  -webkit-transition: all 0.35s cubic-bezier(0.45, 0, 0.55, 1);
  -moz-transition: all 0.35s cubic-bezier(0.45, 0, 0.55, 1);
  -o-transition: all 0.35s cubic-bezier(0.45, 0, 0.55, 1);
  -ms-transition: all 0.35s cubic-bezier(0.45, 0, 0.55, 1);
  transition: all 0.35s cubic-bezier(0.45, 0, 0.55, 1);
}
@media (hover: hover) {
  .border-hover {
    width: 0;
    opacity: 0;
  }
}

/* DEFAULT

(global option variables defined in mixins.scss)
**************************************************/
body {
  font-family: "EuclidCircularB", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 27px;
  font-size: 18px;
  margin: 0px;
  padding: 0px;
  -webkit-font-smoothing: antialiased !important;
}
@media only screen and (max-width: 949px) {
  body {
    padding-top: 80px !important; /* size of the sticky mobile header */
  }
}

.title-centered h3 span, .title-centered h4 span, .title-centered h5 span, .title-centered .title-size3 span, .title-centered .title-size4 span, .title-centered .title-size5 span {
  display: block;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 22px;
  margin-bottom: 8px;
}

.text-bigger {
  font-size: 20px;
  line-height: 29.7px;
}

.text-phonenumberbig {
  font-family: "quincy-cf", "Times New Roman", serif;
  font-size: 3.4rem;
  line-height: 3.4rem;
  font-weight: 300;
  display: inline-block;
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .text-phonenumberbig {
    font-size: 2.9rem;
    line-height: 2.9rem;
  }
}
@media only screen and (max-width: 540px) {
  .text-phonenumberbig {
    font-size: 2.7rem;
    line-height: 2.7rem;
  }
}

a {
  text-decoration: none;
}
a:not(.button):not(.title):not(.menuitem):not(.criteria):not(.grid-more):not(.notification-button):not(.border-bottom-gradient):not(.grid-block):not(.form-page):not(.buttons-menu a):hover, a:not(.button):not(.title):not(.menuitem):not(.criteria):not(.grid-more):not(.notification-button):not(.border-bottom-gradient):not(.grid-block):not(.form-page):not(.buttons-menu a):focus, a:not(.button):not(.title):not(.menuitem):not(.criteria):not(.grid-more):not(.notification-button):not(.border-bottom-gradient):not(.grid-block):not(.form-page):not(.buttons-menu a):visited {
  /*color:inherit;*/
  text-decoration: underline;
}

p {
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 27px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

blockquote {
  text-align: center;
  position: relative;
  padding: 40.5px 0 27px;
  /* lines */
}
blockquote .line {
  width: 90px;
  height: 6px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
blockquote .line:first-of-type {
  top: 5px;
}
blockquote .line:last-of-type {
  bottom: 20px;
}
blockquote p:last-of-type {
  font-size: 18px;
  line-height: 25px;
}
blockquote p:first-of-type {
  font-size: inherit !important;
  line-height: inherit !important;
}

.section-outer {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding-top: 54px;
  padding-bottom: 54px;
  position: relative;
}
.section-outer.nopadding-bottom {
  padding-bottom: 0;
}
.section-outer.nopadding-top {
  padding-top: 0;
}
.section-outer.nopadding {
  padding-top: 0;
  padding-bottom: 0;
}
.section-outer.shift-up {
  top: -40.5px;
}
.section-outer.shift-down {
  top: 135px;
}
.section-outer.smallerpadding-bottom {
  padding-bottom: 27px;
}
.section-outer.smallerpadding-top {
  padding-top: 27px;
}
.section-outer.smallerpadding {
  padding-top: 27px;
  padding-bottom: 27px;
}
.section-outer svg.wave {
  display: none;
}
.section-outer .section-outer-bkimage {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.section-outer .section-outer-bkimage .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 0.8;
  z-index: 1;
}
.section-outer .section-inner {
  display: block;
  width: 100%;
  max-width: 1150px;
  height: 100%;
  margin: 0 auto 0;
  padding: 0 30px;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (min-width: 1350px) {
  .section-outer .section-inner {
    max-width: 1200px;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .section-outer .section-inner {
    max-width: 750px;
  }
}
@media only screen and (max-width: 750px) and (min-width: 541px) {
  .section-outer .section-inner {
    max-width: 640px;
  }
}
@media only screen and (max-width: 540px) {
  .section-outer .section-inner {
    max-width: 480px;
    padding: 0 15px;
  }
}
.section-outer .section-inner img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.section-outer .section-inner img.alignleft {
  margin-right: 32px;
  float: left;
}
.section-outer .section-inner img.alignright {
  margin-left: 32px;
  float: right;
}
.section-outer .section-inner-bkimage {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: calc(100% - 60px);
  position: absolute;
}
@media only screen and (max-width: 750px) {
  .section-outer .section-inner-bkimage {
    display: none;
  }
}

@media only screen and (min-width: 950px) {
  .two-columns-wide {
    margin-left: -96px !important;
  }
  .two-columns-wide > .grid__item {
    padding-left: 96px;
  }
  .two-columns-wide .text-columns-wrapper > .grid__item {
    padding-left: 96px;
  }
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .two-columns-wide {
    margin-left: -64px;
  }
  .two-columns-wide > .grid__item {
    padding-left: 64px;
  }
  .two-columns-wide .text-columns-wrapper > .grid__item {
    padding-left: 64px;
  }
}

.grid__item.title-centered h1, .grid__item.title-centered h2, .grid__item.title-centered h3, .grid__item.title-centered h4, .grid__item.title-centered h5, .grid__item.title-centered h6, .grid__item.title-centered .title-size1, .grid__item.title-centered .title-size2, .grid__item.title-centered .title-size3, .grid__item.title-centered .title-size4, .grid__item.title-centered .title-size5, .grid__item.title-centered .title-size6, .title-centered h1, .title-centered h2, .title-centered h3, .title-centered h4, .title-centered h5, .title-centered h6, .title-centered blockquote, .title-centered .title-size1, .title-centered .title-size2, .title-centered .title-size3, .title-centered .title-size4, .title-centered .title-size5, .title-centered .title-size6 {
  text-align: center;
}

.grid__item.content-centered, .content-centered {
  text-align: center;
}
.grid__item.content-centered h1, .grid__item.content-centered h2, .grid__item.content-centered h3, .grid__item.content-centered h4, .grid__item.content-centered h5, .grid__item.content-centered h6, .grid__item.content-centered .title-size1, .grid__item.content-centered .title-size2, .grid__item.content-centered .title-size3, .grid__item.content-centered .title-size4, .grid__item.content-centered .title-size5, .grid__item.content-centered .title-size6, .content-centered h1, .content-centered h2, .content-centered h3, .content-centered h4, .content-centered h5, .content-centered h6, .content-centered blockquote, .content-centered .title-size1, .content-centered .title-size2, .content-centered .title-size3, .content-centered .title-size4, .content-centered .title-size5, .content-centered .title-size6 {
  text-align: center;
}

.navigation-outer, .header-outer {
  padding-top: 0;
  padding-bottom: 0;
}

.buttoncolour-primary-onbright:before, .buttoncolour-primary-ondark:before, .buttoncolour-primary-alt:before, .buttoncolour-secondary-onbright:before, .buttoncolour-secondary-ondark:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: none;
  border: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.buttoncolour-primary-onbright.hollow:before, .buttoncolour-primary-ondark.hollow:before, .buttoncolour-primary-alt.hollow:before, .buttoncolour-secondary-onbright.hollow:before, .buttoncolour-secondary-ondark.hollow:before {
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
}

.buttoncolour-primary-onbright:hover:before, .buttoncolour-primary-ondark:hover:before, .buttoncolour-primary-alt:hover:before, .buttoncolour-secondary-onbright:hover:before, .buttoncolour-secondary-ondark:hover:before {
  opacity: 1;
}

.button span {
  position: relative !important;
}

.button:hover {
  /*border-image:unset !important;*/
}
.button:hover span {
  -webkit-text-fill-color: unset !important;
  text-fill-color: unset !important;
}

.button.button-arrow {
  padding-right: 80px;
}
.button.button-arrow:after {
  content: "";
  width: 32px;
  height: 20px;
  position: absolute;
  right: 32px;
  top: 50%;
  mask: url(../../assets/images/icons/icon-buttonarrow.svg);
  mask-size: contain;
  mask-position: center center;
  mask-repeat: no-repeat;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.button.button-arrow:hover:after {
  right: 22px;
}

.button.button-underlineanim:after {
  content: "";
  width: 0;
  height: 3px;
  position: absolute;
  left: 32px;
  bottom: 11px;
  background: white;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.button.button-underlineanim:hover:after {
  width: calc(100% - 64px);
}

.button-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0px;
  margin: 0 auto 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .button-wrapper {
    margin-bottom: 27px;
  }
}
.button-wrapper a {
  margin-top: 2rem;
}
.button-wrapper.narrow {
  margin-left: 16px;
  width: calc(100% - 16px);
}
.button-wrapper.align-left {
  justify-content: flex-start;
}
.button-wrapper.align-right {
  justify-content: flex-end;
}

.iframe-calculator {
  height: 1650px;
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .iframe-calculator {
    height: 2100px;
  }
}
@media only screen and (max-width: 750px) and (min-width: 541px) {
  .iframe-calculator {
    height: 2300px;
  }
}
@media only screen and (max-width: 540px) {
  .iframe-calculator {
    height: 2450px;
  }
}

.smallcopy {
  font-size: 14px;
  line-height: 20px;
}

.grecaptcha-badge {
  right: -300px !important;
}

@media only screen and (max-width: 540px) {
  img[class*=wp-image].alignright, img[class*=wp-image].alignleft, img[class*=wp-image].aligncenter, img[class*=wp-image].alignnone {
    width: 100%;
    float: none;
    display: block;
    margin: 0 0 27px 0;
  }
}

.pop-up-modal-container {
  top: 88px !important;
}

@media only screen and (max-width: 540px) {
  img[class*=wp-image].aligncenter, img[class*=wp-image].alignleft, img[class*=wp-image].alignnone, img[class*=wp-image].alignright {
    height: auto;
  }
}

.position-absolute {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.image-cover {
  object-fit: cover;
  object-position: center;
}

.image-contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.breadcrumbs-outer {
  padding-top: 17px;
  padding-bottom: 17px;
}
@media (max-width: 949px) {
  .breadcrumbs-outer {
    display: none;
  }
}
.breadcrumbs-outer > .breadcrumbs-inner > .breadcrumbs-container {
  display: flex;
  flex-direction: row;
}
.breadcrumbs-outer > .breadcrumbs-inner > .breadcrumbs-container > .breadcrumbs-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 100%;
}
.breadcrumbs-outer > .breadcrumbs-inner > .breadcrumbs-container > .breadcrumbs-cell > .breadcrumbs-home-link {
  line-height: 100%;
}
.breadcrumbs-outer > .breadcrumbs-inner > .breadcrumbs-container > .breadcrumbs-cell > .breadcrumbs-home-link > .breadcrumbs-home-image {
  display: inline-block;
  width: auto;
  height: 28px;
}
.breadcrumbs-outer > .breadcrumbs-inner > .breadcrumbs-container > .breadcrumbs-cell > .breadcrumbs-chevron {
  display: inline-block;
  width: auto;
  height: 14px;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 7px;
}
.breadcrumbs-outer > .breadcrumbs-inner > .breadcrumbs-container > .breadcrumbs-cell > span.breadcrumbs-chevron {
  padding: 0 20px;
  font-size: 23px;
  margin: 6px 0 0 0;
}
.breadcrumbs-outer > .breadcrumbs-inner > .breadcrumbs-container > .breadcrumbs-cell > .breadcrumbs-link {
  display: inline-block;
  font-size: 14px;
  font-family: "Brown", Arial, Helvetica, sans-serif;
  color: rgb(136, 136, 136);
  margin-top: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*************************************************
 CL MIXINS COLLECTION
**************************************************/
/*** Global Options ************/
/*
  PALM                 NOTPALM
------540-|...........................................

            TABLET             NOTPORTABLE
..........|-----750-|.................................

       PORTABLE       LAPTOP
....................|-----950-|.......................

               TABLETLAPTOP
..........|-540-----------950-|.......................

            NOTDESKTOP              DESKTOP
..............................|-950-------------------

                                         BIGDESKTOP
.......................................|-1350---------

*/
.button-outer .button-inner {
  display: flex;
}
.button-outer .button-inner a {
  margin-left: auto;
  margin-right: auto;
}

/***** BUTTONS */
.button {
  font-family: "EuclidCircularB", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  font-size: 17px;
  font-weight: bold;
}
.button span {
  top: 0;
}

/*************************************************
 CL MIXINS COLLECTION
**************************************************/
/*** Global Options ************/
/*
  PALM                 NOTPALM
------540-|...........................................

            TABLET             NOTPORTABLE
..........|-----750-|.................................

       PORTABLE       LAPTOP
....................|-----950-|.......................

               TABLETLAPTOP
..........|-540-----------950-|.......................

            NOTDESKTOP              DESKTOP
..............................|-950-------------------

                                         BIGDESKTOP
.......................................|-1350---------

*/
.contact-us-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(9, 9, 40, 0.5);
  z-index: 11;
}

.contact-us-dialog {
  position: fixed;
  top: 33.33%;
  left: 2.5%;
  width: 95%;
  background-color: #ffffff;
  z-index: 12;
}
@media (min-width: 576px) {
  .contact-us-dialog {
    left: 5%;
    width: 90%;
  }
}
@media (min-width: 768px) {
  .contact-us-dialog {
    left: 10%;
    width: 80%;
  }
}
@media (min-width: 992px) {
  .contact-us-dialog {
    left: 25%;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .contact-us-dialog {
    left: 33.33%;
    width: 33.33%;
  }
}
.contact-us-dialog .contact-us-title {
  width: 100%;
  font-size: 2rem;
  line-height: 2rem;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
}
.contact-us-dialog .contact-us-text {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  box-sizing: border-box;
}
.contact-us-dialog .contact-us-dropdown {
  display: flex;
  flex-direction: row;
  width: 70%;
  height: 50px;
  margin-left: 15%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  cursor: pointer;
  background-size: 20px;
  background-position: 95%;
  background-repeat: no-repeat;
}
.contact-us-dialog .contact-us-dropdown .contact-us-dropdown-label {
  display: flex;
  width: calc(100% - 50px);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 2rem;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contact-us-dialog .contact-us-dropdown-options {
  position: absolute;
  background-color: #ffffff;
  left: 15%;
  width: 70%;
  max-height: 225px;
  overflow: hiddem;
  overflow-y: scroll;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  z-index: 1;
}
.contact-us-dialog .contact-us-dropdown-options div {
  width: 100%;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
.contact-us-dialog .contact-us-dropdown-options div > ul {
  width: 100%;
  list-style: none;
  padding: 0px;
  margin: 0px;
  font-size: 19px;
  box-sizing: border-box;
}
.contact-us-dialog .contact-us-dropdown-options div > ul > li {
  width: 100%;
  list-style: none;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
.contact-us-dialog .contact-us-dropdown-options div > ul > li a {
  display: block;
  width: 100%;
  color: #444444;
  padding: 0.75rem 1rem;
  text-decoration: none !important;
  box-sizing: border-box;
  font-weight: bold;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
}
.contact-us-dialog .contact-us-dropdown-options div > ul > li a.nolink {
  pointer-events: none;
}
.contact-us-dialog .contact-us-dropdown-options div > ul > li a:hover, .contact-us-dialog .contact-us-dropdown-options div > ul > li a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none !important;
}
.contact-us-dialog .contact-us-dropdown-options div > ul > li > ul {
  width: 100%;
  list-style: none;
  padding: 0 0 0 20px;
  margin: 0px;
  font-size: 19px;
  box-sizing: border-box;
  font-size: 17px;
}
.contact-us-dialog .contact-us-dropdown-options div > ul > li > ul > li {
  width: 100%;
  list-style: none;
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
.contact-us-dialog .contact-us-dropdown-options div > ul > li > ul > li a {
  padding: 0.5rem 1rem;
  font-weight: normal;
  text-transform: none;
}
.contact-us-dialog .contact-us-button {
  width: 70%;
  font-weight: 700;
  text-align: center;
  padding: 0.75rem 1rem;
  margin-left: 15%;
  margin-top: 1rem;
  margin-bottom: 2rem;
  box-sizing: border-box;
  cursor: pointer;
}
.contact-us-dialog .contact-us-close-button {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  font-family: "quincy-cf", "Times New Roman", serif;
  font-size: 3rem;
  cursor: pointer;
  transform: rotate(45deg);
}

/*************************************************
 CL MIXINS COLLECTION
**************************************************/
/*** Global Options ************/
/*
  PALM                 NOTPALM
------540-|...........................................

            TABLET             NOTPORTABLE
..........|-----750-|.................................

       PORTABLE       LAPTOP
....................|-----950-|.......................

               TABLETLAPTOP
..........|-540-----------950-|.......................

            NOTDESKTOP              DESKTOP
..............................|-950-------------------

                                         BIGDESKTOP
.......................................|-1350---------

*/
/* Header */
.header-outer {
  position: relative;
  z-index: 1000;
}
@media only screen and (max-width: 949px) {
  .header-outer {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    /*z-index:2147483647; This was causing issues with  pop-ups like Feefo one. Pop-ups should go underneath the top header */
    z-index: 1000000;
  }
}
.header-outer .header-inner {
  height: 100px;
  z-index: 100;
}
@media only screen and (max-width: 949px) {
  .header-outer .header-inner {
    height: 80px;
  }
}
.header-outer .header-inner .header-desktop, .header-outer .header-inner .header-notdesktop {
  height: 100%;
}
.header-outer .header-inner .header-desktop {
  display: block;
}
@media only screen and (max-width: 949px) {
  .header-outer .header-inner .header-desktop {
    display: none;
  }
}
.header-outer .header-inner .header-notdesktop {
  display: none;
}
@media only screen and (max-width: 949px) {
  .header-outer .header-inner .header-notdesktop {
    display: block;
  }
}
@media (min-width: 950px) and (max-width: 1050px) {
  .header-outer .header-inner .search-override-seven-twelfths {
    width: 58.33% !important;
  }
}
@media (min-width: 950px) and (max-width: 1050px) {
  .header-outer .header-inner .search-override-one-twelfth {
    width: 8.33% !important;
  }
}
.header-outer .header-inner .grid {
  height: 100%;
}
.header-outer .header-inner .header-content {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 950px) {
  .header-outer .header-inner .header-content.left {
    justify-content: flex-start;
  }
}
.header-outer .header-inner .header-content.menus {
  flex-direction: column;
  align-items: flex-end;
}
.header-outer .header-inner .header-menus-wrapper {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.header-outer .header-inner .header-menus-wrapper > div {
  flex: 0 0 auto;
  margin-right: 64px;
}
.header-outer .header-inner .header-menus-wrapper > div:last-child {
  margin-right: 0;
}
.header-outer .header-inner .header-menus-wrapper .text-phonenumberbig {
  font-size: 2.4rem;
  line-height: 2.4rem;
  text-align: right;
  padding-right: 30px;
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .header-outer .header-inner .header-menus-wrapper .text-phonenumberbig {
    font-size: 1.9rem;
    line-height: 1.9rem;
  }
}
@media only screen and (max-width: 540px) {
  .header-outer .header-inner .header-menus-wrapper .text-phonenumberbig {
    font-size: 1.7rem;
    line-height: 1.7rem;
  }
}
.header-outer .header-inner .header-extraimage, .header-outer .header-inner .header-extraimagemobile {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
  pointer-events: none;
}
.header-outer .header-inner .header-extraimage img, .header-outer .header-inner .header-extraimagemobile img {
  display: block;
  height: 100%;
  width: auto;
}
.header-outer .header-inner .header-extraimagemobile {
  right: 37px;
  /*
  right:-25px;

  @include notdesktop-targeting{
      display:block;
      right:15px;
  }

  @include laptop-targeting{
      right:auto;
      left:170px;
  }

  @include tablet-targeting{
      right:auto;
      left:170px;
  }

  @include palm-targeting{
      right:10px;
  }
  */
}
@media only screen and (min-width: 950px) {
  .header-outer .header-inner .header-extraimagemobile {
    display: none;
  }
}
@media screen and (max-width: 550px) {
  .header-outer .header-inner .header-extraimagemobile {
    display: none;
  }
}
@media only screen and (max-width: 949px) {
  .header-outer .header-inner .icon-phonenumber {
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    width: 60px;
    height: 100%;
  }
  .header-outer .header-inner .icon-phonenumber svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.header-outer .header-inner .menu {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-items: flex-end;
  flex-wrap: nowrap;
  align-items: center;
  text-align: left;
  margin: 0;
  padding: 0;
}
.header-outer .header-inner .menu li {
  flex: 1 1 auto;
  position: relative;
  line-height: 1.2;
}
.header-outer .header-inner .menu li:not(:last-child) {
  margin-right: 14px;
}
.header-outer .header-inner .menu li:not(:last-child):after {
  content: "|";
  position: absolute;
  top: -4px;
  right: -10px;
}
.header-outer .header-inner .menu li a {
  color: inherit;
  width: 100%;
  font-family: "quincy-cf", "Times New Roman", serif;
  font-size: 14px;
  display: block;
}
@media only screen and (min-width: 1350px) {
  .header-outer .header-inner .menu li a {
    font-size: 14px;
  }
}
.header-outer .header-inner .menu li a:hover {
  text-decoration: underline;
}
.header-outer .header-inner .buttons-menu {
  height: 100%;
}
.header-outer .header-inner .buttons-menu > div {
  height: 100%;
}
.header-outer .header-inner .buttons-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.header-outer .header-inner .buttons-menu ul li {
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 949px) and (min-width: 751px) {
  .header-outer .header-inner .buttons-menu ul li {
    flex: 0 0 auto;
  }
}
@media only screen and (max-width: 750px) {
  .header-outer .header-inner .buttons-menu ul li {
    display: none;
  }
}
.header-outer .header-inner .buttons-menu ul li a {
  display: block;
  flex: 1 0 auto;
  height: 50px;
  line-height: 50px;
  padding: 0 25px;
  margin: 0 25px 0 0;
  min-width: 20px;
  /*background: inherit;*/
  text-decoration: none;
  font-family: "quincy-cf", "Times New Roman", serif;
  text-transform: uppercase;
  font-size: 13px;
  /*color:inherit;*/
  font-weight: 500;
  letter-spacing: 3px;
}
.header-outer .header-inner .buttons-menu ul li a:hover {
  text-decoration: none;
}
.header-outer .header-inner .buttons-menu ul li:last-child a {
  margin-right: 0;
}
.header-outer .header-inner .menu-header-right-container, .header-outer .header-inner .menu-header-right-first-row-container {
  margin-bottom: 0;
}
.header-outer .header-inner .menu-header-left-container, .header-outer .header-inner .menu-header-right-second-row-container {
  color: #888;
  margin-top: 12px;
}
.header-outer .header-inner .logo {
  display: block;
  height: 100px;
  width: 100%;
  max-width: 260px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 949px) {
  .header-outer .header-inner .logo {
    height: 100%;
    max-height: 70px;
  }
}
.header-outer .header-inner .header-notdesktop.landingpage .logo {
  background-position: center center;
  position: absolute;
  left: calc(50% + 16px);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.header-outer .header-inner .toggle-mobilemenu {
  display: block;
  width: 50px;
  height: 100%;
  position: absolute;
  right: 0;
  background-color: transparent;
  border: none;
}
.header-outer .header-inner .toggle-mobilemenu svg {
  position: absolute;
  top: 50%;
  right: 50%;
  height: auto;
  width: 90%;
  max-width: 40px;
  -webkit-transform: translate3d(50%, -50%, 0);
  -moz-transform: translate3d(50%, -50%, 0);
  -ms-transform: translate3d(50%, -50%, 0);
  -o-transform: translate3d(50%, -50%, 0);
  transform: translate3d(50%, -50%, 0);
}
.header-outer .header-inner .toggle-mobilemenu svg line {
  stroke: #222;
}
.header-outer .header-inner .toggle-mobilemenu:before {
  content: "";
  position: absolute;
  top: 10%;
  left: -12px;
  height: 80%;
  width: 1px;
  background-color: #DADADA;
}
@media only screen and (max-width: 540px) {
  .header-outer .header-inner .toggle-mobilemenu:before {
    left: -9px;
  }
}
.header-outer .header-inner .search-text {
  position: absolute;
  top: 22px;
  right: 90px;
  font-size: 14px;
  text-transform: uppercase;
}
@media only screen and (max-width: 750px) {
  .header-outer .header-inner .search-text {
    right: 45px;
  }
}
@media only screen and (max-width: 949px) {
  .header-outer .header-inner .search-text {
    display: none;
  }
}
@media (min-width: 950px) and (max-width: 1050px) {
  .header-outer .header-inner .search-text {
    display: none;
  }
}
.header-outer .header-inner .search-text:hover, .header-outer .header-inner .search-text:focus {
  text-decoration: none !important;
}
.header-outer .header-inner .search-button {
  display: block;
  position: absolute;
  top: 28px;
  right: 80px;
  color: rgba(0, 0, 0, 0.4);
  text-decoration: none;
  padding: 0;
  height: 1rem;
  /*
  &:before{
      content:'';
      height:100%; width:2px;
      background-color:rgba(black,0.1);
      position:absolute; left:-$gutter*0.5; top:0;
  }*/
}
@media (min-width: 950px) and (max-width: 1050px) {
  .header-outer .header-inner .search-button {
    right: 35px;
  }
}
@media only screen and (max-width: 949px) {
  .header-outer .header-inner .search-button {
    right: 70px;
    top: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 540px) {
  .header-outer .header-inner .search-button {
    right: 60px;
  }
}
.header-outer .header-inner .search-button:after {
  content: "";
  position: absolute;
  right: -16px;
  top: 0;
  height: 100%;
  width: 1rem;
  background-image: url(../../assets/images/icons/icon-search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media only screen and (max-width: 750px) {
  .header-outer .header-inner .search-button:after {
    width: 1rem;
  }
}
@media only screen and (max-width: 949px) {
  .header-outer .header-inner .search-button {
    width: 50px;
    padding: 0;
  }
  .header-outer .header-inner .search-button span {
    display: none;
  }
  .header-outer .header-inner .search-button:before {
    content: none;
  }
  .header-outer .header-inner .search-button:after {
    background-size: contain;
    width: 60%;
    height: 60%;
    top: 20%;
    left: 20%;
  }
}

body.page-landingpage .header-outer .header-inner .toggle-mobilemenu {
  display: none !important;
}

.header-outer .header-inner .buttons-menu ul li a {
  font-family: "EuclidCircularB", Arial, Helvetica, sans-serif;
  height: 34px;
  line-height: 34px;
  letter-spacing: 0px;
  font-size: 12px;
  background-color: #312f30;
  background-image: none;
  color: #FFF;
}
.header-outer .header-inner .buttons-menu ul li.secondary a {
  background-color: transparent;
  border: 1px solid #312f30;
  background-image: none;
  color: inherit;
}
.header-outer .header-inner .buttons-menu ul li.secondary a:hover span {
  color: #FFF;
}

.header-outer .header-inner .menu-header-left-container .menu li a {
  font-family: "EuclidCircularB", Arial, Helvetica, sans-serif;
  color: #312f30;
}

/*************************************************
 CL MIXINS COLLECTION
**************************************************/
/*** Global Options ************/
/*
  PALM                 NOTPALM
------540-|...........................................

            TABLET             NOTPORTABLE
..........|-----750-|.................................

       PORTABLE       LAPTOP
....................|-----950-|.......................

               TABLETLAPTOP
..........|-540-----------950-|.......................

            NOTDESKTOP              DESKTOP
..............................|-950-------------------

                                         BIGDESKTOP
.......................................|-1350---------

*/
@media only screen and (min-width: 950px) {
  .navigation-outer {
    height: 65px;
    margin: 0;
    padding: 0;
    z-index: 1000;
  }
  .navigation-outer .navigation-inner {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container {
    height: 65px;
    font-family: "EuclidCircularB", Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu {
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    /** MAIN MENU BAR */
    /* Open Sub-Menu Level 1 on Mouse   */
    /* Open Sub-Menu LEVEL 2 on Mouse Over */
    /* Open Sub-Menu LEVEL 3 on Mouse Over */
    /* debug-only */
    /*&>li:first-child>.submenus-wrapper{ display:block; }*/
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    /* SUM-MENU LEVEL 1 */
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    text-decoration: none;
    position: relative;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li a:not(:hover) .label {
    color: inherit;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li a .label {
    display: block;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li a .border {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    display: none;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li a .btn-toggle {
    display: none;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > a {
    color: inherit;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper {
    position: absolute;
    top: 100%;
    left: 50%;
    overflow: hidden;
    height: 375px;
    display: none;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    padding-bottom: 4px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper {
    display: block;
    width: 25%;
    height: 100%;
    padding: 27px 0 27px 24px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > .ps__rail-y {
    right: auto;
    left: 0;
    top: 0 !important;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li.mobile {
    display: none;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li {
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    min-height: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* SUM-MENU LEVEL 2 */
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > a {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
    width: 100%;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 950px) and (min-width: 0\0 ) and (min-resolution: 72dpi) {
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > a {
    /* IE9+ */
    display: block;
  }
}
@media only screen and (min-width: 950px) {
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > a .border {
    height: 1px;
    bottom: 0px;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li.viewallproducts a {
    background-image: url(../../assets/images/icons/icon-viewall.svg);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 30px;
    opacity: 1;
    /*color:inherit !important;*/
  }
}
@media only screen and (min-width: 950px) and (min-width: 0\0 ) and (min-resolution: 72dpi) {
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li.viewallproducts a {
    /* IE9+ */
    background-image: url(../../assets/images/icons/icon-viewall.png);
  }
}
@media only screen and (min-width: 950px) {
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li.viewallproducts a .border {
    display: none !important;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper {
    display: none;
    position: absolute;
    left: 25%;
    top: 0;
    height: 100%;
    width: 75%;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper .item-text {
    width: 33.33%;
    right: 33.33%;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper .item-image {
    width: 33.33%;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper {
    display: block;
    width: 33.34%;
    height: calc(100% - 27px);
    padding: 27px 0 27px 24px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper > .ps__rail-y {
    right: auto;
    left: 0;
    top: 0 !important;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li.mobile {
    display: none;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li {
    display: flex;
    flex: 0 0 auto;
    min-height: 20px;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /* SUM-MENU LEVEL 3 */
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li a {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
    width: 100%;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 17px;
    line-height: 1.2;
    font-weight: normal;
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media only screen and (min-width: 950px) and (min-width: 0\0 ) and (min-resolution: 72dpi) {
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li a {
    /* IE9+ */
    display: block;
  }
}
@media only screen and (min-width: 950px) {
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper {
    display: none;
    position: absolute;
    left: 33.33%;
    top: 0;
    height: 100%;
    width: 66.67%;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper .item-text {
    width: 50%;
    right: 50%;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper .item-image {
    width: 50%;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper.no-second-level > .item-text {
    width: 33.33%;
    right: 33.33%;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper.no-second-level > .item-image {
    width: 33.33%;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper.no-second-level > .submenu-listwrapper {
    width: 33.33%;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper.no-second-level > .submenu-listwrapper > ul > li > .submenus-wrapper {
    left: 33.33%;
    width: 66.66%;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper.no-second-level > .submenu-listwrapper > ul > li > .submenus-wrapper .item-text {
    width: 50%;
    right: 50%;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li > .submenus-wrapper.no-second-level > .submenu-listwrapper > ul > li > .submenus-wrapper .item-image {
    width: 50%;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li .item-text, .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li .item-image {
    display: block;
    position: absolute;
    right: -1px;
    top: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li .item-text {
    width: 25%;
    right: 25%;
    padding: 27px 32px 27px 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li .item-text h3, .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li .item-text .title {
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 13.5px;
    font-weight: 500;
    font-family: "quincy-cf", "Times New Roman", serif;
    font-style: normal;
    display: block;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li .item-text p, .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li .item-text ul {
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 0;
    /*color:#888;*/
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li .item-text ul {
    padding-left: 20px;
    margin-top: 5px;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li .item-text ul {
    padding-left: 20px;
    margin-top: 5px;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li .item-text a.button {
    height: 46px !important;
    margin: 15px 0 0 0;
    align-items: center !important;
    padding: 3px 10px 0 10px;
    font-size: 16px !important;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li .item-image {
    width: 25%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li .item-image .item-image-content {
    position: absolute;
    left: 18px;
    top: 18px;
    width: calc(100% - 36px);
    height: calc(100% - 36px);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li.mobile {
    display: none;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li.sticky {
    background-color: unset;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li:hover > a .border {
    display: block;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li.menu-item-has-children:hover > .submenus-wrapper {
    display: flex;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li.menu-item-has-children > .submenus-wrapper > .submenu-listwrapper > ul > li:hover > .submenus-wrapper {
    display: flex;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li.menu-item-has-children > .submenus-wrapper > .submenu-listwrapper > ul > li.menu-item-has-children:hover > a .border {
    display: block;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container > ul.menu > li.menu-item-has-children > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li:hover > .submenus-wrapper {
    display: flex;
  }
}
@media only screen and (max-width: 949px) {
  .navigation-outer {
    display: none;
    pointer-events: none;
    z-index: 2147483646;
    padding-top: 27px;
    min-height: 500px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  }
  .navigation-outer .navigation-inner {
    padding: 0;
    max-width: 1000px;
    height: calc(100% - 80px);
    max-height: 100%;
    overflow: auto;
  }
  .navigation-outer .navigation-inner.withStickyButtons {
    height: calc(100% - 160px);
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container {
    font-family: "EuclidCircularB", Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    /* SUM-MENU LEVEL 1 */
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container .item-text, .navigation-outer .navigation-inner .menu-header-navigation-container .item-image {
    display: none;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul li {
    height: auto;
    width: 100%;
    font-size: 21px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul li:not(.sticky) {
    margin-bottom: 8px;
    background-color: transparent;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul li.sticky {
    position: fixed;
    bottom: 0;
    padding-left: 63px;
    background-image: url(../../assets/images/icons/icon-phone.svg);
    background-size: auto 60%;
    background-position: 33px center;
    background-repeat: no-repeat;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul li.sticky a {
    color: white !important;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 55px;
    padding: 0 64px 0 32px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul li a:not(:hover):not(:active) .label {
    color: inherit;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul li a .btn-toggle svg {
    display: none;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li > .submenus-wrapper {
    display: block;
    /*background-color:transparent;*/
    overflow: hidden;
    height: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li > .submenus-wrapper > .submenu-listwrapper {
    display: block;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li {
    padding-left: 16px;
    background-color: rgba(0, 0, 0, 0.1);
    padding-bottom: 4px;
    padding-top: 4px;
    margin-bottom: 0;
    /* SUM-MENU LEVEL 2 */
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li:first-child {
    padding-top: 10px;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li:last-child {
    padding-bottom: 10px;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li.viewallproducts a {
    background-image: url(../../assets/images/icons/icon-viewall.svg);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 30px;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li > a {
    font-weight: bold;
    font-size: 17px;
    min-height: 34px;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li > a .btn-toggle svg {
    display: none;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper {
    display: block;
    border: 0;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper {
    display: block;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li {
    padding-bottom: 6px;
    padding-top: 6px;
    /*background-color:transparent;*/
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li > a {
    font-weight: normal;
    font-size: 19px;
    min-height: 40.5px;
    line-height: 1.2;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li > .submenus-wrapper > .submenu-listwrapper > ul > li > a .btn-toggle {
    display: none !important;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > a .btn-toggle, .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > .submenus-wrapper > .submenu-listwrapper > ul > li.menu-item-has-children > a .btn-toggle {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 80px;
    pointer-events: all;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > a .btn-toggle svg, .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > .submenus-wrapper > .submenu-listwrapper > ul > li.menu-item-has-children > a .btn-toggle svg {
    display: block;
    width: 24%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > a .btn-toggle.open, .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > .submenus-wrapper > .submenu-listwrapper > ul > li.menu-item-has-children > a .btn-toggle.open {
    -webkit-transform: scale(1) rotate(-90deg);
    -moz-transform: scale(1) rotate(-90deg);
    -ms-transform: scale(1) rotate(-90deg);
    -o-transform: scale(1) rotate(-90deg);
    transform: scale(1) rotate(-90deg);
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > a .btn-toggle:hover, .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > a .btn-toggle:active, .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > .submenus-wrapper > .submenu-listwrapper > ul > li.menu-item-has-children > a .btn-toggle:hover, .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > .submenus-wrapper > .submenu-listwrapper > ul > li.menu-item-has-children > a .btn-toggle:active {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
  }
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > a .btn-toggle.open:hover, .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > a .btn-toggle.open:active, .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > .submenus-wrapper > .submenu-listwrapper > ul > li.menu-item-has-children > a .btn-toggle.open:hover, .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.menu-item-has-children > .submenus-wrapper > .submenu-listwrapper > ul > li.menu-item-has-children > a .btn-toggle.open:active {
    -webkit-transform: scale(1.15) rotate(-90deg);
    -moz-transform: scale(1.15) rotate(-90deg);
    -ms-transform: scale(1.15) rotate(-90deg);
    -o-transform: scale(1.15) rotate(-90deg);
    transform: scale(1.15) rotate(-90deg);
  }
}
.navigation-outer .navigation-inner .menu-header-navigation-container {
  font-size: 15px;
}
@media only screen and (max-width: 949px) {
  .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.sticky > a:hover span, .navigation-outer .navigation-inner .menu-header-navigation-container ul > li.sticky > a:active span {
    color: white;
  }
}

/*************************************************
 CL MIXINS COLLECTION
**************************************************/
/*** Global Options ************/
/*
  PALM                 NOTPALM
------540-|...........................................

            TABLET             NOTPORTABLE
..........|-----750-|.................................

       PORTABLE       LAPTOP
....................|-----950-|.......................

               TABLETLAPTOP
..........|-540-----------950-|.......................

            NOTDESKTOP              DESKTOP
..............................|-950-------------------

                                         BIGDESKTOP
.......................................|-1350---------

*/
/* Notification */
.notification-outer {
  display: none;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  z-index: 1200;
  padding: 23px 0;
}
.notification-outer .notification-inner {
  position: relative;
}
.notification-outer .notification-inner .notification-content {
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  line-height: 1.5;
}
.notification-outer .notification-inner .notification-content .notification-title {
  font-size: 23px;
  line-height: 27px;
  margin-bottom: 0;
  font-weight: bold;
}
.notification-outer .notification-inner .notification-content p {
  margin: 0px;
  max-width: 65%;
  line-height: 1.3;
}
@media only screen and (max-width: 750px) {
  .notification-outer .notification-inner .notification-content p {
    margin-bottom: 27px;
    max-width: 100%;
  }
}
.notification-outer .notification-inner .notification-content p a {
  color: inherit;
  text-decoration: underline;
}
.notification-outer .notification-inner .notification-content .notification-buttons {
  display: block;
  top: 50%;
  right: 0;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media only screen and (max-width: 750px) {
  .notification-outer .notification-inner .notification-content .notification-buttons {
    position: relative;
    float: none;
    top: 15px;
    margin-left: 0;
  }
}
.notification-outer .notification-inner .notification-content .notification-button {
  margin: 0 16px 0 0;
  padding: 0 20px;
  min-width: 110px;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  display: inline-block;
  clear: both;
  text-align: center;
  position: relative;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.notification-outer .notification-inner .notification-content .notification-button:hover {
  text-decoration: none;
}
.notification-outer .notification-inner .notification-content .notification-button.linkbutton {
  top: -1px;
}
.notification-outer .notification-inner .notification-content .notification-button.background-gradient {
  border: none !important;
}
.notification-outer .notification-inner .notification-close {
  position: absolute;
  top: 0.5rem;
  right: 0.75rem;
  font-size: 1.5rem;
  cursor: pointer;
}

.notification-background {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(9, 9, 40, 0.5);
  z-index: 50;
}

.notification-popup {
  position: fixed;
  top: 33.33%;
  left: 2.5%;
  width: 95%;
  background-color: #ffffff;
  z-index: 55;
  box-shadow: 1px 4px 10px 2px rgba(0, 0, 0, 0.15);
}
@media (min-width: 576px) {
  .notification-popup {
    left: 5%;
    width: 90%;
  }
}
@media (min-width: 768px) {
  .notification-popup {
    left: 10%;
    width: 80%;
  }
}
@media (min-width: 992px) {
  .notification-popup {
    left: 25%;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .notification-popup {
    left: 33.33%;
    width: 33.33%;
  }
}
.notification-popup > .notification-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15px;
}
.notification-popup > .notification-title {
  width: 100%;
  font-size: 2rem;
  line-height: 2rem;
  text-align: center;
  margin-top: 81px;
  margin-bottom: 27px;
  box-sizing: border-box;
}
.notification-popup > .notification-text {
  width: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-bottom: 1rem;
  text-align: center;
  box-sizing: border-box;
}
.notification-popup > .notification-button {
  width: 80%;
  font-weight: 700;
  text-align: center;
  padding: 0.75rem 1rem;
  margin-left: 10%;
  margin-top: 1rem;
  margin-bottom: 2rem;
  box-sizing: border-box;
  cursor: pointer;
}
.notification-popup > .notification-close-button {
  position: absolute;
  top: 31px;
  right: 27px;
  font-family: "quincy-cf", "Times New Roman", serif;
  font-size: 3rem;
  transform: rotate(45deg);
  cursor: pointer;
}

/** NOTIFICATION **/
.notification-outer .notification-inner .notification-content .notification-buttons .closebutton {
  text-transform: uppercase;
  font-weight: 700;
}
.notification-outer .notification-inner .notification-content .notification-buttons .linkbutton {
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
}

/*************************************************
 CL MIXINS COLLECTION
**************************************************/
/*** Global Options ************/
/*
  PALM                 NOTPALM
------540-|...........................................

            TABLET             NOTPORTABLE
..........|-----750-|.................................

       PORTABLE       LAPTOP
....................|-----950-|.......................

               TABLETLAPTOP
..........|-540-----------950-|.......................

            NOTDESKTOP              DESKTOP
..............................|-950-------------------

                                         BIGDESKTOP
.......................................|-1350---------

*/
#search-background {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  pointer-events: none;
  z-index: 1099;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#search-background.open {
  opacity: 0.4;
  pointer-events: all;
}

.search-outer {
  display: none;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1100;
  padding-top: 27px;
  padding-bottom: 27px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 949px) {
  .search-outer {
    position: fixed;
    top: 80px; /* size of the sticky mobile header */
  }
}
.search-outer .search-inner {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-top: 10px;
  padding-bottom: 1rem;
}
.search-outer .search-inner .search-container {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 750px) {
  .search-outer .search-inner .search-container {
    width: 100%;
  }
}
.search-outer .search-inner .search-container input[type=text] {
  width: 100%;
  height: 60px;
  border: 0;
  border-bottom: 2px solid black;
  font-size: 23px;
  color: rgba(0, 0, 0, 0.8);
  outline: none;
  box-sizing: border-box;
}
.search-outer .search-inner .search-container .send-search-button {
  position: absolute;
  top: 12px;
  right: 36px;
  margin: 0px;
  padding: 0px;
}
@media only screen and (max-width: 750px) {
  .search-outer .search-inner .search-container .send-search-button {
    display: none;
  }
}
.search-outer .search-inner .search-container .send-search-button#send-search-button-active {
  cursor: pointer;
}
.search-outer .search-inner .search-container .send-search-button img {
  width: 30px;
  height: auto;
}
.search-outer .search-inner .search-container .search-close {
  position: absolute;
  top: 24px;
  right: 0px;
  width: 2rem;
  height: auto;
  font-size: 60px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translate(0, -50%) scale(1);
  -moz-transform: translate(0, -50%) scale(1);
  -ms-transform: translate(0, -50%) scale(1);
  -o-transform: translate(0, -50%) scale(1);
  transform: translate(0, -50%) scale(1);
}
.search-outer .search-inner .search-container .search-close:hover {
  -webkit-transform: translate(0, -50%) scale(1.2);
  -moz-transform: translate(0, -50%) scale(1.2);
  -ms-transform: translate(0, -50%) scale(1.2);
  -o-transform: translate(0, -50%) scale(1.2);
  transform: translate(0, -50%) scale(1.2);
}
.search-outer .search-inner .search-container #search-results {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: absolute;
  top: 100%;
  padding: 0px;
  width: calc(100% - 255px);
  max-height: 400px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
@media only screen and (max-width: 750px) {
  .search-outer .search-inner .search-container #search-results {
    width: 100%;
  }
}
.search-outer .search-inner .search-container #search-results div.error {
  margin: 0px;
  padding: 0px;
  padding-top: 2%;
  padding-left: 2%;
  padding-bottom: 1%;
}
.search-outer .search-inner .search-container #search-results .search-result {
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 750px) {
  .search-outer .search-inner .search-container #search-results .search-result {
    width: 50%;
  }
}
.search-outer .search-inner .search-container #search-results .search-result a {
  width: 100%;
  height: 100%;
  padding: 10px 10px 20px 10px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.search-outer .search-inner .search-container #search-results .search-result a:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.05);
}
.search-outer .search-inner .search-container #search-results .search-result a .thumb {
  width: 100%;
  height: 81px;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.search-outer .search-inner .search-container #search-results .search-result a h4 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
}
.search-outer .search-inner .search-container #search-results .search-result a p {
  font-size: 15px;
  line-height: 18px;
  margin: 0px;
  padding: 0px;
}

@media (max-width: 540px) {
  .social-outer {
    display: none;
  }
}
.social-outer .section-inner {
  display: flex;
  flex-direction: row;
}
@media (max-width: 750px) {
  .social-outer .section-inner {
    display: block;
  }
}
.social-outer .section-inner .social-column {
  display: flex;
  flex-direction: column;
  width: 33.33%;
}
@media (max-width: 750px) {
  .social-outer .section-inner .social-column {
    width: 100%;
  }
}
.social-outer .section-inner .social-column .social-column-fade {
  height: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02));
}
@media (max-width: 750px) {
  .social-outer .section-inner .social-column .social-column-fade {
    display: block;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02));
  }
}
.social-outer .section-inner .social-column .social-column-fade .social-title-row {
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100px;
}
@media (max-width: 540px) {
  .social-outer .section-inner .social-column .social-column-fade .social-title-row {
    height: 100px;
  }
}
@media (min-width: 541px) and (max-width: 750px) {
  .social-outer .section-inner .social-column .social-column-fade .social-title-row {
    height: 100px;
  }
}
@media (min-width: 750px) and (max-width: 949px) {
  .social-outer .section-inner .social-column .social-column-fade .social-title-row {
    height: 150px;
  }
}
@media (min-width: 950px) {
  .social-outer .section-inner .social-column .social-column-fade .social-title-row {
    height: 150px;
  }
}
.social-outer .section-inner .social-column .social-column-fade .social-title-row h4 {
  font-weight: 700;
}
.social-outer .section-inner .social-column .social-column-fade .social-feefo-row {
  display: flex;
  flex-direction: row;
  padding-left: 2rem;
  padding-right: 2rem;
  height: 70px;
}
@media (max-width: 540px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row {
    flex-direction: row;
    height: 70px;
  }
}
@media (min-width: 541px) and (max-width: 750px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row {
    flex-direction: row;
    height: 70px;
  }
}
@media (min-width: 750px) and (max-width: 949px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row {
    flex-direction: column;
    height: 75px;
  }
}
@media (min-width: 950px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row {
    flex-direction: row;
    height: 50px;
  }
}
.social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-logo {
  width: 50%;
}
@media (max-width: 540px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-logo {
    width: 50%;
  }
}
@media (min-width: 541px) and (max-width: 750px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-logo {
    width: 50%;
  }
}
@media (min-width: 750px) and (max-width: 949px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-logo {
    width: 100%;
  }
}
@media (min-width: 950px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-logo {
    width: 50%;
  }
}
.social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-logo img {
  width: 100%;
  height: auto;
}
.social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-stars {
  width: 50%;
}
@media (max-width: 540px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-stars {
    width: 50%;
  }
}
@media (min-width: 541px) and (max-width: 750px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-stars {
    width: 50%;
  }
}
@media (min-width: 750px) and (max-width: 949px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-stars {
    width: 100%;
  }
}
@media (min-width: 950px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-stars {
    width: 50%;
  }
}
.social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-rating {
  padding-left: 1rem;
  width: 50%;
}
@media (max-width: 540px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-rating {
    padding-left: 1rem;
    width: 50%;
  }
}
@media (min-width: 541px) and (max-width: 750px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-rating {
    padding-left: 1rem;
    width: 50%;
  }
}
@media (min-width: 750px) and (max-width: 949px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-rating {
    padding-left: 0px;
    width: 100%;
  }
}
@media (min-width: 950px) {
  .social-outer .section-inner .social-column .social-column-fade .social-feefo-row .social-feefo-rating {
    padding-left: 1rem;
    width: 50%;
  }
}
.social-outer .section-inner .social-column .social-column-fade .social-button-row {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 1rem;
  height: 70px;
}
.social-outer .section-inner .social-column .social-column-fade .social-button-row a {
  width: 100%;
}
.social-outer .section-inner .social-column .social-column-fade .social-text-row {
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100px;
}
@media (max-width: 540px) {
  .social-outer .section-inner .social-column .social-column-fade .social-text-row {
    height: 70px;
  }
}
@media (min-width: 541px) and (max-width: 750px) {
  .social-outer .section-inner .social-column .social-column-fade .social-text-row {
    height: 70px;
  }
}
@media (min-width: 750px) and (max-width: 949px) {
  .social-outer .section-inner .social-column .social-column-fade .social-text-row {
    height: 150px;
  }
}
@media (min-width: 950px) {
  .social-outer .section-inner .social-column .social-column-fade .social-text-row {
    height: 100px;
  }
}
.social-outer .section-inner .social-column .social-column-fade .social-score {
  font-family: "Brown", sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 4rem;
  text-align: center;
  padding-top: 15px;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (max-width: 540px) {
  .social-outer .section-inner .social-column .social-column-fade .social-score {
    padding-top: 15px;
  }
}
@media (min-width: 541px) and (max-width: 750px) {
  .social-outer .section-inner .social-column .social-column-fade .social-score {
    padding-top: 15px;
  }
}
@media (min-width: 750px) and (max-width: 949px) {
  .social-outer .section-inner .social-column .social-column-fade .social-score {
    padding-top: 15px;
  }
}
@media (min-width: 950px) {
  .social-outer .section-inner .social-column .social-column-fade .social-score {
    padding-top: 15px;
  }
}
.social-outer .section-inner .social-column .social-column-fade .social-disclaimer {
  font-size: 0.9rem;
  line-height: 100%;
  text-align: center;
}