@charset "UTF-8";
/*------------------------------------*    $CSSWIZARDRY-GRIDS
\*------------------------------------*/
/** CONTENTS INTRODUCTION.........How the grid system works. VARIABLES............Your settings. MIXINS...............Library mixins. GRID SETUP...........Build the grid structure. WIDTHS...............Build our responsive widths around our breakpoints. PUSH.................Push classes. PULL.................Pull classes. */
/*------------------------------------*    $INTRODUCTION
\*------------------------------------*/
/** csswizardry grids provides you with widths to suit a number of breakpoints designed around devices of a size you specify. Out of the box, csswizardry grids caters to the following types of device: palm     --  palm-based devices, like phones and small tablets 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: -12px; /* [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: 12px; /* [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: -6px; }

.grid--narrow > .grid__item { padding-left: 6px; }

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

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

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

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

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

/*------------------------------------*    $PUSH
\*------------------------------------*/
/** Push classes, to move grid items over to the right by certain amounts. */
/*------------------------------------*    $PULL
\*------------------------------------*/
/** Pull classes, to move grid items back to the left by certain amounts. */
/*! Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("./fonts/font-awesome/fontawesome-webfont.eot?v=4.5.0"); src: url("./fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("./fonts/font-awesome/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("./fonts/font-awesome/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("./fonts/font-awesome/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("./fonts/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

.fa { display: inline-block; font: normal normal normal 14px / 1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.28571em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }

.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }

.fa-li.fa-lg { left: -1.85714em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right { margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }

.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: ""; }

.fa-music:before { content: ""; }

.fa-search:before { content: ""; }

.fa-envelope-o:before { content: ""; }

.fa-heart:before { content: ""; }

.fa-star:before { content: ""; }

.fa-star-o:before { content: ""; }

.fa-user:before { content: ""; }

.fa-film:before { content: ""; }

.fa-th-large:before { content: ""; }

.fa-th:before { content: ""; }

.fa-th-list:before { content: ""; }

.fa-check:before { content: ""; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: ""; }

.fa-search-plus:before { content: ""; }

.fa-search-minus:before { content: ""; }

.fa-power-off:before { content: ""; }

.fa-signal:before { content: ""; }

.fa-gear:before, .fa-cog:before { content: ""; }

.fa-trash-o:before { content: ""; }

.fa-home:before { content: ""; }

.fa-file-o:before { content: ""; }

.fa-clock-o:before { content: ""; }

.fa-road:before { content: ""; }

.fa-download:before { content: ""; }

.fa-arrow-circle-o-down:before { content: ""; }

.fa-arrow-circle-o-up:before { content: ""; }

.fa-inbox:before { content: ""; }

.fa-play-circle-o:before { content: ""; }

.fa-rotate-right:before, .fa-repeat:before { content: ""; }

.fa-refresh:before { content: ""; }

.fa-list-alt:before { content: ""; }

.fa-lock:before { content: ""; }

.fa-flag:before { content: ""; }

.fa-headphones:before { content: ""; }

.fa-volume-off:before { content: ""; }

.fa-volume-down:before { content: ""; }

.fa-volume-up:before { content: ""; }

.fa-qrcode:before { content: ""; }

.fa-barcode:before { content: ""; }

.fa-tag:before { content: ""; }

.fa-tags:before { content: ""; }

.fa-book:before { content: ""; }

.fa-bookmark:before { content: ""; }

.fa-print:before { content: ""; }

.fa-camera:before { content: ""; }

.fa-font:before { content: ""; }

.fa-bold:before { content: ""; }

.fa-italic:before { content: ""; }

.fa-text-height:before { content: ""; }

.fa-text-width:before { content: ""; }

.fa-align-left:before { content: ""; }

.fa-align-center:before { content: ""; }

.fa-align-right:before { content: ""; }

.fa-align-justify:before { content: ""; }

.fa-list:before { content: ""; }

.fa-dedent:before, .fa-outdent:before { content: ""; }

.fa-indent:before { content: ""; }

.fa-video-camera:before { content: ""; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; }

.fa-pencil:before { content: ""; }

.fa-map-marker:before { content: ""; }

.fa-adjust:before { content: ""; }

.fa-tint:before { content: ""; }

.fa-edit:before, .fa-pencil-square-o:before { content: ""; }

.fa-share-square-o:before { content: ""; }

.fa-check-square-o:before { content: ""; }

.fa-arrows:before { content: ""; }

.fa-step-backward:before { content: ""; }

.fa-fast-backward:before { content: ""; }

.fa-backward:before { content: ""; }

.fa-play:before { content: ""; }

.fa-pause:before { content: ""; }

.fa-stop:before { content: ""; }

.fa-forward:before { content: ""; }

.fa-fast-forward:before { content: ""; }

.fa-step-forward:before { content: ""; }

.fa-eject:before { content: ""; }

.fa-chevron-left:before { content: ""; }

.fa-chevron-right:before { content: ""; }

.fa-plus-circle:before { content: ""; }

.fa-minus-circle:before { content: ""; }

.fa-times-circle:before { content: ""; }

.fa-check-circle:before { content: ""; }

.fa-question-circle:before { content: ""; }

.fa-info-circle:before { content: ""; }

.fa-crosshairs:before { content: ""; }

.fa-times-circle-o:before { content: ""; }

.fa-check-circle-o:before { content: ""; }

.fa-ban:before { content: ""; }

.fa-arrow-left:before { content: ""; }

.fa-arrow-right:before { content: ""; }

.fa-arrow-up:before { content: ""; }

.fa-arrow-down:before { content: ""; }

.fa-mail-forward:before, .fa-share:before { content: ""; }

.fa-expand:before { content: ""; }

.fa-compress:before { content: ""; }

.fa-plus:before { content: ""; }

.fa-minus:before { content: ""; }

.fa-asterisk:before { content: ""; }

.fa-exclamation-circle:before { content: ""; }

.fa-gift:before { content: ""; }

.fa-leaf:before { content: ""; }

.fa-fire:before { content: ""; }

.fa-eye:before { content: ""; }

.fa-eye-slash:before { content: ""; }

.fa-warning:before, .fa-exclamation-triangle:before { content: ""; }

.fa-plane:before { content: ""; }

.fa-calendar:before { content: ""; }

.fa-random:before { content: ""; }

.fa-comment:before { content: ""; }

.fa-magnet:before { content: ""; }

.fa-chevron-up:before { content: ""; }

.fa-chevron-down:before { content: ""; }

.fa-retweet:before { content: ""; }

.fa-shopping-cart:before { content: ""; }

.fa-folder:before { content: ""; }

.fa-folder-open:before { content: ""; }

.fa-arrows-v:before { content: ""; }

.fa-arrows-h:before { content: ""; }

.fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; }

.fa-twitter-square:before { content: ""; }

.fa-facebook-square:before { content: ""; }

.fa-camera-retro:before { content: ""; }

.fa-key:before { content: ""; }

.fa-gears:before, .fa-cogs:before { content: ""; }

.fa-comments:before { content: ""; }

.fa-thumbs-o-up:before { content: ""; }

.fa-thumbs-o-down:before { content: ""; }

.fa-star-half:before { content: ""; }

.fa-heart-o:before { content: ""; }

.fa-sign-out:before { content: ""; }

.fa-linkedin-square:before { content: ""; }

.fa-thumb-tack:before { content: ""; }

.fa-external-link:before { content: ""; }

.fa-sign-in:before { content: ""; }

.fa-trophy:before { content: ""; }

.fa-github-square:before { content: ""; }

.fa-upload:before { content: ""; }

.fa-lemon-o:before { content: ""; }

.fa-phone:before { content: ""; }

.fa-square-o:before { content: ""; }

.fa-bookmark-o:before { content: ""; }

.fa-phone-square:before { content: ""; }

.fa-twitter:before { content: ""; }

.fa-facebook-f:before, .fa-facebook:before { content: ""; }

.fa-github:before { content: ""; }

.fa-unlock:before { content: ""; }

.fa-credit-card:before { content: ""; }

.fa-feed:before, .fa-rss:before { content: ""; }

.fa-hdd-o:before { content: ""; }

.fa-bullhorn:before { content: ""; }

.fa-bell:before { content: ""; }

.fa-certificate:before { content: ""; }

.fa-hand-o-right:before { content: ""; }

.fa-hand-o-left:before { content: ""; }

.fa-hand-o-up:before { content: ""; }

.fa-hand-o-down:before { content: ""; }

.fa-arrow-circle-left:before { content: ""; }

.fa-arrow-circle-right:before { content: ""; }

.fa-arrow-circle-up:before { content: ""; }

.fa-arrow-circle-down:before { content: ""; }

.fa-globe:before { content: ""; }

.fa-wrench:before { content: ""; }

.fa-tasks:before { content: ""; }

.fa-filter:before { content: ""; }

.fa-briefcase:before { content: ""; }

.fa-arrows-alt:before { content: ""; }

.fa-group:before, .fa-users:before { content: ""; }

.fa-chain:before, .fa-link:before { content: ""; }

.fa-cloud:before { content: ""; }

.fa-flask:before { content: ""; }

.fa-cut:before, .fa-scissors:before { content: ""; }

.fa-copy:before, .fa-files-o:before { content: ""; }

.fa-paperclip:before { content: ""; }

.fa-save:before, .fa-floppy-o:before { content: ""; }

.fa-square:before { content: ""; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; }

.fa-list-ul:before { content: ""; }

.fa-list-ol:before { content: ""; }

.fa-strikethrough:before { content: ""; }

.fa-underline:before { content: ""; }

.fa-table:before { content: ""; }

.fa-magic:before { content: ""; }

.fa-truck:before { content: ""; }

.fa-pinterest:before { content: ""; }

.fa-pinterest-square:before { content: ""; }

.fa-google-plus-square:before { content: ""; }

.fa-google-plus:before { content: ""; }

.fa-money:before { content: ""; }

.fa-caret-down:before { content: ""; }

.fa-caret-up:before { content: ""; }

.fa-caret-left:before { content: ""; }

.fa-caret-right:before { content: ""; }

.fa-columns:before { content: ""; }

.fa-unsorted:before, .fa-sort:before { content: ""; }

.fa-sort-down:before, .fa-sort-desc:before { content: ""; }

.fa-sort-up:before, .fa-sort-asc:before { content: ""; }

.fa-envelope:before { content: ""; }

.fa-linkedin:before { content: ""; }

.fa-rotate-left:before, .fa-undo:before { content: ""; }

.fa-legal:before, .fa-gavel:before { content: ""; }

.fa-dashboard:before, .fa-tachometer:before { content: ""; }

.fa-comment-o:before { content: ""; }

.fa-comments-o:before { content: ""; }

.fa-flash:before, .fa-bolt:before { content: ""; }

.fa-sitemap:before { content: ""; }

.fa-umbrella:before { content: ""; }

.fa-paste:before, .fa-clipboard:before { content: ""; }

.fa-lightbulb-o:before { content: ""; }

.fa-exchange:before { content: ""; }

.fa-cloud-download:before { content: ""; }

.fa-cloud-upload:before { content: ""; }

.fa-user-md:before { content: ""; }

.fa-stethoscope:before { content: ""; }

.fa-suitcase:before { content: ""; }

.fa-bell-o:before { content: ""; }

.fa-coffee:before { content: ""; }

.fa-cutlery:before { content: ""; }

.fa-file-text-o:before { content: ""; }

.fa-building-o:before { content: ""; }

.fa-hospital-o:before { content: ""; }

.fa-ambulance:before { content: ""; }

.fa-medkit:before { content: ""; }

.fa-fighter-jet:before { content: ""; }

.fa-beer:before { content: ""; }

.fa-h-square:before { content: ""; }

.fa-plus-square:before { content: ""; }

.fa-angle-double-left:before { content: ""; }

.fa-angle-double-right:before { content: ""; }

.fa-angle-double-up:before { content: ""; }

.fa-angle-double-down:before { content: ""; }

.fa-angle-left:before { content: ""; }

.fa-angle-right:before { content: ""; }

.fa-angle-up:before { content: ""; }

.fa-angle-down:before { content: ""; }

.fa-desktop:before { content: ""; }

.fa-laptop:before { content: ""; }

.fa-tablet:before { content: ""; }

.fa-mobile-phone:before, .fa-mobile:before { content: ""; }

.fa-circle-o:before { content: ""; }

.fa-quote-left:before { content: ""; }

.fa-quote-right:before { content: ""; }

.fa-spinner:before { content: ""; }

.fa-circle:before { content: ""; }

.fa-mail-reply:before, .fa-reply:before { content: ""; }

.fa-github-alt:before { content: ""; }

.fa-folder-o:before { content: ""; }

.fa-folder-open-o:before { content: ""; }

.fa-smile-o:before { content: ""; }

.fa-frown-o:before { content: ""; }

.fa-meh-o:before { content: ""; }

.fa-gamepad:before { content: ""; }

.fa-keyboard-o:before { content: ""; }

.fa-flag-o:before { content: ""; }

.fa-flag-checkered:before { content: ""; }

.fa-terminal:before { content: ""; }

.fa-code:before { content: ""; }

.fa-mail-reply-all:before, .fa-reply-all:before { content: ""; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; }

.fa-location-arrow:before { content: ""; }

.fa-crop:before { content: ""; }

.fa-code-fork:before { content: ""; }

.fa-unlink:before, .fa-chain-broken:before { content: ""; }

.fa-question:before { content: ""; }

.fa-info:before { content: ""; }

.fa-exclamation:before { content: ""; }

.fa-superscript:before { content: ""; }

.fa-subscript:before { content: ""; }

.fa-eraser:before { content: ""; }

.fa-puzzle-piece:before { content: ""; }

.fa-microphone:before { content: ""; }

.fa-microphone-slash:before { content: ""; }

.fa-shield:before { content: ""; }

.fa-calendar-o:before { content: ""; }

.fa-fire-extinguisher:before { content: ""; }

.fa-rocket:before { content: ""; }

.fa-maxcdn:before { content: ""; }

.fa-chevron-circle-left:before { content: ""; }

.fa-chevron-circle-right:before { content: ""; }

.fa-chevron-circle-up:before { content: ""; }

.fa-chevron-circle-down:before { content: ""; }

.fa-html5:before { content: ""; }

.fa-css3:before { content: ""; }

.fa-anchor:before { content: ""; }

.fa-unlock-alt:before { content: ""; }

.fa-bullseye:before { content: ""; }

.fa-ellipsis-h:before { content: ""; }

.fa-ellipsis-v:before { content: ""; }

.fa-rss-square:before { content: ""; }

.fa-play-circle:before { content: ""; }

.fa-ticket:before { content: ""; }

.fa-minus-square:before { content: ""; }

.fa-minus-square-o:before { content: ""; }

.fa-level-up:before { content: ""; }

.fa-level-down:before { content: ""; }

.fa-check-square:before { content: ""; }

.fa-pencil-square:before { content: ""; }

.fa-external-link-square:before { content: ""; }

.fa-share-square:before { content: ""; }

.fa-compass:before { content: ""; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; }

.fa-euro:before, .fa-eur:before { content: ""; }

.fa-gbp:before { content: ""; }

.fa-dollar:before, .fa-usd:before { content: ""; }

.fa-rupee:before, .fa-inr:before { content: ""; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; }

.fa-won:before, .fa-krw:before { content: ""; }

.fa-bitcoin:before, .fa-btc:before { content: ""; }

.fa-file:before { content: ""; }

.fa-file-text:before { content: ""; }

.fa-sort-alpha-asc:before { content: ""; }

.fa-sort-alpha-desc:before { content: ""; }

.fa-sort-amount-asc:before { content: ""; }

.fa-sort-amount-desc:before { content: ""; }

.fa-sort-numeric-asc:before { content: ""; }

.fa-sort-numeric-desc:before { content: ""; }

.fa-thumbs-up:before { content: ""; }

.fa-thumbs-down:before { content: ""; }

.fa-youtube-square:before { content: ""; }

.fa-youtube:before { content: ""; }

.fa-xing:before { content: ""; }

.fa-xing-square:before { content: ""; }

.fa-youtube-play:before { content: ""; }

.fa-dropbox:before { content: ""; }

.fa-stack-overflow:before { content: ""; }

.fa-instagram:before { content: ""; }

.fa-flickr:before { content: ""; }

.fa-adn:before { content: ""; }

.fa-bitbucket:before { content: ""; }

.fa-bitbucket-square:before { content: ""; }

.fa-tumblr:before { content: ""; }

.fa-tumblr-square:before { content: ""; }

.fa-long-arrow-down:before { content: ""; }

.fa-long-arrow-up:before { content: ""; }

.fa-long-arrow-left:before { content: ""; }

.fa-long-arrow-right:before { content: ""; }

.fa-apple:before { content: ""; }

.fa-windows:before { content: ""; }

.fa-android:before { content: ""; }

.fa-linux:before { content: ""; }

.fa-dribbble:before { content: ""; }

.fa-skype:before { content: ""; }

.fa-foursquare:before { content: ""; }

.fa-trello:before { content: ""; }

.fa-female:before { content: ""; }

.fa-male:before { content: ""; }

.fa-gittip:before, .fa-gratipay:before { content: ""; }

.fa-sun-o:before { content: ""; }

.fa-moon-o:before { content: ""; }

.fa-archive:before { content: ""; }

.fa-bug:before { content: ""; }

.fa-vk:before { content: ""; }

.fa-weibo:before { content: ""; }

.fa-renren:before { content: ""; }

.fa-pagelines:before { content: ""; }

.fa-stack-exchange:before { content: ""; }

.fa-arrow-circle-o-right:before { content: ""; }

.fa-arrow-circle-o-left:before { content: ""; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; }

.fa-dot-circle-o:before { content: ""; }

.fa-wheelchair:before { content: ""; }

.fa-vimeo-square:before { content: ""; }

.fa-turkish-lira:before, .fa-try:before { content: ""; }

.fa-plus-square-o:before { content: ""; }

.fa-space-shuttle:before { content: ""; }

.fa-slack:before { content: ""; }

.fa-envelope-square:before { content: ""; }

.fa-wordpress:before { content: ""; }

.fa-openid:before { content: ""; }

.fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: ""; }

.fa-yahoo:before { content: ""; }

.fa-google:before { content: ""; }

.fa-reddit:before { content: ""; }

.fa-reddit-square:before { content: ""; }

.fa-stumbleupon-circle:before { content: ""; }

.fa-stumbleupon:before { content: ""; }

.fa-delicious:before { content: ""; }

.fa-digg:before { content: ""; }

.fa-pied-piper:before { content: ""; }

.fa-pied-piper-alt:before { content: ""; }

.fa-drupal:before { content: ""; }

.fa-joomla:before { content: ""; }

.fa-language:before { content: ""; }

.fa-fax:before { content: ""; }

.fa-building:before { content: ""; }

.fa-child:before { content: ""; }

.fa-paw:before { content: ""; }

.fa-spoon:before { content: ""; }

.fa-cube:before { content: ""; }

.fa-cubes:before { content: ""; }

.fa-behance:before { content: ""; }

.fa-behance-square:before { content: ""; }

.fa-steam:before { content: ""; }

.fa-steam-square:before { content: ""; }

.fa-recycle:before { content: ""; }

.fa-automobile:before, .fa-car:before { content: ""; }

.fa-cab:before, .fa-taxi:before { content: ""; }

.fa-tree:before { content: ""; }

.fa-spotify:before { content: ""; }

.fa-deviantart:before { content: ""; }

.fa-soundcloud:before { content: ""; }

.fa-database:before { content: ""; }

.fa-file-pdf-o:before { content: ""; }

.fa-file-word-o:before { content: ""; }

.fa-file-excel-o:before { content: ""; }

.fa-file-powerpoint-o:before { content: ""; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: ""; }

.fa-file-code-o:before { content: ""; }

.fa-vine:before { content: ""; }

.fa-codepen:before { content: ""; }

.fa-jsfiddle:before { content: ""; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; }

.fa-circle-o-notch:before { content: ""; }

.fa-ra:before, .fa-rebel:before { content: ""; }

.fa-ge:before, .fa-empire:before { content: ""; }

.fa-git-square:before { content: ""; }

.fa-git:before { content: ""; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; }

.fa-tencent-weibo:before { content: ""; }

.fa-qq:before { content: ""; }

.fa-wechat:before, .fa-weixin:before { content: ""; }

.fa-send:before, .fa-paper-plane:before { content: ""; }

.fa-send-o:before, .fa-paper-plane-o:before { content: ""; }

.fa-history:before { content: ""; }

.fa-circle-thin:before { content: ""; }

.fa-header:before { content: ""; }

.fa-paragraph:before { content: ""; }

.fa-sliders:before { content: ""; }

.fa-share-alt:before { content: ""; }

.fa-share-alt-square:before { content: ""; }

.fa-bomb:before { content: ""; }

.fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; }

.fa-tty:before { content: ""; }

.fa-binoculars:before { content: ""; }

.fa-plug:before { content: ""; }

.fa-slideshare:before { content: ""; }

.fa-twitch:before { content: ""; }

.fa-yelp:before { content: ""; }

.fa-newspaper-o:before { content: ""; }

.fa-wifi:before { content: ""; }

.fa-calculator:before { content: ""; }

.fa-paypal:before { content: ""; }

.fa-google-wallet:before { content: ""; }

.fa-cc-visa:before { content: ""; }

.fa-cc-mastercard:before { content: ""; }

.fa-cc-discover:before { content: ""; }

.fa-cc-amex:before { content: ""; }

.fa-cc-paypal:before { content: ""; }

.fa-cc-stripe:before { content: ""; }

.fa-bell-slash:before { content: ""; }

.fa-bell-slash-o:before { content: ""; }

.fa-trash:before { content: ""; }

.fa-copyright:before { content: ""; }

.fa-at:before { content: ""; }

.fa-eyedropper:before { content: ""; }

.fa-paint-brush:before { content: ""; }

.fa-birthday-cake:before { content: ""; }

.fa-area-chart:before { content: ""; }

.fa-pie-chart:before { content: ""; }

.fa-line-chart:before { content: ""; }

.fa-lastfm:before { content: ""; }

.fa-lastfm-square:before { content: ""; }

.fa-toggle-off:before { content: ""; }

.fa-toggle-on:before { content: ""; }

.fa-bicycle:before { content: ""; }

.fa-bus:before { content: ""; }

.fa-ioxhost:before { content: ""; }

.fa-angellist:before { content: ""; }

.fa-cc:before { content: ""; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; }

.fa-meanpath:before { content: ""; }

.fa-buysellads:before { content: ""; }

.fa-connectdevelop:before { content: ""; }

.fa-dashcube:before { content: ""; }

.fa-forumbee:before { content: ""; }

.fa-leanpub:before { content: ""; }

.fa-sellsy:before { content: ""; }

.fa-shirtsinbulk:before { content: ""; }

.fa-simplybuilt:before { content: ""; }

.fa-skyatlas:before { content: ""; }

.fa-cart-plus:before { content: ""; }

.fa-cart-arrow-down:before { content: ""; }

.fa-diamond:before { content: ""; }

.fa-ship:before { content: ""; }

.fa-user-secret:before { content: ""; }

.fa-motorcycle:before { content: ""; }

.fa-street-view:before { content: ""; }

.fa-heartbeat:before { content: ""; }

.fa-venus:before { content: ""; }

.fa-mars:before { content: ""; }

.fa-mercury:before { content: ""; }

.fa-intersex:before, .fa-transgender:before { content: ""; }

.fa-transgender-alt:before { content: ""; }

.fa-venus-double:before { content: ""; }

.fa-mars-double:before { content: ""; }

.fa-venus-mars:before { content: ""; }

.fa-mars-stroke:before { content: ""; }

.fa-mars-stroke-v:before { content: ""; }

.fa-mars-stroke-h:before { content: ""; }

.fa-neuter:before { content: ""; }

.fa-genderless:before { content: ""; }

.fa-facebook-official:before { content: ""; }

.fa-pinterest-p:before { content: ""; }

.fa-whatsapp:before { content: ""; }

.fa-server:before { content: ""; }

.fa-user-plus:before { content: ""; }

.fa-user-times:before { content: ""; }

.fa-hotel:before, .fa-bed:before { content: ""; }

.fa-viacoin:before { content: ""; }

.fa-train:before { content: ""; }

.fa-subway:before { content: ""; }

.fa-medium:before { content: ""; }

.fa-yc:before, .fa-y-combinator:before { content: ""; }

.fa-optin-monster:before { content: ""; }

.fa-opencart:before { content: ""; }

.fa-expeditedssl:before { content: ""; }

.fa-battery-4:before, .fa-battery-full:before { content: ""; }

.fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; }

.fa-battery-2:before, .fa-battery-half:before { content: ""; }

.fa-battery-1:before, .fa-battery-quarter:before { content: ""; }

.fa-battery-0:before, .fa-battery-empty:before { content: ""; }

.fa-mouse-pointer:before { content: ""; }

.fa-i-cursor:before { content: ""; }

.fa-object-group:before { content: ""; }

.fa-object-ungroup:before { content: ""; }

.fa-sticky-note:before { content: ""; }

.fa-sticky-note-o:before { content: ""; }

.fa-cc-jcb:before { content: ""; }

.fa-cc-diners-club:before { content: ""; }

.fa-clone:before { content: ""; }

.fa-balance-scale:before { content: ""; }

.fa-hourglass-o:before { content: ""; }

.fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; }

.fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; }

.fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; }

.fa-hourglass:before { content: ""; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; }

.fa-hand-scissors-o:before { content: ""; }

.fa-hand-lizard-o:before { content: ""; }

.fa-hand-spock-o:before { content: ""; }

.fa-hand-pointer-o:before { content: ""; }

.fa-hand-peace-o:before { content: ""; }

.fa-trademark:before { content: ""; }

.fa-registered:before { content: ""; }

.fa-creative-commons:before { content: ""; }

.fa-gg:before { content: ""; }

.fa-gg-circle:before { content: ""; }

.fa-tripadvisor:before { content: ""; }

.fa-odnoklassniki:before { content: ""; }

.fa-odnoklassniki-square:before { content: ""; }

.fa-get-pocket:before { content: ""; }

.fa-wikipedia-w:before { content: ""; }

.fa-safari:before { content: ""; }

.fa-chrome:before { content: ""; }

.fa-firefox:before { content: ""; }

.fa-opera:before { content: ""; }

.fa-internet-explorer:before { content: ""; }

.fa-tv:before, .fa-television:before { content: ""; }

.fa-contao:before { content: ""; }

.fa-500px:before { content: ""; }

.fa-amazon:before { content: ""; }

.fa-calendar-plus-o:before { content: ""; }

.fa-calendar-minus-o:before { content: ""; }

.fa-calendar-times-o:before { content: ""; }

.fa-calendar-check-o:before { content: ""; }

.fa-industry:before { content: ""; }

.fa-map-pin:before { content: ""; }

.fa-map-signs:before { content: ""; }

.fa-map-o:before { content: ""; }

.fa-map:before { content: ""; }

.fa-commenting:before { content: ""; }

.fa-commenting-o:before { content: ""; }

.fa-houzz:before { content: ""; }

.fa-vimeo:before { content: ""; }

.fa-black-tie:before { content: ""; }

.fa-fonticons:before { content: ""; }

.fa-reddit-alien:before { content: ""; }

.fa-edge:before { content: ""; }

.fa-credit-card-alt:before { content: ""; }

.fa-codiepie:before { content: ""; }

.fa-modx:before { content: ""; }

.fa-fort-awesome:before { content: ""; }

.fa-usb:before { content: ""; }

.fa-product-hunt:before { content: ""; }

.fa-mixcloud:before { content: ""; }

.fa-scribd:before { content: ""; }

.fa-pause-circle:before { content: ""; }

.fa-pause-circle-o:before { content: ""; }

.fa-stop-circle:before { content: ""; }

.fa-stop-circle-o:before { content: ""; }

.fa-shopping-bag:before { content: ""; }

.fa-shopping-basket:before { content: ""; }

.fa-hashtag:before { content: ""; }

.fa-bluetooth:before { content: ""; }

.fa-bluetooth-b:before { content: ""; }

.fa-percent:before { content: ""; }

/*! Pushy - v1.0.0 - 2016-3-1 Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. https://github.com/christophery/pushy/ by Christopher Yee */
/* Menu Appearance */
.pushy { position: fixed; width: 200px; height: 100%; top: 0; z-index: 9999; background: #191918; overflow: auto; visibility: hidden; -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */ }

.pushy a { display: block; color: #b3b3b1; padding: 15px 30px; text-decoration: none; outline: 0; }

.pushy a:hover { color: #FFF; }

.pushy ul:first-child { margin-top: 10px; }

.pushy.pushy-left { left: 0; }

.pushy.pushy-right { right: 0; }

/* Menu Movement */
.pushy-left { -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); }

.pushy-open-left #container, .pushy-open-left .push { -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); }

.pushy-right { -webkit-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); }

.pushy-open-right #container, .pushy-open-right .push { -webkit-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); }

.pushy-open-left .pushy, .pushy-open-right .pushy { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* Menu Transitions */
#container, .pushy, .push { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99), -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }

/* Site Overlay */
.site-overlay { display: none; }

.pushy-open-left .site-overlay, .pushy-open-right .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: rgba(0, 0, 0, 0.5); -webkit-animation: fade 500ms; animation: fade 500ms; }

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

@-webkit-keyframes fade { 0% { opacity: 0; }
  100% { opacity: 1; } }

/* Submenu Appearance */
.pushy-submenu { /* Submenu Icon */ }

.pushy-submenu ul { padding-left: 15px; -webkit-transition: max-height 0.2s ease-in-out; transition: max-height 0.2s ease-in-out; }

.pushy-submenu ul .pushy-link { -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

.pushy-submenu > a { position: relative; }

.pushy-submenu > a::after { content: ''; display: block; height: 11px; width: 8px; position: absolute; top: 50%; right: 15px; background: url("../img/arrow.svg") no-repeat; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; }

/* Submenu Movement */
.pushy-submenu-closed ul { max-height: 0; overflow: hidden; }

.pushy-submenu-closed .pushy-link { opacity: 0; }

.pushy-submenu-open { /* Submenu Icon */ }

.pushy-submenu-open ul { max-height: 1000px; }

.pushy-submenu-open .pushy-link { opacity: 1; }

.pushy-submenu-open a::after { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); }

.no-csstransforms3d .pushy-submenu-closed ul { max-height: none; display: none; }

.bg--image, .bg--light-blue, .bg--blue, .bg--dark-blue, .bg--green, .bg--orange, .bg--red, .bg--yellow { color: #FFF; }

.bg--image a, .bg--light-blue a, .bg--blue a, .bg--dark-blue a, .bg--green a, .bg--orange a, .bg--red a, .bg--yellow a { color: #FFF; text-decoration: underline; }

.bg--image a:hover, .bg--light-blue a:hover, .bg--blue a:hover, .bg--dark-blue a:hover, .bg--green a:hover, .bg--orange a:hover, .bg--red a:hover, .bg--yellow a:hover { color: #DDD; }

.bg--light-blue { background-color: #7bbdd6; }

.bg--blue { background-color: #498BCA; }

.bg--dark-blue { background-color: #25408f; }

.bg--green { background-color: #3a9e42; }

.bg--orange { background-color: #f68b1f; }

.bg--red { background-color: #ed1c24; }

.bg--yellow { background-color: #fcaf17; }

.bg--grey { background-color: #EEE; }

.bg--s.bg--blue { background-image: url("img/s-shape-blue.svg"); background-repeat: no-repeat; }

.bg--s.bg--green { background-image: url("img/s-shape-green.svg"); background-repeat: no-repeat; }

.bg--white .text--faded { color: #666; }

.bg--darken-1, .bg--darken-2, .bg--darken-3, .bg--darken-4, .bg--darken-5 { position: relative; }

.bg--darken-1:before, .bg--darken-2:before, .bg--darken-3:before, .bg--darken-4:before, .bg--darken-5:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.bg--darken-1:before { background-color: rgba(0, 0, 0, 0.1); }

.bg--darken-2:before { background-color: rgba(0, 0, 0, 0.2); }

.bg--darken-3:before { background-color: rgba(0, 0, 0, 0.3); }

.bg--darken-4:before { background-color: rgba(0, 0, 0, 0.4); }

.bg--darken-5:before { background-color: rgba(0, 0, 0, 0.5); }

img { max-width: 100%; }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; line-height: 1.4; color: #333; }

.wf-loading body { visibility: hidden; }

h1, h2, h3, h4, h5, h6 { font-family: "ingra-condensed", sans-serif; }

h3 { font-size: 50px; font-weight: 300; margin: 0; margin-bottom: 25.2px; line-height: 1; }

h4 { font-size: 30px; font-weight: 300; margin: 0; margin-bottom: 25.2px; line-height: 1; }

p { margin: 25.2px 0; }

a { color: #498BCA; text-decoration: none; -webkit-transition: 0.3s color; transition: 0.3s color; }

a:hover { color: #98bde1; }

small { font-size: 14px; }

.fs-plus-1 { font-size: 20px; }

.fs-plus-2 { font-size: 22px; }

.fs-plus-3 { font-size: 31px; }

.float--left { float: left; }

.float--right { float: right; }

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

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

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

.text--2-lines { min-height: 2em; }

.soft--top, .soft--ends, .soft { padding-top: 25.2px !important; }

.soft--bottom, .soft--ends, .soft { padding-bottom: 25.2px !important; }

.soft--left, .soft--sides, .soft { padding-left: 25.2px !important; }

.soft--right, .soft--sides, .soft { padding-right: 25.2px !important; }

.soft-half--top, .soft-half--ends { padding-top: 12.6px !important; }

.soft-half--bottom, .soft-half--ends { padding-bottom: 12.6px !important; }

.soft-half--left, .soft-half--sides { padding-left: 12.6px !important; }

.soft-half--right, .soft-half--sides { padding-right: 12.6px !important; }

.hard--top, .hard--ends { padding-top: 0 !important; }

.hard--bottom, .hard--ends { padding-bottom: 0 !important; }

.push--top, .push--ends { margin-top: 25.2px !important; }

.push--bottom, .push--ends { margin-bottom: 25.2px !important; }

.push--left { margin-left: 25.2px !important; }

.push--right { margin-right: 25.2px !important; }

.push-half--top, .push-half--ends { margin-top: 12.6px !important; }

.push-half--bottom, .push-half--ends { margin-bottom: 12.6px !important; }

.push-half--left { margin-left: 12.6px !important; }

.push-half--right { margin-right: 12.6px !important; }

.flush--top, .flush--ends { margin-top: 0 !important; }

.flush--bottom, .flush--ends { margin-bottom: 0 !important; }

.flush--left { margin-left: 0 !important; }

.flush--right { margin-right: 0 !important; }

.bg--image, .application__image, .cta-split__image, .header, .project, .tb-on-image__image { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.last-p-hard p:last-child { margin-bottom: 0; }

.first-p-hard p:first-child { margin-top: 0; }

.overflow--hidden { overflow: hidden; }

@media only screen and (max-width: 480px) { .hidden--palm { display: none !important; } }

@media only screen and (min-width: 481px) { .hidden--non-palm { display: none !important; } }

@media only screen and (max-width: 700px) { .hidden--small-lap-and-down { display: none !important; } }

@media only screen and (min-width: 481px) and (max-width: 700px) { .hidden--small-lap { display: none !important; } }

@media only screen and (min-width: 701px) and (max-width: 1023px) { .hidden--large-lap { display: none !important; } }

@media only screen and (min-width: 701px) { .hidden--large-lap-and-up { display: none !important; } }

@media only screen and (min-width: 481px) and (max-width: 1023px) { .hidden--lap { display: none !important; } }

@media only screen and (max-width: 1023px) { .hidden--portable { display: none !important; } }

@media only screen and (min-width: 1024px) { .hidden--desk { display: none !important; } }

.accolade { margin-top: 50.4px; }

.accolade__logo { height: 50px; line-height: 50px; vertical-align: middle; }

.accolade__text { margin-top: 12.6px; }

.application { position: relative; }

.application__image { height: 300px; }

.application__text { padding: 25.2px; }

.application__sdgs img { width: 70px; }

@media only screen and (min-width: 701px) { .application { margin-bottom: 175.2px; }
  .application__image { height: 600px; }
  .application__text { position: absolute; bottom: -150px; padding: 50.4px; }
  .application__text-inner { max-width: 579.6px; }
  .application + .application { margin-top: 250.8px; }
  .application--left .application__text { left: 0; right: calc(50% - 150px); }
  .application--left .application__text-inner { margin-left: auto; margin-right: 0; }
  .application--right .application__text { left: calc(50% - 150px); right: 0; } }

.bio-person__image, .bio-person__text { margin-bottom: 50.4px; }

.bio-person__text-inner { padding-left: 13.2px; }

@media only screen and (min-width: 1024px) { .bio-person__text-inner { padding-top: 25.2px; } }

@media only screen and (max-width: 480px) { .bio-person__image { margin-bottom: 25.2px; text-align: center; }
  .bio-person__text-inner { padding-left: 0; } }

@media only screen and (max-width: 700px) { .bullet { margin-top: 50.4px; }
  .bullet__icon { display: none; }
  .bullet__text { margin-bottom: 25.2px; }
  .bullet__image { text-align: center; } }

@media only screen and (min-width: 701px) { .bullet { display: table; position: relative; }
  .bullet__text, .bullet__image { display: table-cell; vertical-align: middle; width: 50%; }
  .bullet__text { padding: 55.2px 75.6px 25.2px 75.6px; }
  .bullet__image { position: relative; padding: 30px 75.6px 0 75.6px; }
  .bullet__image img { border: 1px dashed #ddd; padding: 1px; width: 100%; box-sizing: border-box; z-index: 2; position: relative; background-color: #FFF; }
  .bullet__image:before { border-top: 1px dashed #ddd; content: ''; display: block; width: 100px; height: 5px; position: absolute; top: calc(50% + 15px); z-index: 1; }
  .bullet:nth-child(2n) { direction: rtl; }
  .bullet:nth-child(2n) .bullet__text, .bullet:nth-child(2n) .bullet_image { direction: ltr; }
  .bullet:nth-child(2n) .bullet__text { padding-right: 0; border-left: 1px dashed #ddd; }
  .bullet:nth-child(2n) .bullet__image { padding-left: 0; }
  .bullet:nth-child(2n) .bullet__image:before { right: 0; }
  .bullet:nth-child(2n+1) .bullet__text { padding-left: 0; }
  .bullet:nth-child(2n+1) .bullet__image { border-left: 1px dashed #ddd; padding-right: 0; }
  .bullet:nth-child(2n+1) .bullet__image:before { left: 0; } }

@media only screen and (min-width: 701px) and (max-width: 1023px) { .bullet__text { padding: 55.2px 50.4px 25.2px 50.4px; }
  .bullet__image { padding: 30px 50.4px 0 50.4px; } }

.button { display: inline-block; font-family: Helvetica; color: #498BCA; font-size: 14px; font-weight: 400; line-height: 28px; text-align: center; text-transform: uppercase; text-decoration: none !important; border-radius: 5px; border-width: 2px; border-color: #498BCA; border-style: solid; padding: 4px 25.2px; vertical-align: 3px; -webkit-transition: 0.3s color, 0.3s background-color; transition: 0.3s color, 0.3s background-color; }

.bg--white .button { background-color: #FFF; }

.button:hover { color: #FFF; background-color: #498BCA; }

.bg--image .button, .bg--light-blue .button, .bg--blue .button, .bg--dark-blue .button, .bg--green .button, .bg--orange .button, .bg--red .button, .bg--yellow .button { color: #FFF; border-color: #FFF; }

.bg--image .button:hover, .bg--light-blue .button:hover, .bg--blue .button:hover, .bg--dark-blue .button:hover, .bg--green .button:hover, .bg--orange .button:hover, .bg--red .button:hover, .bg--yellow .button:hover { background-color: #FFF; }

.bg--light-blue .button:hover { color: #7bbdd6; }

.bg--blue .button:hover { color: #498BCA; }

.bg--dark-blue .button:hover { color: #25408f; }

.bg--green .button:hover { color: #3a9e42; }

.bg--orange .button:hover { color: #f68b1f; }

.bg--red .button:hover { color: #ed1c24; }

.bg--yellow .button:hover { color: #fcaf17; }

.bg--grey .button:hover { color: #EEE; }

.container { max-width: 960px; margin: 0 auto; padding: 0 25.2px; position: relative; }

.container--readable-width { max-width: 640px; }

.container--crazy-width { max-width: 1440px; padding: 0; }

.cta-about-us { height: calc(225px + 18vw); background: url("img/team.jpg") 50% 100%/calc(100% - 100.8px) no-repeat, -webkit-linear-gradient(top, #fffffe 0%, #fdf8ed 100%); background: url("img/team.jpg") 50% 100%/calc(100% - 100.8px) no-repeat, linear-gradient(to bottom, #fffffe 0%, #fdf8ed 100%); }

@media only screen and (min-width: 1024px) { .cta-about-us { height: 470px; background-size: 960px, 100%; } }

@media only screen and (max-width: 480px) { .cta-about-us { background-size: calc(100% - 50.4px), 100%; } }

@media only screen and (max-width: 700px) { .cta-split__image { display: none; }
  .cta-split__text-inner { text-align: center; padding: 50.4px; } }

@media only screen and (min-width: 701px) { .cta-split { display: table; width: 100%; min-height: 400px; }
  .cta-split__image, .cta-split__text { display: table-cell; width: 50%; }
  .cta-split__text { vertical-align: middle; }
  .cta-split__text-inner { padding: 75.6px 50.4px; width: 429.6px; }
  .cta-split--left .cta-split__text-inner { padding-left: 0; }
  .cta-split--right .cta-split__text-inner { padding-right: 0; } }

@media only screen and (min-width: 701px) and (max-width: 1023px) { .cta-split--left .cta-split__text-inner { padding-left: 50.4px; }
  .cta-split--right .cta-split__text-inner { padding-right: 50.4px; } }

.cta-split--left .cta-split__text-inner { margin-left: auto; margin-right: 0; }

@media only screen and (max-width: 700px) { .divided-items__left { margin-bottom: 50.4px; } }

@media only screen and (min-width: 701px) { .divided-items__left { padding-right: 50.4px; border-width: 0; border-right: 1px solid #ddd; }
  .divided-items__right { padding-left: 50.4px; } }

.footer { background-color: #333; color: #FFF; font-size: 14px; line-height: 24px; padding: 25.2px 0; }

@media only screen and (max-width: 700px) { .footer { text-align: center; } }

.footer a { color: #FFF; -webkit-transition: 0.3s color; transition: 0.3s color; text-decoration: underline; }

.footer a:hover { color: #AAA; }

.form input, .form textarea { width: 100%; margin-bottom: 12.6px; padding: 6.3px; font-size: 16px; box-sizing: border-box; }

.form .wpcf7-not-valid-tip { font-size: 14px; margin-top: -6.3px; margin-bottom: 12.6px; color: #ed1c24; }

.form ::-webkit-input-placeholder { color: #999; }

.form ::-moz-placeholder { color: #999; }

.form :-ms-input-placeholder { color: #999; }

.form ::placeholder { color: #999; }

div.wpcf7-validation-errors { border: none; color: #ed1c24; }

div.wpcf7-mail-sent-ok { border: none; color: #3a9e42; }

div.wpcf7-response-output { margin: 12.6px 0; padding: 0; }

.header { color: #FFF; position: relative; }

.header p { margin: 0; }

.header__menu { padding: 25.2px 0; }

.header__title { color: #FFF; font-size: 60px; font-weight: 300; margin-top: 50.4px; margin-bottom: 0; line-height: 1; }

@media only screen and (max-width: 700px) { .header__title { font-size: 48px; } }

.header__subtitle { color: #DDD; font-size: 22px; max-width: 300px; padding-bottom: 75.6px; }

.header__lower-text { font-size: 31px; font-family: "ingra-condensed", sans-serif; background-color: rgba(73, 139, 202, 0.9); padding: 50.4px 0; }

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

.header--home .header__title { margin-top: 126px; font-weight: 400; }

@media only screen and (max-width: 700px) { .header--home .header__title { margin-top: 50.4px; } }

.header--home .header__subtitle { max-width: 610px; margin-left: auto; margin-right: auto; font-family: "ingra-condensed", sans-serif; padding-bottom: 151.2px; }

@media only screen and (max-width: 700px) { .header--home .header__subtitle { padding-bottom: 75.6px; } }

#logo { margin: 0; }

#logo img { display: block; }

.main { min-height: 700px; background-color: #FFF; }

.meetup-badge { display: inline-block; background-color: #e0393d; width: 61px; height: 40px; border-radius: 3px; position: relative; vertical-align: -12px; margin-right: 8px; }

.meetup-badge:before { content: ''; display: block; position: absolute; left: 3px; bottom: 5px; background-color: #FFF; width: 55px; height: 24px; }

.meetup-bar { font-size: 20px; }

.meetup-bar__date { white-space: nowrap; }

@media only screen and (max-width: 480px) { .meetup-bar__button { margin-top: 12.6px; } }

.menu-btn { text-align: right; padding: 0 12.6px; font-family: "ingra-condensed", sans-serif; line-height: 64px; font-size: 22px; cursor: pointer; }

.menu { text-align: right; margin: 0; margin-right: -12.6px; line-height: 64px; font-weight: 400; font-family: "ingra-condensed", sans-serif; list-style: none; }

.menu li { display: inline-block; }

.menu li a { display: inline-block; padding: 0 12.6px; color: #FFF; text-transform: lowercase; text-decoration: none; }

.menu li a:hover { text-decoration: underline; }

.partner { padding: 25.2px; background-color: #5794ce; min-height: 250px; margin-top: 30px; margin-bottom: 25.2px; color: #EEE; position: relative; }

@media only screen and (min-width: 701px) and (max-width: 1023px) { .partner { min-height: 300px; } }

@media only screen and (max-width: 700px) { .partner { min-height: 0; } }

.partner__text { margin-top: -12.6px; }

.partner__logo { position: absolute; max-height: 52px; top: -30px; }

.person { position: relative; margin-bottom: 50.4px; }

.person__image, .person__hover-image { display: block; }

.person__image { position: relative; z-index: 2; -webkit-transition: 0.15s opacity; transition: 0.15s opacity; }

.person__hover-image { position: absolute; top: 0; z-index: 1; }

.person__name { margin: 12.6px 0; }

.person__linkedin { display: block; text-align: center; width: 21px; margin: 0 auto; }

.person__company-link { display: block; font-size: 14px; margin-top: -8.4px; }

.person--with-hover:hover .person__image { opacity: 0; }

.press-logos { padding-top: 12.6px; }

.press-logos__grid { line-height: 74.8px; margin-bottom: 12.6px; }

.press-logos__grid a { display: block; height: 74.8px; }

.press-logos__logo { max-height: 74.8px; vertical-align: middle; }

@media only screen and (max-width: 700px) { .press-logos__grid { line-height: 37.4px; }
  .press-logos__grid a { height: 37.4px; }
  .press-logos__logo { max-height: 37.4px; } }

.project { height: 310px; position: relative; display: block; }

.project__text { font-family: "ingra-condensed", sans-serif; position: absolute; width: 55%; bottom: 0; right: 0; text-align: left; font-size: 31px; padding: 12.6px 25.2px; }

@media only screen and (min-width: 701px) and (max-width: 1023px) { .project { height: 280px; }
  .project__text { width: 70%; } }

@media only screen and (min-width: 481px) and (max-width: 700px) { .project { height: 250px; } }

.project:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #FFF; opacity: 0; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; }

.project:hover:before { opacity: 0.4; }

.pushy { background-color: #498BCA; }

.pushy a { color: #FFF; -webkit-transition: 0.3s background-color; transition: 0.3s background-color; }

.pushy a:hover { background-color: #7bbdd6; }

.pushy ul { margin: 0; padding: 0; font-family: "ingra-condensed", sans-serif; list-style: none; text-transform: lowercase; }

.pushy ul li { padding: 0; }

.admin-bar .pushy { padding-top: 36px; }

.scanner { display: block; position: relative; max-width: 560px; margin: 0 auto; overflow: hidden; }

.scanner__img { max-width: 234px; margin-left: 50px; float: left; position: relative; z-index: 3; }

.scanner__icon { display: inline-block; vertical-align: middle; margin-right: 5px; width: 16px; height: 16px; text-align: center; }

.scanner__icon img { max-height: 100%; }

.scanner__title { width: 100px; float: right; clear: right; padding-top: 42px; margin-bottom: 0; }

.scanner__caption { display: block; width: 100px; float: right; clear: right; line-height: 1; margin-top: 4%; margin-right: 50px; }

.scanner__caption:after, .scanner__caption:before { display: block; content: ''; position: absolute; }

.scanner__caption:after { margin-right: 10px; margin-top: -9px; height: 1px; right: 150px; background: #ccc; }

.scanner__caption:before { border-radius: 50%; margin-left: -10px; margin-top: 7px; height: 4px; width: 4px; border: 1px solid #CCC; }

.scanner__caption--1:after { left: 30%; }

.scanner__caption--2:after { left: 40%; }

.scanner__caption--3:after { left: 45%; }

.scanner__caption--4:after { left: 45%; }

@media only screen and (min-width: 701px) { .scanner { text-align: left; }
  .scanner__icon { width: 30px; height: 30px; }
  .scanner__caption { line-height: 1.666667; margin-top: 14px; }
  .scanner__caption:before { margin-top: 13px; }
  .scanner__caption:after { margin-top: -16px; }
  .scanner__caption--1:after { left: 185px; }
  .scanner__caption--2:after { left: 200px; }
  .scanner__caption--3:after { left: 250px; }
  .scanner__caption--4:after { left: 250px; }
  .scanner--exploded { max-width: 960px; }
  .scanner--exploded .scanner__title { width: 370px; }
  .scanner--exploded .scanner__img { max-width: 49.0625%; margin-left: 0; }
  .scanner--exploded .scanner__caption { width: 370px; margin-right: 0; margin-top: 28px; }
  .scanner--exploded .scanner__caption:after { right: 390px; }
  .scanner--exploded .scanner__caption:before { margin-top: 12px; margin-left: -30px; }
  .scanner--exploded .scanner__caption--1:after { left: 180px; }
  .scanner--exploded .scanner__caption--2:after { left: 269px; }
  .scanner--exploded .scanner__caption--3:after { left: 312px; }
  .scanner--exploded .scanner__caption--4:after { left: 190px; }
  .scanner--exploded .scanner__caption--5:after { left: 328px; } }

@media only screen and (min-width: 1024px) { .scanner--exploded .scanner__img { max-width: 49.0625%; }
  .scanner--exploded .scanner__caption { margin-top: 32px; }
  .scanner--exploded .scanner__caption:first-of-type { margin-top: 70px; }
  .scanner--exploded .scanner__caption--2 { margin-top: 50px; }
  .scanner--exploded .scanner__caption--3 { margin-top: 25px; }
  .scanner--exploded .scanner__caption--4 { margin-top: 12px; } }

@media only screen and (min-width: 701px) and (max-width: 1023px) { .scanner--exploded .scanner__img { max-width: 350px; margin-left: 40px; }
  .scanner--exploded .scanner__title { width: 310px; padding-top: 14px; }
  .scanner--exploded .scanner__caption { width: 310px; margin-top: 20px; }
  .scanner--exploded .scanner__caption:after { right: 330px; }
  .scanner--exploded .scanner__caption--2 { margin-top: 50px; }
  .scanner--exploded .scanner__caption--3 { margin-top: 25px; }
  .scanner--exploded .scanner__caption--4 { margin-top: 12px; } }

@media (min-width: 701px) and (max-width: 800px) { .scanner--exploded .scanner__img { margin-left: 10px; }
  .scanner--exploded .scanner__title { width: 250px; }
  .scanner--exploded .scanner__caption { width: 250px; }
  .scanner--exploded .scanner__caption:after { right: 270px; }
  .scanner--exploded .scanner__caption--1:after { left: 150px; }
  .scanner--exploded .scanner__caption--2:after { left: 269px; }
  .scanner--exploded .scanner__caption--3:after { left: 312px; }
  .scanner--exploded .scanner__caption--4:after { left: 150px; }
  .scanner--exploded .scanner__caption--5:after { left: 318px; } }

@media only screen and (max-width: 700px) { .scanner__img, .scanner__title, .scanner__caption { float: none; text-align: center; margin-right: 0; }
  .scanner__img { max-width: 250px; box-sizing: border-box; margin: 0 auto; padding: 0 25.2px; display: block; }
  .scanner__title { width: 100% !important; }
  .scanner__title { margin-top: 25.2px; }
  .scanner__icon { height: 32px; width: 32px; margin-right: 12.6px; }
  .scanner__caption { margin-top: 25.2px; width: 50%; display: inline-block; }
  .scanner__caption:before, .scanner__caption:after { display: none; } }

.sdg-strip { width: 100%; overflow: hidden; margin: 50.4px 0; }

.sdg-strip__inner { white-space: nowrap; }

.sdg-strip__inner img { opacity: 0.5; }

.sdg-strip__inner { margin: 0 calc(50% - 1496px); width: 2992px; }

.sdg-strip__inner img { width: 164px; }

.sdg-strip__inner img + img { margin-left: 12px; }

@media only screen and (max-width: 700px) { .sdg-strip { margin: 25.2px 0; }
  .sdg-strip__inner { margin: 0 calc(50% - 646px); width: 1292px; }
  .sdg-strip__inner img { width: 70px; }
  .sdg-strip__inner img + img { margin-left: 6px; } }

@media only screen and (min-width: 701px) and (max-width: 1023px) { .sdg-strip__inner { margin: 0 calc(50% - 926.5px); width: 1853px; }
  .sdg-strip__inner img { width: 100px; }
  .sdg-strip__inner img + img { margin-left: 9px; } }

.section { padding: 100.8px 0; }

@media only screen and (max-width: 700px) { .section { padding: 75.6px 0; } }

.section--compensated-bottom { padding: 75.6px 0; }

@media only screen and (max-width: 700px) { .section--compensated-bottom { padding: 50.4px 0; } }

.section--compensated-bottom--double { padding: 50.4px 0; }

@media only screen and (max-width: 700px) { .section--compensated-bottom--double { padding: 25.2px 0; } }

.section.bg--white + .section.bg--white:before { content: ''; display: block; border-top: 1px solid #EEE; position: relative; top: -100.8px; left: 25.2px; width: calc(100% - 50.4px); }

@media only screen and (max-width: 700px) { .section.bg--white + .section.bg--white:before { top: -75.6px; } }

@media only screen and (min-width: 1024px) { .section.bg--white + .section.bg--white:before { width: 960px; left: calc(50% - 480px); } }

.bg--white + .section--pad-if-not-after-white { padding-top: 0; }

.selling-point img { max-height: 100px; }

.slideshow .slick-slide { text-align: center; }

.slideshow .slick-slide img { display: inline-block; }

.slideshow .slick-dots { list-style: none; padding: 0; margin: 25.2px 0; text-align: center; }

.slideshow .slick-dots li { display: inline-block; }

.slideshow .slick-dots button { border: #DDD solid 2px; padding: 0; width: 16px; height: 16px; box-sizing: border-box; font-size: 0px; border-radius: 8px; background-color: #FFF; color: white; margin: 0 3.15px; position: relative; }

.slideshow .slick-dots button:after { display: block; content: ''; background-color: #FFF; position: absolute; top: 2px; left: 2px; height: 8px; width: 8px; border-radius: 8px; -webkit-transition: 0.3s background-color; transition: 0.3s background-color; }

.slideshow .slick-dots .slick-active button:after { background-color: #498BCA; }

@media only screen and (min-width: 1024px) { .slideshow__text { padding: 75.6px 0 0 75.6px; } }

@media only screen and (min-width: 701px) and (max-width: 1023px) { .slideshow__text { padding: 25.2px 0 0 50.4px; } }

@media only screen and (min-width: 481px) and (max-width: 700px) { .slideshow__text { margin-top: 50.4px; } }

@media only screen and (max-width: 480px) { .slideshow__text { margin-top: 25.2px; } }

.social { text-align: right; margin: 0; padding: 0; list-style: none; height: 30px; padding-top: 9px; }

@media only screen and (max-width: 700px) { .social { text-align: center; padding-top: 25.2px; } }

.social__icon { display: inline-block; }

.social__icon a { display: block; width: 30px; }

.social__icon + .social__icon { margin-left: 8.4px; }

.social__icon svg { height: 30px; width: 30px; display: block; }

.social__icon svg path { -webkit-transition: 0.3s fill; transition: 0.3s fill; }

.social__icon:hover svg path { fill: #AAA; }

.sponsor-list { position: relative; margin-left: -12px; overflow: hidden; }

.sponsor-list__logo-wrapper { height: 140px; line-height: 140px; text-align: center; display: inline-block; margin-bottom: 25.2px; }

.sponsor-list__logo { max-width: 200px; max-height: 140px; vertical-align: middle; }

.sponsor-list--constant-spacing-columns { margin-left: -37.8px; }

.sponsor-list--constant-spacing-columns .sponsor-list__logo-wrapper { margin-left: 37.8px; }

.sponsor-list--3-columns .sponsor-list__logo-wrapper, .sponsor-list--6-columns .sponsor-list__logo-wrapper { box-sizing: border-box; padding-left: 12px; width: 33.33333%; }

.sponsor-list--6-columns .sponsor-list__logo-wrapper { width: 16.66667%; }

.sponsor-list--tight .sponsor-list__logo-wrapper, .sponsor-list--6-columns .sponsor-list__logo-wrapper { height: 70px; line-height: 70px; }

.sponsor-list--tight .sponsor-list__logo, .sponsor-list--6-columns .sponsor-list__logo { max-height: 60px; }

@media only screen and (max-width: 700px) { .sponsor-list .sponsor-list__logo-wrapper { height: 70px; line-height: 70px; }
  .sponsor-list .sponsor-list__logo { max-width: 115px; max-height: 70px; } }

@media only screen and (max-width: 700px) { .tb-on-image__image { display: none; }
  .tb-on-image__text-inner { text-align: center; padding: 50.4px; } }

@media only screen and (min-width: 701px) { .tb-on-image { height: 58vw; min-height: 400px; position: relative; }
  .tb-on-image__image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
  .tb-on-image__text { position: absolute; bottom: 0; width: 50%; max-height: 100%; }
  .tb-on-image__text-inner { padding: 50.4px 50.4px; max-width: 480px; box-sizing: border-box; }
  .tb-on-image--left .tb-on-image__text-inner { margin-left: auto; margin-right: 0; padding-left: 0; }
  .tb-on-image--right .tb-on-image__text { right: 0; }
  .tb-on-image--right .tb-on-image__text-inner { padding-right: 0; } }

@media only screen and (min-width: 701px) and (max-width: 1023px) { .tb-on-image__text { width: 75%; }
  .tb-on-image__text-inner { max-width: 720px; }
  .tb-on-image--left .tb-on-image__text-inner { padding-left: 50.4px; }
  .tb-on-image--right .tb-on-image__text-inner { padding-right: 50.4px; } }

.value { margin-bottom: 37.8px; }

.value__image { height: 40px; width: 40px; text-align: center; float: left; }

.value__body { padding-left: 65.2px; }

.value__body h4 { margin-bottom: 12.6px; }

.value__body p:first-of-type { margin-top: 12.6px; }

/* No files to import found in pages//* */
body { background-color: #333; }
