g@charset "UTF-8";
/*------------------------------------*    $DEFAULT TOP SCSS FILES
\*------------------------------------*/
@font-face {
  font-family: 'Forza';
  src: url("../fonts/russmedia/Forza-Bold-Webfont.eot");
  src: url("../fonts/russmedia/Forza-Bold-Webfont.eot") format("embedded-opentype"), url("../fonts/russmedia/Forza-Bold-Webfont.ttf") format("truetype"), url("../fonts/russmedia/Forza-Bold-Webfont.woff") format("woff"), url("../fonts/russmedia/Forza-Bold-Webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Forza';
  src: url("../fonts/russmedia/Forza-Bold-Webfont.eot");
  src: url("../fonts/russmedia/Forza-Bold-Webfont.eot") format("embedded-opentype"), url("../fonts/russmedia/Forza-Bold-Webfont.ttf") format("truetype"), url("../fonts/russmedia/Forza-Bold-Webfont.woff") format("woff"), url("../fonts/russmedia/Forza-Bold-Webfont.svg") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Premiera';
  src: url("../fonts/russmedia/Premiera-Book.eot");
  src: url("../fonts/russmedia/Premiera-Book.eot") format("embedded-opentype"), url("../fonts/russmedia/Premiera-Book.woff") format("woff"), url("../fonts/russmedia/Premiera-Book.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Premiera';
  src: url("../fonts/russmedia/Premiera-Italic.eot");
  src: url("../fonts/russmedia/Premiera-Italic.eot") format("embedded-opentype"), url("../fonts/russmedia/Premiera-Italic.woff") format("woff"), url("../fonts/russmedia/Premiera-Italic.svg") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Premiera';
  src: url("../fonts/russmedia/Premiera-Bold.eot");
  src: url("../fonts/russmedia/Premiera-Bold.eot") format("embedded-opentype"), url("../fonts/russmedia/Premiera-Bold.ttf") format("truetype"), url("../fonts/russmedia/Premiera-Bold.woff") format("woff"), url("../fonts/russmedia/Premiera-Bold.svg") format("svg");
  font-weight: 700;
  font-style: normal; }

/*------------------------------------*    $TABLE OF CONTENTS 
    based generally on Harry Roberts excellent CSS Guidelines https://github.com/csswizardry/CSS-Guidelines
\*------------------------------------*/
/**
 * CONTENTS
 *
 * SETTINGS
 * Global...............Globally-available variables and config.
 *
 * TOOLS
 * Mixins...............Useful mixins.
 *
 * GENERIC
 * Normalize.css........A level playing field.
 * Box-sizing...........Better default `box-sizing`.
 *
 * BASE
 * Headings.............H1–H6 styles.
 * Lists................UL
 * Tables...............Table, th, td
 *
 * OBJECTS
 * Wrappers.............Wrapping and constraining elements.
 * Global Classes.......clearfix, quickprototyping classes
 *
 * COMPONENTS
 * Page-head............The main page header.
 * Page-foot............The main page footer.
 * Buttons..............Button elements.
 *
 * TRUMPS
 * Text.................Text helpers.
 */
/*------------------------------------*    $THEME VARIABLES
\*------------------------------------*/
/*------------------------------------*    $CUSTOM COLORS
\*------------------------------------*/
/*------------------------------------*    $COLOR USAGE
\*------------------------------------*/
/**
  * used for form valdiation
 */
/*------------------------------------*    BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*    FONT SETTINGS
\*------------------------------------*/
/*------------------------------------*    FONT SIZES
    Modular Scale (modularscale.com)
\*------------------------------------*/
/*------------------------------------*    LAYOUT
\*------------------------------------*/
/*------------------------------------*    DEFAULTS
\*------------------------------------*/
/*------------------------------------*    BUTTON PARAMETERS
\*------------------------------------*/
/*------------------------------------*    $DEFAULT BOTTOM SCSS FILES
\*------------------------------------*/
/*------------------------------------*    $SETTINGS
\*------------------------------------*/
/* ==========================================================================
  $COLORS
   ========================================================================== */
/*------------------------------------*    $COLORS DEFINITION
\*------------------------------------*/
/*------------------------------------*    $COLOR USAGE GLOBAL
\*------------------------------------*/
/*------------------------------------*    $COLOR LINKS
\*------------------------------------*/
/*------------------------------------*    $COLOR VALIDATION
\*------------------------------------*/
/* ==========================================================================
  $TYPOGRAPHY
   ========================================================================== */
/*------------------------------------*    FONT FAMILY
\*------------------------------------*/
/*------------------------------------*    FONT SIZES
    with Modular Scale (modularscale.com)
\*------------------------------------*/
/*------------------------------------*    FONT WEIGHT
\*------------------------------------*/
/*------------------------------------*    $DEFAULT BODY FONT SETTINGS
\*------------------------------------*/
/* ==========================================================================
  $LAYOUT
   ========================================================================== */
/*------------------------------------*    $BREAKPOINTS MOBILE FIRST
\*------------------------------------*/
/*------------------------------------*    $SPACE AND $PAD
\*------------------------------------*/
/*------------------------------------*    $BORDERS
\*------------------------------------*/
/* DEPRECATED, NEEDS TO BE REMOVED WHEN GRID ADJUSTED
========================================================================== */
/*------------------------------------*    $LIMIT FOR ELEMENTS
\*------------------------------------*/
/*------------------------------------*    $LIMIT CONTENT
\*------------------------------------*/
/*------------------------------------*    $TOOLS
\*------------------------------------*/
/* ==========================================================================
  $MIXINS
   ========================================================================== */
/*------------------------------------*    $FONT SMOOTHING
\*------------------------------------*/
/*------------------------------------*    $FLEXBOX
\*------------------------------------*/
/*------------------------------------*    $ABSOLUTE STRETCHING
\*------------------------------------*/
/*------------------------------------*    $FONT FAMILY
\*------------------------------------*/
/*------------------------------------*    $INLINE-BLOCK
\*------------------------------------*/
/*------------------------------------*    $COVER
\*------------------------------------*/
/*------------------------------------*    $STICKY FOOTER
\*------------------------------------*/
/* CLEARFIX
USAGE: use this class on the html container of the floating elements
or include it in the CSS to the container of the floating elements
========================================================================== */
/* -----------------------------------------------------------------------------
SCSS Form Reset Helpers - Forked from: 
https://gist.github.com/anthonyshort/552543
Intended usage:
- MIXINS: for very specific use cases, when you dont want to reset absolutly 
all the forms, very verbose output.
- PLACEHOLDER SELECTORS: use as extending classes. Less verbose, more generic 
overrides.
A couple of things to watch out for:
- IE8: If a text input doesn't have padding on all sides or none the text won't 
be centered.
- The default border sizes on text inputs in all UAs seem to be slightly 
different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to 
content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as 
normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. 
They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace 
on the left on search inputs
------------------------------------------------------------------------------*/
input, label, select, button, textarea {
  display: inline-block;
  margin: 0;
  border: 0;
  padding: 0;
  width: auto;
  vertical-align: middle;
  line-height: inherit;
  background: none;
  color: inherit;
  font-size: inherit;
  font-family: inherit; }

input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {
  box-sizing: border-box; }

input {
  /* Make webkit render the search input like a normal text field */
  /* Turn off the recent search for webkit. It adds about 15px padding on the left */
  /* Fix IE7 display bug */
  /* These elements are usually rendered a certain way by the browser */ }
  input:focus {
    outline: 0; }
  input[type=checkbox], input[type=radio] {
    width: 13px;
    height: 13px; }
  input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box; }
  ::-webkit-search-decoration {
    display: none; }
  input[type="reset"], input[type="button"], input[type="submit"] {
    overflow: visible; }

select {
  /* Move the label to the top */ }
  select[multiple] {
    vertical-align: top; }

button {
  background: none;
  border: 0;
  outline: none;
  /* IE8 and FF freak out if this rule is within another selector */ }
  button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  button:hover, button:active, button:focus {
    outline: 0; }
  ::-webkit-file-upload-button {
    padding: 0;
    border: 0;
    background: none; }

textarea {
  /* Move the label to the top */
  vertical-align: top;
  resize: vertical;
  /* Turn off scroll bars in IE unless needed */
  overflow: auto; }

/*------------------------------------*    $GLOW
\*------------------------------------*/
@-webkit-keyframes glow {
  0% {
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    top: 5px; }
  50% {
    text-shadow: 0 0 0px white;
    top: 0; }
  100% {
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    top: 5px; } }
@keyframes glow {
  0% {
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    top: 5px; }
  50% {
    text-shadow: 0 0 0px white;
    top: 0; }
  100% {
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    top: 5px; } }

/*------------------------------------*    $GENERIC
\*------------------------------------*/
/*------------------------------------*    $RESET
\*------------------------------------*/
/* Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/ */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
  margin: 0;
  padding: 0; }

header, footer, nav, section, article, hgroup, figure {
  display: block; }

/*------------------------------------*    $FORM RESET
\*------------------------------------*/
/*------------------------------------*    $BASE
\*------------------------------------*/
/*------------------------------------*    MAIN
\*------------------------------------*/
html {
  font-size: 62.5%; }

body {
  font-family: "Lato", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  line-height: 1.4; }
  @media all and (min-width: 768px) {
    body {
      font-size: 19px; } }
  body::before {
    content: 'mobile';
    font-size: 0;
    visibility: hidden;
    display: none; }
  @media all and (min-width: 480px) {
    body::before {
      content: 'mobile-horizontal'; } }
  @media all and (min-width: 768px) {
    body::before {
      content: 'tablet'; } }
  @media all and (min-width: 1024px) {
    body::before {
      content: 'desktop'; } }
  @media all and (min-width: 1280px) {
    body::before {
      content: 'wide'; } }
  @media all and (min-width: 1680px) {
    body::before {
      content: 'wider'; } }
  @media all and (min-width: 1980px) {
    body::before {
      content: 'fullhd'; } }

main, .main {
  display: block; }

/*------------------------------------*    LINKS
\*------------------------------------*/
a {
  color: #ee3651;
  text-decoration: underline; }
  a:hover, a:active, a:focus {
    color: #c1bcc2; }

[data-href] {
  cursor: pointer; }

/*------------------------------------*    HEADINGS
\*------------------------------------*/
h1, h2, h3, h4, h5, h6,
.alpha, .beta, .gamma, .delta, .epsilon, .zeta {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: normal; }

/*------------------------------------*    HEADINGS FOR WYSIWYG EDITOR
\*------------------------------------*/
h1, .alpha {
  font-size: 23px;
  line-height: 1.277; }
  @media all and (min-width: 768px) {
    h1, .alpha {
      font-size: 36px; } }

h2, .beta {
  font-size: 21px; }
  @media all and (min-width: 768px) {
    h2, .beta {
      font-size: 32px; } }

h3, .gamma {
  font-size: 20px; }
  @media all and (min-width: 768px) {
    h3, .gamma {
      font-size: 30px; } }

h4, .delta {
  font-size: 20px; }
  @media all and (min-width: 768px) {
    h4, .delta {
      font-size: 28px; } }

h5, .epsilon {
  font-size: 18px; }
  @media all and (min-width: 768px) {
    h5, .epsilon {
      font-size: 24px; } }

h6, .zeta {
  font-size: 17px; }
  @media all and (min-width: 768px) {
    h6, .zeta {
      font-size: 21px; } }

/*------------------------------------*    $MEDIA ELEMENTS
\*------------------------------------*/
img, video, object {
  height: auto;
  max-width: 100%; }

a img {
  border: none; }

img {
  vertical-align: bottom; }

/*iframe {*/
  /*max-width: 100%;*/
  /*height: auto; }*/

figure {
  max-width: 100%; }

pre {
  white-space: pre;
  word-wrap: normal;
  overflow: auto;
  padding: 10px;
  background-color: #000000; }
  pre,
  pre code,
  pre kbd,
  pre samp {
    color: #ffffff; }

/*------------------------------------*    $UNORDERED LISTS
\*------------------------------------*/
ul {
  list-style-type: disc;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px; }
  ul ul {
    margin-bottom: 0; }

/*------------------------------------*    $ORDERED LISTS
\*------------------------------------*/
ol {
  list-style: decimal;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px; }
  ol ol {
    margin-bottom: 0; }

/*------------------------------------*    $DEFINITION LISTS
\*------------------------------------*/
dl {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px; }

dd {
  margin-left: 0; }

/*------------------------------------*    $Table
\*------------------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #000000;
  width: 100%; }

th {
  text-align: left;
  border: 1px solid #000000;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px; }

td {
  border: 1px solid #000000;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px; }

/*------------------------------------*    $Table mobile
\*------------------------------------*/
.section__description th, .block__description th {
  display: none; }
  @media all and (min-width: 768px) {
    .section__description th, .block__description th {
      display: table-cell; } }

.section__description tr, .block__description tr {
  *zoom: 1;
  display: block; }
  .section__description tr:before, .section__description tr:after, .block__description tr:before, .block__description tr:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .section__description tr:after, .block__description tr:after {
    clear: both; }
  @media all and (min-width: 768px) {
    .section__description tr, .block__description tr {
      display: table-row; } }

.section__description td, .block__description td {
  display: block;
  text-align: right; }
  .section__description td::before, .block__description td::before {
    content: attr(data-table-label);
    float: left; }
  @media all and (min-width: 768px) {
    .section__description td, .block__description td {
      display: table-cell;
      text-align: left; }
      .section__description td::before, .block__description td::before {
        content: none;
        float: none; } }

input, button, select {
  cursor: pointer; }

input {
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  max-width: 100%; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

select {
  border: 1px solid rgba(0, 0, 0, 0.8);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

button {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

fieldset {
  border: none;
  padding: 0; }

/*------------------------------------*    $PARAGRAPH
\*------------------------------------*/
p {
  margin-bottom: 1.5em; }

/*------------------------------------*    $Blockquote
\*------------------------------------*/
/*------------------------------------*    $Horizontal Rule
\*------------------------------------*/
hr {
  font-size: 0;
  border: 0;
  height: 1px;
  background: #000000;
  margin-top: 20px;
  margin-bottom: 20px; }

/*------------------------------------*    $ABBR
\*------------------------------------*/
abbr {
  cursor: help; }

/*------------------------------------*    $OJBECTS
\*------------------------------------*/
/*------------------------------------*    $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
 * lap      --  lap-based devices, like iPads or laptops
 * portable --  all of the above
 * desk     --  stationary devices, like desktop computers
 * 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: -24px;
  /* [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 {
  display: inline-block;
  /* [1] */
  padding-left: 24px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
  /* [5] */
  /* [5] */
  box-sizing: border-box;
  /* [5] */ }

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

/**
 * 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: -12px; }
  .grid--narrow > .grid__item {
    padding-left: 12px; }

/**
 * Create grids with wider gutters. Extends `.grid`.
 */
.grid--wide {
  margin-left: -48px; }
  .grid--wide > .grid__item {
    padding-left: 48px; }

/*------------------------------------*    $WIDTHS
\*------------------------------------*/
/**
 * Create our width classes, prefixed by the specified namespace.
 */
/**
 * Our regular, non-responsive width classes.
 */
/**
     * Whole
     */
.one-whole {
  width: 100%; }

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

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

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

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

.three-quarters, .six-eighths, .nine-twelfths {
  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: 480px) {
  /**
     * Whole
     */
  .palm--one-whole {
    width: 100%; }
  /**
     * Halves
     */
  .palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths {
    width: 50%; }
  /**
     * Thirds
     */
  .palm--one-third, .palm--two-sixths, .palm--four-twelfths {
    width: 33.333%; }
  .palm--two-thirds, .palm--four-sixths, .palm--eight-twelfths {
    width: 66.666%; }
  /**
     * Quarters
     */
  .palm--one-quarter, .palm--two-eighths, .palm--three-twelfths {
    width: 25%; }
  .palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths {
    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: 481px) and (max-width: 767px) {
  /**
     * Whole
     */
  .iphoneh--one-whole {
    width: 100%; }
  /**
     * Halves
     */
  .iphoneh--one-half, .iphoneh--two-quarters, .iphoneh--three-sixths, .iphoneh--four-eighths, .iphoneh--five-tenths, .iphoneh--six-twelfths {
    width: 50%; }
  /**
     * Thirds
     */
  .iphoneh--one-third, .iphoneh--two-sixths, .iphoneh--four-twelfths {
    width: 33.333%; }
  .iphoneh--two-thirds, .iphoneh--four-sixths, .iphoneh--eight-twelfths {
    width: 66.666%; }
  /**
     * Quarters
     */
  .iphoneh--one-quarter, .iphoneh--two-eighths, .iphoneh--three-twelfths {
    width: 25%; }
  .iphoneh--three-quarters, .iphoneh--six-eighths, .iphoneh--nine-twelfths {
    width: 75%; }
  /**
     * Fifths
     */
  .iphoneh--one-fifth, .iphoneh--two-tenths {
    width: 20%; }
  .iphoneh--two-fifths, .iphoneh--four-tenths {
    width: 40%; }
  .iphoneh--three-fifths, .iphoneh--six-tenths {
    width: 60%; }
  .iphoneh--four-fifths, .iphoneh--eight-tenths {
    width: 80%; }
  /**
     * Sixths
     */
  .iphoneh--one-sixth, .iphoneh--two-twelfths {
    width: 16.666%; }
  .iphoneh--five-sixths, .iphoneh--ten-twelfths {
    width: 83.333%; }
  /**
     * Eighths
     */
  .iphoneh--one-eighth {
    width: 12.5%; }
  .iphoneh--three-eighths {
    width: 37.5%; }
  .iphoneh--five-eighths {
    width: 62.5%; }
  .iphoneh--seven-eighths {
    width: 87.5%; }
  /**
     * Tenths
     */
  .iphoneh--one-tenth {
    width: 10%; }
  .iphoneh--three-tenths {
    width: 30%; }
  .iphoneh--seven-tenths {
    width: 70%; }
  .iphoneh--nine-tenths {
    width: 90%; }
  /**
     * Twelfths
     */
  .iphoneh--one-twelfth {
    width: 8.333%; }
  .iphoneh--five-twelfths {
    width: 41.666%; }
  .iphoneh--seven-twelfths {
    width: 58.333%; }
  .iphoneh--eleven-twelfths {
    width: 91.666%; } }

@media only screen and (max-width: 767px) {
  /**
     * Whole
     */
  .mobile--one-whole {
    width: 100%; }
  /**
     * Halves
     */
  .mobile--one-half, .mobile--two-quarters, .mobile--three-sixths, .mobile--four-eighths, .mobile--five-tenths, .mobile--six-twelfths {
    width: 50%; }
  /**
     * Thirds
     */
  .mobile--one-third, .mobile--two-sixths, .mobile--four-twelfths {
    width: 33.333%; }
  .mobile--two-thirds, .mobile--four-sixths, .mobile--eight-twelfths {
    width: 66.666%; }
  /**
     * Quarters
     */
  .mobile--one-quarter, .mobile--two-eighths, .mobile--three-twelfths {
    width: 25%; }
  .mobile--three-quarters, .mobile--six-eighths, .mobile--nine-twelfths {
    width: 75%; }
  /**
     * Fifths
     */
  .mobile--one-fifth, .mobile--two-tenths {
    width: 20%; }
  .mobile--two-fifths, .mobile--four-tenths {
    width: 40%; }
  .mobile--three-fifths, .mobile--six-tenths {
    width: 60%; }
  .mobile--four-fifths, .mobile--eight-tenths {
    width: 80%; }
  /**
     * Sixths
     */
  .mobile--one-sixth, .mobile--two-twelfths {
    width: 16.666%; }
  .mobile--five-sixths, .mobile--ten-twelfths {
    width: 83.333%; }
  /**
     * Eighths
     */
  .mobile--one-eighth {
    width: 12.5%; }
  .mobile--three-eighths {
    width: 37.5%; }
  .mobile--five-eighths {
    width: 62.5%; }
  .mobile--seven-eighths {
    width: 87.5%; }
  /**
     * Tenths
     */
  .mobile--one-tenth {
    width: 10%; }
  .mobile--three-tenths {
    width: 30%; }
  .mobile--seven-tenths {
    width: 70%; }
  .mobile--nine-tenths {
    width: 90%; }
  /**
     * Twelfths
     */
  .mobile--one-twelfth {
    width: 8.333%; }
  .mobile--five-twelfths {
    width: 41.666%; }
  .mobile--seven-twelfths {
    width: 58.333%; }
  .mobile--eleven-twelfths {
    width: 91.666%; } }

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  /**
     * Whole
     */
  .lap--one-whole {
    width: 100%; }
  /**
     * Halves
     */
  .lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths {
    width: 50%; }
  /**
     * Thirds
     */
  .lap--one-third, .lap--two-sixths, .lap--four-twelfths {
    width: 33.333%; }
  .lap--two-thirds, .lap--four-sixths, .lap--eight-twelfths {
    width: 66.666%; }
  /**
     * Quarters
     */
  .lap--one-quarter, .lap--two-eighths, .lap--three-twelfths {
    width: 25%; }
  .lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths {
    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 (min-width: 768px) and (max-width: 1023px) {
  /**
     * Whole
     */
  .ipadv--one-whole {
    width: 100%; }
  /**
     * Halves
     */
  .ipadv--one-half, .ipadv--two-quarters, .ipadv--three-sixths, .ipadv--four-eighths, .ipadv--five-tenths, .ipadv--six-twelfths {
    width: 50%; }
  /**
     * Thirds
     */
  .ipadv--one-third, .ipadv--two-sixths, .ipadv--four-twelfths {
    width: 33.333%; }
  .ipadv--two-thirds, .ipadv--four-sixths, .ipadv--eight-twelfths {
    width: 66.666%; }
  /**
     * Quarters
     */
  .ipadv--one-quarter, .ipadv--two-eighths, .ipadv--three-twelfths {
    width: 25%; }
  .ipadv--three-quarters, .ipadv--six-eighths, .ipadv--nine-twelfths {
    width: 75%; }
  /**
     * Fifths
     */
  .ipadv--one-fifth, .ipadv--two-tenths {
    width: 20%; }
  .ipadv--two-fifths, .ipadv--four-tenths {
    width: 40%; }
  .ipadv--three-fifths, .ipadv--six-tenths {
    width: 60%; }
  .ipadv--four-fifths, .ipadv--eight-tenths {
    width: 80%; }
  /**
     * Sixths
     */
  .ipadv--one-sixth, .ipadv--two-twelfths {
    width: 16.666%; }
  .ipadv--five-sixths, .ipadv--ten-twelfths {
    width: 83.333%; }
  /**
     * Eighths
     */
  .ipadv--one-eighth {
    width: 12.5%; }
  .ipadv--three-eighths {
    width: 37.5%; }
  .ipadv--five-eighths {
    width: 62.5%; }
  .ipadv--seven-eighths {
    width: 87.5%; }
  /**
     * Tenths
     */
  .ipadv--one-tenth {
    width: 10%; }
  .ipadv--three-tenths {
    width: 30%; }
  .ipadv--seven-tenths {
    width: 70%; }
  .ipadv--nine-tenths {
    width: 90%; }
  /**
     * Twelfths
     */
  .ipadv--one-twelfth {
    width: 8.333%; }
  .ipadv--five-twelfths {
    width: 41.666%; }
  .ipadv--seven-twelfths {
    width: 58.333%; }
  .ipadv--eleven-twelfths {
    width: 91.666%; } }

@media only screen and (max-width: 1023px) {
  /**
     * Whole
     */
  .portable--one-whole {
    width: 100%; }
  /**
     * Halves
     */
  .portable--one-half, .portable--two-quarters, .portable--three-sixths, .portable--four-eighths, .portable--five-tenths, .portable--six-twelfths {
    width: 50%; }
  /**
     * Thirds
     */
  .portable--one-third, .portable--two-sixths, .portable--four-twelfths {
    width: 33.333%; }
  .portable--two-thirds, .portable--four-sixths, .portable--eight-twelfths {
    width: 66.666%; }
  /**
     * Quarters
     */
  .portable--one-quarter, .portable--two-eighths, .portable--three-twelfths {
    width: 25%; }
  .portable--three-quarters, .portable--six-eighths, .portable--nine-twelfths {
    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: 1024px) and (max-width: 1280px) {
  /**
     * Whole
     */
  .ipadh--one-whole {
    width: 100%; }
  /**
     * Halves
     */
  .ipadh--one-half, .ipadh--two-quarters, .ipadh--three-sixths, .ipadh--four-eighths, .ipadh--five-tenths, .ipadh--six-twelfths {
    width: 50%; }
  /**
     * Thirds
     */
  .ipadh--one-third, .ipadh--two-sixths, .ipadh--four-twelfths {
    width: 33.333%; }
  .ipadh--two-thirds, .ipadh--four-sixths, .ipadh--eight-twelfths {
    width: 66.666%; }
  /**
     * Quarters
     */
  .ipadh--one-quarter, .ipadh--two-eighths, .ipadh--three-twelfths {
    width: 25%; }
  .ipadh--three-quarters, .ipadh--six-eighths, .ipadh--nine-twelfths {
    width: 75%; }
  /**
     * Fifths
     */
  .ipadh--one-fifth, .ipadh--two-tenths {
    width: 20%; }
  .ipadh--two-fifths, .ipadh--four-tenths {
    width: 40%; }
  .ipadh--three-fifths, .ipadh--six-tenths {
    width: 60%; }
  .ipadh--four-fifths, .ipadh--eight-tenths {
    width: 80%; }
  /**
     * Sixths
     */
  .ipadh--one-sixth, .ipadh--two-twelfths {
    width: 16.666%; }
  .ipadh--five-sixths, .ipadh--ten-twelfths {
    width: 83.333%; }
  /**
     * Eighths
     */
  .ipadh--one-eighth {
    width: 12.5%; }
  .ipadh--three-eighths {
    width: 37.5%; }
  .ipadh--five-eighths {
    width: 62.5%; }
  .ipadh--seven-eighths {
    width: 87.5%; }
  /**
     * Tenths
     */
  .ipadh--one-tenth {
    width: 10%; }
  .ipadh--three-tenths {
    width: 30%; }
  .ipadh--seven-tenths {
    width: 70%; }
  .ipadh--nine-tenths {
    width: 90%; }
  /**
     * Twelfths
     */
  .ipadh--one-twelfth {
    width: 8.333%; }
  .ipadh--five-twelfths {
    width: 41.666%; }
  .ipadh--seven-twelfths {
    width: 58.333%; }
  .ipadh--eleven-twelfths {
    width: 91.666%; } }

@media only screen and (min-width: 1024px) {
  /**
     * Whole
     */
  .desk--one-whole {
    width: 100%; }
  /**
     * Halves
     */
  .desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths {
    width: 50%; }
  /**
     * Thirds
     */
  .desk--one-third, .desk--two-sixths, .desk--four-twelfths {
    width: 33.333%; }
  .desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths {
    width: 66.666%; }
  /**
     * Quarters
     */
  .desk--one-quarter, .desk--two-eighths, .desk--three-twelfths {
    width: 25%; }
  .desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths {
    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: 1281px) {
  /**
     * Whole
     */
  .wide--one-whole {
    width: 100%; }
  /**
     * Halves
     */
  .wide--one-half, .wide--two-quarters, .wide--three-sixths, .wide--four-eighths, .wide--five-tenths, .wide--six-twelfths {
    width: 50%; }
  /**
     * Thirds
     */
  .wide--one-third, .wide--two-sixths, .wide--four-twelfths {
    width: 33.333%; }
  .wide--two-thirds, .wide--four-sixths, .wide--eight-twelfths {
    width: 66.666%; }
  /**
     * Quarters
     */
  .wide--one-quarter, .wide--two-eighths, .wide--three-twelfths {
    width: 25%; }
  .wide--three-quarters, .wide--six-eighths, .wide--nine-twelfths {
    width: 75%; }
  /**
     * Fifths
     */
  .wide--one-fifth, .wide--two-tenths {
    width: 20%; }
  .wide--two-fifths, .wide--four-tenths {
    width: 40%; }
  .wide--three-fifths, .wide--six-tenths {
    width: 60%; }
  .wide--four-fifths, .wide--eight-tenths {
    width: 80%; }
  /**
     * Sixths
     */
  .wide--one-sixth, .wide--two-twelfths {
    width: 16.666%; }
  .wide--five-sixths, .wide--ten-twelfths {
    width: 83.333%; }
  /**
     * Eighths
     */
  .wide--one-eighth {
    width: 12.5%; }
  .wide--three-eighths {
    width: 37.5%; }
  .wide--five-eighths {
    width: 62.5%; }
  .wide--seven-eighths {
    width: 87.5%; }
  /**
     * Tenths
     */
  .wide--one-tenth {
    width: 10%; }
  .wide--three-tenths {
    width: 30%; }
  .wide--seven-tenths {
    width: 70%; }
  .wide--nine-tenths {
    width: 90%; }
  /**
     * Twelfths
     */
  .wide--one-twelfth {
    width: 8.333%; }
  .wide--five-twelfths {
    width: 41.666%; }
  .wide--seven-twelfths {
    width: 58.333%; }
  .wide--eleven-twelfths {
    width: 91.666%; } }

/*------------------------------------*    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/**
     * Not a particularly great selector, but the DRYest way to do things.
     */
[class*="push--"] {
  position: relative; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 480px) {
  /**
     * Whole
     */
  .push--palm--one-whole {
    left: 100%; }
  /**
     * Halves
     */
  .push--palm--one-half, .push--palm--two-quarters, .push--palm--three-sixths, .push--palm--four-eighths, .push--palm--five-tenths, .push--palm--six-twelfths {
    left: 50%; }
  /**
     * Thirds
     */
  .push--palm--one-third, .push--palm--two-sixths, .push--palm--four-twelfths {
    left: 33.333%; }
  .push--palm--two-thirds, .push--palm--four-sixths, .push--palm--eight-twelfths {
    left: 66.666%; }
  /**
     * Quarters
     */
  .push--palm--one-quarter, .push--palm--two-eighths, .push--palm--three-twelfths {
    left: 25%; }
  .push--palm--three-quarters, .push--palm--six-eighths, .push--palm--nine-twelfths {
    left: 75%; }
  /**
     * Fifths
     */
  .push--palm--one-fifth, .push--palm--two-tenths {
    left: 20%; }
  .push--palm--two-fifths, .push--palm--four-tenths {
    left: 40%; }
  .push--palm--three-fifths, .push--palm--six-tenths {
    left: 60%; }
  .push--palm--four-fifths, .push--palm--eight-tenths {
    left: 80%; }
  /**
     * Sixths
     */
  .push--palm--one-sixth, .push--palm--two-twelfths {
    left: 16.666%; }
  .push--palm--five-sixths, .push--palm--ten-twelfths {
    left: 83.333%; }
  /**
     * Eighths
     */
  .push--palm--one-eighth {
    left: 12.5%; }
  .push--palm--three-eighths {
    left: 37.5%; }
  .push--palm--five-eighths {
    left: 62.5%; }
  .push--palm--seven-eighths {
    left: 87.5%; }
  /**
     * Tenths
     */
  .push--palm--one-tenth {
    left: 10%; }
  .push--palm--three-tenths {
    left: 30%; }
  .push--palm--seven-tenths {
    left: 70%; }
  .push--palm--nine-tenths {
    left: 90%; }
  /**
     * Twelfths
     */
  .push--palm--one-twelfth {
    left: 8.333%; }
  .push--palm--five-twelfths {
    left: 41.666%; }
  .push--palm--seven-twelfths {
    left: 58.333%; }
  .push--palm--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 481px) and (max-width: 767px) {
  /**
     * Whole
     */
  .push--iphoneh--one-whole {
    left: 100%; }
  /**
     * Halves
     */
  .push--iphoneh--one-half, .push--iphoneh--two-quarters, .push--iphoneh--three-sixths, .push--iphoneh--four-eighths, .push--iphoneh--five-tenths, .push--iphoneh--six-twelfths {
    left: 50%; }
  /**
     * Thirds
     */
  .push--iphoneh--one-third, .push--iphoneh--two-sixths, .push--iphoneh--four-twelfths {
    left: 33.333%; }
  .push--iphoneh--two-thirds, .push--iphoneh--four-sixths, .push--iphoneh--eight-twelfths {
    left: 66.666%; }
  /**
     * Quarters
     */
  .push--iphoneh--one-quarter, .push--iphoneh--two-eighths, .push--iphoneh--three-twelfths {
    left: 25%; }
  .push--iphoneh--three-quarters, .push--iphoneh--six-eighths, .push--iphoneh--nine-twelfths {
    left: 75%; }
  /**
     * Fifths
     */
  .push--iphoneh--one-fifth, .push--iphoneh--two-tenths {
    left: 20%; }
  .push--iphoneh--two-fifths, .push--iphoneh--four-tenths {
    left: 40%; }
  .push--iphoneh--three-fifths, .push--iphoneh--six-tenths {
    left: 60%; }
  .push--iphoneh--four-fifths, .push--iphoneh--eight-tenths {
    left: 80%; }
  /**
     * Sixths
     */
  .push--iphoneh--one-sixth, .push--iphoneh--two-twelfths {
    left: 16.666%; }
  .push--iphoneh--five-sixths, .push--iphoneh--ten-twelfths {
    left: 83.333%; }
  /**
     * Eighths
     */
  .push--iphoneh--one-eighth {
    left: 12.5%; }
  .push--iphoneh--three-eighths {
    left: 37.5%; }
  .push--iphoneh--five-eighths {
    left: 62.5%; }
  .push--iphoneh--seven-eighths {
    left: 87.5%; }
  /**
     * Tenths
     */
  .push--iphoneh--one-tenth {
    left: 10%; }
  .push--iphoneh--three-tenths {
    left: 30%; }
  .push--iphoneh--seven-tenths {
    left: 70%; }
  .push--iphoneh--nine-tenths {
    left: 90%; }
  /**
     * Twelfths
     */
  .push--iphoneh--one-twelfth {
    left: 8.333%; }
  .push--iphoneh--five-twelfths {
    left: 41.666%; }
  .push--iphoneh--seven-twelfths {
    left: 58.333%; }
  .push--iphoneh--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (max-width: 767px) {
  /**
     * Whole
     */
  .push--mobile--one-whole {
    left: 100%; }
  /**
     * Halves
     */
  .push--mobile--one-half, .push--mobile--two-quarters, .push--mobile--three-sixths, .push--mobile--four-eighths, .push--mobile--five-tenths, .push--mobile--six-twelfths {
    left: 50%; }
  /**
     * Thirds
     */
  .push--mobile--one-third, .push--mobile--two-sixths, .push--mobile--four-twelfths {
    left: 33.333%; }
  .push--mobile--two-thirds, .push--mobile--four-sixths, .push--mobile--eight-twelfths {
    left: 66.666%; }
  /**
     * Quarters
     */
  .push--mobile--one-quarter, .push--mobile--two-eighths, .push--mobile--three-twelfths {
    left: 25%; }
  .push--mobile--three-quarters, .push--mobile--six-eighths, .push--mobile--nine-twelfths {
    left: 75%; }
  /**
     * Fifths
     */
  .push--mobile--one-fifth, .push--mobile--two-tenths {
    left: 20%; }
  .push--mobile--two-fifths, .push--mobile--four-tenths {
    left: 40%; }
  .push--mobile--three-fifths, .push--mobile--six-tenths {
    left: 60%; }
  .push--mobile--four-fifths, .push--mobile--eight-tenths {
    left: 80%; }
  /**
     * Sixths
     */
  .push--mobile--one-sixth, .push--mobile--two-twelfths {
    left: 16.666%; }
  .push--mobile--five-sixths, .push--mobile--ten-twelfths {
    left: 83.333%; }
  /**
     * Eighths
     */
  .push--mobile--one-eighth {
    left: 12.5%; }
  .push--mobile--three-eighths {
    left: 37.5%; }
  .push--mobile--five-eighths {
    left: 62.5%; }
  .push--mobile--seven-eighths {
    left: 87.5%; }
  /**
     * Tenths
     */
  .push--mobile--one-tenth {
    left: 10%; }
  .push--mobile--three-tenths {
    left: 30%; }
  .push--mobile--seven-tenths {
    left: 70%; }
  .push--mobile--nine-tenths {
    left: 90%; }
  /**
     * Twelfths
     */
  .push--mobile--one-twelfth {
    left: 8.333%; }
  .push--mobile--five-twelfths {
    left: 41.666%; }
  .push--mobile--seven-twelfths {
    left: 58.333%; }
  .push--mobile--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  /**
     * Whole
     */
  .push--lap--one-whole {
    left: 100%; }
  /**
     * Halves
     */
  .push--lap--one-half, .push--lap--two-quarters, .push--lap--three-sixths, .push--lap--four-eighths, .push--lap--five-tenths, .push--lap--six-twelfths {
    left: 50%; }
  /**
     * Thirds
     */
  .push--lap--one-third, .push--lap--two-sixths, .push--lap--four-twelfths {
    left: 33.333%; }
  .push--lap--two-thirds, .push--lap--four-sixths, .push--lap--eight-twelfths {
    left: 66.666%; }
  /**
     * Quarters
     */
  .push--lap--one-quarter, .push--lap--two-eighths, .push--lap--three-twelfths {
    left: 25%; }
  .push--lap--three-quarters, .push--lap--six-eighths, .push--lap--nine-twelfths {
    left: 75%; }
  /**
     * Fifths
     */
  .push--lap--one-fifth, .push--lap--two-tenths {
    left: 20%; }
  .push--lap--two-fifths, .push--lap--four-tenths {
    left: 40%; }
  .push--lap--three-fifths, .push--lap--six-tenths {
    left: 60%; }
  .push--lap--four-fifths, .push--lap--eight-tenths {
    left: 80%; }
  /**
     * Sixths
     */
  .push--lap--one-sixth, .push--lap--two-twelfths {
    left: 16.666%; }
  .push--lap--five-sixths, .push--lap--ten-twelfths {
    left: 83.333%; }
  /**
     * Eighths
     */
  .push--lap--one-eighth {
    left: 12.5%; }
  .push--lap--three-eighths {
    left: 37.5%; }
  .push--lap--five-eighths {
    left: 62.5%; }
  .push--lap--seven-eighths {
    left: 87.5%; }
  /**
     * Tenths
     */
  .push--lap--one-tenth {
    left: 10%; }
  .push--lap--three-tenths {
    left: 30%; }
  .push--lap--seven-tenths {
    left: 70%; }
  .push--lap--nine-tenths {
    left: 90%; }
  /**
     * Twelfths
     */
  .push--lap--one-twelfth {
    left: 8.333%; }
  .push--lap--five-twelfths {
    left: 41.666%; }
  .push--lap--seven-twelfths {
    left: 58.333%; }
  .push--lap--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /**
     * Whole
     */
  .push--ipadv--one-whole {
    left: 100%; }
  /**
     * Halves
     */
  .push--ipadv--one-half, .push--ipadv--two-quarters, .push--ipadv--three-sixths, .push--ipadv--four-eighths, .push--ipadv--five-tenths, .push--ipadv--six-twelfths {
    left: 50%; }
  /**
     * Thirds
     */
  .push--ipadv--one-third, .push--ipadv--two-sixths, .push--ipadv--four-twelfths {
    left: 33.333%; }
  .push--ipadv--two-thirds, .push--ipadv--four-sixths, .push--ipadv--eight-twelfths {
    left: 66.666%; }
  /**
     * Quarters
     */
  .push--ipadv--one-quarter, .push--ipadv--two-eighths, .push--ipadv--three-twelfths {
    left: 25%; }
  .push--ipadv--three-quarters, .push--ipadv--six-eighths, .push--ipadv--nine-twelfths {
    left: 75%; }
  /**
     * Fifths
     */
  .push--ipadv--one-fifth, .push--ipadv--two-tenths {
    left: 20%; }
  .push--ipadv--two-fifths, .push--ipadv--four-tenths {
    left: 40%; }
  .push--ipadv--three-fifths, .push--ipadv--six-tenths {
    left: 60%; }
  .push--ipadv--four-fifths, .push--ipadv--eight-tenths {
    left: 80%; }
  /**
     * Sixths
     */
  .push--ipadv--one-sixth, .push--ipadv--two-twelfths {
    left: 16.666%; }
  .push--ipadv--five-sixths, .push--ipadv--ten-twelfths {
    left: 83.333%; }
  /**
     * Eighths
     */
  .push--ipadv--one-eighth {
    left: 12.5%; }
  .push--ipadv--three-eighths {
    left: 37.5%; }
  .push--ipadv--five-eighths {
    left: 62.5%; }
  .push--ipadv--seven-eighths {
    left: 87.5%; }
  /**
     * Tenths
     */
  .push--ipadv--one-tenth {
    left: 10%; }
  .push--ipadv--three-tenths {
    left: 30%; }
  .push--ipadv--seven-tenths {
    left: 70%; }
  .push--ipadv--nine-tenths {
    left: 90%; }
  /**
     * Twelfths
     */
  .push--ipadv--one-twelfth {
    left: 8.333%; }
  .push--ipadv--five-twelfths {
    left: 41.666%; }
  .push--ipadv--seven-twelfths {
    left: 58.333%; }
  .push--ipadv--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (max-width: 1023px) {
  /**
     * Whole
     */
  .push--portable--one-whole {
    left: 100%; }
  /**
     * Halves
     */
  .push--portable--one-half, .push--portable--two-quarters, .push--portable--three-sixths, .push--portable--four-eighths, .push--portable--five-tenths, .push--portable--six-twelfths {
    left: 50%; }
  /**
     * Thirds
     */
  .push--portable--one-third, .push--portable--two-sixths, .push--portable--four-twelfths {
    left: 33.333%; }
  .push--portable--two-thirds, .push--portable--four-sixths, .push--portable--eight-twelfths {
    left: 66.666%; }
  /**
     * Quarters
     */
  .push--portable--one-quarter, .push--portable--two-eighths, .push--portable--three-twelfths {
    left: 25%; }
  .push--portable--three-quarters, .push--portable--six-eighths, .push--portable--nine-twelfths {
    left: 75%; }
  /**
     * Fifths
     */
  .push--portable--one-fifth, .push--portable--two-tenths {
    left: 20%; }
  .push--portable--two-fifths, .push--portable--four-tenths {
    left: 40%; }
  .push--portable--three-fifths, .push--portable--six-tenths {
    left: 60%; }
  .push--portable--four-fifths, .push--portable--eight-tenths {
    left: 80%; }
  /**
     * Sixths
     */
  .push--portable--one-sixth, .push--portable--two-twelfths {
    left: 16.666%; }
  .push--portable--five-sixths, .push--portable--ten-twelfths {
    left: 83.333%; }
  /**
     * Eighths
     */
  .push--portable--one-eighth {
    left: 12.5%; }
  .push--portable--three-eighths {
    left: 37.5%; }
  .push--portable--five-eighths {
    left: 62.5%; }
  .push--portable--seven-eighths {
    left: 87.5%; }
  /**
     * Tenths
     */
  .push--portable--one-tenth {
    left: 10%; }
  .push--portable--three-tenths {
    left: 30%; }
  .push--portable--seven-tenths {
    left: 70%; }
  .push--portable--nine-tenths {
    left: 90%; }
  /**
     * Twelfths
     */
  .push--portable--one-twelfth {
    left: 8.333%; }
  .push--portable--five-twelfths {
    left: 41.666%; }
  .push--portable--seven-twelfths {
    left: 58.333%; }
  .push--portable--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  /**
     * Whole
     */
  .push--ipadh--one-whole {
    left: 100%; }
  /**
     * Halves
     */
  .push--ipadh--one-half, .push--ipadh--two-quarters, .push--ipadh--three-sixths, .push--ipadh--four-eighths, .push--ipadh--five-tenths, .push--ipadh--six-twelfths {
    left: 50%; }
  /**
     * Thirds
     */
  .push--ipadh--one-third, .push--ipadh--two-sixths, .push--ipadh--four-twelfths {
    left: 33.333%; }
  .push--ipadh--two-thirds, .push--ipadh--four-sixths, .push--ipadh--eight-twelfths {
    left: 66.666%; }
  /**
     * Quarters
     */
  .push--ipadh--one-quarter, .push--ipadh--two-eighths, .push--ipadh--three-twelfths {
    left: 25%; }
  .push--ipadh--three-quarters, .push--ipadh--six-eighths, .push--ipadh--nine-twelfths {
    left: 75%; }
  /**
     * Fifths
     */
  .push--ipadh--one-fifth, .push--ipadh--two-tenths {
    left: 20%; }
  .push--ipadh--two-fifths, .push--ipadh--four-tenths {
    left: 40%; }
  .push--ipadh--three-fifths, .push--ipadh--six-tenths {
    left: 60%; }
  .push--ipadh--four-fifths, .push--ipadh--eight-tenths {
    left: 80%; }
  /**
     * Sixths
     */
  .push--ipadh--one-sixth, .push--ipadh--two-twelfths {
    left: 16.666%; }
  .push--ipadh--five-sixths, .push--ipadh--ten-twelfths {
    left: 83.333%; }
  /**
     * Eighths
     */
  .push--ipadh--one-eighth {
    left: 12.5%; }
  .push--ipadh--three-eighths {
    left: 37.5%; }
  .push--ipadh--five-eighths {
    left: 62.5%; }
  .push--ipadh--seven-eighths {
    left: 87.5%; }
  /**
     * Tenths
     */
  .push--ipadh--one-tenth {
    left: 10%; }
  .push--ipadh--three-tenths {
    left: 30%; }
  .push--ipadh--seven-tenths {
    left: 70%; }
  .push--ipadh--nine-tenths {
    left: 90%; }
  /**
     * Twelfths
     */
  .push--ipadh--one-twelfth {
    left: 8.333%; }
  .push--ipadh--five-twelfths {
    left: 41.666%; }
  .push--ipadh--seven-twelfths {
    left: 58.333%; }
  .push--ipadh--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 1024px) {
  /**
     * Whole
     */
  .push--desk--one-whole {
    left: 100%; }
  /**
     * Halves
     */
  .push--desk--one-half, .push--desk--two-quarters, .push--desk--three-sixths, .push--desk--four-eighths, .push--desk--five-tenths, .push--desk--six-twelfths {
    left: 50%; }
  /**
     * Thirds
     */
  .push--desk--one-third, .push--desk--two-sixths, .push--desk--four-twelfths {
    left: 33.333%; }
  .push--desk--two-thirds, .push--desk--four-sixths, .push--desk--eight-twelfths {
    left: 66.666%; }
  /**
     * Quarters
     */
  .push--desk--one-quarter, .push--desk--two-eighths, .push--desk--three-twelfths {
    left: 25%; }
  .push--desk--three-quarters, .push--desk--six-eighths, .push--desk--nine-twelfths {
    left: 75%; }
  /**
     * Fifths
     */
  .push--desk--one-fifth, .push--desk--two-tenths {
    left: 20%; }
  .push--desk--two-fifths, .push--desk--four-tenths {
    left: 40%; }
  .push--desk--three-fifths, .push--desk--six-tenths {
    left: 60%; }
  .push--desk--four-fifths, .push--desk--eight-tenths {
    left: 80%; }
  /**
     * Sixths
     */
  .push--desk--one-sixth, .push--desk--two-twelfths {
    left: 16.666%; }
  .push--desk--five-sixths, .push--desk--ten-twelfths {
    left: 83.333%; }
  /**
     * Eighths
     */
  .push--desk--one-eighth {
    left: 12.5%; }
  .push--desk--three-eighths {
    left: 37.5%; }
  .push--desk--five-eighths {
    left: 62.5%; }
  .push--desk--seven-eighths {
    left: 87.5%; }
  /**
     * Tenths
     */
  .push--desk--one-tenth {
    left: 10%; }
  .push--desk--three-tenths {
    left: 30%; }
  .push--desk--seven-tenths {
    left: 70%; }
  .push--desk--nine-tenths {
    left: 90%; }
  /**
     * Twelfths
     */
  .push--desk--one-twelfth {
    left: 8.333%; }
  .push--desk--five-twelfths {
    left: 41.666%; }
  .push--desk--seven-twelfths {
    left: 58.333%; }
  .push--desk--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 1281px) {
  /**
     * Whole
     */
  .push--wide--one-whole {
    left: 100%; }
  /**
     * Halves
     */
  .push--wide--one-half, .push--wide--two-quarters, .push--wide--three-sixths, .push--wide--four-eighths, .push--wide--five-tenths, .push--wide--six-twelfths {
    left: 50%; }
  /**
     * Thirds
     */
  .push--wide--one-third, .push--wide--two-sixths, .push--wide--four-twelfths {
    left: 33.333%; }
  .push--wide--two-thirds, .push--wide--four-sixths, .push--wide--eight-twelfths {
    left: 66.666%; }
  /**
     * Quarters
     */
  .push--wide--one-quarter, .push--wide--two-eighths, .push--wide--three-twelfths {
    left: 25%; }
  .push--wide--three-quarters, .push--wide--six-eighths, .push--wide--nine-twelfths {
    left: 75%; }
  /**
     * Fifths
     */
  .push--wide--one-fifth, .push--wide--two-tenths {
    left: 20%; }
  .push--wide--two-fifths, .push--wide--four-tenths {
    left: 40%; }
  .push--wide--three-fifths, .push--wide--six-tenths {
    left: 60%; }
  .push--wide--four-fifths, .push--wide--eight-tenths {
    left: 80%; }
  /**
     * Sixths
     */
  .push--wide--one-sixth, .push--wide--two-twelfths {
    left: 16.666%; }
  .push--wide--five-sixths, .push--wide--ten-twelfths {
    left: 83.333%; }
  /**
     * Eighths
     */
  .push--wide--one-eighth {
    left: 12.5%; }
  .push--wide--three-eighths {
    left: 37.5%; }
  .push--wide--five-eighths {
    left: 62.5%; }
  .push--wide--seven-eighths {
    left: 87.5%; }
  /**
     * Tenths
     */
  .push--wide--one-tenth {
    left: 10%; }
  .push--wide--three-tenths {
    left: 30%; }
  .push--wide--seven-tenths {
    left: 70%; }
  .push--wide--nine-tenths {
    left: 90%; }
  /**
     * Twelfths
     */
  .push--wide--one-twelfth {
    left: 8.333%; }
  .push--wide--five-twelfths {
    left: 41.666%; }
  .push--wide--seven-twelfths {
    left: 58.333%; }
  .push--wide--eleven-twelfths {
    left: 91.666%; } }

/*------------------------------------*    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items back to the left by certain amounts.
 */
/**
     * Not a particularly great selector, but the DRYest way to do things.
     */
[class*="pull--"] {
  position: relative; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 480px) {
  /**
     * Whole
     */
  .pull--palm--one-whole {
    right: 100%; }
  /**
     * Halves
     */
  .pull--palm--one-half, .pull--palm--two-quarters, .pull--palm--three-sixths, .pull--palm--four-eighths, .pull--palm--five-tenths, .pull--palm--six-twelfths {
    right: 50%; }
  /**
     * Thirds
     */
  .pull--palm--one-third, .pull--palm--two-sixths, .pull--palm--four-twelfths {
    right: 33.333%; }
  .pull--palm--two-thirds, .pull--palm--four-sixths, .pull--palm--eight-twelfths {
    right: 66.666%; }
  /**
     * Quarters
     */
  .pull--palm--one-quarter, .pull--palm--two-eighths, .pull--palm--three-twelfths {
    right: 25%; }
  .pull--palm--three-quarters, .pull--palm--six-eighths, .pull--palm--nine-twelfths {
    right: 75%; }
  /**
     * Fifths
     */
  .pull--palm--one-fifth, .pull--palm--two-tenths {
    right: 20%; }
  .pull--palm--two-fifths, .pull--palm--four-tenths {
    right: 40%; }
  .pull--palm--three-fifths, .pull--palm--six-tenths {
    right: 60%; }
  .pull--palm--four-fifths, .pull--palm--eight-tenths {
    right: 80%; }
  /**
     * Sixths
     */
  .pull--palm--one-sixth, .pull--palm--two-twelfths {
    right: 16.666%; }
  .pull--palm--five-sixths, .pull--palm--ten-twelfths {
    right: 83.333%; }
  /**
     * Eighths
     */
  .pull--palm--one-eighth {
    right: 12.5%; }
  .pull--palm--three-eighths {
    right: 37.5%; }
  .pull--palm--five-eighths {
    right: 62.5%; }
  .pull--palm--seven-eighths {
    right: 87.5%; }
  /**
     * Tenths
     */
  .pull--palm--one-tenth {
    right: 10%; }
  .pull--palm--three-tenths {
    right: 30%; }
  .pull--palm--seven-tenths {
    right: 70%; }
  .pull--palm--nine-tenths {
    right: 90%; }
  /**
     * Twelfths
     */
  .pull--palm--one-twelfth {
    right: 8.333%; }
  .pull--palm--five-twelfths {
    right: 41.666%; }
  .pull--palm--seven-twelfths {
    right: 58.333%; }
  .pull--palm--eleven-twelfths {
    right: 91.666%; } }

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

@media only screen and (max-width: 767px) {
  /**
     * Whole
     */
  .pull--mobile--one-whole {
    right: 100%; }
  /**
     * Halves
     */
  .pull--mobile--one-half, .pull--mobile--two-quarters, .pull--mobile--three-sixths, .pull--mobile--four-eighths, .pull--mobile--five-tenths, .pull--mobile--six-twelfths {
    right: 50%; }
  /**
     * Thirds
     */
  .pull--mobile--one-third, .pull--mobile--two-sixths, .pull--mobile--four-twelfths {
    right: 33.333%; }
  .pull--mobile--two-thirds, .pull--mobile--four-sixths, .pull--mobile--eight-twelfths {
    right: 66.666%; }
  /**
     * Quarters
     */
  .pull--mobile--one-quarter, .pull--mobile--two-eighths, .pull--mobile--three-twelfths {
    right: 25%; }
  .pull--mobile--three-quarters, .pull--mobile--six-eighths, .pull--mobile--nine-twelfths {
    right: 75%; }
  /**
     * Fifths
     */
  .pull--mobile--one-fifth, .pull--mobile--two-tenths {
    right: 20%; }
  .pull--mobile--two-fifths, .pull--mobile--four-tenths {
    right: 40%; }
  .pull--mobile--three-fifths, .pull--mobile--six-tenths {
    right: 60%; }
  .pull--mobile--four-fifths, .pull--mobile--eight-tenths {
    right: 80%; }
  /**
     * Sixths
     */
  .pull--mobile--one-sixth, .pull--mobile--two-twelfths {
    right: 16.666%; }
  .pull--mobile--five-sixths, .pull--mobile--ten-twelfths {
    right: 83.333%; }
  /**
     * Eighths
     */
  .pull--mobile--one-eighth {
    right: 12.5%; }
  .pull--mobile--three-eighths {
    right: 37.5%; }
  .pull--mobile--five-eighths {
    right: 62.5%; }
  .pull--mobile--seven-eighths {
    right: 87.5%; }
  /**
     * Tenths
     */
  .pull--mobile--one-tenth {
    right: 10%; }
  .pull--mobile--three-tenths {
    right: 30%; }
  .pull--mobile--seven-tenths {
    right: 70%; }
  .pull--mobile--nine-tenths {
    right: 90%; }
  /**
     * Twelfths
     */
  .pull--mobile--one-twelfth {
    right: 8.333%; }
  .pull--mobile--five-twelfths {
    right: 41.666%; }
  .pull--mobile--seven-twelfths {
    right: 58.333%; }
  .pull--mobile--eleven-twelfths {
    right: 91.666%; } }

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  /**
     * Whole
     */
  .pull--lap--one-whole {
    right: 100%; }
  /**
     * Halves
     */
  .pull--lap--one-half, .pull--lap--two-quarters, .pull--lap--three-sixths, .pull--lap--four-eighths, .pull--lap--five-tenths, .pull--lap--six-twelfths {
    right: 50%; }
  /**
     * Thirds
     */
  .pull--lap--one-third, .pull--lap--two-sixths, .pull--lap--four-twelfths {
    right: 33.333%; }
  .pull--lap--two-thirds, .pull--lap--four-sixths, .pull--lap--eight-twelfths {
    right: 66.666%; }
  /**
     * Quarters
     */
  .pull--lap--one-quarter, .pull--lap--two-eighths, .pull--lap--three-twelfths {
    right: 25%; }
  .pull--lap--three-quarters, .pull--lap--six-eighths, .pull--lap--nine-twelfths {
    right: 75%; }
  /**
     * Fifths
     */
  .pull--lap--one-fifth, .pull--lap--two-tenths {
    right: 20%; }
  .pull--lap--two-fifths, .pull--lap--four-tenths {
    right: 40%; }
  .pull--lap--three-fifths, .pull--lap--six-tenths {
    right: 60%; }
  .pull--lap--four-fifths, .pull--lap--eight-tenths {
    right: 80%; }
  /**
     * Sixths
     */
  .pull--lap--one-sixth, .pull--lap--two-twelfths {
    right: 16.666%; }
  .pull--lap--five-sixths, .pull--lap--ten-twelfths {
    right: 83.333%; }
  /**
     * Eighths
     */
  .pull--lap--one-eighth {
    right: 12.5%; }
  .pull--lap--three-eighths {
    right: 37.5%; }
  .pull--lap--five-eighths {
    right: 62.5%; }
  .pull--lap--seven-eighths {
    right: 87.5%; }
  /**
     * Tenths
     */
  .pull--lap--one-tenth {
    right: 10%; }
  .pull--lap--three-tenths {
    right: 30%; }
  .pull--lap--seven-tenths {
    right: 70%; }
  .pull--lap--nine-tenths {
    right: 90%; }
  /**
     * Twelfths
     */
  .pull--lap--one-twelfth {
    right: 8.333%; }
  .pull--lap--five-twelfths {
    right: 41.666%; }
  .pull--lap--seven-twelfths {
    right: 58.333%; }
  .pull--lap--eleven-twelfths {
    right: 91.666%; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /**
     * Whole
     */
  .pull--ipadv--one-whole {
    right: 100%; }
  /**
     * Halves
     */
  .pull--ipadv--one-half, .pull--ipadv--two-quarters, .pull--ipadv--three-sixths, .pull--ipadv--four-eighths, .pull--ipadv--five-tenths, .pull--ipadv--six-twelfths {
    right: 50%; }
  /**
     * Thirds
     */
  .pull--ipadv--one-third, .pull--ipadv--two-sixths, .pull--ipadv--four-twelfths {
    right: 33.333%; }
  .pull--ipadv--two-thirds, .pull--ipadv--four-sixths, .pull--ipadv--eight-twelfths {
    right: 66.666%; }
  /**
     * Quarters
     */
  .pull--ipadv--one-quarter, .pull--ipadv--two-eighths, .pull--ipadv--three-twelfths {
    right: 25%; }
  .pull--ipadv--three-quarters, .pull--ipadv--six-eighths, .pull--ipadv--nine-twelfths {
    right: 75%; }
  /**
     * Fifths
     */
  .pull--ipadv--one-fifth, .pull--ipadv--two-tenths {
    right: 20%; }
  .pull--ipadv--two-fifths, .pull--ipadv--four-tenths {
    right: 40%; }
  .pull--ipadv--three-fifths, .pull--ipadv--six-tenths {
    right: 60%; }
  .pull--ipadv--four-fifths, .pull--ipadv--eight-tenths {
    right: 80%; }
  /**
     * Sixths
     */
  .pull--ipadv--one-sixth, .pull--ipadv--two-twelfths {
    right: 16.666%; }
  .pull--ipadv--five-sixths, .pull--ipadv--ten-twelfths {
    right: 83.333%; }
  /**
     * Eighths
     */
  .pull--ipadv--one-eighth {
    right: 12.5%; }
  .pull--ipadv--three-eighths {
    right: 37.5%; }
  .pull--ipadv--five-eighths {
    right: 62.5%; }
  .pull--ipadv--seven-eighths {
    right: 87.5%; }
  /**
     * Tenths
     */
  .pull--ipadv--one-tenth {
    right: 10%; }
  .pull--ipadv--three-tenths {
    right: 30%; }
  .pull--ipadv--seven-tenths {
    right: 70%; }
  .pull--ipadv--nine-tenths {
    right: 90%; }
  /**
     * Twelfths
     */
  .pull--ipadv--one-twelfth {
    right: 8.333%; }
  .pull--ipadv--five-twelfths {
    right: 41.666%; }
  .pull--ipadv--seven-twelfths {
    right: 58.333%; }
  .pull--ipadv--eleven-twelfths {
    right: 91.666%; } }

@media only screen and (max-width: 1023px) {
  /**
     * Whole
     */
  .pull--portable--one-whole {
    right: 100%; }
  /**
     * Halves
     */
  .pull--portable--one-half, .pull--portable--two-quarters, .pull--portable--three-sixths, .pull--portable--four-eighths, .pull--portable--five-tenths, .pull--portable--six-twelfths {
    right: 50%; }
  /**
     * Thirds
     */
  .pull--portable--one-third, .pull--portable--two-sixths, .pull--portable--four-twelfths {
    right: 33.333%; }
  .pull--portable--two-thirds, .pull--portable--four-sixths, .pull--portable--eight-twelfths {
    right: 66.666%; }
  /**
     * Quarters
     */
  .pull--portable--one-quarter, .pull--portable--two-eighths, .pull--portable--three-twelfths {
    right: 25%; }
  .pull--portable--three-quarters, .pull--portable--six-eighths, .pull--portable--nine-twelfths {
    right: 75%; }
  /**
     * Fifths
     */
  .pull--portable--one-fifth, .pull--portable--two-tenths {
    right: 20%; }
  .pull--portable--two-fifths, .pull--portable--four-tenths {
    right: 40%; }
  .pull--portable--three-fifths, .pull--portable--six-tenths {
    right: 60%; }
  .pull--portable--four-fifths, .pull--portable--eight-tenths {
    right: 80%; }
  /**
     * Sixths
     */
  .pull--portable--one-sixth, .pull--portable--two-twelfths {
    right: 16.666%; }
  .pull--portable--five-sixths, .pull--portable--ten-twelfths {
    right: 83.333%; }
  /**
     * Eighths
     */
  .pull--portable--one-eighth {
    right: 12.5%; }
  .pull--portable--three-eighths {
    right: 37.5%; }
  .pull--portable--five-eighths {
    right: 62.5%; }
  .pull--portable--seven-eighths {
    right: 87.5%; }
  /**
     * Tenths
     */
  .pull--portable--one-tenth {
    right: 10%; }
  .pull--portable--three-tenths {
    right: 30%; }
  .pull--portable--seven-tenths {
    right: 70%; }
  .pull--portable--nine-tenths {
    right: 90%; }
  /**
     * Twelfths
     */
  .pull--portable--one-twelfth {
    right: 8.333%; }
  .pull--portable--five-twelfths {
    right: 41.666%; }
  .pull--portable--seven-twelfths {
    right: 58.333%; }
  .pull--portable--eleven-twelfths {
    right: 91.666%; } }

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  /**
     * Whole
     */
  .pull--ipadh--one-whole {
    right: 100%; }
  /**
     * Halves
     */
  .pull--ipadh--one-half, .pull--ipadh--two-quarters, .pull--ipadh--three-sixths, .pull--ipadh--four-eighths, .pull--ipadh--five-tenths, .pull--ipadh--six-twelfths {
    right: 50%; }
  /**
     * Thirds
     */
  .pull--ipadh--one-third, .pull--ipadh--two-sixths, .pull--ipadh--four-twelfths {
    right: 33.333%; }
  .pull--ipadh--two-thirds, .pull--ipadh--four-sixths, .pull--ipadh--eight-twelfths {
    right: 66.666%; }
  /**
     * Quarters
     */
  .pull--ipadh--one-quarter, .pull--ipadh--two-eighths, .pull--ipadh--three-twelfths {
    right: 25%; }
  .pull--ipadh--three-quarters, .pull--ipadh--six-eighths, .pull--ipadh--nine-twelfths {
    right: 75%; }
  /**
     * Fifths
     */
  .pull--ipadh--one-fifth, .pull--ipadh--two-tenths {
    right: 20%; }
  .pull--ipadh--two-fifths, .pull--ipadh--four-tenths {
    right: 40%; }
  .pull--ipadh--three-fifths, .pull--ipadh--six-tenths {
    right: 60%; }
  .pull--ipadh--four-fifths, .pull--ipadh--eight-tenths {
    right: 80%; }
  /**
     * Sixths
     */
  .pull--ipadh--one-sixth, .pull--ipadh--two-twelfths {
    right: 16.666%; }
  .pull--ipadh--five-sixths, .pull--ipadh--ten-twelfths {
    right: 83.333%; }
  /**
     * Eighths
     */
  .pull--ipadh--one-eighth {
    right: 12.5%; }
  .pull--ipadh--three-eighths {
    right: 37.5%; }
  .pull--ipadh--five-eighths {
    right: 62.5%; }
  .pull--ipadh--seven-eighths {
    right: 87.5%; }
  /**
     * Tenths
     */
  .pull--ipadh--one-tenth {
    right: 10%; }
  .pull--ipadh--three-tenths {
    right: 30%; }
  .pull--ipadh--seven-tenths {
    right: 70%; }
  .pull--ipadh--nine-tenths {
    right: 90%; }
  /**
     * Twelfths
     */
  .pull--ipadh--one-twelfth {
    right: 8.333%; }
  .pull--ipadh--five-twelfths {
    right: 41.666%; }
  .pull--ipadh--seven-twelfths {
    right: 58.333%; }
  .pull--ipadh--eleven-twelfths {
    right: 91.666%; } }

@media only screen and (min-width: 1024px) {
  /**
     * Whole
     */
  .pull--desk--one-whole {
    right: 100%; }
  /**
     * Halves
     */
  .pull--desk--one-half, .pull--desk--two-quarters, .pull--desk--three-sixths, .pull--desk--four-eighths, .pull--desk--five-tenths, .pull--desk--six-twelfths {
    right: 50%; }
  /**
     * Thirds
     */
  .pull--desk--one-third, .pull--desk--two-sixths, .pull--desk--four-twelfths {
    right: 33.333%; }
  .pull--desk--two-thirds, .pull--desk--four-sixths, .pull--desk--eight-twelfths {
    right: 66.666%; }
  /**
     * Quarters
     */
  .pull--desk--one-quarter, .pull--desk--two-eighths, .pull--desk--three-twelfths {
    right: 25%; }
  .pull--desk--three-quarters, .pull--desk--six-eighths, .pull--desk--nine-twelfths {
    right: 75%; }
  /**
     * Fifths
     */
  .pull--desk--one-fifth, .pull--desk--two-tenths {
    right: 20%; }
  .pull--desk--two-fifths, .pull--desk--four-tenths {
    right: 40%; }
  .pull--desk--three-fifths, .pull--desk--six-tenths {
    right: 60%; }
  .pull--desk--four-fifths, .pull--desk--eight-tenths {
    right: 80%; }
  /**
     * Sixths
     */
  .pull--desk--one-sixth, .pull--desk--two-twelfths {
    right: 16.666%; }
  .pull--desk--five-sixths, .pull--desk--ten-twelfths {
    right: 83.333%; }
  /**
     * Eighths
     */
  .pull--desk--one-eighth {
    right: 12.5%; }
  .pull--desk--three-eighths {
    right: 37.5%; }
  .pull--desk--five-eighths {
    right: 62.5%; }
  .pull--desk--seven-eighths {
    right: 87.5%; }
  /**
     * Tenths
     */
  .pull--desk--one-tenth {
    right: 10%; }
  .pull--desk--three-tenths {
    right: 30%; }
  .pull--desk--seven-tenths {
    right: 70%; }
  .pull--desk--nine-tenths {
    right: 90%; }
  /**
     * Twelfths
     */
  .pull--desk--one-twelfth {
    right: 8.333%; }
  .pull--desk--five-twelfths {
    right: 41.666%; }
  .pull--desk--seven-twelfths {
    right: 58.333%; }
  .pull--desk--eleven-twelfths {
    right: 91.666%; } }

@media only screen and (min-width: 1281px) {
  /**
     * Whole
     */
  .pull--wide--one-whole {
    right: 100%; }
  /**
     * Halves
     */
  .pull--wide--one-half, .pull--wide--two-quarters, .pull--wide--three-sixths, .pull--wide--four-eighths, .pull--wide--five-tenths, .pull--wide--six-twelfths {
    right: 50%; }
  /**
     * Thirds
     */
  .pull--wide--one-third, .pull--wide--two-sixths, .pull--wide--four-twelfths {
    right: 33.333%; }
  .pull--wide--two-thirds, .pull--wide--four-sixths, .pull--wide--eight-twelfths {
    right: 66.666%; }
  /**
     * Quarters
     */
  .pull--wide--one-quarter, .pull--wide--two-eighths, .pull--wide--three-twelfths {
    right: 25%; }
  .pull--wide--three-quarters, .pull--wide--six-eighths, .pull--wide--nine-twelfths {
    right: 75%; }
  /**
     * Fifths
     */
  .pull--wide--one-fifth, .pull--wide--two-tenths {
    right: 20%; }
  .pull--wide--two-fifths, .pull--wide--four-tenths {
    right: 40%; }
  .pull--wide--three-fifths, .pull--wide--six-tenths {
    right: 60%; }
  .pull--wide--four-fifths, .pull--wide--eight-tenths {
    right: 80%; }
  /**
     * Sixths
     */
  .pull--wide--one-sixth, .pull--wide--two-twelfths {
    right: 16.666%; }
  .pull--wide--five-sixths, .pull--wide--ten-twelfths {
    right: 83.333%; }
  /**
     * Eighths
     */
  .pull--wide--one-eighth {
    right: 12.5%; }
  .pull--wide--three-eighths {
    right: 37.5%; }
  .pull--wide--five-eighths {
    right: 62.5%; }
  .pull--wide--seven-eighths {
    right: 87.5%; }
  /**
     * Tenths
     */
  .pull--wide--one-tenth {
    right: 10%; }
  .pull--wide--three-tenths {
    right: 30%; }
  .pull--wide--seven-tenths {
    right: 70%; }
  .pull--wide--nine-tenths {
    right: 90%; }
  /**
     * Twelfths
     */
  .pull--wide--one-twelfth {
    right: 8.333%; }
  .pull--wide--five-twelfths {
    right: 41.666%; }
  .pull--wide--seven-twelfths {
    right: 58.333%; }
  .pull--wide--eleven-twelfths {
    right: 91.666%; } }

.grid {
  font-size: 0; }

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

.grid__item {
  font-family: "Lato", "Helvetica", "Arial", sans-serif;
  font-size: 16px; }
  @media all and (min-width: 768px) {
    .grid__item {
      font-size: 19px; } }

.grid--full-height, .grid__item--full-height {
  height: 100%; }

.lt-ie8 .grid .grid__item {
  padding: 0; }

.lt-ie8 .grid .grid-padding {
  padding-left: 24px; }

.lt-ie8 .grid--full .grid-padding {
  padding: 0; }

.lt-ie8 .grid--wide .grid-padding {
  padding-left: 48px; }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 80px;
          perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
          transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.15s 0.4s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
          transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.1s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
            transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.1s; }

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.15s 0.4s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
          transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.1s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
            transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.1s; }

/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.2s 0.25s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
              transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
              transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.2s 0.25s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
      transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
              transform: translate3d(80px, -80px, 0) rotate(-45deg);
      transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
              transform: translate3d(-80px, -80px, 0) rotate(45deg);
      transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: 0.2s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
          transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
            transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
            transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: 0.2s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
          transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
            transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
            transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.15s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.32s;
  background-color: transparent; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
            transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: transparent;
  transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
  transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-color: transparent;
  transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
  transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.1s 0.14s ease, opacity 0.1s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
          transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
          transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.nav ul, .nav ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.nav a {
  white-space: nowrap; }

.logo {
  display: block;
  border: none; }

.slick-slider {
  margin-bottom: 0; }

/* ==========================================================================
$GLOBAL CLASSES

USAGE: 
You can use the classes by itself for quick prototyping but if the project
has to be adjustable you might want to include these in the CSS instead

========================================================================== */
.cf {
  *zoom: 1; }
  .cf:before, .cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .cf:after {
    clear: both; }

/* Completely remove from the flow and screen readers.
USAGE: why hide it, if you could just remove it from html? don't really need it
        usefull to hide something with java script. Just add this class or remove
        it to show when javascript is loaded
========================================================================== */
.is-hidden, .hidden {
  display: none !important;
  visibility: hidden !important;
  transition: opacity 0.2s 0s, visibility 0s 0.2s; }

/* Completely remove from the flow but leave available to screen readers.
USAGE: again, don't know
========================================================================== */
.is-vishidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px); }

/* FLOATS
USAGE: quick prototyping, i really would set it in the css where you need it, don't forget to add the clearfix on the container
========================================================================== */
.left, .right {
  padding-bottom: 10px; }

.right {
  float: right;
  padding-left: 10px; }

.left {
  float: left;
  padding-right: 10px; }

.none {
  float: none; }

/* TEXT ALIGN
USAGE: quick prototyping, i really would set it in the css where you need it
========================================================================== */
.align-right {
  text-align: right; }

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

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

/* padding
========================================================================== */
.limit {
  padding-left: 10px;
  padding-right: 10px; }
  @media all and (min-width: 480px) {
    .limit {
      padding-left: 20px;
      padding-right: 20px; } }
  @media all and (min-width: 768px) {
    .limit {
      padding-left: 30px;
      padding-right: 30px; } }
  @media all and (min-width: 1024px) {
    .limit {
      padding-left: 40px;
      padding-right: 40px; } }

/* STATES, useful in combination with js validators, set colors in Settings
========================================================================== */
.valid {
  color: #089e00; }

.error {
  color: #f00; }

.warning {
  color: #fff664; }

.information {
  color: #000db5; }

/* SECOND FONT, actually only used in patternlab, but can be used in themes too
========================================================================== */
.font-family-2 {
  font-family: "Forza", "Arial", sans-serif; }

.font-family-3 {
  font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif; }

.font-family-4 {
  font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif; }

.font-family-5 {
  font-family: "Premiera", "Georgia", serif; }

/* COVER
put backgroundimages as style in html to work with content management system
========================================================================== */
.cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.cover-img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-width: 101%;
  min-height: 101%;
  max-width: none; }

/* used in patternlab, to visualize animations
========================================================================== */
.animate-fade {
  transition: opacity 0.3s ease-out; }
  .animate-fade:hover {
    opacity: 0; }

.animate-move > .demo-shape {
  transition: all 0.8s ease-in-out; }

/*------------------------------------*    $RESPONSIVE VIDEOS
\*------------------------------------*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.video-container object,
.video-container embed,
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*------------------------------------*    $IMAGES
\*------------------------------------*/
.image--fullwidth img {
  max-width: none;
  width: 100%; }

.image--fixed {
  min-height: 50vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.table--none {
  padding: 0;
  margin: 0;
  border: none; }
  .table--none th, .table--none td {
    padding: 0;
    padding-right: 15px;
    margin: 0;
    border: none;
    vertical-align: top; }

.table--horizontalborder {
  border: none; }
  .table--horizontalborder th, .table--horizontalborder td {
    border: none;
    border-bottom: 1px solid; }

.field-container label {
  display: block; }

.field-container input, .field-container textarea {
  padding: 10px 20px;
  border: 1px solid #ededed;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 10px; }

.field-container input[type="text"], .field-container input[type="password"], .field-container input[type="date"], .field-container input[type="datetime"], .field-container input[type="datetime-local"], .field-container input[type="email"], .field-container input[type="month"], .field-container input[type="number"], .field-container input[type="range"], .field-container input[type="search"], .field-container input[type="tel"], .field-container input[type="time"], .field-container input[type="url"], .field-container input[type="week"] {
  width: 100%; }

.field-container input[type="color"] {
  width: none;
  padding: 0; }

.field-container input[type="submit"], .field-container input[type="button"] {
  border: none; }

.minheight-iefix {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

/* ==========================================================================
  CIRCLE
   ========================================================================== */
.circle {
  display: block;
  position: relative;
  text-align: center; }
  .circle:after {
    display: block;
    border: 1px solid;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    content: ""; }

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%; }

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

/* ==========================================================================
  SQUARE
   ========================================================================== */
.square {
  position: relative;
  overflow: hidden;
  height: 0;
  width: 100%;
  padding-bottom: 100%; }

.square-inner {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: table; }

.square-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

/* ==========================================================================
  STYLE GUIDE
   ========================================================================== */
.sg-swatch-1 {
  background-color: #000000; }

.sg-swatch-2 {
  background-color: #ffffff; }

.sg-swatch-3 {
  background-color: #ee3651; }

.sg-swatch-4 {
  background-color: #c1bcc2; }

.sg-swatch-5 {
  background-color: #4b85fa; }

.sg-swatch-6 {
  background-color: #14cc68; }

.sg-swatch-7 {
  background-color: #00b5e4; }

.sg-swatch-8 {
  background-color: #393b47; }

.sg-swatch-9 {
  background-color: #262d40; }

.sg-swatch-10 {
  background-color: #64666d; }

.sg-swatch-11 {
  background-color: #823148; }

.sg-swatch-12 {
  background-color: #505050; }

/* ==========================================================================
  $BUTTONS
   ========================================================================== */
/*------------------------------------*    $BUTTON FALLBACK VARIABLES
\*------------------------------------*/
/*------------------------------------*    $BUTTON MIXINS
\*------------------------------------*/
/*------------------------------------*    $BUTTON
\*------------------------------------*/
.btn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  padding: 12px 80px;
  background-color: #ee3651;
  color: #ffffff;
  font-weight: normal;
  text-transform: normal;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 0;
  letter-spacing: 0px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .btn:hover, .btn:focus, .btn:active {
    background-color: #dd324b;
    color: #ffffff;
    transition: all 0.3s ease; }

.btn-alt {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  padding: 12px 80px;
  background-color: #ee3651;
  color: #ffffff;
  font-weight: normal;
  text-transform: normal;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 0;
  letter-spacing: 0px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #ffffff;
  color: #ee3651; }
  .btn-alt:hover, .btn-alt:focus, .btn-alt:active {
    background-color: #dd324b;
    color: #ffffff;
    transition: all 0.3s ease; }
  .btn-alt:hover, .btn-alt:focus, .btn-alt:active {
    background-color: #ffffff;
    color: #dd324b; }

.btn-rounded {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  padding: 12px 80px;
  background-color: #ee3651;
  color: #ffffff;
  font-weight: normal;
  text-transform: normal;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 0;
  letter-spacing: 0px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0; }
  .btn-rounded:hover, .btn-rounded:focus, .btn-rounded:active {
    background-color: #dd324b;
    color: #ffffff;
    transition: all 0.3s ease; }

.btn-ghost, .btn-ghost-25, .btn-ghost-50, .btn-ghost-75 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  padding: 12px 80px;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-weight: normal;
  text-transform: normal;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .btn-ghost:hover, .btn-ghost-25:hover, .btn-ghost-50:hover, .btn-ghost-75:hover, .btn-ghost:focus, .btn-ghost-25:focus, .btn-ghost-50:focus, .btn-ghost-75:focus, .btn-ghost:active, .btn-ghost-25:active, .btn-ghost-50:active, .btn-ghost-75:active {
    background-color: #ffffff;
    color: #000000;
    text-shadow: none; }

.btn-ghost-rounded {
  border-radius: 0;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  padding: 12px 80px;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-weight: normal;
  text-transform: normal;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .btn-ghost-rounded:hover, .btn-ghost-rounded:focus, .btn-ghost-rounded:active {
    background-color: #ffffff;
    color: #000000;
    text-shadow: none; }

/*------------------------------------*    $BUTTON NEGATIVE
\*------------------------------------*/
.btn-neg, .field-container input[type="submit"], .field-container input[type="button"] {
  padding: 10px 20px;
  background-color: #000000;
  color: #ffffff;
  text-decoration: none;
  border-radius: 20px;
  transition: all .3s linear;
  cursor: pointer; }
  .btn-neg:hover, .field-container input[type="submit"]:hover, .field-container input[type="button"]:hover, .btn-neg:focus, .field-container input[type="submit"]:focus, .field-container input[type="button"]:focus, .btn-neg:active, .field-container input[type="submit"]:active, .field-container input[type="button"]:active {
    background-color: #ee3651;
    transition: all .2s linear; }

/*------------------------------------*    $BUTTON WHITE
\*------------------------------------*/
.btn-white {
  padding: 10px 20px;
  background-color: #ffffff;
  color: #ffffff;
  text-decoration: none;
  border-radius: 20px;
  transition: all .3s linear;
  cursor: pointer; }
  .btn-white:hover, .btn-white:focus, .btn-white:active {
    background-color: #ee3651;
    transition: all .2s linear; }

/*------------------------------------*    $BUTTON GHOST
\*------------------------------------*/
.btn-ghost, .btn-ghost-25, .btn-ghost-50, .btn-ghost-75 {
  padding: 10px 20px;
  color: #ffffff;
  text-decoration: none;
  border-radius: 20px;
  transition: all .3s linear;
  border: 1px solid #ffffff;
  cursor: pointer; }
  .btn-ghost:hover, .btn-ghost-25:hover, .btn-ghost-50:hover, .btn-ghost-75:hover, .btn-ghost:focus, .btn-ghost-25:focus, .btn-ghost-50:focus, .btn-ghost-75:focus, .btn-ghost:active, .btn-ghost-25:active, .btn-ghost-50:active, .btn-ghost-75:active {
    background-color: #ffffff;
    color: #000000;
    transition: all .2s linear; }

.btn-ghost-25 {
  background-color: rgba(255, 255, 255, 0.25); }

.btn-ghost-50 {
  background-color: rgba(255, 255, 255, 0.5); }

.btn-ghost-75 {
  background-color: rgba(255, 255, 255, 0.75); }

.btn-alt, .btn-alt:hover, .btn-alt:focus {
  background-color: transparent; }

/*------------------------------------*    $BUTTON TEXT
\*------------------------------------*/
.btn-text {
  font-style: italic;
  cursor: pointer;
  text-decoration: none; }

/*------------------------------------*    $BUTTONS MOBILE LINK
\*------------------------------------*/
/*a*/
.btn-mobile-link {
  position: relative;
  text-decoration: none; }
  .btn-mobile-link:hover, .btn-mobile-link:active, .btn-mobile-link:focus {
    text-decoration: none; }
  .btn-mobile-link .btn-label {
    padding-right: 30px; }
  .btn-mobile-link .btn-icon {
    /* middle line */
    top: 50%;
    right: 5px;
    margin-top: -2px;
    transition: all .3s ease-out;
    /* line definition */ }
    .btn-mobile-link .btn-icon, .btn-mobile-link .btn-icon::before, .btn-mobile-link .btn-icon::after {
      /* hamburger icon in CSS */
      position: absolute;
      content: '';
      right: 0;
      display: inline-block;
      height: 3px;
      width: 25px;
      background-color: #ee3651;
      transition: all 2s linear;
      -webkit-transform-origin: 0% 50%;
              transform-origin: 0% 50%; }
    .btn-mobile-link .btn-icon::before {
      /* menu icon top line */
      top: -6px; }
    .btn-mobile-link .btn-icon::after {
      /* menu icon bottom line */
      top: 6px; }
  .btn-mobile-link.nav-is-visible .btn-icon {
    /* hide line in the center */
    background-color: rgba(238, 54, 81, 0); }
    .btn-mobile-link.nav-is-visible .btn-icon::before, .btn-mobile-link.nav-is-visible .btn-icon::after {
      /* keep visible other 2 lines */
      background-color: #ee3651; }
    .btn-mobile-link.nav-is-visible .btn-icon::before {
      -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
              transform: translateX(4px) translateY(-3px) rotate(45deg); }
    .btn-mobile-link.nav-is-visible .btn-icon::after {
      -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
              transform: translateX(4px) translateY(2px) rotate(-45deg); }

/*------------------------------------*    INLINE LIST
\*------------------------------------*/
/*ul*/
.inline-list {
  /*li*/ }
  .inline-list .list-element {
    display: inline-block; }

/*------------------------------------*    SOCIAL SHARE
\*------------------------------------*/
/*ul*/
.social-share-list {
  list-style-type: none; }
  .social-share-list li {
    margin-right: 0.4rem;
    margin-bottom: 10px; }

/*a*/
.social-share-link {
  text-decoration: none; }
  .social-share-link:hover, .social-share-link:active, .social-share-link:focus {
    text-decoration: none; }

/*------------------------------------*    SOCIAL SHARE INLINE
\*------------------------------------*/
/*ul*/
.social-share-inline {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .social-share-inline li {
    display: inline-block;
    margin-bottom: 10px; }

/*a*/
.social-share-link {
  text-decoration: none; }
  .social-share-link:hover, .social-share-link:active, .social-share-link:focus {
    text-decoration: none; }

/*------------------------------------*    HEADLINE LIST
\*------------------------------------*/
/*ul*/
.headline-list {
  margin-bottom: 10px; }

/*------------------------------------*    POST LIST
\*------------------------------------*/
/*ul*/
.post-list {
  /*li*/ }
  .post-list .list-element {
    margin-bottom: 10px; }

/*------------------------------------*    BULLET LIST
\*------------------------------------*/
/*ul*/
.bullet-list {
  list-style: square;
  margin: 0 0 1rem 1.2rem;
  line-height: 1.3;
  /*li*/ }
  .bullet-list .list-element {
    margin-bottom: 10px; }

/*------------------------------------*    TEXT LIST
\*------------------------------------*/
/*ul*/
.text-list {
  margin-right: 1rem;
  /*li*/ }
  .text-list .list-element {
    margin-bottom: 10px; }

/*------------------------------------*    TEXT LIST
\*------------------------------------*/
/*ul*/
.slick-dots {
  margin-left: 0; }

/*------------------------------------*    $LAYOUT
\*------------------------------------*/
/*------------------------------------*    $STICKY FOOTER
\*------------------------------------*/
html {
  height: 100%; }

body {
  position: relative;
  min-height: 100%; }

@supports (display: -moz-flex) or (display: flex) {
  .flexboxlegacy .body--sticky {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%; } }

.flexboxlegacy .body--sticky .sticky-content {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }
  @supports (display: -moz-flex) or (display: flex) {
    .flexboxlegacy .body--sticky .sticky-content {
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      width: 100%; } }
  .flexboxlegacy .body--sticky .sticky-content::after {
    display: block;
    height: 0px;
    visibility: hidden; }

.flexboxlegacy .body--sticky .header, .flexboxlegacy .body--sticky .footer {
  -webkit-flex: none;
      -ms-flex: none;
          flex: none; }

.lc {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px; }
  @media all and (min-width: 480px) {
    .lc {
      padding-left: 40px;
      padding-right: 40px; } }

.lc-outer {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px; }

/*------------------------------------*    $SIDEBAR LAYOUT
    
    you can use the classes, but i recommend to include the mixin
    this can be combined with the sticky footer

\*------------------------------------*/
@media all and (min-width: 768px) {
  .sidebar--fixed {
    float: left;
    min-width: 200px;
    min-height: 100vh; } }

@media all and (min-width: 768px) {
  .sidebar--content {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    overflow: hidden;
    margin-left: 200px; } }

@supports (display: -moz-flex) or (display: flex) {
  .sidebar--content {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%; } }

@supports (display: -moz-flex) or (display: flex) {
  .sidebar--content-content {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    width: 100%; } }

.is-fixed {
  position: fixed !important; }

@media all and (min-width: 768px) {
  .wrapper--sidebar-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    overflow: hidden;
    margin-left: 200px; } }

/*------------------------------------*    $MASONRY
\*------------------------------------*/
.column {
  text-align: right;
  font-size: 0;
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px; }
  .column .column__item {
    font-family: "Lato", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin: 0 0 1em;
    width: 100%; }
    @media all and (min-width: 768px) {
      .column .column__item {
        font-size: 19px; } }

/*------------------------------------*    $VERTICAL ALIGN CENTER IE7
\*------------------------------------*/
.display-table {
  display: table;
  width: 100%;
  height: 100%; }
  .display-table .display-table-cell {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 100%; }
  .display-table .valigh-fix {
    display: none;
    width: 1px;
    margin-left: -1px; }

.lt-ie8 .valigh-fix, .lt-ie8 .valign-center {
  display: inline-block; }

.lt-ie8 .valign-center {
  width: 100%; }

.lt-ie8 .valigh-fix {
  height: 100%; }

/*------------------------------------*    $VERTICAL ALIGN CENTER NEW
\*------------------------------------*/
.vmiddle-wrapper {
  font-size: 0; }

.vmiddle-wrapper:before {
  content: "";
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 0;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
  padding: 0; }

.vmiddle {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  font-family: "Lato", "Helvetica", "Arial", sans-serif;
  font-size: 16px; }
  @media all and (min-width: 768px) {
    .vmiddle {
      font-size: 19px; } }

/*------------------------------------*    $VERTICAL ALIGN CENTER FLEXBOX
\*------------------------------------*/
.vmiddle-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

/* ==========================================================================
  BLOCK GENERAL
   ========================================================================== */
.block {
  position: relative; }

.block__image a {
  display: block; }

.block__title a,
.block__subtitle a {
  color: inherit;
  text-decoration: none; }

/*------------------------------------*    $SECTION GLOBAL SETTINGS
\*------------------------------------*/
.section {
  position: relative; }

.section__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2); }

.section__image {
  text-align: center; }

.section__content {
  position: relative; }

.section__title a,
.section__subtitle a {
  color: inherit;
  text-decoration: none; }

/*------------------------------------*    $PLUGINS
\*------------------------------------*/
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1;
  *zoom: 1; }
  .slicknav_menu:before, .slicknav_menu:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .slicknav_menu:after {
    clear: both; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "Open Sans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 10px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 10px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: 10px; }
  [dir="rtl"] .slick-next {
    left: 10px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: 10px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .slick-dots button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer; }
    .slick-dots button:hover, .slick-dots button:focus, .slick-dots button:active {
      outline: none; }
      .slick-dots button:hover:before, .slick-dots button:focus:before, .slick-dots button:active:before {
        opacity: 1; }
    .slick-dots button:before {
      position: absolute;
      top: 0;
      left: 0;
      content: "•";
      width: 20px;
      height: 20px;
      font-family: "Open Sans", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
      font-size: 6px;
      line-height: 20px;
      text-align: center;
      color: black;
      opacity: 0.25;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .slick-dots.slick-active button:before {
    color: black;
    opacity: 0.75; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

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

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

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

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

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

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

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

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

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

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

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

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

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

.mfp-figure figure {
  margin: 0; }

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

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

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

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

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

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

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

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

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

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

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

/*------------------------------------*    $THEME ADJUSTMENTS
\*------------------------------------*/
.block .block__title a,
.block .block__subtitle a {
  color: inherit; }

/*------------------------------------*    BLOCK FEATURE
\*------------------------------------*/
.block--feature {
  margin-bottom: 20px; }
  .block--feature .block__image {
    margin-bottom: 30px;
    font-size: 23px;
    line-height: 1.277;
    text-align: center; }
    @media all and (min-width: 768px) {
      .block--feature .block__image {
        font-size: 36px; } }
  .block--feature .block__header {
    padding-bottom: 10px; }
  .block--feature .block__title {
    font-family: "Proxima N W01 Smbd", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    line-height: 1.42; }
    @media all and (min-width: 768px) {
      .block--feature .block__title {
        font-size: 19px; } }
  .block--feature .block__description {
    text-align: center;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
    line-height: 1.5; }
    @media all and (min-width: 768px) {
      .block--feature .block__description {
        font-size: 17px; } }

/*------------------------------------*    BLOCK SLIDE SPLIT
\*------------------------------------*/
.block--slide-split {
  font-size: 16px;
  float: left; }
  @media all and (min-width: 768px) {
    .block--slide-split {
      font-size: 19px; } }
  @media all and (min-width: 1024px) {
    .block--slide-split {
      float: none;
      width: 50vw !important;
      min-height: 50vh !important; } }
  @media all and (min-width: 1024px) {
    .block--slide-split {
      min-height: 100vh !important; } }
  .block--slide-split .block__content {
    color: #ffffff; }
  .block--slide-split .block__content-top {
    padding: 30px;
    padding-bottom: 60px; }
    @media all and (min-width: 1024px) {
      .block--slide-split .block__content-top {
        display: -webkit-flex;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0; } }
    .block--slide-split .block__content-top .block__content {
      min-height: calc(50vh - 90px); }
      @media all and (min-width: 1024px) {
        .block--slide-split .block__content-top .block__content {
          display: -webkit-flex;
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          -webkit-align-content: center;
              -ms-flex-line-pack: center;
                  align-content: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          min-height: 50%;
          padding-top: 40px;
          padding-bottom: 40px;
          padding-left: 20px;
          padding-right: 20px;
          font-size: 16px;
          max-width: 560px;
          width: 100%;
          margin: 0 auto;
          min-height: calc(100vh - 90px); } }
  @media all and (min-width: 1024px) and (min-width: 768px) {
    .block--slide-split .block__content-top .block__content {
      font-size: 19px; } }
  .block--slide-split .block__content-bottom {
    background-repeat: no-repeat;
    background-position: bottom right; }
  .block--slide-split .block__header {
    font-size: 23px;
    line-height: 1.277;
    margin-bottom: 50px;
    font-family: "Forza", "Arial", sans-serif; }
    @media all and (min-width: 768px) {
      .block--slide-split .block__header {
        font-size: 36px; } }
  .block--slide-split .block__bgimage {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0; }
    @media all and (min-width: 768px) {
      .block--slide-split .block__bgimage {
        display: block; } }
  .block--slide-split .block__more {
    margin-top: 20px; }
    .block--slide-split .block__more a {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle;
      padding: 12px 80px;
      background-color: transparent;
      border: 1px solid #ffffff;
      color: #ffffff;
      font-weight: normal;
      text-transform: normal;
      text-decoration: none;
      transition: all 0.3s ease;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif; }
      .block--slide-split .block__more a:hover, .block--slide-split .block__more a:focus, .block--slide-split .block__more a:active {
        background-color: #ffffff;
        color: #000000;
        text-shadow: none; }
  .block--slide-split .block__image {
    position: relative;
    overflow: hidden;
    min-height: 66vw; }
    @media all and (min-width: 1024px) {
      .block--slide-split .block__image {
        padding-top: 0;
        min-height: 100vh; } }
    .block--slide-split .block__image img {
      top: 80px;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: auto;
      height: auto;
      min-width: 101%;
      min-height: 101%;
      max-width: none;
      max-width: 101%; }
      @media all and (min-width: 1024px) {
        .block--slide-split .block__image img {
          max-width: none; } }
  .block--slide-split .block__title {
    font-size: 20px; }
    @media all and (min-width: 768px) {
      .block--slide-split .block__title {
        font-size: 28px; } }
  .block--slide-split .block__description {
    font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
    font-weight: light;
    font-size: 17px;
    line-height: 1.62; }
    @media all and (min-width: 768px) {
      .block--slide-split .block__description {
        font-size: 21px; } }

@media all and (min-width: 1024px) {
  .js-multiscroll-bottom .block--slide-split {
    height: 100vh !important; } }

/*------------------------------------*    $BLOCK PACKERY
\*------------------------------------*/
.block--packery {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #000000;
  font-size: 16px;
  color: #ffffff; }
  @media all and (min-width: 768px) {
    .block--packery {
      font-size: 19px; } }
  @media all and (min-width: 900px) {
    .block--packery {
      max-width: 300px; } }
  .block--packery .block__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8); }
  .block--packery .block__content {
    position: relative; }
  .block--packery .block__title {
    font-family: "Forza", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px; }
    @media all and (min-width: 768px) {
      .block--packery .block__title {
        font-size: 19px; } }
  .block--packery .block__description {
    font-size: 15px;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
    line-height: 1.588; }
    @media all and (min-width: 768px) {
      .block--packery .block__description {
        font-size: 17px; } }
    .block--packery .block__description p {
      margin-bottom: 0; }
  .block--packery blockquote {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 21px;
    font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
    font-weight: light;
    line-height: 1.375;
    font-style: normal;
    margin-left: 0; }
    @media all and (min-width: 768px) {
      .block--packery blockquote {
        font-size: 32px; } }
    .block--packery blockquote::before {
      content: none; }
  .block--packery cite {
    color: #ffffff;
    font-size: 16px;
    font-style: normal;
    font-family: "Proxima N W01 Smbd", "Helvetica", "Arial", sans-serif;
    font-weight: 600; }
    @media all and (min-width: 768px) {
      .block--packery cite {
        font-size: 19px; } }

.no-touch .block--packery[data-href] .block__title,
.no-touch .block--packery[data-href] .block__subtitle,
.no-touch .block--packery[data-href] .block__description,
.no-touch .block--packery[data-href] .comp--status, .no-touch .block--packery[data-href].block--packery-twitter.fa,
.no-touch .block--packery[data-href].block--packery-radio .block__image {
  transition: box-shadow .2s ease-out, -webkit-transform .2s ease-out;
  transition: box-shadow .2s ease-out, transform .2s ease-out;
  transition: box-shadow .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out; }

.no-touch .block--packery:hover, .no-touch .block--packery:focus, .no-touch .block--packery:active {
  box-shadow: 0px 17px 50px 0px rgba(0, 0, 0, 0.19), 0px 12px 15px 0px rgba(0, 0, 0, 0.24);
  transition: box-shadow .2s ease-out, -webkit-transform .2s ease-out;
  transition: box-shadow .2s ease-out, transform .2s ease-out;
  transition: box-shadow .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out;
  z-index: 8000; }

.no-touch .block--packery[data-href]:hover .block__title,
.no-touch .block--packery[data-href]:hover .block__subtitle,
.no-touch .block--packery[data-href]:hover .block__description,
.no-touch .block--packery[data-href]:hover .comp--status, .no-touch .block--packery[data-href]:hover.block--packery-twitter.fa,
.no-touch .block--packery[data-href]:hover.block--packery-radio .block__image, .no-touch .block--packery[data-href]:focus .block__title,
.no-touch .block--packery[data-href]:focus .block__subtitle,
.no-touch .block--packery[data-href]:focus .block__description,
.no-touch .block--packery[data-href]:focus .comp--status, .no-touch .block--packery[data-href]:focus.block--packery-twitter.fa,
.no-touch .block--packery[data-href]:focus.block--packery-radio .block__image, .no-touch .block--packery[data-href]:active .block__title,
.no-touch .block--packery[data-href]:active .block__subtitle,
.no-touch .block--packery[data-href]:active .block__description,
.no-touch .block--packery[data-href]:active .comp--status, .no-touch .block--packery[data-href]:active.block--packery-twitter.fa,
.no-touch .block--packery[data-href]:active.block--packery-radio .block__image {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  transition: box-shadow .2s ease-out, -webkit-transform .2s ease-out;
  transition: box-shadow .2s ease-out, transform .2s ease-out;
  transition: box-shadow .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out; }

.block--packery-panorama {
  background-color: #000000; }
  @media all and (min-width: 900px) {
    .block--packery-panorama {
      max-width: 600px; } }
  .block--packery-panorama .block__content-top {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
    text-align: left; }
    @media all and (min-width: 480px) {
      .block--packery-panorama .block__content-top {
        min-height: 300px;
        padding-right: 0; } }
  .block--packery-panorama .block__title {
    margin-bottom: 15px; }
  .block--packery-panorama .block__subtitle {
    font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    font-size: 21px;
    margin-bottom: 15px; }
    @media all and (min-width: 768px) {
      .block--packery-panorama .block__subtitle {
        font-size: 32px; } }
  .block--packery-panorama .block__more a {
    font-family: "Proxima N W01 Smbd", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    color: inherit;
    text-decoration: none; }
  .block--packery-panorama .block__image {
    text-align: right; }
    .block--packery-panorama .block__image img {
      margin-right: -1px;
      max-width: 300px; }

.block--packery-banner .block__image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

.block--packery-banner .block__header {
  text-align: left; }

.block--packery-banner .block__content {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  min-height: 400px; }
  @media all and (min-width: 900px) {
    .block--packery-banner .block__content {
      min-height: 600px; } }

@media all and (min-width: 900px) {
  .block--packery-quote {
    max-width: 600px; } }

.block--packery-quote .block__image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

.block--packery-quote .block__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8); }

.block--packery-quote .block__content {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  min-height: 400px; }
  @media all and (min-width: 768px) {
    .block--packery-quote .block__content {
      min-height: 600px; } }
  @media all and (min-width: 900px) {
    .block--packery-quote .block__content {
      min-height: 600px; } }

.block--packery-twitter {
  padding-left: 30px;
  padding-right: 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .block--packery-twitter .block__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 300px;
    padding-bottom: 30px; }
  .block--packery-twitter i {
    font-size: 23px;
    line-height: 1.277;
    color: #ffffff;
    margin-bottom: 20px; }
    @media all and (min-width: 768px) {
      .block--packery-twitter i {
        font-size: 36px; } }
  .block--packery-twitter a {
    text-decoration: none;
    color: #505050; }

.block--packery-panorama-bg {
  background-color: #000000;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media all and (min-width: 900px) {
    .block--packery-panorama-bg {
      max-width: 600px; } }
  .block--packery-panorama-bg .block__image img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 101%;
    min-height: 101%;
    max-width: none; }
  @media all and (max-width: 1024px) {
	.block--packery-panorama-bg .block__image img {
		max-width: 100%; } }
  .block--packery-panorama-bg .block__overlay {
    background-color: rgba(0, 0, 0, 0.25); }
  .block--packery-panorama-bg .block__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    text-align: left;
    min-height: 300px; }
    @media all and (min-width: 900px) {
      .block--packery-panorama-bg .block__content {
        width: 50%; } }

.block--packery-statistic {
  text-align: left; }
  .block--packery-statistic .block__content {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    min-height: 300px; }
  .block--packery-statistic .block__title {
    font-size: 38px;
    font-weight: 400;
    font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    line-height: 1; }
    @media all and (min-width: 768px) {
      .block--packery-statistic .block__title {
        font-size: 101px; } }

@media all and (min-width: 900px) {
  .block--packery-blog {
    max-width: 600px; } }

.block--packery-blog .block__image img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-width: 101%;
  min-height: 101%;
  max-width: none; }

.block--packery-blog .block__overlay {
  background-color: rgba(0, 0, 0, 0.5); }

.block--packery-blog .block__content {
  position: relative;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  min-height: 600px; }
  @media all and (min-width: 900px) {
    .block--packery-blog .block__content {
      min-height: 600px; } }

.block--packery-blog .block__header {
  margin-bottom: 20px; }

@media all and (min-width: 900px) {
  .block--packery-blog .block__description {
    max-width: 60%; } }

.block--packery-blog .block__author-status {
  position: absolute;
  bottom: 0;
  color: #c1bcc2;
  left: 30px;
  bottom: 30px;
  text-align: left; }

.block--packery-map {
  position: relative;
  min-height: 300px; }
  @media all and (min-width: 900px) {
    .block--packery-map {
      max-width: 600px; } }
  .block--packery-map .block__image {
    position: relative;
    overflow: hidden;
    min-height: 300px; }
    .block--packery-map .block__image img {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: auto;
      height: auto;
      min-width: 101%;
      min-height: 101%;
      max-width: none; }
  .block--packery-map .block__header {
    position: absolute;
    top: 30px;
    left: 30px; }

.block--packery-radio {
  position: relative; }
  .block--packery-radio .block__content {
    border: 1px solid transparent;
    min-height: 300px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: left; }
  .block--packery-radio .block__image {
    position: absolute;
    bottom: 30px;
    right: 30px; }
  .block--packery-radio .block__title {
    font-size: 21px;
    font-weight: 400;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
    font-weight: 300; }
    @media all and (min-width: 768px) {
      .block--packery-radio .block__title {
        font-size: 32px; } }

.block--packery-image {
  position: relative;
  overflow: hidden;
  min-height: 600px; }
  @media all and (min-width: 1024px) {
    .block--packery-image {
      min-height: 300px; } }
  .block--packery-image .block__image img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 101%;
    min-height: 101%;
    max-width: 100%; }
    @media all and (min-width: 1024px) {
      .block--packery-image .block__image img {
        max-width: 100%; } }
@media all and (max-width: 600px) {
  .block--packery-image {
      min-height: 380px; } 
}

.block--packery-square-bg {
  background-color: #000000; }
  @media all and (min-width: 900px) {
    .block--packery-square-bg {
      max-width: 600px; } }
  .block--packery-square-bg .block__image img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 101%;
    min-height: 101%;
    max-width: none; }
    @media all and (max-width: 1024px) {
      .block--packery-square-bg .block__image img {
        width: 100%;
      }   
    }
  .block--packery-square-bg .block__overlay {
    background-color: rgba(0, 0, 0, 0.25); }
  .block--packery-square-bg .block__content {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    text-align: left;
    min-height: 600px; }
    @media all and (min-width: 900px) {
      .block--packery-square-bg .block__content {
        min-height: 600px;
        width: 60%; } }

    @media all and (max-width: 600px) {
      .block--packery-square-bg .block__content {
        min-height: 380px;
        } 
    }

.block--packery-quote-panorama {
  background-color: #ffffff;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media all and (min-width: 900px) {
    .block--packery-quote-panorama {
      max-width: 600px; } }
  .block--packery-quote-panorama .block__image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: right; }
  .block--packery-quote-panorama .block__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8); }
  .block--packery-quote-panorama .block__content {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 300px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
    font-weight: 300; }
  .block--packery-quote-panorama .block__description {
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif; }
  .block--packery-quote-panorama blockquote {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 240px;
    margin-bottom: 0;
    padding-left: 0; }
    @media all and (min-width: 768px) {
      .block--packery-quote-panorama blockquote {
        margin-left: 0; } }
    @media all and (min-width: 1024px) {
      .block--packery-quote-panorama blockquote {
        margin-left: 0; } }

.block--packery-empty {
  display: none;
  background-color: transparent; }
  @media all and (min-width: 1578px) {
    .block--packery-empty {
      display: block; } }

.no-touch .block--packery-empty:hover, .no-touch .block--packery-empty:focus, .no-touch .block--packery-empty:active {
  box-shadow: none; }

/*------------------------------------*    $BLOCK TIMELINE
\*------------------------------------*/
.block--timeline {
  *zoom: 1;
  padding-top: 30px; }
  .block--timeline:before, .block--timeline:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .block--timeline:after {
    clear: both; }
  @media all and (min-width: 1024px) {
    .block--timeline {
      padding-top: 300px; } }
  .block--timeline .block__left, .block--timeline .block__right {
    position: relative;
    float: left; }
  .block--timeline .block__left {
    padding-top: 15px;
    padding-right: 45px;
    text-align: right;
    width: 30%; }
    @media all and (min-width: 768px) {
      .block--timeline .block__left {
        width: 20%; } }
    @media all and (min-width: 1024px) {
      .block--timeline .block__left {
        padding-top: 1.5em;
        padding-right: 85px;
        width: 50%; } }
  .block--timeline .block__right {
    margin-left: -30px;
    width: 70%; }
    @media all and (min-width: 768px) {
      .block--timeline .block__right {
        width: 80%; } }
    @media all and (min-width: 1024px) {
      .block--timeline .block__right {
        width: 50%;
        padding-left: 85px;
        margin-left: 0; } }
  .block--timeline .block__date {
    display: block;
    color: #ee3651;
    line-height: 1;
    text-align: right;
    font-weight: 300;
    padding-top: 5px;
    font-size: 16px; }
    @media all and (min-width: 768px) {
      .block--timeline .block__date {
        font-size: 19px; } }
    @media all and (min-width: 1024px) {
      .block--timeline .block__date {
        padding-top: 0;
        font-size: 38px; } }
  @media all and (min-width: 1024px) and (min-width: 768px) {
    .block--timeline .block__date {
      font-size: 101px; } }
  .block--timeline .block__content {
    font-size: 16px;
    padding-left: 75px;
    *zoom: 1; }
    @media all and (min-width: 768px) {
      .block--timeline .block__content {
        font-size: 19px; } }
    .block--timeline .block__content:before, .block--timeline .block__content:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .block--timeline .block__content:after {
      clear: both; }
    @media all and (min-width: 1024px) {
      .block--timeline .block__content {
        padding-left: 0; } }
  .block--timeline .block__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px; }
    .block--timeline .block__image img {
      border-radius: 100%; }
    @media all and (min-width: 1024px) {
      .block--timeline .block__image {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        height: auto;
        float: left;
        margin-top: 30px;
        margin-right: 45px;
        width: 120px;
        height: 120px; }
        .block--timeline .block__image:before {
          content: '';
          position: absolute;
          top: 50%;
          left: -85px;
          width: 85px;
          height: 0px;
          border-bottom: 1px solid #ffffff; }
        .block--timeline .block__image:after {
          content: '';
          position: absolute;
          left: -85px;
          top: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%);
          width: 18px;
          height: 18px;
          border-radius: 100%;
          background-color: #ee3651; } }
  @media all and (min-width: 1024px) {
    .block--timeline .block__content-bottom {
      max-width: 350px;
      float: left;
      display: block;
      overflow: hidden; } }
  .block--timeline .block__title,
  .block--timeline .block__description {
    color: #ffffff; }
  .block--timeline .block__title {
    margin-bottom: 15px;
    font-size: 16px;
    font-family: "Forza", "Arial", sans-serif;
    font-weight: 700; }
    @media all and (min-width: 768px) {
      .block--timeline .block__title {
        font-size: 19px; } }
    @media all and (min-width: 1024px) {
      .block--timeline .block__title {
        padding-top: 30px; } }
  .block--timeline .block__description {
    font-size: 15px;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif; }
    @media all and (min-width: 768px) {
      .block--timeline .block__description {
        font-size: 17px; } }
  @media all and (min-width: 1024px) {
    .block--timeline:nth-child(odd) .block__left, .block--timeline:nth-child(odd) .block__right {
      float: right; }
    .block--timeline:nth-child(odd) .block__right {
      padding-left: 0;
      padding-right: 85px;
      text-align: right; }
    .block--timeline:nth-child(odd) .block__left {
      padding-right: 0;
      padding-left: 85px; }
    .block--timeline:nth-child(odd) .block__date {
      text-align: left; }
    .block--timeline:nth-child(odd) .block__title,
    .block--timeline:nth-child(odd) .block__description {
      text-align: right; }
    .block--timeline:nth-child(odd) .block__image {
      float: right;
      margin-left: 45px;
      margin-right: 0; }
      .block--timeline:nth-child(odd) .block__image:before {
        left: auto;
        right: -85px; }
      .block--timeline:nth-child(odd) .block__image:after {
        left: auto;
        right: -85px;
        -webkit-transform: translateX(50%) translateY(-50%);
                transform: translateX(50%) translateY(-50%); }
    .block--timeline:nth-child(odd) .block__content-bottom {
      float: right; } }

.block--timeline-small .block__date {
  padding-top: 8px;
  font-size: 15px; }
  @media all and (min-width: 768px) {
    .block--timeline-small .block__date {
      font-size: 15px; } }
  @media all and (min-width: 1024px) {
    .block--timeline-small .block__date {
      padding-top: 0;
      font-size: 28px; } }
  @media all and (min-width: 1024px) and (min-width: 768px) {
    .block--timeline-small .block__date {
      font-size: 58px; } }

.block--timeline-small .block__image {
  margin-bottom: 30px; }

@media all and (min-width: 1024px) {
  .block--timeline-small .block__title {
    padding-top: 0; }
  .block--timeline-small .block__image {
    margin-top: 0; } }

/*------------------------------------*    $BLOCK BLOG EQUAL
\*------------------------------------*/
.block--blog-equal {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  overflow: hidden;
  width: 100%;
  max-width: 150px;
  height: 210px;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  background-color: #ffffff;
  font-size: 16px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
  margin-left: 5px; }
  @media all and (min-width: 768px) {
    .block--blog-equal {
      font-size: 19px; } }
  @media all and (min-width: 768px) {
    .block--blog-equal {
      height: auto;
      max-width: 300px;
      width: 100%;
      overflow: auto;
      margin-top: 40px;
      margin-bottom: 50px;
      margin-left: 0;
      margin-left: 30px;
      margin-right: 30px;
      box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
      transition: box-shadow .3s ease-out; }
      .block--blog-equal:hover, .block--blog-equal:focus, .block--blog-equal:active {
        box-shadow: 0px 17px 50px 0px rgba(0, 0, 0, 0.19), 0px 12px 15px 0px rgba(0, 0, 0, 0.24);
        transition: box-shadow .2s ease-out, -webkit-transform .2s ease-out;
        transition: box-shadow .2s ease-out, transform .2s ease-out;
        transition: box-shadow .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out;
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px); }
        .block--blog-equal:hover .block__more, .block--blog-equal:focus .block__more, .block--blog-equal:active .block__more {
          transition: all .2s ease-out; }
          .block--blog-equal:hover .block__more i, .block--blog-equal:focus .block__more i, .block--blog-equal:active .block__more i {
            padding-left: 10px;
            opacity: 1;
            transition: all .2s ease-out; } }
  .block--blog-equal a {
    text-decoration: none; }
  .block--blog-equal .block__content {
    padding-bottom: 20px; }
    @media all and (min-width: 768px) {
      .block--blog-equal .block__content {
        min-height: 360px;
        padding-bottom: 110px; } }
  .block--blog-equal .block__image img {
    width: 100%;
    max-width: 300px; }
  .block--blog-equal .block__title {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: "Forza", "Arial", sans-serif;
    font-size: 13px;
    font-weight: 700; }
    @media all and (min-width: 768px) {
      .block--blog-equal .block__title {
        font-size: 12px; } }
    @media all and (min-width: 768px) {
      .block--blog-equal .block__title {
        font-size: 16px;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px; } }
  @media all and (min-width: 768px) and (min-width: 768px) {
    .block--blog-equal .block__title {
      font-size: 19px; } }
  .block--blog-equal .block__category {
    display: none;
    position: absolute;
    top: 30px;
    left: 30px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    background-color: #000000;
    padding: 5px 10px; }
    @media all and (min-width: 768px) {
      .block--blog-equal .block__category {
        font-size: 12px; } }
    @media all and (min-width: 768px) {
      .block--blog-equal .block__category {
        display: block; } }
    .block--blog-equal .block__category a {
      text-decoration: none;
      color: inherit; }
  .block--blog-equal .block__description {
    display: none;
    padding-left: 30px;
    padding-right: 30px;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.588;
    color: #c1bcc2; }
    @media all and (min-width: 768px) {
      .block--blog-equal .block__description {
        font-size: 17px; } }
    @media all and (min-width: 768px) {
      .block--blog-equal .block__description {
        display: block; } }
    .block--blog-equal .block__description a {
      color: inherit; }
  .block--blog-equal .block__content-image {
    display: none;
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px; }
    @media all and (min-width: 768px) {
      .block--blog-equal .block__content-image {
        display: block; } }
    .block--blog-equal .block__content-image img {
      width: auto;
      max-height: 40px; }
  .block--blog-equal .block__more {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #c1bcc2;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    margin-right: -50px;
    text-align: right;
    transition: all .3s ease-out; }
    @media all and (min-width: 768px) {
      .block--blog-equal .block__more {
        display: block; } }
    .block--blog-equal .block__more a, .block--blog-equal .block__more span {
      text-transform: uppercase;
      color: #393b47;
      text-decoration: none;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 2px; }
      @media all and (min-width: 768px) {
        .block--blog-equal .block__more a, .block--blog-equal .block__more span {
          font-size: 12px; } }
    .block--blog-equal .block__more i {
      opacity: 0;
      transition: all .3s ease-out; }

/*------------------------------------*    $BLOCK TEAM CIRCLE
\*------------------------------------*/
.block--team-circle {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  max-width: 300px;
  width: 100%;
  margin-bottom: 10px; }
  @media all and (min-width: 768px) {
    .block--team-circle:nth-child(odd) {
      margin-top: 100px; } }
  .block--team-circle .block__image {
    position: relative; }
    .block--team-circle .block__image::before {
      content: '';
      position: absolute;
      top: 5px;
      right: 5px;
      width: 17px;
      height: 17px;
      border-radius: 100%;
      background-color: #ee3651;
      opacity: 0;
      transition: opacity .3s ease-in; }
    .block--team-circle .block__image img {
      border-radius: 100%; }
  .block--team-circle .block__title {
    margin-bottom: 10px;
    font-family: "Forza", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 700; }
    @media all and (min-width: 768px) {
      .block--team-circle .block__title {
        font-size: 19px; } }
  .block--team-circle .block__subtitle {
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
    font-size: 15px; }
    @media all and (min-width: 768px) {
      .block--team-circle .block__subtitle {
        font-size: 17px; } }

.no-touch .block--team-circle .block__content {
  opacity: 0;
  transition: opacity .3s ease-in; }

.no-touch .block--team-circle:hover .block__content, .no-touch .block--team-circle:active .block__content, .no-touch .block--team-circle:focus .block__content {
  opacity: 1;
  transition: opacity .2s ease-in; }

.no-touch .block--team-circle:hover .block__image::before, .no-touch .block--team-circle:active .block__image::before, .no-touch .block--team-circle:focus .block__image::before {
  opacity: 1;
  transition: opacity .2s ease-in; }

/*------------------------------------*    $BLOCK DATASPLIT
\*------------------------------------*/
.block--datasplit {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 100%;
  margin-bottom: 40px;
  text-align: left;
  font-size: 0; }
  @media all and (min-width: 768px) {
    .block--datasplit {
      width: 680px; } }
  .block--datasplit .block__content {
    padding-left: 40px;
    padding-right: 40px;
    *zoom: 1; }
    .block--datasplit .block__content:before, .block--datasplit .block__content:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .block--datasplit .block__content:after {
      clear: both; }
  @media all and (min-width: 768px) {
    .block--datasplit .block__content-top {
      margin-right: 60px;
      float: left; } }
  .block--datasplit .block__content-bottom {
    overflow: hidden;
    position: relative; }
    @media all and (min-width: 768px) {
      .block--datasplit .block__content-bottom {
        padding-top: 5px; } }
  .block--datasplit .block__number {
    color: #ee3651;
    font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
    font-size: 38px;
    line-height: 1;
    font-weight: 300; }
    @media all and (min-width: 768px) {
      .block--datasplit .block__number {
        font-size: 101px; } }
    @media all and (min-width: 768px) {
      .block--datasplit .block__number {
        text-align: right; } }
  .block--datasplit .block__subtitle {
    padding-bottom: 15px;
    color: #ee3651;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px; }
    @media all and (min-width: 768px) {
      .block--datasplit .block__subtitle {
        font-size: 12px; } }
    @media all and (min-width: 768px) {
      .block--datasplit .block__subtitle {
        text-align: right; } }
  .block--datasplit .block__title {
    margin-bottom: 10px;
    font-family: "Forza", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 700; }
    @media all and (min-width: 768px) {
      .block--datasplit .block__title {
        font-size: 19px; } }
  .block--datasplit .block__description {
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.588; }
    @media all and (min-width: 768px) {
      .block--datasplit .block__description {
        font-size: 17px; } }

/*------------------------------------*    BLOCK SPLIT
\*------------------------------------*/
.block--split {
  position: relative; }
  .block--split .block__content {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px; }
    @media all and (min-width: 768px) {
      .block--split .block__content {
        padding-left: 75px;
        padding-right: 75px; } }
    @media all and (min-width: 1024px) {
      .block--split .block__content {
        padding-left: 20px;
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px; } }
    @media all and (min-width: 1680px) {
      .block--split .block__content {
        padding-left: 150px;
        padding-right: 150px; } }
  .block--split .block__image img {
    max-width: none;
    width: 100%; }
  .block--split .block__header {
    margin-bottom: 40px; }
  .block--split .block__title {
    font-family: "Forza", "Arial", sans-serif;
    font-size: 23px;
    line-height: 1.277;
    font-weight: 700; }
    @media all and (min-width: 768px) {
      .block--split .block__title {
        font-size: 36px; } }
  .block--split .block__description {
    font-size: 17px;
    line-height: 1.62;
    font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
    font-weight: 300; }
    @media all and (min-width: 768px) {
      .block--split .block__description {
        font-size: 21px; } }
  .block--split .block__more {
    margin-bottom: 20px;
    color: #393b47;
    font-family: "Premiera", "Georgia", serif;
    font-size: 17px;
    line-height: 1.25;
    font-style: italic;
    font-weight: 700; }
    @media all and (min-width: 768px) {
      .block--split .block__more {
        font-size: 20px; } }
    .block--split .block__more a {
      color: inherit; }
  @media all and (min-width: 1024px) {
    .block--split .block__status {
      position: absolute;
      bottom: 0;
      right: 0;
      padding-right: 30px;
      padding-bottom: 30px;
      width: 50%;
      text-align: right; } }
  .block--split .grid--rev .block__status {
    right: 50%; }

/*------------------------------------*    $BLOCK TEAM OVERLAY
\*------------------------------------*/
.block--team-overlay {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  font-size: 16px; }
  @media all and (min-width: 768px) {
    .block--team-overlay {
      font-size: 19px; } }
  @media all and (min-width: 1024px) {
    .block--team-overlay {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: top;
      width: calc(50% - 100px);
      margin-bottom: 80px;
      margin-left: 100px; } }
  .block--team-overlay .block__image img {
    max-width: none;
    width: 100%; }
  .block--team-overlay .block__content {
    color: #000000; }
    @media all and (min-width: 1280px) {
      .block--team-overlay .block__content {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        color: #ffffff; } }
  .block--team-overlay .block__content-container {
    text-align: justify; }
    @media all and (min-width: 1280px) {
      .block--team-overlay .block__content-container {
        position: absolute;
        z-index: 1000;
        top: 30px;
        left: 30px;
        right: 30px;
        color: #ffffff; } }
    .block--team-overlay .block__content-container:after {
      content: '';
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle;
      width: 100%; }
  .block--team-overlay .block__country {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px; }
    @media all and (min-width: 768px) {
      .block--team-overlay .block__country {
        font-size: 14px; } }
    @media all and (min-width: 1280px) {
      .block--team-overlay .block__country {
        margin-bottom: 60px; } }
  .block--team-overlay .block__header {
    margin-top: 10px; }
  .block--team-overlay .block__title {
    margin-bottom: 10px;
    font-family: "Forza", "Arial", sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-align: left; }
    @media all and (min-width: 768px) {
      .block--team-overlay .block__title {
        font-size: 19px; } }
    @media all and (min-width: 1280px) {
      .block--team-overlay .block__title {
        margin-bottom: 20px; } }
  .block--team-overlay .block__description {
    font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
    margin-bottom: 20px;
    text-align: left; }
    @media all and (min-width: 1280px) {
      .block--team-overlay .block__description {
        margin-bottom: 40px; } }
  .block--team-overlay .block__position, .block--team-overlay .block__author {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    font-family: "Forza", "Arial", sans-serif;
    font-weight: 700; }
  .block--team-overlay .block__position {
    font-size: 29px;
    line-height: .82; }
    @media all and (min-width: 768px) {
      .block--team-overlay .block__position {
        font-size: 61px; } }
  .block--team-overlay .block__author {
    text-align: right;
    font-size: 18px;
    margin-top: -.15em; }
    @media all and (min-width: 768px) {
      .block--team-overlay .block__author {
        font-size: 24px; } }
    @media all and (min-width: 768px) {
      .block--team-overlay .block__author {
        margin-top: -.1em; } }

@media all and (min-width: 1280px) {
  .no-touch .block--team-overlay .block__title,
  .no-touch .block--team-overlay .block__description {
    opacity: 0;
    transition: opacity .2s ease-out; }
  .no-touch .block--team-overlay:hover .block__title,
  .no-touch .block--team-overlay:hover .block__description, .no-touch .block--team-overlay:active .block__title,
  .no-touch .block--team-overlay:active .block__description, .no-touch .block--team-overlay:focus .block__title,
  .no-touch .block--team-overlay:focus .block__description {
    opacity: 1;
    transition: opacity .3s ease-in; } }

/*------------------------------------*    $BLOCK BLOG OVERVIEW
\*------------------------------------*/
.block--blog-overview {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media all and (min-width: 1024px) {
    .block--blog-overview {
      margin-top: 60px;
      margin-bottom: 60px; } }
  .block--blog-overview .block__header {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: "Forza", "Arial", sans-serif; }
    @media all and (min-width: 1024px) {
      .block--blog-overview .block__header::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -65px;
        width: 10px;
        background-color: #ee3651; } }
  .block--blog-overview .block__image img {
    max-width: none;
    width: 100%; }
  .block--blog-overview .block__description {
    font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
    font-weight: light;
    font-size: 17px;
    line-height: 1.62; }
    @media all and (min-width: 768px) {
      .block--blog-overview .block__description {
        font-size: 21px; } }
  .block--blog-overview .comp--status .comp__item {
    margin-left: 0;
    margin-right: 30px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top; }
  .block--blog-overview .comp--readingtime i {
    font-size: 26px;
    margin-right: 10px; }
  .block--blog-overview .comp--readingtime span {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 2.5; }

/*------------------------------------*    $BLOCK ACCORDEON
\*------------------------------------*/
.block--accordeon {
  margin-bottom: 10px; }
  .block--accordeon .block__header {
    position: relative;
    background-color: #ee3651;
    color: #ffffff;
    padding: 14px 30px 13px;
    cursor: pointer; }
    .block--accordeon .block__header::after {
      content: '\e5db';
      font-family: 'icomoon';
      position: absolute;
      top: 50%;
      right: 30px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .block--accordeon .block__title {
    font-size: 15px;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
    padding-right: 20px; }
    @media all and (min-width: 768px) {
      .block--accordeon .block__title {
        font-size: 17px; } }
  .block--accordeon .block__subtitle {
    margin-bottom: 15px;
    font-family: "Forza", "Arial", sans-serif;
    font-weight: 700; }
    @media all and (min-width: 1024px) {
      .block--accordeon .block__subtitle {
        margin-bottom: 45px; } }
  .block--accordeon .block__description {
    font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
    font-weight: light;
    font-size: 17px;
    line-height: 1.62; }
    @media all and (min-width: 768px) {
      .block--accordeon .block__description {
        font-size: 21px; } }
  .block--accordeon .block__content {
    padding-top: 25px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px; }

.js .block--accordeon .block__content {
  display: none; }

.accordeon-active .block__header::after {
  content: '\e5d8'; }

.section__title {
  font-family: "Forza", "Arial", sans-serif; }

/*------------------------------------*    $SECTION VIEWPORT 75
    extends section-viewport
\*------------------------------------*/
.section--viewport-75 {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-height: 75vh;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media all and (min-width: 1024px) {
    .section--viewport-75 {
      padding-top: 80px;
      padding-bottom: 80px; } }
  .section--viewport-75 .section__content {
    margin: 0 auto;
    width: 100%;
    max-width: 1580px;
    padding-left: 30px;
    padding-right: 30px;
    color: #ffffff; }
    @media all and (min-width: 900px) {
      .section--viewport-75 .section__content {
        max-width: 1580px;
        padding-left: 40px;
        padding-right: 40px; } }
  .section--viewport-75 .section__header {
    max-width: 1200px; }
    @media all and (min-width: 900px) {
      .section--viewport-75 .section__header {
        padding-left: 30px;
        padding-right: 30px; } }
  .section--viewport-75 .section__title {
    font-family: "Forza", "Arial", sans-serif;
    font-size: 25px;
    line-height: 1.26;
    line-height: 1.26;
    font-weight: 700;
    line-height: 1.565; }
    @media all and (min-width: 768px) {
      .section--viewport-75 .section__title {
        font-size: 46px; } }

/*------------------------------------*    $SECTION BLOCK PACKERY
\*------------------------------------*/
.section--block-packery .section__content {
  margin-bottom: 40px; }
  @media all and (min-width: 900px) {
    .section--block-packery .section__content {
      margin: 0 auto;
      margin-bottom: 80px;
      max-width: 900px; } }
  @media all and (min-width: 1200px) {
    .section--block-packery .section__content {
      max-width: 1200px; } }
  @media all and (min-width: 1500px) {
    .section--block-packery .section__content {
      max-width: 1500px; } }

.section--block-packery .section__blocks {
  position: relative;
  text-align: center;
  font-size: 0; }

.section--block-packery .section__more {
  margin-bottom: 40px; }
  .section--block-packery .section__more a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    padding: 12px 80px;
    background-color: #ee3651;
    color: #ffffff;
    font-weight: normal;
    text-transform: normal;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 0;
    letter-spacing: 0px;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: block;
    max-width: 1760px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 700; }
    .section--block-packery .section__more a:hover, .section--block-packery .section__more a:focus, .section--block-packery .section__more a:active {
      background-color: #dd324b;
      color: #ffffff;
      transition: all 0.3s ease; }
    @media all and (min-width: 768px) {
      .section--block-packery .section__more a {
        font-size: 12px; } }
    @media all and (min-width: 768px) {
      .section--block-packery .section__more a {
        padding-top: 37px;
        padding-bottom: 37px;
        margin-top: 80px; } }

/*------------------------------------*    $SECTION SPLIT
\*------------------------------------*/
.section--slider-split {
  overflow: hidden;
  font-size: 0;
  z-index: 1000; }
  @media all and (min-width: 1024px) {
    .section--slider-split {
      margin-bottom: -80px; } }
  @media all and (min-width: 1024px) {
    .section--slider-split .section__content-top,
    .section--slider-split .section__content-bottom {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: top;
      width: 100%;
      overflow-x: hidden;
      position: relative;
      width: 50%; } }
  @media all and (min-width: 1024px) {
    .section--slider-split .caroufredsel_wrapper {
      width: 50vw !important;
      min-height: 50vh !important; } }
  @media all and (min-width: 1024px) {
    .section--slider-split .caroufredsel_wrapper {
      min-height: 100vh !important; } }
  .section--slider-split .section__content-top {
    position: relative; }
  .section--slider-split .section__content-bottom {
    position: relative; }
    @media all and (min-width: 1024px) {
      .section--slider-split .section__content-bottom {
        margin-top: 80px; } }
  .section--slider-split .section__more {
    position: absolute;
    z-index: 1000;
    bottom: 10%;
    right: 10%; }
    @media all and (min-width: 1024px) {
      .section--slider-split .section__more {
        bottom: 130px;
        right: 210px; } }
    .section--slider-split .section__more a {
      display: block;
      background-color: #ffffff;
      transition: all .3s ease-out;
      width: 90px;
      height: 90px;
      color: inherit; }
      .section--slider-split .section__more a:first-child {
        margin-bottom: 1px; }
      .section--slider-split .section__more a:hover, .section--slider-split .section__more a:active, .section--slider-split .section__more a:focus {
        color: inherit; }
    .section--slider-split .section__more img {
      display: none; }
      .section--slider-split .section__more img:first-child {
        display: block; }
    .section--slider-split .section__more i {
      font-size: 25px;
      line-height: 1.26;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      transition: all .3s ease-out;
      line-height: 1; }
      @media all and (min-width: 768px) {
        .section--slider-split .section__more i {
          font-size: 46px; } }
    .section--slider-split .section__more .js-multiscroll-prev,
    .section--slider-split .section__more .js-multiscroll-next {
      display: none; }
      @media all and (min-width: 1024px) {
        .section--slider-split .section__more .js-multiscroll-prev,
        .section--slider-split .section__more .js-multiscroll-next {
          display: block; } }
    .section--slider-split .section__more .js-multiscroll-prev i {
      bottom: 100%;
      margin-bottom: -1px; }
    .section--slider-split .section__more .js-multiscroll-next i {
      top: 100%; }

.section--last {
  margin-bottom: 0; }

.slide__color-0 .section__more a,
.slide__color-4 .section__more a {
  background-color: #ee3651;
  transition: all .3s ease-out; }

.slide__color-1 .section__more a {
  background-color: #4b85fa;
  transition: all .3s ease-out; }

.slide__color-2 .section__more a {
  background-color: #14cc68;
  transition: all .3s ease-out; }

.slide__color-3 .section__more a {
  background-color: #00b5e4;
  transition: all .3s ease-out; }

/*------------------------------------*    $SECTION VIEWPORT VIDEO
\*------------------------------------*/
.section--viewport-video {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
  overflow: hidden; }
  .section--viewport-video .section__image img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 101%;
    min-height: 101%;
    max-width: none; }
  .section--viewport-video .section__content {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 900px;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #ffffff;
    text-align: center; }
    @media all and (min-width: 480px) {
      .section--viewport-video .section__content {
        padding-left: 40px;
        padding-right: 40px; } }
    @media all and (min-width: 768px) {
      .section--viewport-video .section__content {
        padding-top: 100px;
        padding-bottom: 100px; } }
  .section--viewport-video .section__header {
    margin-bottom: 20px; }
  .section--viewport-video .section__subtitle {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    background-color: #14cc68;
    padding: 10px 45px;
    border-radius: 2px;
    margin-bottom: 50px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase; }
    @media all and (min-width: 768px) {
      .section--viewport-video .section__subtitle {
        font-size: 14px; } }
  .section--viewport-video .section__title {
    font-family: "Forza", "Arial", sans-serif;
    font-weight: 700;
    font-size: 20px; }
    @media all and (min-width: 768px) {
      .section--viewport-video .section__title {
        font-size: 28px; } }
  .section--viewport-video .section__description {
    font-size: 17px;
    margin-bottom: 50px;
    line-height: 1.62;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif; }
    @media all and (min-width: 768px) {
      .section--viewport-video .section__description {
        font-size: 21px; } }
    @media all and (min-width: 768px) {
      .section--viewport-video .section__description {
        margin-bottom: 100px; } }
  .section--viewport-video .section__more a {
    padding: 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    text-decoration: none;
    color: #ffffff;
    font-size: 43px; }

/*------------------------------------*    $SECTION HALFQUARTER
\*------------------------------------*/
.section--halfquarter {
  padding-top: 20px;
  padding-bottom: 20px; }
  @media all and (min-width: 768px) {
    .section--halfquarter {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .section--halfquarter .section__content {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffffff; }
    @media all and (min-width: 480px) {
      .section--halfquarter .section__content {
        padding-left: 40px;
        padding-right: 40px; } }
  .section--halfquarter .section__header,
  .section--halfquarter .section__title,
  .section--halfquarter .section__description,
  .section--halfquarter .section__more {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }
    @media all and (min-width: 768px) {
      .section--halfquarter .section__header,
      .section--halfquarter .section__title,
      .section--halfquarter .section__description,
      .section--halfquarter .section__more {
        margin-bottom: 40px; } }
  @media all and (min-width: 480px) {
    .section--halfquarter .section__header {
      max-width: 80%; } }
  @media all and (min-width: 768px) {
    .section--halfquarter .section__header {
      max-width: 50%; } }
  @media all and (min-width: 1024px) {
    .section--halfquarter .section__header {
      max-width: 80%; } }
  @media all and (min-width: 1280px) {
    .section--halfquarter .section__header {
      max-width: 60%; } }
  .section--halfquarter .section__description {
    margin-bottom: 40px;
    font-size: 17px;
    line-height: 1.6;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
    font-weight: 300; }
    @media all and (min-width: 768px) {
      .section--halfquarter .section__description {
        font-size: 21px; } }
    @media all and (min-width: 480px) {
      .section--halfquarter .section__description {
        max-width: 100%; } }
    @media all and (min-width: 768px) {
      .section--halfquarter .section__description {
        max-width: 75%; } }
    @media all and (min-width: 1024px) {
      .section--halfquarter .section__description {
        max-width: 100%; } }
    @media all and (min-width: 1280px) {
      .section--halfquarter .section__description {
        max-width: 75%; } }
    @media all and (min-width: 1680px) {
      .section--halfquarter .section__description {
        max-width: 100%; } }
  .section--halfquarter .section__title {
    font-family: "Forza", "Arial", sans-serif;
    font-size: 23px;
    line-height: 1.277;
    font-weight: 700; }
    @media all and (min-width: 768px) {
      .section--halfquarter .section__title {
        font-size: 36px; } }
  .section--halfquarter .section__more a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    padding: 12px 80px;
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-weight: normal;
    text-transform: normal;
    text-decoration: none;
    transition: all 0.3s ease;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
    font-size: 15px; }
    .section--halfquarter .section__more a:hover, .section--halfquarter .section__more a:focus, .section--halfquarter .section__more a:active {
      background-color: #ffffff;
      color: #000000;
      text-shadow: none; }
    @media all and (min-width: 768px) {
      .section--halfquarter .section__more a {
        font-size: 17px; } }

/*------------------------------------*    $SECTION SLIDER IMAGEONLY
\*------------------------------------*/
.section--slider-imageonly {
  padding-top: 30px;
  padding-bottom: 30px; }
  .section--slider-imageonly .section__content {
    text-align: center;
    font-size: 0; }

/*------------------------------------*    $SECTION BG IMAGE FIXED
\*------------------------------------*/
.section--bgimage-fixed {
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media all and (max-aspect-ratio: 4 / 3) {
    .section--bgimage-fixed {
      min-height: 60vh; } }
  .section--bgimage-fixed .section__content {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px; }
    @media all and (min-width: 480px) {
      .section--bgimage-fixed .section__content {
        padding-left: 40px;
        padding-right: 40px; } }

.no-touch .section--bgimage-fixed {
  background-attachment: fixed; }

/*------------------------------------*    $SECTION FEATURE
\*------------------------------------*/
.section--feature {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #ee3651;
  color: #ffffff;
  text-align: center; }
  @media all and (min-width: 1024px) {
    .section--feature {
      padding-top: 100px;
      padding-bottom: 80px; } }
  .section--feature .section__content {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px; }
    @media all and (min-width: 480px) {
      .section--feature .section__content {
        padding-left: 40px;
        padding-right: 40px; } }
  .section--feature .section__title {
    margin: 0 auto;
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 1.285;
    font-weight: 700; }
    @media all and (min-width: 768px) {
      .section--feature .section__title {
        font-size: 28px; } }
    @media all and (min-width: 768px) {
      .section--feature .section__title {
        width: 75%; } }
    @media all and (min-width: 1024px) {
      .section--feature .section__title {
        width: 50%; } }
  .section--feature .section__subtitle {
    margin-bottom: 25px;
    font-size: 28px;
    font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
    font-weight: 300; }
    @media all and (min-width: 768px) {
      .section--feature .section__subtitle {
        font-size: 58px; } }
  .section--feature .section__description {
    margin: 0 auto;
    width: 75%;
    padding-bottom: 30px;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
    font-size: 17px;
    line-height: 1.6; }
    @media all and (min-width: 768px) {
      .section--feature .section__description {
        font-size: 21px; } }
  .section--feature .section__more {
    padding-top: 20px;
    padding-bottom: 20px; }
    @media all and (min-width: 768px) {
      .section--feature .section__more {
        padding-top: 60px; } }
    .section--feature .section__more a {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle;
      padding: 12px 80px;
      background-color: transparent;
      border: 1px solid #ffffff;
      color: #ffffff;
      font-weight: normal;
      text-transform: normal;
      text-decoration: none;
      transition: all 0.3s ease;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
      .section--feature .section__more a:hover, .section--feature .section__more a:focus, .section--feature .section__more a:active {
        background-color: #ffffff;
        color: #000000;
        text-shadow: none; }

/*------------------------------------*    $SECTION VIEWPORT SPACE BETWEEN
\*------------------------------------*/
.section--viewport-spacebetween {
  position: relative;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .section--viewport-spacebetween .section__image img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 101%;
    min-height: 101%;
    max-width: none; }
  .section--viewport-spacebetween .section__content {
    min-height: calc(100vh - 90px);
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 120px;
    text-align: center; }
    @media all and (min-width: 1024px) {
      .section--viewport-spacebetween .section__content {
        width: 100%;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        max-width: 1330px;
        padding-top: 80px;
        padding-bottom: 120px; } }
  @media all and (min-width: 1024px) and (min-width: 480px) {
    .section--viewport-spacebetween .section__content {
      padding-left: 40px;
      padding-right: 40px; } }
  .section--viewport-spacebetween .section__subtitle {
    position: relative;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 40px;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 700;
    letter-spacing: 2px; }
    @media all and (min-width: 768px) {
      .section--viewport-spacebetween .section__subtitle {
        font-size: 12px; } }
    .section--viewport-spacebetween .section__subtitle:after {
      content: '';
      display: block;
      width: 70px;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.4);
      margin: 0 auto;
      margin-top: 20px; }
  .section--viewport-spacebetween .section__title {
    font-size: 25px;
    line-height: 1.26;
    font-weight: 700;
    color: #ffffff; }
    @media all and (min-width: 768px) {
      .section--viewport-spacebetween .section__title {
        font-size: 46px; } }
  .section--viewport-spacebetween .section__description {
    text-align: left;
    color: #ffffff;
    padding-left: 30%;
    margin-left: -5px; }
    @media all and (min-width: 768px) {
      .section--viewport-spacebetween .section__description {
        padding-left: 20%; } }
    @media all and (min-width: 1024px) {
      .section--viewport-spacebetween .section__description {
        padding-left: 50%; } }
  @media all and (min-width: 768px) {
    .section--viewport-spacebetween blockquote {
      margin-left: 0; } }
  @media all and (min-width: 1024px) {
    .section--viewport-spacebetween blockquote {
      margin-left: 0; } }
  .section--viewport-spacebetween .section__more a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    padding: 12px 80px;
    background-color: #ee3651;
    color: #ffffff;
    font-weight: normal;
    text-transform: normal;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 0;
    letter-spacing: 0px;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-size: 13px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px; }
    .section--viewport-spacebetween .section__more a:hover, .section--viewport-spacebetween .section__more a:focus, .section--viewport-spacebetween .section__more a:active {
      background-color: #dd324b;
      color: #ffffff;
      transition: all 0.3s ease; }
    @media all and (min-width: 768px) {
      .section--viewport-spacebetween .section__more a {
        font-size: 12px; } }
  .section--viewport-spacebetween .section__more-2 {
    margin-top: 40px; }
    .section--viewport-spacebetween .section__more-2 a {
      font-size: 13px;
      text-transform: uppercase;
      color: #ffffff;
      text-decoration: none;
      letter-spacing: 2px; }
      @media all and (min-width: 768px) {
        .section--viewport-spacebetween .section__more-2 a {
          font-size: 12px; } }

/*------------------------------------*    $SECTION TIMELINE
\*------------------------------------*/
.section--timeline {
  position: relative;
  padding-bottom: 300px; }
  .section--timeline .section__content-top {
    position: absolute;
    top: -100px;
    width: 60%;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px; }
    @media all and (min-width: 768px) {
      .section--timeline .section__content-top {
        font-size: 12px; } }
    @media all and (min-width: 768px) {
      .section--timeline .section__content-top {
        width: 40%; } }
    @media all and (min-width: 1024px) {
      .section--timeline .section__content-top {
        width: 100%; } }
  .section--timeline .section__background {
    position: absolute;
    width: 2px;
    background-color: #ee3651;
    top: -60px;
    bottom: 0;
    left: 30%;
    margin-left: -1px; }
    @media all and (min-width: 768px) {
      .section--timeline .section__background {
        left: 20%; } }
    @media all and (min-width: 1024px) {
      .section--timeline .section__background {
        left: 50%; } }
    .section--timeline .section__background:before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      width: 18px;
      height: 18px;
      border-radius: 100%;
      background-color: #ee3651; }
    .section--timeline .section__background:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(50%);
              transform: translateX(-50%) translateY(50%);
      width: 18px;
      height: 18px;
      border-radius: 100%;
      background-color: #ee3651; }
  .section--timeline .section__content {
    overflow: hidden; }
    @media all and (min-width: 1024px) {
      .section--timeline .section__content {
        padding-left: 20px;
        padding-right: 20px; } }

/*------------------------------------*    $SECTION FILTER
\*------------------------------------*/
.section--filter {
  background-color: #ee3651;
  color: #ffffff;
  padding-top: 25px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16), 0px 2px 5px 0px rgba(0, 0, 0, 0.26);
  border-top: 1px solid #ffffff; }
  @media all and (min-width: 768px) {
    .section--filter {
      padding-top: 45px; } }
  .section--filter .section__content,
  .section--filter .section__header {
    margin: 0 auto;
    width: 100%;
    max-width: 1500px;
    padding-left: 10px;
    padding-right: 10px; }
    @media all and (min-width: 768px) {
      .section--filter .section__content,
      .section--filter .section__header {
        padding-left: 30px;
        padding-right: 30px; } }
  @media all and (min-width: 768px) {
    .section--filter .section__header {
      margin-bottom: 50px; } }
  .section--filter .section__title {
    font-size: 23px;
    line-height: 1.277; }
    @media all and (min-width: 768px) {
      .section--filter .section__title {
        font-size: 36px; } }

/*------------------------------------*    $SECTION BLOG EQUAL
\*------------------------------------*/
.section--blog-equal {
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px; }
  .section--blog-equal .section__image img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 101%;
    min-height: 101%;
    max-width: none; }
  .section--blog-equal .section__content {
    margin: 0 auto;
    width: 100%;
    max-width: 1500px;
    text-align: center; }
  .section--blog-equal .section__blocks {
    font-size: 0;
    margin: 0 auto; }
  .section--blog-equal .section__header {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    color: #ffffff; }
    @media all and (min-width: 768px) {
      .section--blog-equal .section__header {
        margin-top: 60px;
        margin-bottom: 40px; } }
  .section--blog-equal .section__title {
    font-size: 23px;
    line-height: 1.277;
    font-weight: 700; }
    @media all and (min-width: 768px) {
      .section--blog-equal .section__title {
        font-size: 36px; } }
  .section--blog-equal .section__description {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 900px;
    margin-top: 60px;
    margin-bottom: 50px;
    color: #ffffff;
    font-size: 17px;
    font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    text-align: center;
    line-height: 1.612; }
    @media all and (min-width: 480px) {
      .section--blog-equal .section__description {
        padding-left: 40px;
        padding-right: 40px; } }
    @media all and (min-width: 768px) {
      .section--blog-equal .section__description {
        font-size: 21px; } }
    .section--blog-equal .section__description p {
      margin-bottom: 0; }
  .section--blog-equal a {
    color: inherit; }
  .section--blog-equal .section__more {
    text-align: center;
    margin-bottom: 80px; }
    .section--blog-equal .section__more a {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle;
      padding: 12px 80px;
      background-color: #ee3651;
      color: #ffffff;
      font-weight: normal;
      text-transform: normal;
      text-decoration: none;
      transition: all 0.3s ease;
      border-radius: 0;
      letter-spacing: 0px;
      cursor: pointer;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif; }
      .section--blog-equal .section__more a:hover, .section--blog-equal .section__more a:focus, .section--blog-equal .section__more a:active {
        background-color: #dd324b;
        color: #ffffff;
        transition: all 0.3s ease; }

/*------------------------------------*    $SECTION BLOGARTICLE ALONE
\*------------------------------------*/
.section--blogarticle-alone .section__image img {
  max-width: none;
  width: 100%; }

.section--blogarticle-alone .section__content {
  padding-top: 25px;
  padding-bottom: 25px;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 900px; }
  @media all and (min-width: 768px) {
    .section--blogarticle-alone .section__content {
      padding-top: 50px; } }
  @media all and (min-width: 480px) {
    .section--blogarticle-alone .section__content {
      padding-left: 40px;
      padding-right: 40px; } }

.section--blogarticle-alone .section__header {
  text-align: center;
  margin-bottom: 10px; }
  @media all and (min-width: 768px) {
    .section--blogarticle-alone .section__header {
      margin-bottom: 25px; } }
  @media all and (min-width: 1024px) {
    .section--blogarticle-alone .section__header {
      margin-bottom: 50px; } }

.section--blogarticle-alone .section__subtitle {
  position: relative;
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 20px;
  letter-spacing: 2px; }
  @media all and (min-width: 768px) {
    .section--blogarticle-alone .section__subtitle {
      font-size: 12px; } }
  .section--blogarticle-alone .section__subtitle:after {
    content: '';
    display: block;
    width: 70px;
    height: 1px;
    background-color: #393b47;
    margin: 0 auto;
    margin-top: 20px; }

.section--blogarticle-alone .section__title {
  font-size: 25px;
  line-height: 1.26;
  color: #ee3651;
  font-weight: 700; }
  @media all and (min-width: 768px) {
    .section--blogarticle-alone .section__title {
      font-size: 46px; } }

.section--blogarticle-alone .section__author {
  text-align: center; }

.section--blogarticle-alone .section__author-image {
  margin-bottom: 10px; }
  .section--blogarticle-alone .section__author-image img {
    border-radius: 100%; }

.section--blogarticle-alone .section__author-title {
  margin-bottom: 10px;
  color: #393b47;
  font-family: "Premiera", "Georgia", serif;
  font-size: 17px;
  font-style: italic; }
  @media all and (min-width: 768px) {
    .section--blogarticle-alone .section__author-title {
      font-size: 20px; } }
  .section--blogarticle-alone .section__author-title a {
    color: inherit; }

.section--blogarticle-alone .section__author-functions {
  margin-bottom: 20px;
  color: #c1bcc2;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase; }
  @media all and (min-width: 768px) {
    .section--blogarticle-alone .section__author-functions {
      font-size: 12px; } }
  @media all and (min-width: 768px) {
    .section--blogarticle-alone .section__author-functions {
      margin-bottom: 30px; } }
  @media all and (min-width: 1024px) {
    .section--blogarticle-alone .section__author-functions {
      margin-bottom: 40px; } }

.section--blogarticle-alone .section__author-status {
  margin-bottom: 20px; }
  .section--blogarticle-alone .section__author-status i {
    margin-right: 10px; }

.section--blogarticle-alone .section__description p, .section--blogarticle-alone .section__description ul, .section--blogarticle-alone .section__description ol, .section--blogarticle-alone .section__description li {
  font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
  font-weight: light;
  font-size: 17px;
  line-height: 1.62; }
  @media all and (min-width: 768px) {
    .section--blogarticle-alone .section__description p, .section--blogarticle-alone .section__description ul, .section--blogarticle-alone .section__description ol, .section--blogarticle-alone .section__description li {
      font-size: 21px; } }

@media all and (min-width: 768px) {
  .section--blogarticle-alone .section__description p, .section--blogarticle-alone .section__description ul, .section--blogarticle-alone .section__description table, .section--blogarticle-alone .section__description h1, .section--blogarticle-alone .section__description h2, .section--blogarticle-alone .section__description h3, .section--blogarticle-alone .section__description h4, .section--blogarticle-alone .section__description h5, .section--blogarticle-alone .section__description h6 {
    padding-left: 40px;
    padding-right: 40px; } }

@media all and (min-width: 1024px) {
  .section--blogarticle-alone .section__description p, .section--blogarticle-alone .section__description ul, .section--blogarticle-alone .section__description table, .section--blogarticle-alone .section__description h1, .section--blogarticle-alone .section__description h2, .section--blogarticle-alone .section__description h3, .section--blogarticle-alone .section__description h4, .section--blogarticle-alone .section__description h5, .section--blogarticle-alone .section__description h6 {
    padding-left: 80px;
    padding-right: 80px; } }

@media all and (min-width: 768px) {
  .section--blogarticle-alone .section__description blockquote {
    margin-left: 175px; } }

@media all and (min-width: 1024px) {
  .section--blogarticle-alone .section__description blockquote {
    margin-left: 250px; } }

.section--blogarticle-alone .section__description blockquote p {
  padding-left: 0;
  padding-right: 0; }

.section--blogarticle-alone .section__tags-title {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700; }
  @media all and (min-width: 768px) {
    .section--blogarticle-alone .section__tags-title {
      font-size: 12px; } }

.section--blogarticle-alone .section__tags {
  text-align: center;
  margin-bottom: 20px; }
  @media all and (min-width: 768px) {
    .section--blogarticle-alone .section__tags {
      margin-bottom: 40px; } }
  @media all and (min-width: 1024px) {
    .section--blogarticle-alone .section__tags {
      margin-bottom: 60px; } }
  .section--blogarticle-alone .section__tags a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    padding: 12px 80px;
    background-color: #ee3651;
    color: #ffffff;
    font-weight: normal;
    text-transform: normal;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 0;
    letter-spacing: 0px;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    font-family: "Premiera", "Georgia", serif;
    font-style: italic;
    font-size: 17px; }
    .section--blogarticle-alone .section__tags a:hover, .section--blogarticle-alone .section__tags a:focus, .section--blogarticle-alone .section__tags a:active {
      background-color: #dd324b;
      color: #ffffff;
      transition: all 0.3s ease; }
    @media all and (min-width: 768px) {
      .section--blogarticle-alone .section__tags a {
        font-size: 20px; } }

.section--blogarticle-alone .section__share {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px; }
  @media all and (min-width: 768px) {
    .section--blogarticle-alone .section__share {
      margin-bottom: 40px; } }
  @media all and (min-width: 1024px) {
    .section--blogarticle-alone .section__share {
      margin-bottom: 60px; } }
  .section--blogarticle-alone .section__share a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px; }

.section--blogarticle-alone .section__share-title {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px; }
  @media all and (min-width: 768px) {
    .section--blogarticle-alone .section__share-title {
      font-size: 12px; } }

.body--story .section--blogarticle-alone .section__description p {
  font-size: 18px;
  line-height: 1.59;
  font-family: "Alegreya", serif; }
  @media all and (min-width: 768px) {
    .body--story .section--blogarticle-alone .section__description p {
      font-size: 22px; } }

/*------------------------------------*    $SECTION BLOCKSPLIT
\*------------------------------------*/
.section--blocksplit .section__header {
  text-align: center;
  margin-bottom: 50px; }

.section--blocksplit .section__title {
  font-family: "Lato", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px; }
  @media all and (min-width: 768px) {
    .section--blocksplit .section__title {
      font-size: 14px; } }
  .section--blocksplit .section__title:after {
    content: '';
    display: block;
    width: 70px;
    height: 1px;
    background-color: #393b47;
    margin: 0 auto;
    margin-top: 20px; }

.section--blocksplit .section__more {
  padding-left: 10px;
  padding-right: 10px; }
  .section--blocksplit .section__more a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    padding: 12px 80px;
    background-color: #ee3651;
    color: #ffffff;
    font-weight: normal;
    text-transform: normal;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 0;
    letter-spacing: 0px;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: block;
    max-width: 1760px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 700; }
    .section--blocksplit .section__more a:hover, .section--blocksplit .section__more a:focus, .section--blocksplit .section__more a:active {
      background-color: #dd324b;
      color: #ffffff;
      transition: all 0.3s ease; }
    @media all and (min-width: 768px) {
      .section--blocksplit .section__more a {
        font-size: 12px; } }
    @media all and (min-width: 768px) {
      .section--blocksplit .section__more a {
        padding-top: 37px;
        padding-bottom: 37px;
        margin-top: 80px;
        margin-bottom: 80px; } }

/*------------------------------------*    $SECTION MAP
\*------------------------------------*/
.section--map .section__header,
.section--map .section__description {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 900px; }
  @media all and (min-width: 480px) {
    .section--map .section__header,
    .section--map .section__description {
      padding-left: 40px;
      padding-right: 40px; } }

.section--map .section__header {
  margin-bottom: 40px; }

@media all and (min-width: 768px) {
  .section--map .section__title,
  .section--map .section__subtitle,
  .section--map .section__description p {
    padding-left: 40px;
    padding-right: 40px; } }

@media all and (min-width: 1024px) {
  .section--map .section__title,
  .section--map .section__subtitle,
  .section--map .section__description p {
    padding-left: 80px;
    padding-right: 80px; } }

.section--map .section__title {
  font-size: 20px;
  font-weight: 700; }
  @media all and (min-width: 768px) {
    .section--map .section__title {
      font-size: 28px; } }

.section--map .section__description {
  font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
  font-weight: light;
  font-size: 17px;
  line-height: 1.62;
  margin-bottom: 60px;
  font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
  font-weight: normal; }
  @media all and (min-width: 768px) {
    .section--map .section__description {
      font-size: 21px; } }

.section--map .section__image {
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.25); }
  .section--map .section__image img {
    max-width: none;
    width: 100%; }

/*------------------------------------*    $SECTION CONTACTFORM
\*------------------------------------*/
.section--contactform {
  padding-top: 80px;
  padding-bottom: 100px;
  color: #ffffff; }
  .section--contactform .section__content {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 900px;
    text-align: center; }
    @media all and (min-width: 480px) {
      .section--contactform .section__content {
        padding-left: 40px;
        padding-right: 40px; } }
  .section--contactform .section__title {
    font-size: 23px;
    line-height: 1.277;
    font-weight: 700;
    margin-bottom: 60px; }
    @media all and (min-width: 768px) {
      .section--contactform .section__title {
        font-size: 36px; } }
  .section--contactform .section__subtitle {
    margin-bottom: 20px;
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px; }
    @media all and (min-width: 768px) {
      .section--contactform .section__subtitle {
        font-size: 12px; } }
  .section--contactform .section__image {
    margin-bottom: 10px; }
    .section--contactform .section__image img {
      border-radius: 100%; }
  .section--contactform .section__author-container {
    margin-bottom: 40px; }
  .section--contactform .section__author {
    text-align: center;
    color: #000000;
    margin-bottom: 15px;
    font-size: 17px;
    font-family: "Premiera", "Georgia", serif;
    font-style: italic; }
    @media all and (min-width: 768px) {
      .section--contactform .section__author {
        font-size: 20px; } }
    .section--contactform .section__author a {
      color: inherit; }
  .section--contactform .section__author-phone {
    color: #000000;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px; }
    @media all and (min-width: 768px) {
      .section--contactform .section__author-phone {
        font-size: 12px; } }
  .section--contactform .section__description {
    text-align: center;
    margin-bottom: 10px; }

/*------------------------------------*    $SECTION HALFQUARTER FULLWIDTH
\*------------------------------------*/
.section--halfquarter-fullwidth {
  background-color: #ffffff; }
  .section--halfquarter-fullwidth:after {
    content: '';
    display: block;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1740px;
    height: 1px;
    overflow: hidden;
    background-color: #c1bcc2; }
    @media all and (min-width: 480px) {
      .section--halfquarter-fullwidth:after {
        padding-left: 40px;
        padding-right: 40px; } }
  .section--halfquarter-fullwidth .section__content {
    padding-top: 40px;
    padding-bottom: 20px; }
    @media all and (min-width: 480px) {
      .section--halfquarter-fullwidth .section__content {
        padding-top: 80px;
        padding-bottom: 40px; } }
  .section--halfquarter-fullwidth .section__content-top {
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    color: #64666d;
    padding-left: 20px;
    padding-right: 20px; }
    @media all and (min-width: 480px) {
      .section--halfquarter-fullwidth .section__content-top {
        padding-left: 0;
        padding-right: 0; } }
  .section--halfquarter-fullwidth .section__header {
    margin-bottom: 40px; }
  .section--halfquarter-fullwidth .section__title {
    font-size: 23px;
    line-height: 1.277;
    font-weight: 700;
    color: #505050; }
    @media all and (min-width: 768px) {
      .section--halfquarter-fullwidth .section__title {
        font-size: 36px; } }
  .section--halfquarter-fullwidth .section__description {
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 1.6;
    font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
    font-weight: 300; }
    @media all and (min-width: 768px) {
      .section--halfquarter-fullwidth .section__description {
        font-size: 21px; } }
  .section--halfquarter-fullwidth .section__more {
    color: #ffffff;
    margin-bottom: 20px; }
    @media all and (min-width: 480px) {
      .section--halfquarter-fullwidth .section__more {
        margin-bottom: 40px; } }
    .section--halfquarter-fullwidth .section__more a {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle;
      padding: 12px 80px;
      background-color: #ee3651;
      color: #ffffff;
      font-weight: normal;
      text-transform: normal;
      text-decoration: none;
      transition: all 0.3s ease;
      border-radius: 0;
      letter-spacing: 0px;
      cursor: pointer;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif; }
      .section--halfquarter-fullwidth .section__more a:hover, .section--halfquarter-fullwidth .section__more a:focus, .section--halfquarter-fullwidth .section__more a:active {
        background-color: #dd324b;
        color: #ffffff;
        transition: all 0.3s ease; }
  .section--halfquarter-fullwidth .section__content-bottom {
    float: right;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px; }
    @media all and (min-width: 480px) {
      .section--halfquarter-fullwidth .section__content-bottom {
        padding-bottom: 40px;
        max-width: 300px;
        padding-left: 0;
        padding-right: 0; } }
    .section--halfquarter-fullwidth .section__content-bottom .section__subtitle {
      padding-right: 5px;
      margin-bottom: 20px;
      color: #c1bcc2;
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px; }
      @media all and (min-width: 768px) {
        .section--halfquarter-fullwidth .section__content-bottom .section__subtitle {
          font-size: 12px; } }
    .section--halfquarter-fullwidth .section__content-bottom .section__image {
      margin-bottom: 30px; }
    .section--halfquarter-fullwidth .section__content-bottom .section__title {
      margin-bottom: 10px;
      padding-right: 5px;
      font-size: 16px;
      font-weight: 700; }
      @media all and (min-width: 768px) {
        .section--halfquarter-fullwidth .section__content-bottom .section__title {
          font-size: 19px; } }
    .section--halfquarter-fullwidth .section__content-bottom .section__description {
      font-size: 15px;
      font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
      font-weight: 400; }
      @media all and (min-width: 768px) {
        .section--halfquarter-fullwidth .section__content-bottom .section__description {
          font-size: 17px; } }
  @media all and (min-width: 768px) {
    .section--halfquarter-fullwidth blockquote {
      margin-left: 0%; } }
  @media all and (min-width: 1024px) {
    .section--halfquarter-fullwidth blockquote {
      margin-left: 25%; } }

/*------------------------------------*    $SECTION BLOCK DATASPLIT
\*------------------------------------*/
.section--block-datasplit {
  background-color: #ffffff;
  padding-top: 30px;
  padding-bottom: 50px;
  text-align: center; }
  .section--block-datasplit .section__content .caroufredsel_wrapper {
    margin: 0 auto !important; }

.pagination a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  background-color: #ee3651;
  margin: 15px; }

.pagination .selected {
  background-color: #c1bcc2; }

/*------------------------------------*    $SECTION VIEWPORT BIGTITLE
\*------------------------------------*/
.section--viewport-bigtitle {
  min-height: 100vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden; }
  .section--viewport-bigtitle .section__image img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 101%;
    min-height: 101%;
    max-width: none; }
  .section--viewport-bigtitle .section__content {
    color: #ffffff;
    width: 100%; }
  .section--viewport-bigtitle .section__title {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    font-size: 29px;
    line-height: 1.28;
    text-transform: uppercase;
    text-align: center; }
    @media all and (min-width: 768px) {
      .section--viewport-bigtitle .section__title {
        font-size: 61px; } }

.js .section--viewport-bigtitle .js-fadeslide {
  text-align: center; }

.js .section--viewport-bigtitle .section__title {
  display: none; }
  .js .section--viewport-bigtitle .section__title:first-child {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle; }

.section--viewport-bigtitle .caroufredsel_wrapper .section__title {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle; }

/*------------------------------------*    $SECTION BLOCK TEAM
\*------------------------------------*/
.section--block-team {
  padding-top: 30px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background-image: linear-gradient(#442d41, #ee3651);
  color: #ffffff; }
  @media all and (min-width: 768px) {
    .section--block-team {
      padding-top: 50px;
      padding-bottom: 120px; } }
  .section--block-team .section__header {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    margin-bottom: 40px; }
    @media all and (min-width: 480px) {
      .section--block-team .section__header {
        padding-left: 40px;
        padding-right: 40px; } }
    @media all and (min-width: 768px) {
      .section--block-team .section__header {
        margin-bottom: 150px; } }
  .section--block-team .section__title {
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Lato", "Helvetica", "Arial", sans-serif;
    letter-spacing: 2px; }
    @media all and (min-width: 768px) {
      .section--block-team .section__title {
        font-size: 12px; } }
  .section--block-team .section__blocks {
    margin: 0 auto;
    font-size: 0;
    text-align: center; }
    @media all and (min-width: 480px) {
      .section--block-team .section__blocks {
        text-align: left; } }
    @media all and (min-width: 768px) {
      .section--block-team .section__blocks {
        max-width: 600px; } }
    @media all and (min-width: 1280px) {
      .section--block-team .section__blocks {
        max-width: 1200px; } }
    @media all and (min-width: 1980px) {
      .section--block-team .section__blocks {
        max-width: 1800px; } }

/*------------------------------------*    $SECTION TABLE
\*------------------------------------*/
.section--table {
  padding-top: 20px;
  padding-bottom: 20px; }
  @media all and (min-width: 768px) {
    .section--table {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .section--table .section__header {
    padding-bottom: 30px;
    text-align: center; }
    @media all and (min-width: 768px) {
      .section--table .section__header {
        padding-bottom: 40px; } }
    @media all and (min-width: 1024px) {
      .section--table .section__header {
        padding-bottom: 80px; } }
  .section--table .section__title {
    font-size: 23px;
    line-height: 1.277;
    font-weight: 700; }
    @media all and (min-width: 768px) {
      .section--table .section__title {
        font-size: 36px; } }
    @media all and (min-width: 1024px) {
      .section--table .section__title {
        margin-bottom: 40px; } }
  .section--table .section__subtitle {
    font-size: 17px;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif; }
    @media all and (min-width: 768px) {
      .section--table .section__subtitle {
        font-size: 21px; } }
  .section--table .section__content {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1500px;
    overflow: auto; }
    @media all and (min-width: 480px) {
      .section--table .section__content {
        padding-left: 40px;
        padding-right: 40px; } }

/*------------------------------------*    $SECTION VIEWPORT
\*------------------------------------*/
.section--viewport {
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
  overflow: hidden; }
  .section--viewport .section__image img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 101%;
    min-height: 101%;
    max-width: none; }
  .section--viewport .section__header {
    margin-bottom: 45px; }
  .section--viewport .section__title {
    font-size: 20px;
    font-weight: 700; }
    @media all and (min-width: 768px) {
      .section--viewport .section__title {
        font-size: 28px; } }
  .section--viewport .section__content {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 900px;
    padding-top: 80px;
    padding-bottom: 80px;
    color: #ffffff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    text-align: center; }
    @media all and (min-width: 480px) {
      .section--viewport .section__content {
        padding-left: 40px;
        padding-right: 40px; } }
  .section--viewport .section__description {
    margin-bottom: 40px;
    font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
    font-weight: light;
    font-size: 17px;
    line-height: 1.62;
    font-weight: 400;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif; }
    @media all and (min-width: 768px) {
      .section--viewport .section__description {
        font-size: 21px; } }
  .section--viewport .section__more a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    padding: 12px 80px;
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-weight: normal;
    text-transform: normal;
    text-decoration: none;
    transition: all 0.3s ease;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
    font-size: 15px; }
    .section--viewport .section__more a:hover, .section--viewport .section__more a:focus, .section--viewport .section__more a:active {
      background-color: #ffffff;
      color: #000000;
      text-shadow: none; }
    @media all and (min-width: 768px) {
      .section--viewport .section__more a {
        font-size: 17px; } }

/*------------------------------------*    $SECTION TEAM 2
\*------------------------------------*/
.section--team2 .section__image img {
  max-width: none;
  width: 100%; }

.section--team2 .section__content {
  padding-bottom: 50px;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1500px; }
  @media all and (min-width: 768px) {
    .section--team2 .section__content {
      padding-bottom: 100px; } }
  @media all and (min-width: 480px) {
    .section--team2 .section__content {
      padding-left: 40px;
      padding-right: 40px; } }

.section--team2 .section__header {
  text-align: center;
  margin-bottom: 10px; }
  @media all and (min-width: 768px) {
    .section--team2 .section__header {
      margin-bottom: 25px; } }
  @media all and (min-width: 1024px) {
    .section--team2 .section__header {
      margin-bottom: 50px; } }

.section--team2 .section__subtitle {
  position: relative;
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 20px;
  letter-spacing: 2px; }
  @media all and (min-width: 768px) {
    .section--team2 .section__subtitle {
      font-size: 12px; } }
  .section--team2 .section__subtitle:after {
    content: '';
    display: block;
    width: 70px;
    height: 1px;
    background-color: #393b47;
    margin: 0 auto;
    margin-top: 20px; }

.section--team2 .section__title {
  font-size: 25px;
  line-height: 1.26;
  color: #ee3651;
  font-weight: 700; }
  @media all and (min-width: 768px) {
    .section--team2 .section__title {
      font-size: 46px; } }

.section--team2 .section__description {
  font-family: "Proxima N W01 Light", "Helvetica", "Arial", sans-serif;
  font-weight: light;
  font-size: 17px;
  line-height: 1.62; }
  @media all and (min-width: 768px) {
    .section--team2 .section__description {
      font-size: 21px; } }

.section--team2 .section__blocks {
  font-size: 0; }
  @media all and (min-width: 1024px) {
    .section--team2 .section__blocks {
      margin-left: -100px; } }

/*------------------------------------*    $SECTION BLOG OVERVIEW
\*------------------------------------*/
.section--blog-overview {
  *zoom: 1;
  margin-bottom: 40px; }
  .section--blog-overview:before, .section--blog-overview:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .section--blog-overview:after {
    clear: both; }
  @media all and (min-width: 1024px) {
    .section--blog-overview {
      margin-top: 120px; } }
  .section--blog-overview .section__content {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1620px; }
    @media all and (min-width: 480px) {
      .section--blog-overview .section__content {
        padding-left: 40px;
        padding-right: 40px; } }
  .section--blog-overview .section__tags {
    font-size: 0; }
    @media all and (min-width: 1024px) {
      .section--blog-overview .section__tags {
        float: right;
        width: 40%;
        padding-left: 40px; } }
  .section--blog-overview .section__tags-title {
    margin-top: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .2em; }
    @media all and (min-width: 768px) {
      .section--blog-overview .section__tags-title {
        font-size: 12px; } }
  @media all and (min-width: 1024px) {
    .section--blog-overview .section__blocks {
      float: left;
      width: 60%; } }
  .section--blog-overview .comp__tag {
    font-size: 16px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    padding: 12px 80px;
    background-color: #ee3651;
    color: #ffffff;
    font-weight: normal;
    text-transform: normal;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 0;
    letter-spacing: 0px;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
    font-family: "Premiera", "Georgia", serif;
    font-style: italic; }
    @media all and (min-width: 768px) {
      .section--blog-overview .comp__tag {
        font-size: 19px; } }
    .section--blog-overview .comp__tag:hover, .section--blog-overview .comp__tag:focus, .section--blog-overview .comp__tag:active {
      background-color: #dd324b;
      color: #ffffff;
      transition: all 0.3s ease; }
  .section--blog-overview .comp__item {
    padding-left: 0; }
  .section--blog-overview .comp--status {
    *zoom: 1; }
    .section--blog-overview .comp--status:before, .section--blog-overview .comp--status:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .section--blog-overview .comp--status:after {
      clear: both; }
  .section--blog-overview .comp--readingtime {
    float: right; }
    .section--blog-overview .comp--readingtime i, .section--blog-overview .comp--readingtime span {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle; }

/*------------------------------------*    $SECTION ACCORDEON
\*------------------------------------*/
.section--accordeon {
  margin-bottom: 30px; }
  @media all and (min-width: 1024px) {
    .section--accordeon {
      margin-bottom: 120px; } }
  .section--accordeon .section__blocks {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1500px; }
    @media all and (min-width: 480px) {
      .section--accordeon .section__blocks {
        padding-left: 40px;
        padding-right: 40px; } }

[data-href] {
  cursor: pointer; }

.body-overscroll, .html-overscroll {
  overflow: hidden; }

.field-container {
  overflow: hidden; }
  .field-container input, .field-container textarea {
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 0;
    border: none;
    padding-left: 30px; }
    .field-container input::-webkit-input-placeholder, .field-container textarea::-webkit-input-placeholder {
      color: #3b528b; }
    .field-container input::-moz-placeholder, .field-container textarea::-moz-placeholder {
      color: #3b528b; }
    .field-container input:-ms-input-placeholder, .field-container textarea:-ms-input-placeholder {
      color: #3b528b; }
    .field-container input::placeholder, .field-container textarea::placeholder {
      color: #3b528b; }
  .field-container input[type="submit"] {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    padding: 12px 80px;
    background-color: #ee3651;
    color: #ffffff;
    font-weight: normal;
    text-transform: normal;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 0;
    letter-spacing: 0px;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif; }
    .field-container input[type="submit"]:hover, .field-container input[type="submit"]:focus, .field-container input[type="submit"]:active {
      background-color: #dd324b;
      color: #ffffff;
      transition: all 0.3s ease; }

.rc-anchor-light {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important; }
  .rc-anchor-light .rc-anchor-checkbox-label {
    color: #ffffff !important; }
  .rc-anchor-light a, .rc-anchor-light .rc-anchor-logo-text {
    color: #ffffff !important; }

.logo {
  width: 130px; }
  @media all and (min-width: 480px) {
    .logo {
      width: 190px; } }

/* ==========================================================================
  $BACKGROUND COLORS
   ========================================================================== */
/*------------------------------------*    $BLOCK BACKGROUND COLORS
\*------------------------------------*/
.block--color-1 {
  background-color: #ee3651; }

.block--color-2 {
  background-color: #4b85fa; }

.block--color-3 {
  background-color: #00b5e4; }

.block--color-4 {
  background-color: #c1bcc2; }

.block--color-5 {
  background-color: #14cc68; }

.block--color-6 {
  background-color: #ffffff; }

/*------------------------------------*    $BODY BG COLORS
\*------------------------------------*/
.body--start {
  background-color: #000000;
  background-image: url("../img/russmedia/startpage.jpg");
  background-repeat: no-repeat;
  background-position: top center; }

.no-touch .body--start {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed; }

.frontpage-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}
  @media all and (max-width: 1024px) {
    .frontpage-bg {
       position: fixed;
	background-attachment: scroll;
    }
   }

.body--history .main {
  background-color: #393b47;
  background-image: linear-gradient(#393b47, #ee3651);
  background-image: url("../img/russmedia/russ.png"), linear-gradient(#393b47, #df334c);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain; }

.body--history .section {
  background-color: transparent; }

.body--history .section--feature {
  background-color: transparent;
  min-height: auto;
  padding-top: 30px; }

.body-color-1 {
  background-color: #ee3651; }

.body-color-2 {
  background-color: #4b85fa; }

.body-color-3 {
  background-color: #00b5e4; }

.body-color-4 {
  background-color: #c1bcc2; }

.body-color-5 {
  background-color: #14cc68; }

.body-color-6 {
  background-color: #ffffff; }

.main {
  padding-top: 90px; }

/* ==========================================================================
  HEADER
   ========================================================================== */
.logo {
  display: block;
  border: none; }

.header .btn-mobile-link {
  float: right; }

.header--default {
  position: fixed;
  width: 100%;
  z-index: 9000; }
  .header--default .header__content {
    position: relative;
    z-index: 1000;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #ffffff; }
  .header--default .header__header {
    -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
    padding-top: 5px;
    padding-left: 10px; }
    @media all and (min-width: 768px) {
      .header--default .header__header {
        padding-left: 40px; } }
  .header--default .logo__link {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle; }
  .header--default .header__nav {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: right;
    font-size: 0;
    overflow: hidden; }

.lt-ie9 .header--default .header__content {
  font-size: 0; }

.lt-ie9 .header--default .header__header {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 33.333%; }

.lt-ie9 .header--default .header__nav {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 66.666%; }

.header__overlay {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  border-top: 1px solid #000000;
  z-index: 900;
  background-color: #ee3651;
  min-height: calc(100vh - 91px); }
  @media all and (min-width: 1024px) {
    .header__overlay {
      background-color: rgba(238, 54, 81, 0.95); } }

.header__overlay-content {
  position: relative;
  margin: 0 auto;
  padding-top: 40px;
  max-width: 1980px; }
  @media all and (min-width: 1280px) {
    .header__overlay-content {
      min-height: calc(100vh - 91px);
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-bottom: 140px; } }

.header__content-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 0; }
  @media all and (min-width: 1280px) {
    .header__content-bottom {
      position: absolute;
      bottom: 0;
      left: 40px;
      right: 40px;
      display: -webkit-flex;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -webkit-justify-content: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch; } }

.header-overscroll {
  overflow-y: scroll;
  height: 100%; }

/* ==========================================================================
  NAVIGATION
   ========================================================================== */
/* ==========================================================================
  NAVIGATION GLOBAL SETTING
   ========================================================================== */
.nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.nav a {
  white-space: nowrap; }

.nav--inline-block {
  text-align: center; }
  .nav--inline-block > ul {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 100%; }
    @media all and (min-width: 1280px) {
      .nav--inline-block > ul {
        text-align: justify; }
        .nav--inline-block > ul::after {
          content: '';
          display: inline-block;
          *display: inline;
          zoom: 1;
          vertical-align: middle;
          height: 100%; } }
    @media all and (min-width: 1280px) {
      .nav--inline-block > ul {
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
  .nav--inline-block > ul > li {
    display: block;
    padding-left: 10px;
    padding-right: 10px; }
    @media all and (min-width: 768px) {
      .nav--inline-block > ul > li {
        padding-left: 20px;
        padding-right: 20px; } }
    @media all and (min-width: 1280px) {
      .nav--inline-block > ul > li {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top; }
        .nav--inline-block > ul > li li {
          display: block; } }
    @media all and (min-width: 1280px) {
      .nav--inline-block > ul > li {
        width: auto; } }
    .nav--inline-block > ul > li > span,
    .nav--inline-block > ul > li > a {
      margin-bottom: 15px;
      text-decoration: none;
      font-size: 17px;
      line-height: 1.62;
      font-weight: 700; }
      @media all and (min-width: 768px) {
        .nav--inline-block > ul > li > span,
        .nav--inline-block > ul > li > a {
          font-size: 21px; } }
  .nav--inline-block > ul > li ul {
    display: none; }
    @media all and (min-width: 1280px) {
      .nav--inline-block > ul > li ul {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top; } }
  .nav--inline-block a {
    display: block;
    margin-bottom: 10px;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 1.684;
    text-decoration: underline;
    color: inherit; }
    @media all and (min-width: 768px) {
      .nav--inline-block a {
        font-size: 19px; } }
    .nav--inline-block a:hover, .nav--inline-block a:active, .nav--inline-block a:focus {
      color: #ffffff; }
  .nav--inline-block .selected ul {
    display: block; }

/*------------------------------------*    NAV HEADER
\*------------------------------------*/
.header .nav--inline-block {
  text-align: left; }
  @media all and (min-width: 1024px) {
    .header .nav--inline-block {
      margin: 0 auto; } }
  .header .nav--inline-block > ul > li {
    margin-bottom: 40px; }
    @media all and (min-width: 1280px) {
      .header .nav--inline-block > ul > li {
        width: auto; } }
    .header .nav--inline-block > ul > li > span,
    .header .nav--inline-block > ul > li > a {
      font-size: 20px;
      line-height: 1.0625;
      color: #ffffff; }
      @media all and (min-width: 768px) {
        .header .nav--inline-block > ul > li > span,
        .header .nav--inline-block > ul > li > a {
          font-size: 30px; } }
      @media all and (min-width: 1280px) {
        .header .nav--inline-block > ul > li > span,
        .header .nav--inline-block > ul > li > a {
          padding-bottom: 50px;
          font-size: 16px; } }
      @media all and (min-width: 1680px) {
        .header .nav--inline-block > ul > li > span,
        .header .nav--inline-block > ul > li > a {
          font-size: 20px; } }
  @media all and (min-width: 1680px) and (min-width: 768px) {
    .header .nav--inline-block > ul > li > span,
    .header .nav--inline-block > ul > li > a {
      font-size: 30px; } }
  .header .nav--inline-block li li a {
    color: #823148; }
    @media all and (min-width: 1280px) {
      .header .nav--inline-block li li a {
        margin-bottom: 20px; } }
  .header .nav--inline-block a {
    font-size: 16px;
    font-family: "Forza", "Arial", sans-serif;
    font-weight: 700;
    text-decoration: none;
    color: #641d31;
    transition: color .3s ease-in-out; }
    @media all and (min-width: 768px) {
      .header .nav--inline-block a {
        font-size: 19px; } }
    @media all and (min-width: 1280px) {
      .header .nav--inline-block a {
        font-size: 16px; } }
    @media all and (min-width: 1680px) {
      .header .nav--inline-block a {
        font-size: 16px; } }
  @media all and (min-width: 1680px) and (min-width: 768px) {
    .header .nav--inline-block a {
      font-size: 19px; } }
    .header .nav--inline-block a:hover, .header .nav--inline-block a:active, .header .nav--inline-block a:focus {
      color: #ffffff;
      transition: color .15s ease-in-out; }

.header__nav a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  position: relative; }

.header__nav-close {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .3s ease-out; }

.header__nav-close-active {
  opacity: 1;
  transition: all .3s ease-out; }

/*------------------------------------*    NAV FOOTER
\*------------------------------------*/
.footer .nav--inline-block > ul > li {
  border-bottom: 1px solid;
  padding-top: 10px; }
  @media all and (min-width: 1024px) {
    .footer .nav--inline-block > ul > li {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: top;
      border-bottom: none;
      padding-top: 0; } }

/*------------------------------------*    NAV SHARE AND PRESHARE
\*------------------------------------*/
.nav--preshare,
.nav--share {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  font-size: 16px;
  color: #f7c9cf;
  width: 100%; }
  @media all and (min-width: 768px) {
    .nav--preshare,
    .nav--share {
      font-size: 19px; } }
  @media all and (min-width: 1280px) {
    .nav--preshare,
    .nav--share {
      width: auto; } }
  .nav--preshare ul,
  .nav--share ul {
    font-size: 0; }
    @media all and (min-width: 1280px) {
      .nav--preshare ul,
      .nav--share ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -webkit-align-content: stretch;
            -ms-flex-line-pack: stretch;
                align-content: stretch;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; } }
  .nav--preshare li,
  .nav--share li {
    font-size: 16px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 50%;
    border-bottom: 1px solid #f7c9cf; }
    @media all and (min-width: 768px) {
      .nav--preshare li,
      .nav--share li {
        font-size: 19px; } }
    @media all and (min-width: 1280px) {
      .nav--preshare li,
      .nav--share li {
        width: 100%;
        border-bottom: 0; } }
  .nav--preshare a,
  .nav--share a {
    display: block;
    padding: 27px 10px;
    color: inherit;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: color .15s ease-in-out; }
    @media all and (min-width: 768px) {
      .nav--preshare a,
      .nav--share a {
        font-size: 12px; } }
    .nav--preshare a:hover, .nav--preshare a:active, .nav--preshare a:focus,
    .nav--share a:hover,
    .nav--share a:active,
    .nav--share a:focus {
      color: #ffffff;
      transition: color .15s ease-in-out; }

@media all and (min-width: 1280px) {
  .nav--preshare {
    -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
            flex-grow: 3; } }

.nav--preshare li {
  width: 100%; }
  .nav--preshare li:first-child {
    border-left: none; }
  @media all and (min-width: 1280px) {
    .nav--preshare li {
      border-left: 1px solid #f7c9cf; } }

.nav--preshare a {
  line-height: 40px; }
  @media all and (min-width: 1280px) {
    .nav--preshare a {
      font-size: 10px; } }
  @media all and (min-width: 1600px) {
    .nav--preshare a {
      font-size: 13px; } }
  @media all and (min-width: 1600px) and (min-width: 768px) {
    .nav--preshare a {
      font-size: 12px; } }

@media all and (min-width: 1280px) {
  .nav--share {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; } }

.nav--share li {
  width: 33.33%; }
  @media all and (min-width: 1280px) {
    .nav--share li {
      border-left: 1px solid #f7c9cf; } }

.nav--share a {
  font-size: 32px;
  line-height: 1; }

@media all and (min-width: 1280px) {
  .nav--share a {
    font-size: 40px; } }

/*------------------------------------*    NAV LANGUAGE
\*------------------------------------*/
.custom-select {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  overflow: hidden;
  background-position: right;
  background-repeat: no-repeat;
  line-height: 86px;
  text-align: right;
  transition: box-shadow .3s ease-in; }
  .custom-select select {
    position: relative;
    background: transparent;
    border: 0;
    outline: 0;
    width: auto; }
  .custom-select::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .custom-select:hover, .custom-select:active, .custom-select:focus {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    transition: box-shadow .2s ease-in; }
  .custom-select select {
    position: relative;
    height: 90px;
    padding-left: 20px;
    padding-right: 40px;
    text-align: center;
    outline: 0; }
    .custom-select select:focusring {
      color: transparent;
      text-shadow: 0 0 0 #000; }
    .custom-select select::-ms-expand {
      display: none; }
  .custom-select::before {
    position: absolute;
    content: '\f078';
    font-family: 'FontAwesome';
    right: 20px; }
.custom-lang {
  font-size: 16px;
  font-weight: 300;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  overflow: hidden;
  background-position: right;
  background-repeat: no-repeat;
  line-height: 86px;
  text-align: right;}

.custom-lang ul {
  list-style-type: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.custom-lang ul li {
  float: right;
  margin-right: 40px;
}

.custom-lang ul li a{
  color: black;
  text-decoration: none;
}

.custom-lang ul li.selected a{
  font-weight: bold;
  color: #ee3651;
}

.no-touch .custom-select {
  font-size: 13px; }
  @media all and (min-width: 768px) {
    .no-touch .custom-select {
      font-size: 12px; } }

/*------------------------------------*    NAV SIDEBAR
\*------------------------------------*/
.nav--sidebar {
  display: none;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 30px;
  -webkit-align-items: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
  padding-top: 90px;
  z-index: 8000;
  text-align: right; }
  .nav--sidebar a {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    transition: all .3s ease-out;
    text-decoration: none; }
    @media all and (min-width: 768px) {
      .nav--sidebar a {
        font-size: 12px; } }
  .nav--sidebar .active {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 900;
    font-size: 15px;
    transition: all .3s ease-out; }
    @media all and (min-width: 768px) {
      .nav--sidebar .active {
        font-size: 15px; } }
    .nav--sidebar .active::after {
      content: '';
      position: absolute;
      right: -16px;
      top: 7px;
      width: 6px;
      height: 6px;
      border-radius: 100%;
      background-color: #ee3651; }

@media all and (min-width: 1024px) {
  .show-nav--sidebar {
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; } }
@media all and (max-width: 768px) {
  header{
    margin-top: 40px;
  }

  .custom-lang {
    width: 100%;
    line-height: 38px;
    position: absolute;
    top: -40px;
    left: 0px;
    background: white;
    display: block!important;
  }
}

/*------------------------------------*    NAV FILTER
\*------------------------------------*/
.nav--filter {
  border-top: 1px solid #a73242; }
  .nav--filter:first-child {
    padding-top: 25px;
    border-top: 0; }
    @media all and (min-width: 1024px) {
      .nav--filter:first-child li {
        padding-right: 105px;
        margin-right: 30px; } }
    .nav--filter:first-child li.selected {
      border-bottom: 0; }
    .nav--filter:first-child ul {
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
  .nav--filter ul {
    width: 100%;
    font-size: 0; }
  .nav--filter li {
    padding-top: 10px;
    font-size: 16px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 50%;
    padding-bottom: 10px;
    margin-right: 0; }
    @media all and (min-width: 768px) {
      .nav--filter li {
        font-size: 18px; } }
    @media all and (min-width: 768px) {
      .nav--filter li {
        width: auto;
        margin-right: 25px;
        border-bottom: 10px solid transparent; } }
    @media all and (min-width: 1024px) {
      .nav--filter li {
        width: auto;
        margin-right: 80px; } }
    .nav--filter li:last-child {
      margin-right: 0; }
    @media all and (min-width: 768px) {
      .nav--filter li.selected {
        border-bottom: 10px solid #a73242; } }
  .nav--filter a, .nav--filter button {
    color: #ffffff;
    font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    text-decoration: none; }
    @media all and (min-width: 768px) {
      .nav--filter a, .nav--filter button {
        font-size: 18px; } }
  .nav--filter i {
    display: none;
    padding-right: 10px; }
    @media all and (min-width: 768px) {
      .nav--filter i {
        display: inline; } }
  .nav--filter .selected button {
    color: #a73242; }

/* ==========================================================================
  FOOTER
   ========================================================================== */
.footer {
  padding-top: 30px;
  padding-bottom: 20px;
  background-color: #393b47;
  color: #64666d;
  z-index: 10;
  position: relative;}
  @media all and (min-width: 768px) {
    .footer {
      padding-top: 75px;
      padding-bottom: 55px; } }
  @media all and (min-width: 1024px) {
    .footer {
      padding-left: 30px;
      padding-right: 30px; } }
  .footer a {
    color: inherit; }
    .footer a:hover, .footer a:active, .footer a:focus {
      color: #ffffff; }

.footer__image {
  padding-bottom: 20px;
  text-align: center; }
  @media all and (min-width: 1024px) {
    .footer__image {
      text-align: left; } }
  .footer__image a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle; }

.footer__nav {
  padding-bottom: 20px; }

.footer__contact {
  text-align: center;
  padding-bottom: 20px;
  font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  line-height: 1.588; }
  @media all and (min-width: 768px) {
    .footer__contact {
      font-size: 17px; } }
  .footer__contact p {
    margin-bottom: 0; }

.footer__title {
  font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.79;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px; }
  @media all and (min-width: 768px) {
    .footer__title {
      font-size: 19px; } }

/* ==========================================================================
  TABLE
   ========================================================================== */
.table--horizontalborder th {
  display: none;
  padding-bottom: 70px;
  border-bottom: 10px solid #ee3651;
  font-family: "Forza", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 700; }
  @media all and (min-width: 768px) {
    .table--horizontalborder th {
      font-size: 19px; } }
  @media all and (min-width: 768px) {
    .table--horizontalborder th {
      display: table-cell; } }

.table--horizontalborder thead {
  display: none; }
  @media all and (min-width: 768px) {
    .table--horizontalborder thead {
      display: table-header-group;
      padding-bottom: 50px; } }

.table--horizontalborder tr {
  *zoom: 1;
  display: block;
  margin-bottom: 30px; }
  .table--horizontalborder tr:before, .table--horizontalborder tr:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .table--horizontalborder tr:after {
    clear: both; }
  @media all and (min-width: 768px) {
    .table--horizontalborder tr {
      display: table-row;
      margin-bottom: 0; } }

.table--horizontalborder td {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "Proxima N W01 Reg", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  text-align: right; }
  @media all and (min-width: 768px) {
    .table--horizontalborder td {
      font-size: 17px; } }
  .table--horizontalborder td::before {
    content: attr(data-table-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase; }
  @media all and (min-width: 768px) {
    .table--horizontalborder td {
      display: table-cell;
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: left; }
      .table--horizontalborder td::before {
        content: none;
        float: none; } }

@media all and (min-width: 768px) {
  .table--horizontalborder tbody tr:first-child td {
    padding-top: 60px; } }

.table--horizontalborder a {
  text-decoration: none;
  font-family: "Lato", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  font-size: 13px; }
  @media all and (min-width: 768px) {
    .table--horizontalborder a {
      font-size: 12px; } }

/* ==========================================================================
  BLOCKQUOTE
   ========================================================================== */
blockquote {
  position: relative;
  padding-left: 65px;
  padding-right: 20px;
  font-size: 21px;
  margin-bottom: 1.5em;
  font-family: "Premiera", "Georgia", serif;
  font-style: italic; }
  @media all and (min-width: 768px) {
    blockquote {
      font-size: 32px; } }
  @media all and (min-width: 768px) {
    blockquote {
      margin-left: 175px; } }
  @media all and (min-width: 1024px) {
    blockquote {
      margin-left: 250px; } }
  blockquote:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 100%;
    max-height: 80px;
    background-color: #ee3651; }
  blockquote cite {
    display: block;
    padding-top: 40px;
    color: #ee3651;
    font-size: 17px;
    line-height: 1.25; }
    @media all and (min-width: 768px) {
      blockquote cite {
        font-size: 20px; } }

@media all and (min-width: 768px) {
  .scroll-bar-content blockquote {
    margin-left: 0; } }

@media all and (min-width: 1024px) {
  .scroll-bar-content blockquote {
    margin-left: 0; } }

/* ==========================================================================
  REPEATING COMPONENTS
   ========================================================================== */
.comp--status .comp__item {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  margin-left: 15px;
  margin-right: 15px; }
  .comp--status .comp__item i {
    margin-right: 7px; }

.comp--readingtime {
  font-size: 13px; }
  @media all and (min-width: 768px) {
    .comp--readingtime {
      font-size: 12px; } }

/*------------------------------------*    $VIDEO CONTAINER
\*------------------------------------*/
.video-container {
  overflow: visible;
  margin-bottom: 20px; }
  .video-container::after {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #ee3651; }

/*------------------------------------*    $SECTION HALFQUARTER IMAGES
\*------------------------------------*/
.section--halfquarterimages .section__content-top {
  margin-top: 30px; }
  @media all and (min-width: 1024px) {
    .section--halfquarterimages .section__content-top {
      margin-top: 65px; } }

.section--halfquarterimages .section__content-bottom {
  padding-right: 10px;
  margin-bottom: 30px; }

/*------------------------------------*    $BLOCK SLIDER IMAGE INLINE
\*------------------------------------*/
.block--slider-image-inline {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 30px; }

/*------------------------------------*    $SECTION CONTAINER 
    TODO SET COLOR TO SECTIONS ITSELF
\*------------------------------------*/
.section__container--blue {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #4b85fa; }
  @media all and (min-width: 768px) {
    .section__container--blue {
      padding-top: 40px;
      padding-bottom: 40px; } }

/* ==========================================================================
  TRUMPS
   ========================================================================== */
/*------------------------------------*    $HORIZONTAL SCROLLBAR
\*------------------------------------*/
.scrollWrapperPlaceholder,
.scrollWrapper {
  display: none; }
  @media all and (min-width: 1024px) {
    .scrollWrapperPlaceholder,
    .scrollWrapper {
      display: block; } }

.scroll-bar-content {
  *zoom: 1; }
  .scroll-bar-content:before, .scroll-bar-content:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .scroll-bar-content:after {
    clear: both; }
  .scroll-bar-content blockquote {
    line-height: 1;
    padding: 0;
    margin: 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle; }
    .scroll-bar-content blockquote::before {
      content: '';
      display: none; }
    .scroll-bar-content blockquote footer {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: bottom; }
    .scroll-bar-content blockquote cite {
      padding: 0;
      color: #000000; }
    .scroll-bar-content blockquote a {
      color: #000000;
      text-decoration: underline; }

.scroll-bar-content-right {
  float: right;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  padding-top: 10px; }
  @media all and (min-width: 768px) {
    .scroll-bar-content-right {
      font-size: 12px; } }

/*------------------------------------*    $FOOTER NAVIGATION
\*------------------------------------*/
.footer .nav--inline-block ul {
  display: block;
  text-align: justify; }
  .footer .nav--inline-block ul::after {
    content: '';
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 100%; }
  .footer .nav--inline-block ul > li {
    text-align: center; }
  .footer .nav--inline-block ul ul {
    display: none; }
    @media all and (min-width: 1024px) {
      .footer .nav--inline-block ul ul {
        display: block; } }

.footer .nav--inline-block a {
  font-size: 15px;
  line-height: 1.588; }
  @media all and (min-width: 768px) {
    .footer .nav--inline-block a {
      font-size: 17px; } }

@media all and (min-width: 1024px) {
  .footer .nav--inline-block > ul > li {
    padding-left: 0;
    padding-right: 0; } }

.footer .nav--inline-block > ul > li > a {
  font-size: 16px;
  line-height: 1.79; }
  @media all and (min-width: 768px) {
    .footer .nav--inline-block > ul > li > a {
      font-size: 19px; } }

/*------------------------------------*    $PAGINATION
\*------------------------------------*/
.tool-pagination ul {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  list-style-type: none;
  margin-left: 0; }

.tool-pagination li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle; }

.tool-pagination a, .tool-pagination span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  padding: 10px;
  background-color: #ee3651;
  text-decoration: none;
  color: #ffffff;
  border: 1px solid #ee3651;
  min-width: 48px;
  text-align: center; }

.tool-pagination a:hover, .tool-pagination a:focus, .tool-pagination a:active {
  background-color: #dd324b; }

.tool-pagination .next {
  padding-left: 50px;
  padding-right: 50px; }

.tool-pagination .current {
  text-decoration: none;
  color: #ee3651;
  background-color: transparent; }

.pagination-style2 {
  position: absolute;
  left: 0;
  z-index: 1000;
  bottom: 0; }
  .pagination-style2 a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    margin: 30px;
    margin-right: 0;
    background-color: #4c4245; }
  .pagination-style2 .selected {
    background-color: #f7c9cf; }
  @media all and (min-width: 1024px) {
    .pagination-style2 {
      display: none; } }

/* download */
.download-wr {
  width: 100%;
  clear: both; }

.download-wr p {
  border-top: 1px solid #cccacd;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  margin: 0 !important; }

.download-wr img {
  float: left;
  width: auto;
  height: 100px;
  margin: 0 30px 20px 0 !important; }

.scrollWrapperPlaceholder {
  height: 90px;
  position: relative; }

.scrollWrapper {
  width: 100%;
  background-color: #ffffff !important;
  position: fixed;
  z-index: 1000;
  top: 90px;
  height: 90px;
  border-top: 1px solid #ffffff; }

.scrollWrapper h3 {
  position: relative;
  z-index: 10001;
  color: white;
  font-size: 20px;
  margin: 0;
  padding: 1.5%;
  padding-left: 5%;
  display: inline-block;
  vertical-align: middle;
  line-height: normal; }

.scroll-bar {
  height: 90px;
  z-index: 9000;
  position: fixed;
  background-color: #ee3651;
  width: 0;
  top: 91px; }

.scroll-bar-content {
  padding-left: 30px;
  padding-right: 30px;
  position: absolute;
  z-index: 20000;
  left: 0;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

/*------------------------------------*    $CUSTOM COLORS
\*------------------------------------*/
/*------------------------------------*    $COLOR USAGE
\*------------------------------------*/
/**
  * used for form valdiation
 */
/*------------------------------------*    BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*    FONT SETTINGS
\*------------------------------------*/
/*------------------------------------*    FONT SIZES
    Modular Scale (modularscale.com)
\*------------------------------------*/
/*------------------------------------*    LAYOUT
\*------------------------------------*/
/*------------------------------------*    DEFAULTS
\*------------------------------------*/
/*------------------------------------*    BUTTON PARAMETERS
\*------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon-russmedia/iconfont.eot?6yuao1");
  src: url("../fonts/icomoon-russmedia/iconfont.eot?6yuao1#iefix") format("embedded-opentype"), url("../fonts/icomoon-russmedia/iconfont.ttf?6yuao1") format("truetype"), url("../fonts/icomoon-russmedia/iconfont.woff?6yuao1") format("woff"), url("../fonts/icomoon-russmedia/iconfont.svg?6yuao1#iconfont") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-blogger-logotype:before {
  content: ""; }

.icon-facebook-letter-logo:before {
  content: ""; }

.icon-google-plus-symbol:before {
  content: ""; }

.icon-instagram-social-network-logo-of-photo-camera:before {
  content: ""; }

.icon-linkedin-logo:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-xing-logo:before {
  content: ""; }

.icon-arrows_slim_down1:before {
  content: ""; }

.icon-arrows_slim_up:before {
  content: ""; }

.icon-bookmarks5:before {
  content: ""; }

.icon-whiteflag:before {
  content: ""; }

.icon-play126:before {
  content: ""; }

.icon-cup69:before {
  content: ""; }

.icon-graphic51:before {
  content: ""; }

.icon-user15:before {
  content: ""; }

.icon-briefcase74:before {
  content: ""; }

.icon-ic_menu:before {
  content: ""; }

.icon-close31:before {
  content: ""; }

.icon-error:before {
  content: ""; }

.icon-error_outline:before {
  content: ""; }

.icon-warning:before {
  content: ""; }

.icon-add_alert:before {
  content: ""; }

.icon-album:before {
  content: ""; }

.icon-av_timer:before {
  content: ""; }

.icon-closed_caption:before {
  content: ""; }

.icon-equalizer:before {
  content: ""; }

.icon-explicit:before {
  content: ""; }

.icon-fast_forward:before {
  content: ""; }

.icon-fast_rewind:before {
  content: ""; }

.icon-games:before {
  content: ""; }

.icon-hearing:before {
  content: ""; }

.icon-high_quality:before {
  content: ""; }

.icon-loop:before {
  content: ""; }

.icon-mic:before {
  content: ""; }

.icon-mic_none:before {
  content: ""; }

.icon-mic_off:before {
  content: ""; }

.icon-movie:before {
  content: ""; }

.icon-library_add:before {
  content: ""; }

.icon-library_books:before {
  content: ""; }

.icon-library_music:before {
  content: ""; }

.icon-new_releases:before {
  content: ""; }

.icon-not_interested:before {
  content: ""; }

.icon-pause:before {
  content: ""; }

.icon-pause_circle_filled:before {
  content: ""; }

.icon-pause_circle_outline:before {
  content: ""; }

.icon-play_arrow:before {
  content: ""; }

.icon-play_circle_filled:before {
  content: ""; }

.icon-play_circle_outline:before {
  content: ""; }

.icon-playlist_add:before {
  content: ""; }

.icon-queue:before {
  content: ""; }

.icon-queue_music:before {
  content: ""; }

.icon-radio:before {
  content: ""; }

.icon-recent_actors:before {
  content: ""; }

.icon-repeat:before {
  content: ""; }

.icon-repeat_one:before {
  content: ""; }

.icon-replay:before {
  content: ""; }

.icon-shuffle:before {
  content: ""; }

.icon-skip_next:before {
  content: ""; }

.icon-skip_previous:before {
  content: ""; }

.icon-snooze:before {
  content: ""; }

.icon-stop:before {
  content: ""; }

.icon-subtitles:before {
  content: ""; }

.icon-surround_sound:before {
  content: ""; }

.icon-video_collection:before {
  content: ""; }

.icon-videocam:before {
  content: ""; }

.icon-videocam_off:before {
  content: ""; }

.icon-volume_down:before {
  content: ""; }

.icon-volume_mute:before {
  content: ""; }

.icon-volume_off:before {
  content: ""; }

.icon-volume_up:before {
  content: ""; }

.icon-web:before {
  content: ""; }

.icon-hd:before {
  content: ""; }

.icon-sort_by_alpha:before {
  content: ""; }

.icon-airplay:before {
  content: ""; }

.icon-forward_10:before {
  content: ""; }

.icon-forward_30:before {
  content: ""; }

.icon-forward_5:before {
  content: ""; }

.icon-replay_10:before {
  content: ""; }

.icon-replay_30:before {
  content: ""; }

.icon-replay_5:before {
  content: ""; }

.icon-add_to_queue:before {
  content: ""; }

.icon-fiber_dvr:before {
  content: ""; }

.icon-fiber_new:before {
  content: ""; }

.icon-playlist_play:before {
  content: ""; }

.icon-art_track:before {
  content: ""; }

.icon-fiber_manual_record:before {
  content: ""; }

.icon-fiber_smart_record:before {
  content: ""; }

.icon-music_video:before {
  content: ""; }

.icon-subscriptions:before {
  content: ""; }

.icon-playlist_add_check:before {
  content: ""; }

.icon-queue_play_next:before {
  content: ""; }

.icon-remove_from_queue:before {
  content: ""; }

.icon-slow_motion_video:before {
  content: ""; }

.icon-web_asset:before {
  content: ""; }

.icon-fiber_pin:before {
  content: ""; }

.icon-business:before {
  content: ""; }

.icon-call:before {
  content: ""; }

.icon-call_end:before {
  content: ""; }

.icon-call_made:before {
  content: ""; }

.icon-call_merge:before {
  content: ""; }

.icon-call_missed:before {
  content: ""; }

.icon-call_received:before {
  content: ""; }

.icon-call_split:before {
  content: ""; }

.icon-chat:before {
  content: ""; }

.icon-clear_all:before {
  content: ""; }

.icon-comment:before {
  content: ""; }

.icon-contacts:before {
  content: ""; }

.icon-dialer_sip:before {
  content: ""; }

.icon-dialpad:before {
  content: ""; }

.icon-email:before {
  content: ""; }

.icon-forum:before {
  content: ""; }

.icon-import_export:before {
  content: ""; }

.icon-invert_colors_off:before {
  content: ""; }

.icon-live_help:before {
  content: ""; }

.icon-location_off:before {
  content: ""; }

.icon-location_on:before {
  content: ""; }

.icon-message:before {
  content: ""; }

.icon-chat_bubble:before {
  content: ""; }

.icon-chat_bubble_outline:before {
  content: ""; }

.icon-no_sim:before {
  content: ""; }

.icon-phone:before {
  content: ""; }

.icon-portable_wifi_off:before {
  content: ""; }

.icon-contact_phone:before {
  content: ""; }

.icon-contact_mail:before {
  content: ""; }

.icon-ring_volume:before {
  content: ""; }

.icon-speaker_phone:before {
  content: ""; }

.icon-stay_current_landscape:before {
  content: ""; }

.icon-stay_current_portrait:before {
  content: ""; }

.icon-stay_primary_landscape:before {
  content: ""; }

.icon-stay_primary_portrait:before {
  content: ""; }

.icon-swap_calls:before {
  content: ""; }

.icon-textsms:before {
  content: ""; }

.icon-voicemail:before {
  content: ""; }

.icon-vpn_key:before {
  content: ""; }

.icon-phonelink_erase:before {
  content: ""; }

.icon-phonelink_lock:before {
  content: ""; }

.icon-phonelink_ring:before {
  content: ""; }

.icon-phonelink_setup:before {
  content: ""; }

.icon-present_to_all:before {
  content: ""; }

.icon-import_contacts:before {
  content: ""; }

.icon-mail_outline:before {
  content: ""; }

.icon-screen_share:before {
  content: ""; }

.icon-stop_screen_share:before {
  content: ""; }

.icon-call_missed_outgoing:before {
  content: ""; }

.icon-add:before {
  content: ""; }

.icon-add_box:before {
  content: ""; }

.icon-add_circle:before {
  content: ""; }

.icon-add_circle_outline:before {
  content: ""; }

.icon-archive:before {
  content: ""; }

.icon-backspace:before {
  content: ""; }

.icon-block:before {
  content: ""; }

.icon-clear:before {
  content: ""; }

.icon-content_copy:before {
  content: ""; }

.icon-content_cut:before {
  content: ""; }

.icon-content_paste:before {
  content: ""; }

.icon-create:before {
  content: ""; }

.icon-drafts:before {
  content: ""; }

.icon-filter_list:before {
  content: ""; }

.icon-flag:before {
  content: ""; }

.icon-forward:before {
  content: ""; }

.icon-gesture:before {
  content: ""; }

.icon-inbox:before {
  content: ""; }

.icon-link:before {
  content: ""; }

.icon-mail:before {
  content: ""; }

.icon-markunread:before {
  content: ""; }

.icon-redo:before {
  content: ""; }

.icon-remove:before {
  content: ""; }

.icon-remove_circle:before {
  content: ""; }

.icon-remove_circle_outline:before {
  content: ""; }

.icon-reply:before {
  content: ""; }

.icon-reply_all:before {
  content: ""; }

.icon-report:before {
  content: ""; }

.icon-save:before {
  content: ""; }

.icon-select_all:before {
  content: ""; }

.icon-send:before {
  content: ""; }

.icon-sort:before {
  content: ""; }

.icon-text_format:before {
  content: ""; }

.icon-undo:before {
  content: ""; }

.icon-font_download:before {
  content: ""; }

.icon-move_to_inbox:before {
  content: ""; }

.icon-unarchive:before {
  content: ""; }

.icon-next_week:before {
  content: ""; }

.icon-weekend:before {
  content: ""; }

.icon-access_alarm:before {
  content: ""; }

.icon-access_alarms:before {
  content: ""; }

.icon-access_time:before {
  content: ""; }

.icon-add_alarm:before {
  content: ""; }

.icon-airplanemode_inactive:before {
  content: ""; }

.icon-airplanemode_active:before {
  content: ""; }

.icon-battery_alert:before {
  content: ""; }

.icon-battery_charging_full:before {
  content: ""; }

.icon-battery_full:before {
  content: ""; }

.icon-battery_std:before {
  content: ""; }

.icon-battery_unknown:before {
  content: ""; }

.icon-bluetooth:before {
  content: ""; }

.icon-bluetooth_connected:before {
  content: ""; }

.icon-bluetooth_disabled:before {
  content: ""; }

.icon-bluetooth_searching:before {
  content: ""; }

.icon-brightness_auto:before {
  content: ""; }

.icon-brightness_high:before {
  content: ""; }

.icon-brightness_low:before {
  content: ""; }

.icon-brightness_medium:before {
  content: ""; }

.icon-data_usage:before {
  content: ""; }

.icon-developer_mode:before {
  content: ""; }

.icon-devices:before {
  content: ""; }

.icon-dvr:before {
  content: ""; }

.icon-gps_fixed:before {
  content: ""; }

.icon-gps_not_fixed:before {
  content: ""; }

.icon-gps_off:before {
  content: ""; }

.icon-location_disabled:before {
  content: ""; }

.icon-location_searching:before {
  content: ""; }

.icon-graphic_eq:before {
  content: ""; }

.icon-network_cell:before {
  content: ""; }

.icon-network_wifi:before {
  content: ""; }

.icon-nfc:before {
  content: ""; }

.icon-now_wallpaper:before {
  content: ""; }

.icon-now_widgets:before {
  content: ""; }

.icon-screen_lock_landscape:before {
  content: ""; }

.icon-screen_lock_portrait:before {
  content: ""; }

.icon-screen_lock_rotation:before {
  content: ""; }

.icon-screen_rotation:before {
  content: ""; }

.icon-sd_storage:before {
  content: ""; }

.icon-settings_system_daydream:before {
  content: ""; }

.icon-signal_cellular_4_bar:before {
  content: ""; }

.icon-signal_cellular_connected_no_internet_4_bar:before {
  content: ""; }

.icon-signal_cellular_no_sim:before {
  content: ""; }

.icon-signal_cellular_null:before {
  content: ""; }

.icon-signal_cellular_off:before {
  content: ""; }

.icon-signal_wifi_4_bar:before {
  content: ""; }

.icon-signal_wifi_4_bar_lock:before {
  content: ""; }

.icon-signal_wifi_off:before {
  content: ""; }

.icon-storage:before {
  content: ""; }

.icon-usb:before {
  content: ""; }

.icon-wifi_lock:before {
  content: ""; }

.icon-wifi_tethering:before {
  content: ""; }

.icon-attach_file:before {
  content: ""; }

.icon-attach_money:before {
  content: ""; }

.icon-border_all:before {
  content: ""; }

.icon-border_bottom:before {
  content: ""; }

.icon-border_clear:before {
  content: ""; }

.icon-border_color:before {
  content: ""; }

.icon-border_horizontal:before {
  content: ""; }

.icon-border_inner:before {
  content: ""; }

.icon-border_left:before {
  content: ""; }

.icon-border_outer:before {
  content: ""; }

.icon-border_right:before {
  content: ""; }

.icon-border_style:before {
  content: ""; }

.icon-border_top:before {
  content: ""; }

.icon-border_vertical:before {
  content: ""; }

.icon-format_align_center:before {
  content: ""; }

.icon-format_align_justify:before {
  content: ""; }

.icon-format_align_left:before {
  content: ""; }

.icon-format_align_right:before {
  content: ""; }

.icon-format_bold:before {
  content: ""; }

.icon-format_clear:before {
  content: ""; }

.icon-format_color_fill:before {
  content: ""; }

.icon-format_color_reset:before {
  content: ""; }

.icon-format_color_text:before {
  content: ""; }

.icon-format_indent_decrease:before {
  content: ""; }

.icon-format_indent_increase:before {
  content: ""; }

.icon-format_italic:before {
  content: ""; }

.icon-format_line_spacing:before {
  content: ""; }

.icon-format_list_bulleted:before {
  content: ""; }

.icon-format_list_numbered:before {
  content: ""; }

.icon-format_paint:before {
  content: ""; }

.icon-format_quote:before {
  content: ""; }

.icon-format_size:before {
  content: ""; }

.icon-format_strikethrough:before {
  content: ""; }

.icon-format_textdirection_l_to_r:before {
  content: ""; }

.icon-format_textdirection_r_to_l:before {
  content: ""; }

.icon-format_underlined:before {
  content: ""; }

.icon-functions:before {
  content: ""; }

.icon-insert_chart:before {
  content: ""; }

.icon-insert_comment:before {
  content: ""; }

.icon-insert_drive_file:before {
  content: ""; }

.icon-insert_emoticon:before {
  content: ""; }

.icon-insert_invitation:before {
  content: ""; }

.icon-insert_link:before {
  content: ""; }

.icon-insert_photo:before {
  content: ""; }

.icon-merge_type:before {
  content: ""; }

.icon-mode_comment:before {
  content: ""; }

.icon-mode_edit:before {
  content: ""; }

.icon-publish:before {
  content: ""; }

.icon-space_bar:before {
  content: ""; }

.icon-strikethrough_s:before {
  content: ""; }

.icon-vertical_align_bottom:before {
  content: ""; }

.icon-vertical_align_center:before {
  content: ""; }

.icon-vertical_align_top:before {
  content: ""; }

.icon-wrap_text:before {
  content: ""; }

.icon-money_off:before {
  content: ""; }

.icon-drag_handle:before {
  content: ""; }

.icon-format_shapes:before {
  content: ""; }

.icon-highlight:before {
  content: ""; }

.icon-linear_scale:before {
  content: ""; }

.icon-short_text:before {
  content: ""; }

.icon-text_fields:before {
  content: ""; }

.icon-attachment:before {
  content: ""; }

.icon-cloud:before {
  content: ""; }

.icon-cloud_circle:before {
  content: ""; }

.icon-cloud_done:before {
  content: ""; }

.icon-cloud_download:before {
  content: ""; }

.icon-cloud_off:before {
  content: ""; }

.icon-cloud_queue:before {
  content: ""; }

.icon-cloud_upload:before {
  content: ""; }

.icon-file_download:before {
  content: ""; }

.icon-file_upload:before {
  content: ""; }

.icon-folder:before {
  content: ""; }

.icon-folder_open:before {
  content: ""; }

.icon-folder_shared:before {
  content: ""; }

.icon-create_new_folder:before {
  content: ""; }

.icon-cast:before {
  content: ""; }

.icon-cast_connected:before {
  content: ""; }

.icon-computer:before {
  content: ""; }

.icon-desktop_mac:before {
  content: ""; }

.icon-desktop_windows:before {
  content: ""; }

.icon-developer_board:before {
  content: ""; }

.icon-dock:before {
  content: ""; }

.icon-gamepad:before {
  content: ""; }

.icon-headset:before {
  content: ""; }

.icon-headset_mic:before {
  content: ""; }

.icon-keyboard:before {
  content: ""; }

.icon-keyboard_arrow_down:before {
  content: ""; }

.icon-keyboard_arrow_left:before {
  content: ""; }

.icon-keyboard_arrow_right:before {
  content: ""; }

.icon-keyboard_arrow_up:before {
  content: ""; }

.icon-keyboard_backspace:before {
  content: ""; }

.icon-keyboard_capslock:before {
  content: ""; }

.icon-keyboard_hide:before {
  content: ""; }

.icon-keyboard_return:before {
  content: ""; }

.icon-keyboard_tab:before {
  content: ""; }

.icon-keyboard_voice:before {
  content: ""; }

.icon-laptop:before {
  content: ""; }

.icon-laptop_chromebook:before {
  content: ""; }

.icon-laptop_mac:before {
  content: ""; }

.icon-laptop_windows:before {
  content: ""; }

.icon-memory:before {
  content: ""; }

.icon-mouse:before {
  content: ""; }

.icon-phone_android:before {
  content: ""; }

.icon-phone_iphone:before {
  content: ""; }

.icon-phonelink:before {
  content: ""; }

.icon-phonelink_off:before {
  content: ""; }

.icon-router:before {
  content: ""; }

.icon-scanner:before {
  content: ""; }

.icon-security:before {
  content: ""; }

.icon-sim_card:before {
  content: ""; }

.icon-smartphone:before {
  content: ""; }

.icon-speaker:before {
  content: ""; }

.icon-speaker_group:before {
  content: ""; }

.icon-tablet:before {
  content: ""; }

.icon-tablet_android:before {
  content: ""; }

.icon-tablet_mac:before {
  content: ""; }

.icon-toys:before {
  content: ""; }

.icon-tv:before {
  content: ""; }

.icon-watch:before {
  content: ""; }

.icon-device_hub:before {
  content: ""; }

.icon-power_input:before {
  content: ""; }

.icon-devices_other:before {
  content: ""; }

.icon-videogame_asset:before {
  content: ""; }

.icon-add_to_photos:before {
  content: ""; }

.icon-adjust:before {
  content: ""; }

.icon-assistant:before {
  content: ""; }

.icon-assistant_photo:before {
  content: ""; }

.icon-audiotrack:before {
  content: ""; }

.icon-blur_circular:before {
  content: ""; }

.icon-blur_linear:before {
  content: ""; }

.icon-blur_off:before {
  content: ""; }

.icon-blur_on:before {
  content: ""; }

.icon-brightness_1:before {
  content: ""; }

.icon-brightness_2:before {
  content: ""; }

.icon-brightness_3:before {
  content: ""; }

.icon-brightness_4:before {
  content: ""; }

.icon-brightness_5:before {
  content: ""; }

.icon-brightness_6:before {
  content: ""; }

.icon-brightness_7:before {
  content: ""; }

.icon-broken_image:before {
  content: ""; }

.icon-brush:before {
  content: ""; }

.icon-camera:before {
  content: ""; }

.icon-camera_alt:before {
  content: ""; }

.icon-camera_front:before {
  content: ""; }

.icon-camera_rear:before {
  content: ""; }

.icon-camera_roll:before {
  content: ""; }

.icon-center_focus_strong:before {
  content: ""; }

.icon-center_focus_weak:before {
  content: ""; }

.icon-collections:before {
  content: ""; }

.icon-color_lens:before {
  content: ""; }

.icon-colorize:before {
  content: ""; }

.icon-compare:before {
  content: ""; }

.icon-control_point:before {
  content: ""; }

.icon-control_point_duplicate:before {
  content: ""; }

.icon-crop_16_9:before {
  content: ""; }

.icon-crop_3_2:before {
  content: ""; }

.icon-crop:before {
  content: ""; }

.icon-crop_5_4:before {
  content: ""; }

.icon-crop_7_5:before {
  content: ""; }

.icon-crop_din:before {
  content: ""; }

.icon-crop_free:before {
  content: ""; }

.icon-crop_landscape:before {
  content: ""; }

.icon-crop_original:before {
  content: ""; }

.icon-crop_portrait:before {
  content: ""; }

.icon-crop_square:before {
  content: ""; }

.icon-dehaze:before {
  content: ""; }

.icon-details:before {
  content: ""; }

.icon-edit:before {
  content: ""; }

.icon-exposure:before {
  content: ""; }

.icon-exposure_minus_1:before {
  content: ""; }

.icon-exposure_minus_2:before {
  content: ""; }

.icon-exposure_plus_1:before {
  content: ""; }

.icon-exposure_plus_2:before {
  content: ""; }

.icon-exposure_zero:before {
  content: ""; }

.icon-filter_1:before {
  content: ""; }

.icon-filter_2:before {
  content: ""; }

.icon-filter_3:before {
  content: ""; }

.icon-filter:before {
  content: ""; }

.icon-filter_4:before {
  content: ""; }

.icon-filter_5:before {
  content: ""; }

.icon-filter_6:before {
  content: ""; }

.icon-filter_7:before {
  content: ""; }

.icon-filter_8:before {
  content: ""; }

.icon-filter_9:before {
  content: ""; }

.icon-filter_9_plus:before {
  content: ""; }

.icon-filter_b_and_w:before {
  content: ""; }

.icon-filter_center_focus:before {
  content: ""; }

.icon-filter_drama:before {
  content: ""; }

.icon-filter_frames:before {
  content: ""; }

.icon-filter_hdr:before {
  content: ""; }

.icon-filter_none:before {
  content: ""; }

.icon-filter_tilt_shift:before {
  content: ""; }

.icon-filter_vintage:before {
  content: ""; }

.icon-flare:before {
  content: ""; }

.icon-flash_auto:before {
  content: ""; }

.icon-flash_off:before {
  content: ""; }

.icon-flash_on:before {
  content: ""; }

.icon-flip:before {
  content: ""; }

.icon-gradient:before {
  content: ""; }

.icon-grain:before {
  content: ""; }

.icon-grid_off:before {
  content: ""; }

.icon-grid_on:before {
  content: ""; }

.icon-hdr_off:before {
  content: ""; }

.icon-hdr_on:before {
  content: ""; }

.icon-hdr_strong:before {
  content: ""; }

.icon-hdr_weak:before {
  content: ""; }

.icon-healing:before {
  content: ""; }

.icon-image:before {
  content: ""; }

.icon-image_aspect_ratio:before {
  content: ""; }

.icon-iso:before {
  content: ""; }

.icon-landscape:before {
  content: ""; }

.icon-leak_add:before {
  content: ""; }

.icon-leak_remove:before {
  content: ""; }

.icon-lens:before {
  content: ""; }

.icon-looks_3:before {
  content: ""; }

.icon-looks:before {
  content: ""; }

.icon-looks_4:before {
  content: ""; }

.icon-looks_5:before {
  content: ""; }

.icon-looks_6:before {
  content: ""; }

.icon-looks_one:before {
  content: ""; }

.icon-looks_two:before {
  content: ""; }

.icon-loupe:before {
  content: ""; }

.icon-monochrome_photos:before {
  content: ""; }

.icon-movie_creation:before {
  content: ""; }

.icon-music_note:before {
  content: ""; }

.icon-nature:before {
  content: ""; }

.icon-nature_people:before {
  content: ""; }

.icon-navigate_before:before {
  content: ""; }

.icon-navigate_next:before {
  content: ""; }

.icon-palette:before {
  content: ""; }

.icon-panorama:before {
  content: ""; }

.icon-panorama_fish_eye:before {
  content: ""; }

.icon-panorama_horizontal:before {
  content: ""; }

.icon-panorama_vertical:before {
  content: ""; }

.icon-panorama_wide_angle:before {
  content: ""; }

.icon-photo:before {
  content: ""; }

.icon-photo_album:before {
  content: ""; }

.icon-photo_camera:before {
  content: ""; }

.icon-photo_library:before {
  content: ""; }

.icon-picture_as_pdf:before {
  content: ""; }

.icon-portrait:before {
  content: ""; }

.icon-remove_red_eye:before {
  content: ""; }

.icon-rotate_90_degrees_ccw:before {
  content: ""; }

.icon-rotate_left:before {
  content: ""; }

.icon-rotate_right:before {
  content: ""; }

.icon-slideshow:before {
  content: ""; }

.icon-straighten:before {
  content: ""; }

.icon-style:before {
  content: ""; }

.icon-switch_camera:before {
  content: ""; }

.icon-switch_video:before {
  content: ""; }

.icon-tag_faces:before {
  content: ""; }

.icon-texture:before {
  content: ""; }

.icon-timelapse:before {
  content: ""; }

.icon-timer_10:before {
  content: ""; }

.icon-timer_3:before {
  content: ""; }

.icon-timer:before {
  content: ""; }

.icon-timer_off:before {
  content: ""; }

.icon-tonality:before {
  content: ""; }

.icon-transform:before {
  content: ""; }

.icon-tune:before {
  content: ""; }

.icon-view_comfortable:before {
  content: ""; }

.icon-view_compact:before {
  content: ""; }

.icon-wb_auto:before {
  content: ""; }

.icon-wb_cloudy:before {
  content: ""; }

.icon-wb_incandescent:before {
  content: ""; }

.icon-wb_sunny:before {
  content: ""; }

.icon-collections_bookmark:before {
  content: ""; }

.icon-photo_size_select_actual:before {
  content: ""; }

.icon-photo_size_select_large:before {
  content: ""; }

.icon-photo_size_select_small:before {
  content: ""; }

.icon-vignette:before {
  content: ""; }

.icon-wb_iridescent:before {
  content: ""; }

.icon-crop_rotate:before {
  content: ""; }

.icon-linked_camera:before {
  content: ""; }

.icon-add_a_photo:before {
  content: ""; }

.icon-movie_filter:before {
  content: ""; }

.icon-photo_filter:before {
  content: ""; }

.icon-beenhere:before {
  content: ""; }

.icon-directions:before {
  content: ""; }

.icon-directions_bike:before {
  content: ""; }

.icon-directions_bus:before {
  content: ""; }

.icon-directions_car:before {
  content: ""; }

.icon-directions_ferry:before {
  content: ""; }

.icon-directions_subway:before {
  content: ""; }

.icon-directions_railway:before {
  content: ""; }

.icon-directions_transit:before {
  content: ""; }

.icon-directions_walk:before {
  content: ""; }

.icon-flight:before {
  content: ""; }

.icon-hotel:before {
  content: ""; }

.icon-layers:before {
  content: ""; }

.icon-layers_clear:before {
  content: ""; }

.icon-local_airport:before {
  content: ""; }

.icon-local_atm:before {
  content: ""; }

.icon-local_attraction:before {
  content: ""; }

.icon-local_bar:before {
  content: ""; }

.icon-local_cafe:before {
  content: ""; }

.icon-local_car_wash:before {
  content: ""; }

.icon-local_convenience_store:before {
  content: ""; }

.icon-local_drink:before {
  content: ""; }

.icon-local_florist:before {
  content: ""; }

.icon-local_gas_station:before {
  content: ""; }

.icon-local_grocery_store:before {
  content: ""; }

.icon-local_hospital:before {
  content: ""; }

.icon-local_hotel:before {
  content: ""; }

.icon-local_laundry_service:before {
  content: ""; }

.icon-local_library:before {
  content: ""; }

.icon-local_mall:before {
  content: ""; }

.icon-local_movies:before {
  content: ""; }

.icon-local_offer:before {
  content: ""; }

.icon-local_parking:before {
  content: ""; }

.icon-local_pharmacy:before {
  content: ""; }

.icon-local_phone:before {
  content: ""; }

.icon-local_pizza:before {
  content: ""; }

.icon-local_play:before {
  content: ""; }

.icon-local_post_office:before {
  content: ""; }

.icon-local_print_shop:before {
  content: ""; }

.icon-local_restaurant:before {
  content: ""; }

.icon-local_see:before {
  content: ""; }

.icon-local_shipping:before {
  content: ""; }

.icon-local_taxi:before {
  content: ""; }

.icon-location_history:before {
  content: ""; }

.icon-map:before {
  content: ""; }

.icon-my_location:before {
  content: ""; }

.icon-navigation:before {
  content: ""; }

.icon-pin_drop:before {
  content: ""; }

.icon-place:before {
  content: ""; }

.icon-rate_review:before {
  content: ""; }

.icon-restaurant_menu:before {
  content: ""; }

.icon-satellite:before {
  content: ""; }

.icon-store_mall_directory:before {
  content: ""; }

.icon-terrain:before {
  content: ""; }

.icon-traffic:before {
  content: ""; }

.icon-directions_run:before {
  content: ""; }

.icon-add_location:before {
  content: ""; }

.icon-edit_location:before {
  content: ""; }

.icon-near_me:before {
  content: ""; }

.icon-person_pin_circle:before {
  content: ""; }

.icon-zoom_out_map:before {
  content: ""; }

.icon-apps:before {
  content: ""; }

.icon-arrow_back:before {
  content: ""; }

.icon-arrow_drop_down:before {
  content: ""; }

.icon-arrow_drop_down_circle:before {
  content: ""; }

.icon-arrow_drop_up:before {
  content: ""; }

.icon-arrow_forward:before {
  content: ""; }

.icon-cancel:before {
  content: ""; }

.icon-check:before {
  content: ""; }

.icon-chevron_left:before {
  content: ""; }

.icon-chevron_right:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-expand_less:before {
  content: ""; }

.icon-expand_more:before {
  content: ""; }

.icon-fullscreen:before {
  content: ""; }

.icon-fullscreen_exit:before {
  content: ""; }

.icon-menu:before {
  content: ""; }

.icon-keyboard_control:before {
  content: ""; }

.icon-more_vert:before {
  content: ""; }

.icon-refresh:before {
  content: ""; }

.icon-unfold_less:before {
  content: ""; }

.icon-unfold_more:before {
  content: ""; }

.icon-arrow_upward:before {
  content: ""; }

.icon-subdirectory_arrow_left:before {
  content: ""; }

.icon-subdirectory_arrow_right:before {
  content: ""; }

.icon-arrow_downward:before {
  content: ""; }

.icon-adb:before {
  content: ""; }

.icon-bluetooth_audio:before {
  content: ""; }

.icon-disc_full:before {
  content: ""; }

.icon-do_not_disturb_alt:before {
  content: ""; }

.icon-do_not_disturb:before {
  content: ""; }

.icon-drive_eta:before {
  content: ""; }

.icon-event_available:before {
  content: ""; }

.icon-event_busy:before {
  content: ""; }

.icon-event_note:before {
  content: ""; }

.icon-folder_special:before {
  content: ""; }

.icon-mms:before {
  content: ""; }

.icon-more:before {
  content: ""; }

.icon-network_locked:before {
  content: ""; }

.icon-phone_bluetooth_speaker:before {
  content: ""; }

.icon-phone_forwarded:before {
  content: ""; }

.icon-phone_in_talk:before {
  content: ""; }

.icon-phone_locked:before {
  content: ""; }

.icon-phone_missed:before {
  content: ""; }

.icon-phone_paused:before {
  content: ""; }

.icon-sd_card:before {
  content: ""; }

.icon-sim_card_alert:before {
  content: ""; }

.icon-sms:before {
  content: ""; }

.icon-sms_failed:before {
  content: ""; }

.icon-sync:before {
  content: ""; }

.icon-sync_disabled:before {
  content: ""; }

.icon-sync_problem:before {
  content: ""; }

.icon-system_update:before {
  content: ""; }

.icon-tap_and_play:before {
  content: ""; }

.icon-time_to_leave:before {
  content: ""; }

.icon-vibration:before {
  content: ""; }

.icon-voice_chat:before {
  content: ""; }

.icon-vpn_lock:before {
  content: ""; }

.icon-airline_seat_flat:before {
  content: ""; }

.icon-airline_seat_flat_angled:before {
  content: ""; }

.icon-airline_seat_individual_suite:before {
  content: ""; }

.icon-airline_seat_legroom_extra:before {
  content: ""; }

.icon-airline_seat_legroom_normal:before {
  content: ""; }

.icon-airline_seat_legroom_reduced:before {
  content: ""; }

.icon-airline_seat_recline_extra:before {
  content: ""; }

.icon-airline_seat_recline_normal:before {
  content: ""; }

.icon-confirmation_number:before {
  content: ""; }

.icon-live_tv:before {
  content: ""; }

.icon-ondemand_video:before {
  content: ""; }

.icon-personal_video:before {
  content: ""; }

.icon-power:before {
  content: ""; }

.icon-wc:before {
  content: ""; }

.icon-wifi:before {
  content: ""; }

.icon-enhanced_encryption:before {
  content: ""; }

.icon-network_check:before {
  content: ""; }

.icon-no_encryption:before {
  content: ""; }

.icon-rv_hookup:before {
  content: ""; }

.icon-cake:before {
  content: ""; }

.icon-domain:before {
  content: ""; }

.icon-group:before {
  content: ""; }

.icon-group_add:before {
  content: ""; }

.icon-location_city:before {
  content: ""; }

.icon-mood:before {
  content: ""; }

.icon-mood_bad:before {
  content: ""; }

.icon-notifications:before {
  content: ""; }

.icon-notifications_none:before {
  content: ""; }

.icon-notifications_off:before {
  content: ""; }

.icon-notifications_active:before {
  content: ""; }

.icon-notifications_paused:before {
  content: ""; }

.icon-pages:before {
  content: ""; }

.icon-party_mode:before {
  content: ""; }

.icon-people:before {
  content: ""; }

.icon-people_outline:before {
  content: ""; }

.icon-person:before {
  content: ""; }

.icon-person_add:before {
  content: ""; }

.icon-person_outline:before {
  content: ""; }

.icon-plus_one:before {
  content: ""; }

.icon-poll:before {
  content: ""; }

.icon-public:before {
  content: ""; }

.icon-school:before {
  content: ""; }

.icon-share:before {
  content: ""; }

.icon-whatshot:before {
  content: ""; }

.icon-check_box:before {
  content: ""; }

.icon-check_box_outline_blank:before {
  content: ""; }

.icon-radio_button_unchecked:before {
  content: ""; }

.icon-radio_button_checked:before {
  content: ""; }

.icon-star:before {
  content: ""; }

.icon-star_half:before {
  content: ""; }

.icon-star_outline:before {
  content: ""; }

.icon-3d_rotation:before {
  content: ""; }

.icon-accessibility:before {
  content: ""; }

.icon-account_balance:before {
  content: ""; }

.icon-account_balance_wallet:before {
  content: ""; }

.icon-account_box:before {
  content: ""; }

.icon-account_circle:before {
  content: ""; }

.icon-add_shopping_cart:before {
  content: ""; }

.icon-alarm:before {
  content: ""; }

.icon-alarm_add:before {
  content: ""; }

.icon-alarm_off:before {
  content: ""; }

.icon-alarm_on:before {
  content: ""; }

.icon-android:before {
  content: ""; }

.icon-announcement:before {
  content: ""; }

.icon-aspect_ratio:before {
  content: ""; }

.icon-assessment:before {
  content: ""; }

.icon-assignment:before {
  content: ""; }

.icon-assignment_ind:before {
  content: ""; }

.icon-assignment_late:before {
  content: ""; }

.icon-assignment_return:before {
  content: ""; }

.icon-assignment_returned:before {
  content: ""; }

.icon-assignment_turned_in:before {
  content: ""; }

.icon-autorenew:before {
  content: ""; }

.icon-backup:before {
  content: ""; }

.icon-book:before {
  content: ""; }

.icon-bookmark:before {
  content: ""; }

.icon-bookmark_outline:before {
  content: ""; }

.icon-bug_report:before {
  content: ""; }

.icon-build:before {
  content: ""; }

.icon-cached:before {
  content: ""; }

.icon-change_history:before {
  content: ""; }

.icon-check_circle:before {
  content: ""; }

.icon-chrome_reader_mode:before {
  content: ""; }

.icon-class:before {
  content: ""; }

.icon-code:before {
  content: ""; }

.icon-credit_card:before {
  content: ""; }

.icon-dashboard:before {
  content: ""; }

.icon-delete:before {
  content: ""; }

.icon-description:before {
  content: ""; }

.icon-dns:before {
  content: ""; }

.icon-done:before {
  content: ""; }

.icon-done_all:before {
  content: ""; }

.icon-event:before {
  content: ""; }

.icon-exit_to_app:before {
  content: ""; }

.icon-explore:before {
  content: ""; }

.icon-extension:before {
  content: ""; }

.icon-face:before {
  content: ""; }

.icon-favorite:before {
  content: ""; }

.icon-favorite_outline:before {
  content: ""; }

.icon-feedback:before {
  content: ""; }

.icon-find_in_page:before {
  content: ""; }

.icon-find_replace:before {
  content: ""; }

.icon-flip_to_back:before {
  content: ""; }

.icon-flip_to_front:before {
  content: ""; }

.icon-get_app:before {
  content: ""; }

.icon-grade:before {
  content: ""; }

.icon-group_work:before {
  content: ""; }

.icon-help:before {
  content: ""; }

.icon-highlight_remove:before {
  content: ""; }

.icon-history:before {
  content: ""; }

.icon-home:before {
  content: ""; }

.icon-hourglass_empty:before {
  content: ""; }

.icon-hourglass_full:before {
  content: ""; }

.icon-https:before {
  content: ""; }

.icon-info:before {
  content: ""; }

.icon-info_outline:before {
  content: ""; }

.icon-input:before {
  content: ""; }

.icon-invert_colors_on:before {
  content: ""; }

.icon-label:before {
  content: ""; }

.icon-label_outline:before {
  content: ""; }

.icon-language:before {
  content: ""; }

.icon-launch:before {
  content: ""; }

.icon-list:before {
  content: ""; }

.icon-lock:before {
  content: ""; }

.icon-lock_open:before {
  content: ""; }

.icon-lock_outline:before {
  content: ""; }

.icon-loyalty:before {
  content: ""; }

.icon-markunread_mailbox:before {
  content: ""; }

.icon-note_add:before {
  content: ""; }

.icon-open_in_browser:before {
  content: ""; }

.icon-open_in_new:before {
  content: ""; }

.icon-open_with:before {
  content: ""; }

.icon-pageview:before {
  content: ""; }

.icon-payment:before {
  content: ""; }

.icon-perm_camera_mic:before {
  content: ""; }

.icon-perm_contact_calendar:before {
  content: ""; }

.icon-perm_data_setting:before {
  content: ""; }

.icon-perm_device_information:before {
  content: ""; }

.icon-perm_identity:before {
  content: ""; }

.icon-perm_media:before {
  content: ""; }

.icon-perm_phone_msg:before {
  content: ""; }

.icon-perm_scan_wifi:before {
  content: ""; }

.icon-picture_in_picture:before {
  content: ""; }

.icon-polymer:before {
  content: ""; }

.icon-power_settings_new:before {
  content: ""; }

.icon-print:before {
  content: ""; }

.icon-query_builder:before {
  content: ""; }

.icon-question_answer:before {
  content: ""; }

.icon-receipt:before {
  content: ""; }

.icon-redeem:before {
  content: ""; }

.icon-report_problem:before {
  content: ""; }

.icon-restore:before {
  content: ""; }

.icon-room:before {
  content: ""; }

.icon-schedule:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-settings:before {
  content: ""; }

.icon-settings_applications:before {
  content: ""; }

.icon-settings_backup_restore:before {
  content: ""; }

.icon-settings_bluetooth:before {
  content: ""; }

.icon-settings_cell:before {
  content: ""; }

.icon-settings_brightness:before {
  content: ""; }

.icon-settings_ethernet:before {
  content: ""; }

.icon-settings_input_antenna:before {
  content: ""; }

.icon-settings_input_component:before {
  content: ""; }

.icon-settings_input_composite:before {
  content: ""; }

.icon-settings_input_hdmi:before {
  content: ""; }

.icon-settings_input_svideo:before {
  content: ""; }

.icon-settings_overscan:before {
  content: ""; }

.icon-settings_phone:before {
  content: ""; }

.icon-settings_power:before {
  content: ""; }

.icon-settings_remote:before {
  content: ""; }

.icon-settings_voice:before {
  content: ""; }

.icon-shop:before {
  content: ""; }

.icon-shop_two:before {
  content: ""; }

.icon-shopping_basket:before {
  content: ""; }

.icon-shopping_cart:before {
  content: ""; }

.icon-speaker_notes:before {
  content: ""; }

.icon-spellcheck:before {
  content: ""; }

.icon-stars:before {
  content: ""; }

.icon-store:before {
  content: ""; }

.icon-subject:before {
  content: ""; }

.icon-supervisor_account:before {
  content: ""; }

.icon-swap_horiz:before {
  content: ""; }

.icon-swap_vert:before {
  content: ""; }

.icon-swap_vertical_circle:before {
  content: ""; }

.icon-system_update_alt:before {
  content: ""; }

.icon-tab:before {
  content: ""; }

.icon-tab_unselected:before {
  content: ""; }

.icon-theaters:before {
  content: ""; }

.icon-thumb_down:before {
  content: ""; }

.icon-thumb_up:before {
  content: ""; }

.icon-thumbs_up_down:before {
  content: ""; }

.icon-toc:before {
  content: ""; }

.icon-today:before {
  content: ""; }

.icon-toll:before {
  content: ""; }

.icon-track_changes:before {
  content: ""; }

.icon-translate:before {
  content: ""; }

.icon-trending_down:before {
  content: ""; }

.icon-trending_neutral:before {
  content: ""; }

.icon-trending_up:before {
  content: ""; }

.icon-turned_in:before {
  content: ""; }

.icon-turned_in_not:before {
  content: ""; }

.icon-verified_user:before {
  content: ""; }

.icon-view_agenda:before {
  content: ""; }

.icon-view_array:before {
  content: ""; }

.icon-view_carousel:before {
  content: ""; }

.icon-view_column:before {
  content: ""; }

.icon-view_day:before {
  content: ""; }

.icon-view_headline:before {
  content: ""; }

.icon-view_list:before {
  content: ""; }

.icon-view_module:before {
  content: ""; }

.icon-view_quilt:before {
  content: ""; }

.icon-view_stream:before {
  content: ""; }

.icon-view_week:before {
  content: ""; }

.icon-visibility:before {
  content: ""; }

.icon-visibility_off:before {
  content: ""; }

.icon-card_giftcard:before {
  content: ""; }

.icon-card_membership:before {
  content: ""; }

.icon-card_travel:before {
  content: ""; }

.icon-work:before {
  content: ""; }

.icon-youtube_searched_for:before {
  content: ""; }

.icon-eject:before {
  content: ""; }

.icon-camera_enhance:before {
  content: ""; }

.icon-help_outline:before {
  content: ""; }

.icon-reorder:before {
  content: ""; }

.icon-zoom_in:before {
  content: ""; }

.icon-zoom_out:before {
  content: ""; }

.icon-http:before {
  content: ""; }

.icon-event_seat:before {
  content: ""; }

.icon-flight_land:before {
  content: ""; }

.icon-flight_takeoff:before {
  content: ""; }

.icon-play_for_work:before {
  content: ""; }

.icon-gif:before {
  content: ""; }

.icon-indeterminate_check_box:before {
  content: ""; }

.icon-offline_pin:before {
  content: ""; }

.icon-all_out:before {
  content: ""; }

.icon-copyright:before {
  content: ""; }

.icon-fingerprint:before {
  content: ""; }

.icon-gavel:before {
  content: ""; }

.icon-lightbulb_outline:before {
  content: ""; }

.icon-picture_in_picture_alt:before {
  content: ""; }

.icon-important_devices:before {
  content: ""; }

.icon-touch_app:before {
  content: ""; }

.icon-accessible:before {
  content: ""; }

.icon-compare_arrows:before {
  content: ""; }

.icon-date_range:before {
  content: ""; }

.icon-donut_large:before {
  content: ""; }

.icon-donut_small:before {
  content: ""; }

.icon-line_style:before {
  content: ""; }

.icon-line_weight:before {
  content: ""; }

.icon-motorcycle:before {
  content: ""; }

.icon-opacity:before {
  content: ""; }

.icon-pets:before {
  content: ""; }

.icon-pregnant_woman:before {
  content: ""; }

.icon-record_voice_over:before {
  content: ""; }

.icon-rounded_corner:before {
  content: ""; }

.icon-rowing:before {
  content: ""; }

.icon-timeline:before {
  content: ""; }

.icon-update:before {
  content: ""; }

.icon-watch_later:before {
  content: ""; }

.icon-pan_tool:before {
  content: ""; }

.icon-ac_unit:before {
  content: ""; }

.icon-airport_shuttle:before {
  content: ""; }

.icon-all_inclusive:before {
  content: ""; }

.icon-beach_access:before {
  content: ""; }

.icon-business_center:before {
  content: ""; }

.icon-casino:before {
  content: ""; }

.icon-child_care:before {
  content: ""; }

.icon-child_friendly:before {
  content: ""; }

.icon-fitness_center:before {
  content: ""; }

.icon-free_breakfast:before {
  content: ""; }

.icon-golf_course:before {
  content: ""; }

.icon-hot_tub:before {
  content: ""; }

.icon-kitchen:before {
  content: ""; }

.icon-pool:before {
  content: ""; }

.icon-room_service:before {
  content: ""; }

.icon-smoke_free:before {
  content: ""; }

.icon-smoking_rooms:before {
  content: ""; }

.icon-spa:before {
  content: ""; }

.icon-goat:before {
  content: ""; }