@charset "UTF-8";
/**
 * #CUSTOM : dpcom custome css
 */
@import url("//fonts.googleapis.com/css?family=Roboto+Mono");
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.bd-cke-dock-enabled .bd-ckeditor-docked .bd-ckeditor-container {
  height: 200px !important; }

.bd-ckeditor-container {
  height: 200px !important; }

.cke_top {
  height: 200px !important; }

.bd-frame-disabled .bd-mainContainer, .bd-frame-disabled .pageDesignerWithCatalog .bd-mainContainer {
  bottom: 0 !important; }

/**
 * #CUSTOM : dpcom custome css
 */
/**
 * #INUIT BASICS
 */
/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
/**
 * #TOOLS
 */
/**
 * Utility function for the font-size mixin */
/**
 * Get the font size only from a map,
 * at a specific breakpoint.
 * For example if the component should
 * keep the same styles across all
 * breakpoints. */
/**
 * #SETTINGS
 */
/**
 * Neutrals, from dark to light */
/**
 * Colors */
/* Emerald green */
/**
 * Defaults (text) */
/**
 * Actions */
/**
 * Aliases */
/**
 * Real design */
/**
 * Font weights */
/**
 * Line height */
/**
 * Kerning
 * Use em so that it adjusts with the font-size */
/**
 * Typesetting
 * Those maps are used by the font-size() mixin
 * defined in _settings.typography.scss */
/**
 * Color blindness types
 *
 * protanopia, protanomaly,
 * deuteranopia, deuteranomaly,
 * tritanopia, tritanomaly,
 * acromatopsia, achromatomaly */
/*
		CSS accecss : FALSE
		*/
@keyframes flyInCenter {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -35%, 0); }
  100% {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0); } }

@keyframes flyOutCenter {
  0% {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0); }
  100% {
    opacity: 0;
    transform: translate3d(-50%, -35%, 0); } }

/**
 * #GENERIC
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*------------------------------------*    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help; }

/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none; }

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid; }

/*------------------------------------*    #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  box-sizing: border-box; }

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

/*------------------------------------*    #SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */
ul, ol, dd {
  margin-left: 48px;
  margin-left: 3rem; }

/**
 * #BASE
 */
/*------------------------------------*    #PAGE
\*------------------------------------*/
/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
html {
  font-size: 1em;
  /* [1] */
  line-height: 1.5;
  /* [1] */
  background-color: #fff;
  color: #333;
  overflow-y: scroll;
  /* [2] */
  min-height: 100%;
  /* [3] */
  -webkit-text-size-adjust: 100%;
  /* [4] */
  -ms-text-size-adjust: 100%;
  /* [4] */
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */ }

/*------------------------------------*    #HEADINGS
\*------------------------------------*/
/**
 * Headings 1–6.
 */
h1 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.3333333333; }

h2 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.6; }

h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1; }

h4 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2; }

h5 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h6 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143; }

/*------------------------------------*    #LISTS
\*------------------------------------*/
/**
 * Remove extra vertical spacing when nesting lists.
 */
li > ul,
li > ol {
  margin-bottom: 0; }

/*------------------------------------*    #IMAGES
\*------------------------------------*/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */ }

/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
.gm-style img,
img[width],
img[height] {
  /* [2] */
  max-width: none; }

/**
 * Brand typography */
@font-face {
  font-family: 'Fakt Pro';
  src: url("../fonts/FaktPro-Normal/FaktPro-Normal.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/FaktPro-Normal/FaktPro-Normal.eot?#iefix") format("embedded-opentype"), url("../fonts/FaktPro-Normal/FaktPro-Normal.woff") format("woff"), url("../fonts/FaktPro-Normal/FaktPro-Normal.ttf") format("truetype"), url("../fonts/FaktPro-Normal/FaktPro-Normal.svg#ff93447be754246b759f81188d3295f4") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'Fakt Pro';
  src: url("../fonts/FaktPro-Blond/FaktPro-Blond.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/FaktPro-Blond/FaktPro-Blond.eot?#iefix") format("embedded-opentype"), url("../fonts/FaktPro-Blond/FaktPro-Blond.woff") format("woff"), url("../fonts/FaktPro-Blond/FaktPro-Blond.ttf") format("truetype"), url("../fonts/FaktPro-Blond/FaktPro-Blond.svg#ff93447be754246b759f81188d3295f4") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: 'Romain Headline';
  src: url("../fonts/Romain-BP-Headline/romain_bp_headline_regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Romain-BP-Headline/romain_bp_headline_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Romain-BP-Headline/romain_bp_headline_regular-webfont.woff") format("woff"), url("../fonts/Romain-BP-Headline/romain_bp_headline_regular-webfont.ttf") format("truetype"), url("../fonts/Romain-BP-Headline/romain_bp_headline_regular-webfont.svg#ff93447be754246b759f81188d3295f4") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

* {
  backface-visibility: hidden; }

body, html {
  margin: 0;
  padding: 0;
  background-color: #EFEFEF;
  height: 100%; }

body {
  position: relative;
  font-family: "Fakt Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: optimizelegibility;
  background-color: #EFEFEF;
  transition: transform 0.3s ease;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 14px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5; }
  @media screen and (min-width: 560px) {
    body {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 16px; } }
  @media screen and (min-width: 1000px) {
    body {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 18px; } }

.is-locked {
  overflow: hidden !important; }

a {
  color: #00CD76; }
  a:hover {
    color: #009a59; }

input,
textarea {
  outline: none;
  border-radius: 0; }

/*------------------------------------*    #FORM-ELEMENTS
\*------------------------------------*/
/**
* Form elements.
*
*/
/*------------------------------------*    #NON-CONTROL-FORM-ELEMENTS
\*------------------------------------*/
fieldset {
  min-width: 0;
  /* Reset Chrome and Firefox behaviour which sets a 'min-width: min-content;' on fieldsets */
  margin: 0;
  padding: 0;
  border: none; }

legend {
  display: block;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

label {
  display: inline-block;
  max-width: 100%;
  /* Force IE8 to wrap long content */
  margin-bottom: 6px; }

/*------------------------------------*    #CONTROL-FORM-ELEMENTS
\*------------------------------------*/
/**
* Better positions for radio and checkbox
*/
input[type="radio"],
input[type="checkbox"] {
  position: relative;
  bottom: 2px;
  line-height: normal;
  vertical-align: middle; }
  input[type="radio"] + label,
  input[type="checkbox"] + label {
    margin-left: 6px; }

/**
* Set the height of file controls to match text inputs
*/
input[type="file"] {
  display: block; }

/**
* Make range inputs behave like textual form controls
*/
input[type="range"] {
  display: block;
  width: 100%; }

/**
* Make multiple select elements height not fixed
*/
select[multiple],
select[size] {
  height: auto; }

/**
* Remove chevron image
*/
select[multiple] {
  background-image: none; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  outline: none;
  border: none;
  background: rgba(0, 0, 0, 0.1);
  padding: 16px 32px;
  border: none; }

[disabled] {
  cursor: not-allowed !important; }

ul {
  list-style: none;
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

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

p {
  font-weight: 300;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 14px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5; }
  @media screen and (min-width: 560px) {
    p {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 16px; } }
  @media screen and (min-width: 1000px) {
    p {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 18px; } }

u {
  position: relative; }
  u:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #979797;
    position: absolute;
    left: 0;
    bottom: 0; }

[data-currency]:after {
  content: attr(data-currency);
  display: inline;
  text-transform: uppercase;
  margin-left: 4px; }

abbr,
abbr[title] {
  border: none; }

/**
 * Text selection
 * Warning: keep one declaration per vendor */
::-moz-selection {
  background-color: rgba(0, 205, 118, 0.2); }

::selection {
  background-color: rgba(0, 205, 118, 0.2); }

/**
 * Tap highlight */
body {
  -webkit-tap-highlight-color: rgba(0, 205, 118, 0.2); }

/**
 * #OBJECTS
 */
/*------------------------------------*    #BUTTONS
\*------------------------------------*/
/**
 * A simple button object.
 */
/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles (often necessary when styling `input`s as
 *    buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 * 6. Fixes odd inner spacing in IE7.
 * 7. Subtract the border size from the padding value so that buttons do not
 *    grow larger as we add borders.
 */
.o-btn {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  font: inherit;
  /* [3] */
  text-align: center;
  /* [4] */
  margin: 0;
  /* [4] */
  cursor: pointer;
  /* [5] */
  overflow: visible;
  /* [6] */
  padding: 11px 23px;
  /* [7] */
  background-color: #00CD76;
  border: 1px solid #00CD76; }
  .o-btn, .o-btn:hover, .o-btn:active, .o-btn:focus {
    text-decoration: none;
    /* [4] */
    color: #fff; }

/**
 * Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
 */
.o-btn::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
     * Small buttons.
     */
.o-btn--small {
  padding: 5px 11px;
  /* [7] */ }

/*------------------------------------*    #BOX
\*------------------------------------*/
/**
 * The box object simply boxes off content.
 */
/**
 * 1. So we can apply the `.box` class to naturally-inline elements.
 */
.box {
  display: block;
  /* [1] */
  padding: 24px; }
  .box > :last-child {
    margin-bottom: 0; }

/*------------------------------------*    #MEDIA
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.media {
  display: block; }

.media__img {
  float: left;
  margin-right: 24px; }
  .media__img > img {
    display: block; }

.media__body {
  overflow: hidden;
  display: block; }
  .media__body,
  .media__body > :last-child {
    margin-bottom: 0; }

.o-layout {
  display: block;
  padding: 0;
  margin-left: -24px; }

.o-layout__item {
  display: block;
  float: left;
  width: 100%;
  padding-left: 24px; }

.o-layout--flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.o-layout--center {
  -ms-flex-pack: center;
      justify-content: center; }

.o-layout__item--stretch {
  display: -ms-flexbox;
  display: flex; }

.o-layout--spacing-mobile .o-layout__item {
  margin-bottom: 12px; }
  @media screen and (min-width: 730px) {
    .o-layout--spacing-mobile .o-layout__item {
      margin-bottom: 0; } }

.o-layout--spacing-phablet .o-layout__item {
  margin-bottom: 12px; }
  @media screen and (min-width: 1000px) {
    .o-layout--spacing-phablet .o-layout__item {
      margin-bottom: 0; } }

.o-layout--spacing-phablet-more .o-layout__item {
  margin-bottom: 24px; }
  @media screen and (min-width: 1000px) {
    .o-layout--spacing-phablet-more .o-layout__item {
      margin-bottom: 0; } }

.o-container {
  padding: 0 24px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1488px; }

/*------------------------------------*    #LIST-INLINE
\*------------------------------------*/
/**
 * The list-inline object simply displays a list of items in one line.
 */
.o-list-inline {
  margin: 0;
  padding: 0;
  list-style: none; }
  .o-list-inline > li {
    display: inline-block; }

.o-list--divided > li {
  display: block;
  padding: 10px 0; }

.o-list--divided > li + li {
  border-top: 1px solid #DADADA; }

.o-list--dashed li {
  position: relative;
  padding-left: 45px;
  margin-bottom: 4px;
  background: linear-gradient(to top, #00CD76, #00CD76) no-repeat left 11px/18px 1px; }

/**
 * Inline */
.o-list-inline {
  /* If the items are floating */ }
  .o-list-inline--inline {
    display: inline-block; }
  .o-list-inline + .o-list-inline {
    margin-top: 30px; }

.o-list-inline--divided > li + li:before {
  content: '|';
  /**
	 * Same as .u-divider */
  font-size: 16px;
  color: #DADADA;
  margin: 0 11px;
  position: relative;
  top: -1px;
  display: inline-block;
  transform: scale(1, 1.25); }

.c-main-nav__help.o-list-inline--divided li + li:before {
  top: 0; }

.o-list-inline--spaced li {
  margin-right: 48px; }
  .o-list-inline--spaced li:last-child {
    margin-right: 0; }

/**
	 * Inline list (dashed) */
.o-list-inline--dashed {
  margin: 0;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5; }
  @media screen and (min-width: 1000px) {
    .o-list-inline--dashed {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 14px; } }

.o-list-inline--dashed li {
  margin-right: 3px; }

.o-list-inline--dashed li:first-child {
  display: block; }

.o-list-inline--dashed li + li:before {
  content: '—';
  display: inline;
  margin-right: 5px; }

/**
 * Table-like */
.o-list-table * {
  line-height: 16px; }

.o-list-table li {
  border-bottom: 1px solid #5E5E5E;
  padding: 14px 0; }
  .o-list-table li:first-child {
    border-top: 1px solid #5E5E5E; }

.o-list-table a {
  color: #000000;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69); }

.o-list-table p {
  margin: 0;
  transition: transform 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69);
  position: relative;
  top: 3px; }

.o-list-table li:hover {
  background-color: rgba(239, 239, 239, 0.5); }
  .o-list-table li:hover p {
    transform: translate3d(10px, 0, 0); }

/**
 * Ordered */
.o-list-ordered {
  list-style: none;
  counter-reset: items;
  margin: 0; }

.o-list-ordered > li {
  padding-left: 30px;
  position: relative;
  /* The counter */ }
  @media screen and (min-width: 560px) {
    .o-list-ordered > li {
      padding-left: 50px; } }
  .o-list-ordered > li:before {
    content: counter(items);
    counter-increment: items;
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: -1px;
    line-height: 27px; }
    @media screen and (min-width: 560px) {
      .o-list-ordered > li:before {
        padding: 0 20px; } }

.o-list-ordered--divided > li {
  padding-top: 5px;
  padding-bottom: 5px; }
  .o-list-ordered--divided > li:before {
    line-height: 32px; }
  @media screen and (min-width: 560px) {
    .o-list-ordered--divided > li {
      padding-top: 10px;
      padding-bottom: 10px; }
      .o-list-ordered--divided > li:before {
        line-height: 48px; } }

.o-list-ordered--divided > li + li {
  border-top: 1px solid #DADADA; }
  .o-list-ordered--divided > li + li:before {
    border-top: 1px solid #F5F5F5; }

/**
 * Definition list */
.o-list-def__term {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5;
  font-weight: 400; }
  @media screen and (min-width: 1000px) {
    .o-list-def__term {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 14px; } }
  .o-list-def__term:after {
    content: ':'; }

.o-list-def__def {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.45;
  margin: 5px 0 25px; }
  @media screen and (min-width: 1000px) {
    .o-list-def__def {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 14px; } }

.o-viewport {
  background-color: #ffffff;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  /**
	 * Off-canvas animation specific */
  transition: transform 0.233s ease, opacity 0.3s ease;
  backface-visibility: hidden;
  transform-origin: left center;
  z-index: 1;
  /* box-shadow: 0px 160px 150px 0 rgba(#bbbbbb, 0.5), 0px 160px 150px -500px rgba(#bbbbbb, 0.5), 0px 30px 30px -23px rgba(#151515, 0.5); */ }

body.is-locked .o-viewport {
  overflow: hidden; }

button,
.o-btn,
input[type="button"],
input[type="submit"] {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 14px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1;
  background-color: #00CD76;
  border-width: 1px;
  border-style: solid;
  border-color: #00CD76;
  color: #ffffff;
  border-radius: 2px;
  letter-spacing: 0.02em;
  padding: 16px 20px 14px;
  transition: background-color 0.133s ease, color 0.133s ease, border-color 0.133s ease; }
  @media screen and (min-width: 560px) {
    button,
    .o-btn,
    input[type="button"],
    input[type="submit"] {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 16px; } }
  button:hover,
  .o-btn:hover,
  input[type="button"]:hover,
  input[type="submit"]:hover {
    background-color: #00b96a;
    border-color: #00b96a; }
  @media screen and (max-width: 500px) {
    button,
    .o-btn,
    input[type="button"],
    input[type="submit"] {
      display: block;
      width: 100%; } }

button + button,
button + .o-btn,
.o-btn + .o-btn,
.o-btn + button {
  margin-left: 20px; }
  @media screen and (max-width: 500px) {
    button + button,
    button + .o-btn,
    .o-btn + .o-btn,
    .o-btn + button {
      margin-left: 0;
      margin-top: 12px; } }

button .fa,
.o-btn .fa {
  color: inherit;
  margin: 0 5px 0 0; }

/**
 * Disabled state */
button.is-disabled,
.o-btn.is-disabled,
.o-btn--disabled {
  color: #DADADA;
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  cursor: not-allowed; }
  button.is-disabled:hover,
  .o-btn.is-disabled:hover,
  .o-btn--disabled:hover {
    color: #DADADA;
    background-color: #EFEFEF;
    border-color: #EFEFEF; }

/**
 * Flat */
.o-btn--flat {
  padding: 11px 20px 9px; }

/**
 * Small */
.o-btn--small {
  padding: 12px 18px 10px;
  font-size: 12px; }

/**
 * Minor state
 * For non-primary actions */
.o-btn--minor {
  color: #ffffff;
  background-color: #979797;
  border-color: #979797; }
  .o-btn--minor:hover {
    background-color: #888888;
    border-color: #888888; }

/**
 * White */
.o-btn--white {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #00CD76; }

/**
 * Link buttons */
.o-btn--link {
  color: #00CD76;
  background-color: transparent;
  border: none;
  padding: 0;
  text-decoration: underline;
  letter-spacing: 0; }
  .o-btn--link:hover {
    color: #00b96a;
    background-color: transparent; }

.c-switcher .o-btn--link {
  color: #DADADA;
  margin-top: 4px; }
  .c-switcher .o-btn--link:hover {
    color: #ffffff; }

/**
 * Caps */
.o-btn--caps {
  font-family: "Fakt Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 11px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  text-decoration: none; }

/**
 * Direction */
.o-btn--direction {
  position: relative;
  border-radius: 3px 4px 4px 3px;
  margin-right: 9px;
  right: -4px;
  padding-left: 24px;
  font-family: "Fakt Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.12em; }
  .o-btn--direction:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 20px 10px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #00CD76;
    position: absolute;
    top: 1px;
    right: -21px;
    transition: border-color 0.133s ease; }

.o-btn--direction:hover:after {
  border-left-color: #00b96a; }

/**
 * Outline */
.o-btn--outline {
  background-color: transparent;
  color: #00CD76; }
  .o-btn--outline:active, .o-btn--outline:focus {
    color: #00b96a; }
  .o-btn--outline:hover {
    color: #ffffff; }

/**
 * Clear */
.o-btn--clear {
  padding: 0;
  background: transparent;
  border: none;
  color: #00CD76;
  border-radius: 0px;
  text-align: left; }
  .o-btn--clear:hover, .o-btn--clear:focus {
    background: transparent;
    color: #00CD76; }

/**
 * Touch only */
.o-btn--touch {
  width: auto; }
  @media screen and (max-width: 849px) {
    .o-btn--touch {
      padding: 9px 10px 6px; } }
  @media screen and (min-width: 560px) {
    .o-btn--touch {
      padding: 7px 10px 5px; } }
  @media screen and (max-width: 849px) {
    .o-btn--touch-with-icon {
      padding: 2px 10px 2px 5px; } }
  @media screen and (min-width: 850px) {
    .o-btn--touch {
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 12px;
      /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
      line-height: 1;
      background-color: transparent;
      padding: 0;
      color: #00CD76;
      border: none;
      display: inline; } }
  @media screen and (min-width: 850px) and (min-width: 1000px) {
    .o-btn--touch {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 14px; } }
  @media screen and (min-width: 850px) {
      .o-btn--touch:hover, .o-btn--touch:active, .o-btn--touch:focus {
        background-color: transparent !important;
        color: #00CD76 !important; } }

.o-title-1 {
  font-family: "Romain Headline", Palatino, Georgia, Times, serif;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 24px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.4375;
  margin-bottom: 21px; }
  @media screen and (min-width: 730px) {
    .o-title-1 {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 28px; } }

.o-title-2 {
  font-family: "Romain Headline", Palatino, Georgia, Times, serif;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 18px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.4;
  margin-bottom: 12px; }
  @media screen and (min-width: 1000px) {
    .o-title-2 {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 20px; } }
  @media screen and (min-width: 1300px) {
    .o-title-2 {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 24px; } }

.o-title-3 {
  font-family: "Romain Headline", Palatino, Georgia, Times, serif;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 18px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5; }

.o-title-4 {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #5E5E5E;
  font-weight: 300;
  margin-bottom: 6px; }

.o-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  fill: currentColor;
  vertical-align: middle; }

.o-icon--2x {
  width: 48px;
  height: 48px; }

.o-icon--3x {
  width: 72px;
  height: 72px; }

.o-icon--4x {
  width: 96px;
  height: 96px; }

.o-icon--positive {
  color: #00CD76; }

.o-icon--negative {
  color: #979797; }

.o-icon-power {
  width: 18px;
  height: 18px;
  position: relative;
  top: -2px; }

/**
 * Close */
.o-icon-close {
  width: 12px;
  height: 12px; }

.o-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Fakt Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-image: url("../media/ui/select-arrow.svg");
  background-position: right 15px top 13px;
  background-size: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.02);
  border: none;
  border-radius: 2px;
  font-weight: 400;
  font-size: 10px;
  color: #979797;
  padding: 12px 33px 8px 15px;
  outline: none;
  line-height: 1;
  transition: background .2s ease-out; }
  .o-select::-ms-expand {
    display: none; }

.o-select + .o-select {
  margin-left: 15px; }

/**
 * Option selected */
.o-select.has-value {
  color: #4A4A4A; }

.c-controls-nav .o-select {
  position: relative;
  top: -2px; }

.o-select--inverted {
  background-color: #EFEFEF;
  box-shadow: none; }

.o-select--btn {
  padding-top: 16px;
  padding-bottom: 16px;
  background-position: right 15px top 21px;
  font-size: 13px;
  line-height: 1.24;
  /* Button font-size is 16px so 16px/13px */
  position: relative;
  top: -1px; }

.o-select--btn + .o-select--btn,
.o-select--btn + .o-btn,
.o-select--btn + button {
  margin-left: 20px; }

.c-form .o-select {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 14px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 300;
  border-radius: 0;
  width: 100%;
  padding: 14px 45px 10px 14px;
  background-image: url("../media/ui/select-arrow.svg"), linear-gradient(to top, #00CD76, #00CD76);
  background-size: 14px, 0 2px;
  background-position: right 20px top 50%, center bottom;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
  /* Select has to be on a higher layer than the label
	 * for the fly out animation to render properly */
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 560px) {
    .c-form .o-select {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 16px; } }
  .c-form .o-select:focus {
    background-size: 14px, 100% 2px; }

.c-form .o-select--inverted {
  box-shadow: none; }

.o-code-block {
  background-color: #F5F5F5;
  padding: 20px; }

.o-box {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.08);
  /* Outer glow */
  padding: 50px 24px;
  position: relative;
  transition: height 0.2s cubic-bezier(0.7, 0.505, 1, 1);
  margin-bottom: 24px; }
  @media screen and (min-width: 560px) {
    .o-box {
      padding: 24px;
      margin-bottom: 30px; } }

/*
Head is optionnal but usefull
to group title, subtitle and help
*/
.o-box__head {
  margin-bottom: 12px; }

.o-box__heading {
  margin-right: 24px;
  display: inline-block; }

.o-box__heading > * {
  display: inline-block; }

.o-box__heading > *:last-child {
  margin-right: 0; }

/*
Footer is optionnal
*/
.o-box__footer {
  text-align: right;
  margin-top: 24px;
  padding: 0 12px 12px 0; }

.o-placeholder {
  background-color: whitesmoke;
  width: 100%;
  height: 600px;
  position: relative; }
  .o-placeholder:after {
    content: "HighCharts data";
    font-size: 24px;
    color: #00CD76;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

.o-box__title {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 11px;
  font-family: "Fakt Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.008em;
  margin: 0; }

.o-box__subtitle {
  margin-left: 12px; }

.o-box__subtitle--block {
  display: block;
  margin: 12px 0 0 0; }

.o-box--padded {
  padding: 48px; }

.o-box--green {
  background: #e9f9f2; }

/**
 * Half split */
.o-box__half {
  width: calc(50% + 24px);
  float: left;
  margin: -24px 0;
  padding: 24px; }

.o-box__half:nth-child(odd) {
  margin-left: -24px; }

.o-box__half:nth-child(even) {
  margin-right: -24px; }

/**
 * Head controls */
.o-box__controls {
  float: right; }

/**
 * Head action */
.o-box__head-action {
  float: right;
  text-decoration: underline;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5;
  margin-top: 2px;
  color: #979797;
  cursor: pointer;
  transition: color 0.133s ease; }

.o-box__head-action:hover {
  color: #4A4A4A; }

.o-box--flex {
  display: -ms-flexbox;
  display: flex; }

.c-off-canvas .o-box {
  margin-bottom: 40px; }

.o-container--private .o-box {
  /**
	 * If positioned relatively, the arrow for the
	 * selected portfolio will always be under the
	 * box-shadow of the .o-box, no matter how high
	 * the z-index is */
  position: static; }

.o-docs-content > .o-box {
  box-shadow: none;
  padding: 0; }

.c-view--docs .o-box + .o-box {
  margin-top: 80px; }

.c-view--docs .o-box > .o-box__title {
  font-size: 26px;
  margin-bottom: 40px; }

.u-bg-light-green .o-box {
  box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.08), 0 8px 4px -5px rgba(0, 0, 0, 0.02);
  /* Hard shadow 90° */ }

.o-docs-example {
  border: 1px solid #DADADA;
  border-radius: 3px;
  padding: 60px 20px 20px 20px;
  position: relative;
  margin-bottom: 30px; }
  .o-docs-example:before {
    content: attr(data-title);
    position: absolute;
    left: 20px;
    top: 20px;
    font-family: "Fakt Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #4A4A4A;
    margin: 0;
    /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
    font-size: 12px;
    /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
    line-height: 1.5; }

.o-docs-divider {
  border: none;
  border-top: 1px solid #DADADA;
  margin: 0 0 20px; }

.o-docs-title {
  background-color: #F5F5F5;
  padding: 10px 20px; }

.o-docs-subtitle {
  color: #00CD76;
  font-family: "Fakt Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 22px; }

/* Override prevention */
.o-docs-subtitle.o-docs-subtitle {
  margin: 50px 0 40px; }

.o-docs-note {
  background-color: #F5F5F5;
  background-color: #EEF9F8;
  padding: 47px 20px 20px 20px;
  position: relative;
  margin-bottom: 30px;
  border-radius: 1px; }
  .o-docs-note:before {
    content: attr(data-title);
    position: absolute;
    left: 20px;
    top: 20px;
    font-family: "Fakt Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #00524A;
    margin: 0;
    font-size: 12px; }

.o-docs-note p {
  margin-bottom: 5px; }

.o-docs-note *:last-child {
  margin-bottom: 0; }

.o-docs-content pre {
  margin-bottom: 30px !important; }

.o-docs-example + pre {
  border-radius: 3px;
  font-size: 13px; }

.o-docs-nav {
  box-shadow: none;
  border: 1px solid #E8E8EB;
  border-radius: 3px;
  padding: 0;
  padding-top: 1px;
  margin-right: 48px;
  overflow-x: auto;
  overflow-y: scroll; }

.o-docs-nav a {
  display: block;
  padding: 20px 20px 16px;
  border-bottom: 1px solid #E8E8EB;
  text-decoration: none;
  color: #808088; }
  .o-docs-nav a:hover {
    color: #00CD76;
    background-color: #FDFDFD;
    box-shadow: 1px 0 0 0 #E8E8EB, -1px 0 0 0 #E8E8EB;
    border-radius: 1px; }

.o-docs-nav > ul > li > a {
  font-weight: 400;
  color: #4A4A4A; }

.o-docs-nav li li a {
  padding-left: 30px; }
  .o-docs-nav li li a:before {
    content: '•';
    color: #E8E8EB;
    display: inline;
    margin: 0 10px 0 -10px;
    position: relative;
    top: -1px; }

.o-docs-content .o-box:not(.c-currencies__box) > ul {
  margin: 0 0 24px 0; }

.o-docs-content .o-box:not(.c-currencies__box) > ul li:before {
  content: '•';
  color: #62626B;
  display: inline;
  margin: 0 20px 0 0;
  position: relative;
  top: -1px; }

.o-media {
  margin-bottom: 15px;
  width: 100%; }

.o-media__asset {
  border-radius: 1px;
  display: block;
  width: 100%;
  height: auto; }

.o-media figcaption {
  color: #00CD76;
  text-align: center;
  margin-top: 10px;
  font-size: 12px; }

.c-tiles__pair .o-media {
  margin-bottom: 0; }

.o-arrow-link {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #00CD76;
  text-decoration: none; }
  .o-arrow-link:after {
    content: '';
    display: inline-block;
    width: 19px;
    height: 13px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iby1pY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0LjkgNy45bC0uNzUuNzUgMi44IDIuOEg1djEuMWgxMS45NWwtMi44IDIuOC43NS43NUwxOSAxMiIgZmlsbD0iIzAwQ0Q3NiIvPjwvc3ZnPg==");
    background-size: 100%;
    margin-left: 5px; }

.o-arrow-link:hover:after {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTE0LjksNy45bC0wLjc1LDAuNzVsMi44LDIuOGwtMTEuOTUsMGwwLDEuMWwxMS45NSwwbC0yLjgsMi44bDAuNzUsMC43NWw0LjEsLTQuMSIgc3R5bGU9ImZpbGw6IzAwOWE1OTtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4="); }

.o-meta {
  margin-bottom: 18px; }
  @media screen and (min-width: 1000px) {
    .o-meta {
      margin-bottom: 24px; } }
  @media screen and (min-width: 1300px) {
    .o-meta * {
      font-size: 14px; } }

.o-address {
  font-style: normal;
  margin: 0; }

.o-field {
  position: relative;
  padding-top: 10px; }

.o-field + .o-field {
  margin-top: 25px; }
  @media screen and (min-width: 1300px) {
    .o-field + .o-field {
      margin-top: 35px; } }

.o-field--compact {
  width: 250px; }

.o-field--inline {
  display: inline-block;
  margin-top: 12px; }

.o-field--inline + .o-field--inline {
  margin-top: 12px;
  margin-left: 12px; }

.o-field + .o-field--controls {
  margin-top: 12px; }
  @media screen and (min-width: 730px) {
    .o-field + .o-field--controls {
      margin-top: 24px; } }

.o-field.o-field--controls + .o-field.o-field--controls {
  margin-top: -24px; }

.o-field.is-hidden {
  display: none; }

/**
 * Form elements with navigation
 * E.g. prev/next */
.o-field--nav {
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease, transform 0.3s ease; }
  .o-field--nav input {
    float: left;
    margin-right: 10px;
    width: calc(100% - 116px);
    /* 10px margin + 55px + 10px margin + 55px */ }

.o-field--nav + .o-field--nav {
  margin-top: 0; }

.o-field--nav.is-filled {
  opacity: 0;
  transform: translate3d(0, -20px, 0); }

.o-field--nav.is-current {
  position: static; }

.o-field--nav.is-empty {
  opacity: 0;
  transform: translate3d(0, 20px, 0); }

.o-field--nav label {
  left: auto;
  right: 130px; }
  .o-field--nav label.is-pulled-out {
    transform: none; }

/**
 * When appearing in an inline form */
.c-form--inline .o-field {
  display: inline-block;
  vertical-align: top; }

/**
 * Label */
.o-field__label {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 14px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5;
  color: #979797;
  position: absolute;
  z-index: 1;
  left: 14px;
  top: 38px;
  transition: transform 0.2s ease, color 0.2s cubic-bezier(0.2, 0.41, 0.55, 1.69);
  transform-origin: left top;
  font-weight: 300; }
  @media screen and (min-width: 560px) {
    .o-field__label {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 16px; } }

.o-field--controls .o-field__label {
  transition: color 0.1s ease; }

.o-field__label.is-pulled-out {
  transform: translate(-14px, -36px) scale(0.8);
  color: #979797; }

.o-field__label--select {
  color: #979797;
  opacity: 0; }

.o-field__label--select.is-pulled-out {
  opacity: 1; }

.o-field__label--controls {
  transform: scale(0.8);
  color: #979797;
  position: static;
  margin-bottom: 6px; }

.o-field__label--inline {
  position: static;
  left: auto;
  top: auto;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 0; }
  .o-field__label--inline.is-pulled-out {
    transform: none; }

/**
 * In the case of a checkbox */
.o-field__input + .o-field__label {
  position: static;
  margin: 8px 0 0 12px;
  color: #000000; }

.o-field__input[type="checkbox"] + .o-field__label {
  font-weight: 300;
  cursor: pointer;
  margin-left: 39px; }

/**
 * Mandatory input */
.o-field__mandatory {
  display: inline-block;
  transform: scale(1.5);
  position: relative;
  top: 5px;
  margin-left: 6px;
  transition: color 0.2s ease; }

.o-field__label.is-pulled-out .o-field__mandatory {
  color: #FF0000; }

/**
 * The actual input */
.o-field__input {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 14px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1;
  /* Forced line-height */
  color: #4A4A4A;
  font-weight: 300;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
  border: none;
  padding: 17px 14px 12px;
  width: 100%;
  outline: none;
  position: relative;
  background-image: linear-gradient(to left, #00CD76, #00CD76);
  background-position: center bottom;
  background-size: 0 2px;
  background-repeat: no-repeat;
  transition: .2s; }
  @media screen and (min-width: 560px) {
    .o-field__input {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 16px; } }

/**
 * When the field is inline */
.o-field--inline .o-field__input {
  width: auto; }

/**
 * Date input */
.o-field__input[type="date"] {
  color: white;
  padding-top: 13px; }

.o-field__label.is-pulled-out + .o-field__input[type="date"] {
  color: #4A4A4A; }

/**
	 * Field has an error */
.o-field.has-error .o-field__input {
  background-image: linear-gradient(to left, #FF0000, #FF0000);
  background-size: 100% 2px; }

/**
	 * Draw attention even more on the input */
.o-field__input.has-drawn-attention {
  animation: drawAttention 0.3s ease; }

.o-field__input:focus {
  background-size: 100% 2px; }

.o-field__input--inverted {
  background-color: #EFEFEF;
  box-shadow: none; }

.o-field__input[type="password"] {
  letter-spacing: 4px; }

.o-field__input[type="checkbox"],
.o-field__input[type="radio"] {
  box-shadow: none;
  width: auto; }

.o-field__input[type="checkbox"] {
  position: absolute;
  left: 12px;
  top: 12px; }

.o-field__label + .o-field__input[type="radio"] {
  margin-left: 48px; }

/* But... */
.o-field__label--controls + .o-field__input[type="radio"] {
  margin-left: 0; }

.o-field__input.is-disabled {
  opacity: 0.5; }

/**
 * Help */
.o-field__help {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5;
  color: #DADADA;
  margin: 15px 0 0 0;
  padding: 0 10px;
  letter-spacing: 0.005em; }
  @media screen and (min-width: 1000px) {
    .o-field__help {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 14px; } }

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

.o-field__help a {
  color: #979797;
  text-decoration: none;
  transition: color 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69); }

.o-field__help a.is-disabled {
  color: #DADADA; }

/**
	 * When appearing in an inline form */
.c-form--inline .o-field__help {
  text-align: left; }

/**
 * Feedback */
.o-field__feedback {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5;
  color: #FF0000;
  margin: 10px 0 0 0;
  letter-spacing: 0.005em;
  display: none;
  /* Only display when the field has an error */ }
  @media screen and (min-width: 1000px) {
    .o-field__feedback {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 14px; } }
  @media screen and (min-width: 730px) {
    .o-field__feedback {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0; } }

/**
	 * Field has an error */
.o-field.has-error {
  position: relative; }

.o-field.has-error .o-field__feedback {
  display: block; }

/**
	 * When appearing in an inline form */
.c-form--inline .o-field__feedback {
  text-align: left; }

.is-disabled {
  color: #DADADA !important;
  cursor: not-allowed !important; }

.c-form .o-field {
  padding-top: 24px; }

.c-form .o-field--inline {
  padding-top: 0; }

.c-form .o-field--controls {
  margin-bottom: 30px;
  /* Not $spacing-unit */ }
  @media screen and (min-width: 730px) {
    .c-form .o-field--controls {
      padding-top: 0; } }

@media screen and (min-width: 730px) {
  .c-form .o-field__label--controls {
    margin-bottom: 6px; } }

.o-placeholder {
  background-color: #FBE5FE; }

.o-placeholder--framed {
  border: 1px solid #BD10E0; }

.o-section {
  padding: 72px 0 48px;
  background-color: #ffffff; }

.o-section--dark {
  background-color: #F5F5F5; }

.o-card {
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08);
  padding: 24px; }
  @media screen and (min-width: 730px) {
    .o-card {
      padding: 24px 36px; } }

.o-card__clickable {
  display: block;
  color: inherit;
  text-decoration: none; }
  .o-card__clickable:hover {
    color: inherit; }

.o-wrapper {
  width: 100%;
  max-width: 1488px;
  margin: 0 auto; }

.o-table {
  width: 100%;
  margin-bottom: 0;
  border-collapse: separate;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5;
  color: #5E5E5E; }
  @media screen and (min-width: 1000px) {
    .o-table {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 14px; } }

/**
 * Titles, either of a row or of a column */
.o-table__title {
  font-weight: 400; }

/**
 * The table head */
.o-table__head {
  text-align: left; }
  .o-table__head .o-table__cell {
    font-weight: 300;
    letter-spacing: 0.08333em;
    text-transform: uppercase;
    color: #979797;
    /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
    font-size: 11px;
    padding: 15px 10px 6px;
    border-bottom: 1px solid #979797;
    font-size: 300; }

/**
 * Rows */
.o-table__row {
  border-bottom: 1px solid #EFEFEF; }

.o-table__row--action {
  cursor: pointer; }
  .o-table__row--action:hover {
    background: #F5F5F5; }

/**
 * Cells */
.o-table__cell {
  padding: 18px 10px 14px;
  text-align: left; }

.o-table__cell:first-child {
  padding-left: 24px; }
  @media screen and (min-width: 560px) {
    .o-table__cell:first-child {
      padding-left: 48px; } }
  @media screen and (min-width: 1000px) {
    .o-table__cell:first-child {
      padding-left: 72px; } }

/**
 * Striped */
.o-table--striped > .o-table__body > .o-table__row:nth-child(2n + 1) {
  background: #F5F5F5; }

.o-table--striped > .o-table__body > .o-table__row--action:hover {
  background: #EFEFEF; }

.o-header {
  text-align: center;
  margin-bottom: 72px; }

.o-header__suptitle {
  margin-bottom: 0; }

.o-header__title {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto; }

.o-header__title + * {
  margin-top: 24px; }

.o-header--left {
  text-align: left; }
  @media screen and (min-width: 730px) {
    .o-header--left {
      text-align: center; } }

.o-video {
  position: relative;
  padding-bottom: 56%;
  /* 16:9 */
  height: 0; }

.o-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.o-video__preview {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
  display: block;
  width: 100%;
  height: auto;
  /**
	 * The overlay */ }
  .o-video__preview:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 2; }

.o-video__play {
  display: block;
  width: 116px;
  height: 116px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -58px 0 0 -58px;
  z-index: 3; }

.o-video__poster {
  display: block;
  width: 100%;
  height: 100%; }

.c-splash__option--social .o-social__item {
  display: inline-block;
  margin: 0; }
  @media screen and (min-width: 850px) {
    .c-splash__option--social .o-social__item {
      margin: 0 5px; } }

.c-splash__option--social .o-social__item + .o-social__item {
  margin-left: 10px; }

.c-splash__option--social .o-social__link {
  color: #979797; }
  @media screen and (min-width: 850px) {
    .c-splash__option--social .o-social__link:hover {
      color: #5E5E5E; } }

.c-site-footer__content .o-social__link {
  padding: 24px 12px;
  position: relative;
  right: -12px; }
  @media screen and (min-width: 1000px) {
    .c-site-footer__content .o-social__link {
      right: 0;
      left: -12px;
      top: 4px; } }

@media screen and (min-width: 1000px) {
  .c-site-footer__content .o-social__item + .o-social__item .o-social__link {
    padding-left: 0; } }

.c-site-footer__content .o-social__link .o-icon {
  fill: #979797; }

@media screen and (min-width: 850px) {
  .c-site-header__top-bar .o-social__item {
    margin: 0 5px; }
  .c-site-header__top-bar .o-social__link {
    color: #979797; }
    .c-site-header__top-bar .o-social__link:hover {
      color: #5E5E5E; } }

.o-modal {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -35%, 0);
  opacity: 0;
  width: calc(100% - 24px);
  max-width: 600px;
  z-index: 40;
  background-color: #ffffff;
  padding: 12px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.17);
  animation: flyInCenter 0.3s ease;
  animation-fill-mode: forwards;
  /* Keep the final state of the animation */
  animation-delay: 0.3s;
  max-height: calc(100% - 24px);
  overflow-y: auto; }
  @media screen and (min-width: 560px) {
    .o-modal {
      padding: 24px; } }
  @media screen and (min-width: 730px) {
    .o-modal {
      max-height: calc(100% - 48px);
      padding: 24px 48px; } }

.o-modal__header {
  margin-bottom: 24px; }

.o-modal__header > * {
  margin-top: 10px;
  margin-bottom: 0; }
  @media screen and (min-width: 730px) {
    .o-modal__header > * {
      margin-top: 20px; } }

.o-modal__close {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer; }

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

.o-modal.is-closing {
  animation: flyOutCenter 0.3s ease;
  animation-fill-mode: forwards;
  /* Keep the final state of the animation */ }

.o-modal__footer {
  margin: 0; }

@media screen and (min-width: 501px) {
  .o-modal__footer {
    margin: -10px -10px 0; }
    .o-modal__footer .o-btn {
      margin: 10px 10px 0; } }

.o-modal--wide {
  max-width: 1050px; }

.o-modal--wide .o-modal__header {
  margin-bottom: 24px; }
  @media screen and (min-width: 730px) {
    .o-modal--wide .o-modal__header {
      margin-bottom: 36px; } }

.o-modal--shrinked {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-bottom: 0; }
  .o-modal--shrinked .o-modal__header {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .o-modal--shrinked .o-modal__body {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    min-height: 160px; }
  .o-modal--shrinked .c-scroll-box {
    height: auto; }
  .o-modal--shrinked .o-modal__footer {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .o-modal--shrinked > :last-child {
    padding-bottom: 12px; }
    @media screen and (min-width: 560px) {
      .o-modal--shrinked > :last-child {
        padding-bottom: 24px; } }

.o-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000000;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease; }

/**
 * Light overlay */
.o-overlay--light {
  background-color: #F5F5F5; }

/**
 * Show overlay */
.has-overlay .o-overlay {
  z-index: 30;
  opacity: 0.65; }

.has-main-overlay .o-overlay--main {
  z-index: 30;
  opacity: 0.65; }

.has-viewport-overlay .o-overlay--viewport {
  z-index: 30;
  opacity: 0.65; }

.o-quote {
  text-align: center;
  font-family: "Romain Headline", Palatino, Georgia, Times, serif;
  margin: 12px 0 36px;
  padding: 0 12px; }
  @media screen and (min-width: 560px) {
    .o-quote {
      margin: 36px 0 48px; } }

.o-quote p {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 18px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5;
  margin-bottom: 12px; }
  @media screen and (min-width: 1000px) {
    .o-quote p {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 20px; } }
  @media screen and (min-width: 1300px) {
    .o-quote p {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 24px; } }

.o-quote__author {
  font-family: "Fakt Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #00CD76;
  font-style: normal;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5; }
  @media screen and (min-width: 1000px) {
    .o-quote__author {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 14px; } }

.o-figure__caption {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5;
  margin: 12px 0; }
  @media screen and (min-width: 1000px) {
    .o-figure__caption {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 14px; } }

/**
 * #COMPONENTS
 */
.c-view {
  background-color: #F5F5F5; }

.c-view__content {
  background-color: #ffffff;
  padding: 12px 24px 72px;
  box-shadow: 0 2px 0 0px #ffffff, 0 0 5px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  /**
	 * Box shadow mask: left */
  /**
	 * Box shadow mask: right */ }
  @media screen and (min-width: 560px) {
    .c-view__content {
      padding: 24px 48px 72px; } }
  @media screen and (min-width: 1000px) {
    .c-view__content {
      padding: 24px 72px 144px; } }
  .c-view__content:before {
    content: '';
    display: block;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 25%);
    position: absolute;
    width: 2%;
    height: calc(100% - 100px);
    left: -2%;
    top: 100px; }
    @media screen and (min-width: 560px) {
      .c-view__content:before {
        height: calc(100% - 150px);
        top: 150px; } }
    @media screen and (min-width: 1000px) {
      .c-view__content:before {
        height: calc(100% - 400px);
        top: 400px; } }
  .c-view__content:after {
    content: '';
    display: block;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 25%);
    position: absolute;
    width: 2%;
    height: calc(100% - 100px);
    right: -2%;
    top: 100px; }
    @media screen and (min-width: 560px) {
      .c-view__content:after {
        height: calc(100% - 150px);
        top: 150px; } }
    @media screen and (min-width: 1000px) {
      .c-view__content:after {
        height: calc(100% - 400px);
        top: 400px; } }

.c-view__full-width {
  margin-left: -24px;
  margin-right: -24px; }
  @media screen and (min-width: 560px) {
    .c-view__full-width {
      margin-left: -48px;
      margin-right: -48px; } }
  @media screen and (min-width: 1000px) {
    .c-view__full-width {
      margin-left: -72px;
      margin-right: -72px; } }

.c-view--hero {
  background-color: #ffffff; }

.c-view--hero .c-view__content {
  position: relative;
  margin: -96px 12px 2px 12px;
  border-radius: 2px; }
  @media screen and (min-width: 560px) {
    .c-view--hero .c-view__content {
      margin-left: 24px;
      margin-right: 24px; } }
  @media screen and (min-width: 1000px) {
    .c-view--hero .c-view__content {
      margin-top: -192px;
      margin-left: 48px;
      margin-right: 48px; } }
  @media screen and (min-width: 1300px) {
    .c-view--hero .c-view__content {
      margin-left: 96px;
      margin-right: 96px; } }
  @media screen and (min-width: 1600px) {
    .c-view--hero .c-view__content {
      margin-left: auto;
      margin-right: auto;
      width: 1408px; } }

@media screen and (min-width: 1000px) {
  .c-view--hero .c-view__banner {
    height: 380px; } }

.c-view--docs {
  background: #ffffff;
  padding-top: 80px; }

.c-off-canvas-nav li + li {
  margin-top: 40px; }

.c-off-canvas-nav a {
  color: inherit; }

.c-off-canvas-nav .fa {
  margin: 0 0 0 10px; }

.c-off-canvas {
  position: fixed;
  top: 0;
  right: 0;
  width: 85%;
  height: 100vh;
  background-color: #00CD76;
  overflow: hidden;
  transition: transform 0.233s ease, opacity 0.3s ease; }
  @media screen and (min-width: 1000px) {
    .c-off-canvas {
      width: 50%; } }
  @media screen and (min-width: 1300px) {
    .c-off-canvas {
      width: 640px; } }
  @media screen and (min-width: 1600px) {
    .c-off-canvas {
      width: 800px; } }

/**
 * Coming from the right */
.c-off-canvas--right {
  padding: 0 48px 48px;
  overflow-y: scroll;
  transform: translate3d(100%, 0, 0); }

.c-off-canvas--right .c-controls-nav {
  text-align: left;
  padding: 24px 0; }

.c-off-canvas--right .c-controls-nav a {
  color: white;
  letter-spacing: 0.45px;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 24px;
  display: inline-block; }
  @media screen and (min-width: 1000px) {
    .c-off-canvas--right .c-controls-nav a {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 14px; } }

.c-off-canvas--right .c-controls-nav svg {
  margin-top: -1px;
  margin-right: 5px; }

.c-off-canvas--right.is-pushed-in {
  transform: translate3d(0, 0, 0); }

/**
 * In place (content scales down and reveals) */
.c-off-canvas--in-place {
  position: absolute;
  left: 0;
  top: 0;
  width: 40%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  transition-delay: 0.233s;
  padding: 40px 70px;
  background-color: transparent; }

.c-off-canvas.is-in-canvas {
  opacity: 1; }

.c-off-canvas--in-place .c-off-canvas__content {
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translate3d(-50%, -4%, 0);
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transition-delay: 0.233s;
  width: 100%;
  max-width: 550px;
  padding: 0 70px; }

.c-off-canvas--in-place.is-in-canvas .c-off-canvas__content {
  transform: translate3d(-50%, 0, 0);
  opacity: 1; }

/**
 * Notice for communications */
.c-off-canvas__notice {
  position: absolute;
  left: 70px;
  bottom: 0;
  padding: 20px;
  /* Calc instead of padding so that
	 * we can use a background */
  width: calc(100% - 140px);
  background-color: #ffffff; }

.c-site-header {
  position: relative;
  z-index: 50; }

.c-site-header__logo {
  display: block;
  text-decoration: none;
  color: inherit;
  float: left; }
  .c-site-header__logo .logo__text {
    display: none; }

.c-site-header__action {
  float: right;
  padding: 5px 25px; }

.c-site-header__options .o-select {
  font-size: 10px;
  background-color: #ffffff;
  background-position: right 15px top 13px;
  background-size: 8px, 0;
  padding: 12px 33px 8px 15px; }

.c-site-header__main-nav {
  background: #ffffff; }

@media screen and (max-width: 849px) {
  .c-site-header {
    height: 61px; }
  .c-site-header__head {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    border-bottom: 1px solid #EFEFEF;
    z-index: 50;
    transform: translate3d(0, 0, 0);
    transition: transform .2s ease-out; }
    .c-site-header.is-scrolled .c-site-header__head {
      transform: translate3d(0, -100%, 0); }
    .c-site-header.is-scrolled.is-scrolled-up .c-site-header__head {
      transform: translate3d(0, 0, 0); }
  .c-site-header__logo {
    padding: 5px 25px; }
  .logo__symbol {
    width: 36px; }
  .c-site-header__nav {
    background: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.2s ease-out;
    overflow: hidden; }
  .c-site-header__main-nav {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    font-family: "Romain Headline", Palatino, Georgia, Times, serif;
    font-size: 18px; }
    .c-site-header__main-nav a {
      text-decoration: none;
      color: #000000;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-positive: 1;
          flex-grow: 1;
      padding: 0 50px 0 25px;
      background: url("../media/ui/long-arrow-right.svg") no-repeat right 25px center; } }
    @media screen and (max-width: 849px) and (min-width: 560px) {
      .c-site-header__main-nav a {
        padding: 0 65px 0 40px;
        background: url("../media/ui/long-arrow-right.svg") no-repeat right 40px center; } }

@media screen and (max-width: 849px) {
  .c-site-header__main-item {
    -ms-flex-positive: 1;
        flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #EFEFEF;
    min-height: 82px; }
  .c-site-header__sub-nav {
    font-size: 14px;
    letter-spacing: 0.03em;
    display: -ms-flexbox;
    display: flex;
    background: #F5F5F5; }
    .c-site-header__sub-nav a {
      text-decoration: none;
      color: #5E5E5E;
      padding: 7px 0;
      display: block; }
  .c-site-header__sub-nav__column {
    -ms-flex: 1 0 0;
        flex: 1 0 0;
    padding: 10px 25px;
    border-right: 1px solid #DADADA;
    width: 50%; } }
  @media screen and (max-width: 849px) and (min-width: 560px) {
    .c-site-header__sub-nav__column {
      padding: 10px 40px; } }

@media screen and (max-width: 849px) {
    .c-site-header__sub-nav__column:last-child {
      border-right: 0; }
  .c-site-header__options {
    border-top: 1px solid #DADADA;
    padding: 10px 25px;
    background: #F5F5F5;
    overflow: hidden; } }
  @media screen and (max-width: 849px) and (min-width: 560px) {
    .c-site-header__options {
      padding: 10px 40px; } }

@media screen and (max-width: 849px) {
    .c-site-header__options > li {
      padding: 0; }
    .c-site-header__options .c-site-header__option-left {
      float: left; }
    .c-site-header__options .c-site-header__option-right {
      float: right; }
      .c-site-header__options .c-site-header__option-right + .c-site-header__option-right {
        margin-right: 12px; }
    .c-site-header__options > li > a {
      text-decoration: none; }
    .c-site-header__options .o-icon {
      vertical-align: -7px; }
  .c-site-header__menu-icon {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    height: 20px;
    width: 20px;
    background: linear-gradient(to top, #979797, #979797) no-repeat 20px center/15px 1px;
    background-color: #ffffff;
    padding: 20px;
    box-sizing: content-box;
    transition: background .2s ease-out;
    z-index: 51;
    margin-right: 6px; }
    .c-site-header__menu-icon:before, .c-site-header__menu-icon:after {
      content: "";
      display: block;
      position: relative;
      background: #979797;
      height: 1px;
      left: 20px;
      right: 20px;
      position: absolute;
      transition: transform 0.2s ease-out; }
    .c-site-header__menu-icon:before {
      top: 24px;
      transform-origin: left top; }
    .c-site-header__menu-icon:after {
      bottom: 23px;
      transform-origin: left bottom; }
  .c-site-header.is-opened .c-site-header__head {
    bottom: 0;
    background: transparent; }
  .c-site-header.is-opened .c-site-header__mobile-overflow {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto; }
  .c-site-header.is-opened .c-site-header__nav {
    opacity: 1;
    z-index: 50;
    overflow: visible; }
  .c-site-header.is-opened .c-site-header__menu-icon {
    background-size: 0 1px; }
    .c-site-header.is-opened .c-site-header__menu-icon:before {
      transform: translate(0px, -3px) rotateZ(45deg) scaleX(1.4); }
    .c-site-header.is-opened .c-site-header__menu-icon:after {
      transform: translate(0px, 3px) rotateZ(-45deg) scaleX(1.4); } }

@media screen and (min-width: 850px) {
  .c-site-header {
    position: relative;
    height: 101px; } }
  @media screen and (min-width: 850px) and (min-width: 1000px) {
    .c-site-header {
      height: 141px; } }

@media screen and (min-width: 850px) {
  .c-site-header__head {
    position: relative;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    border-bottom: 1px solid #EFEFEF; }
  .c-site-header__logo {
    padding: 24px;
    border-right: 1px solid #EFEFEF; }
    .c-site-header__logo .logo__symbol {
      height: 36px;
      padding: 7px 0;
      box-sizing: content-box; } }
  @media screen and (min-width: 850px) and (min-width: 1000px) {
    .c-site-header__logo {
      padding: 45px 40px; }
      .c-site-header__logo .logo__symbol {
        height: 50px;
        padding: 0; }
      .c-site-header__logo .logo__text {
        display: inline-block; } }
  @media screen and (min-width: 850px) and (min-width: 1300px) {
    .c-site-header__logo {
      padding-left: 70px;
      padding-right: 70px; } }

@media screen and (min-width: 850px) {
  .c-site-header__mobile-overflow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .c-site-header__nav {
    -ms-flex-positive: 1;
        flex-grow: 1;
    position: relative; }
  .c-site-header__main-nav {
    margin-top: 40px;
    padding: 0 24px;
    font-family: "Romain Headline", Palatino, Georgia, Times, serif;
    font-size: 13px;
    line-height: 60px;
    white-space: nowrap; } }
  @media screen and (min-width: 850px) and (min-width: 1000px) {
    .c-site-header__main-nav {
      margin-top: 60px;
      line-height: 80px; } }
  @media screen and (min-width: 850px) and (min-width: 1300px) {
    .c-site-header__main-nav {
      font-size: 15px; } }

@media screen and (min-width: 850px) {
    .c-site-header__main-nav a {
      display: inline-block;
      color: #000000;
      text-decoration: none;
      padding: 0 5px; }
  .c-site-header__main-item {
    display: inline-block; }
    .c-site-header__main-item + .c-site-header__main-item {
      margin-left: 12px; } }
    @media screen and (min-width: 850px) and (min-width: 1300px) {
      .c-site-header__main-item + .c-site-header__main-item {
        margin-left: 24px; } }

@media screen and (min-width: 850px) {
  .c-site-header__top-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    height: 40px;
    padding: 0 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #F5F5F5;
    padding-right: 48px; } }
  @media screen and (min-width: 850px) and (min-width: 1000px) {
    .c-site-header__top-bar {
      height: 60px; } }

@media screen and (min-width: 850px) {
  .c-site-header__sub-nav {
    white-space: nowrap;
    font-size: 13px; }
    .c-site-header__sub-nav li {
      display: inline-block; }
      .c-site-header__sub-nav li + li {
        margin-left: 25px; }
    .c-site-header__sub-nav a {
      text-decoration: none;
      color: #979797; }
      .c-site-header__sub-nav a:hover {
        color: #000000; }
  .c-site-header__options {
    white-space: nowrap;
    font-size: 13px; }
    .c-site-header__options > li {
      display: inline-block;
      line-height: 30px; }
    .c-site-header__options > li + li {
      margin-left: 18px;
      padding-left: 18px;
      border-left: 1px solid #DADADA; }
    .c-site-header__options > li > a {
      text-decoration: none; }
    .c-site-header__options .o-icon {
      vertical-align: -7px; }
  .c-site-header__section-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    border-bottom: 1px solid #EFEFEF;
    transform: translate3d(0, -100%, 0);
    transition: all .3s ease-out .5s;
    overflow: visible;
    z-index: 1; }
    .c-site-header__section-nav:hover, .c-site-header__section-nav.is-visible {
      transition-delay: 0s;
      transform: translate3d(0, 0, 0); }
  .c-site-header.is-scrolled .c-site-header__head {
    position: fixed;
    top: -65px;
    left: 0;
    right: 0;
    background-color: #ffffff;
    transform: translate3d(0, 0, 0);
    transition: transform .2s ease-out; }
  .c-site-header.is-scrolled.is-visible .c-site-header__head {
    transform: translate3d(0, 100%, 0); }
  .c-site-header.is-scrolled .c-site-header__logo {
    padding: 17px 0 17px 17px;
    border: 0; }
  .c-site-header.is-scrolled .logo__symbol {
    height: 30px;
    padding: 0; }
  .c-site-header.is-scrolled .logo__text {
    display: none; }
  .c-site-header.is-scrolled .c-site-header__main-nav {
    margin: 0;
    line-height: 64px;
    font-family: "Fakt Pro", Helvetica Neue, Helvetica, Arial, sans-serif; }
    .c-site-header.is-scrolled .c-site-header__main-nav a {
      color: #979797; }
      .c-site-header.is-scrolled .c-site-header__main-nav a.is-active {
        color: #000000; }
  .c-site-header.is-scrolled .c-site-header__top-bar {
    display: none; } }

@media screen and (min-width: 1500px) {
  .c-site-header__head:after {
    content: '';
    display: block;
    width: 50%;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 0;
    background-color: #F5F5F5; }
    .c-site-header.is-scrolled .c-site-header__head:after {
      display: none; }
  .c-site-header__head > * {
    position: relative;
    z-index: 1; }
  .c-site-header__logo {
    padding-left: 24px; } }

.c-site-header__head--transparent {
  background-color: transparent;
  border-bottom-color: transparent; }

.c-site-header--static {
  position: static; }

.c-site-header--focus {
  border: none;
  padding: 36px 0;
  background-color: #EFEFEF;
  height: auto !important; }

.c-site-header--focus .c-site-header__home {
  width: 260px;
  height: auto;
  display: block;
  padding: 0 40px; }

.c-site-header--fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 20; }

.c-breadcrumbs {
  display: inline-block;
  list-style: none;
  padding: 12px 0;
  margin: 0;
  font-size: 10px;
  text-transform: uppercase;
  vertical-align: middle;
  letter-spacing: 0.12em;
  line-height: 3; }

.c-breadcrumbs__item {
  display: inline-block;
  color: #979797;
  position: relative;
  top: -5px;
  margin-right: 10px; }
  .c-breadcrumbs__item + .c-breadcrumbs__item {
    background: url("../media/ui/breadcrumbs-arrow.svg") no-repeat 0 8px;
    padding-left: 20px; }

.c-breadcrumbs__link {
  text-decoration: none;
  background-image: linear-gradient(to right, #00CD76, #00CD76);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 0 22px;
  display: inline-block; }

.c-breadcrumbs--header {
  display: none; }
  @media screen and (min-width: 1000px) {
    .c-breadcrumbs--header {
      display: block;
      padding-left: 36px;
      padding-right: 36px;
      max-width: 1488px;
      margin: 0 auto; } }

.c-breadcrumbs--header .c-breadcrumbs__item {
  top: auto; }

.c-presentation p {
  margin-bottom: 15px; }
  @media screen and (min-width: 560px) {
    .c-presentation p {
      margin-bottom: 0;
      float: left; } }

.c-presentation__details {
  transition: transform 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69); }
  @media screen and (min-width: 560px) {
    .c-presentation__details {
      float: right; } }

.o-list-table li:hover .c-presentation__details {
  transform: translate3d(10px, 0, 0); }
  @media screen and (min-width: 560px) {
    .o-list-table li:hover .c-presentation__details {
      transform: none; } }

.c-presentation__detail {
  margin: 0 5px;
  position: relative;
  z-index: 1; }
  .c-presentation__detail .fa {
    margin: 0;
    position: relative;
    top: 1px; }
  .c-presentation__detail.o-notification {
    position: relative;
    top: 0; }
  .c-presentation__detail:first-child {
    margin-left: 0; }

.c-presentation__meta {
  color: #979797;
  position: relative;
  top: 2px; }

.c-presentation p a {
  padding-left: 10px;
  margin-left: -10px;
  transition: transform 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69); }
  .c-presentation p a:after {
    content: '→';
    display: inline-block;
    color: #00CD76;
    margin-left: 6px;
    transform: translate3d(-10px, 0, 0);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69); }

/**
 * Mouse over */
.c-presentation p a:hover:after {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.logo {
  white-space: nowrap; }

.logo__symbol {
  vertical-align: top; }

.logo__text {
  vertical-align: top;
  margin-left: 10px; }

.c-section-nav {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: -1;
  transition: opacity .2s ease-out; }
  .c-section-nav.is-visible {
    position: relative;
    opacity: 1;
    z-index: 0; }

.c-section-nav__item {
  -ms-flex: 4 1 0;
      flex: 4 1 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 50px 60px;
  background-color: #ffffff; }
  .c-section-nav__item > * {
    max-width: 100%; }

.c-section-nav__item--description {
  min-height: 300px; }
  .c-section-nav__item--description p {
    font-family: "Romain Headline", Palatino, Georgia, Times, serif;
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 16px; }
  .c-section-nav__item--description a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    letter-spacing: 0.1em; }
    .c-section-nav__item--description a .o-icon {
      vertical-align: -8px;
      margin-left: 8px; }

.c-section-nav__item--shrinked {
  -ms-flex-positive: 3;
      flex-grow: 3;
  border-left: 1px solid #EFEFEF; }

.c-section-nav__item--sub-section {
  background: #F5F5F5;
  border-left: 0;
  position: relative;
  /* arrow on the left */ }
  .c-section-nav__item--sub-section p {
    font-size: 16px;
    line-height: 1.5;
    color: #5E5E5E; }
    .c-section-nav__item--sub-section p:last-child {
      margin-bottom: 0; }
  .c-section-nav__item--sub-section:before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    top: 50%;
    height: 0;
    border: 30px solid transparent;
    border-left: 0;
    border-right: 16px solid #F5F5F5;
    margin-top: -30px; }

.c-section-nav__list {
  font-size: 16px;
  line-height: 2.5; }
  .c-section-nav__list a {
    text-decoration: none;
    color: #000000; }
    .c-section-nav__list a.is-active, .c-section-nav__list a:hover {
      color: #00CD76; }

.c-banner {
  padding: 48px 0;
  position: relative; }

.c-banner--gray {
  background-color: #F5F5F5; }

.c-banner--hero {
  padding: 96px 0 24px;
  background-size: cover; }
  @media screen and (min-width: 560px) {
    .c-banner--hero {
      padding: 150px 12px 36px; } }

.c-banner--hook {
  background-size: cover;
  height: 200px;
  margin-bottom: 96px;
  position: relative; }
  @media screen and (min-width: 560px) {
    .c-banner--hook {
      height: 340px; } }
  @media screen and (min-width: 1000px) {
    .c-banner--hook {
      height: 420px; } }
  @media screen and (min-width: 1300px) {
    .c-banner--hook {
      height: 600px; } }

.c-banner--hook:after {
  content: '';
  width: 100%;
  height: 96px;
  /* Same as the bottom margin */
  position: absolute;
  left: 0;
  top: 100%; }

.c-banner--right .o-layout__item {
  float: right; }

.c-overview-card {
  background-color: #ffffff;
  padding: 36px 24px; }
  @media screen and (min-width: 730px) {
    .c-overview-card {
      padding: 36px; } }
  @media screen and (min-width: 1000px) {
    .c-overview-card {
      padding: 48px 100px 46px 48px; } }

.c-overview-card__title {
  padding-right: 24px;
  margin-bottom: 12px; }

.c-overview-card__text {
  color: #979797;
  margin-bottom: 18px; }
  @media screen and (min-width: 1000px) {
    .c-overview-card__text {
      margin-bottom: 36px; } }

.c-overview-card *:last-child {
  margin-bottom: 0; }

.c-news-card {
  padding-top: 36px;
  margin-bottom: 24px; }

.c-news-card__wrapper {
  max-width: 790px;
  margin: 0 auto; }

@media screen and (min-width: 560px) {
  .c-news-card .o-list-inline--dashed li:first-child {
    display: inline; } }

@media screen and (min-width: 1000px) {
  .c-news-card .o-list-inline--dashed li:first-child {
    display: block; } }

.c-news-card .o-list-inline--dashed li:nth-child(2):before {
  content: none; }
  @media screen and (min-width: 560px) {
    .c-news-card .o-list-inline--dashed li:nth-child(2):before {
      content: '—';
      display: inline;
      margin-right: 5px; } }
  @media screen and (min-width: 1000px) {
    .c-news-card .o-list-inline--dashed li:nth-child(2):before {
      content: none; } }

/**
 * Body */
.c-news-card__body {
  margin-bottom: 12px; }

.c-news-card__title {
  padding-right: 24px;
  font-family: "Romain Headline", Palatino, Georgia, Times, serif;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 18px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.4;
  margin-bottom: 12px; }
  @media screen and (min-width: 1000px) {
    .c-news-card__title {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 20px; } }
  @media screen and (min-width: 1300px) {
    .c-news-card__title {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 24px; } }
  @media screen and (min-width: 560px) {
    .c-news-card__title {
      padding-right: 48px; } }

.c-news-card__text {
  font-size: 14px;
  color: #979797; }
  @media screen and (min-width: 1300px) {
    .c-news-card__text {
      font-size: 16px; } }

/**
 * Footer */
.c-news-card__footer {
  margin: 24px 0 6px; }

@media screen and (min-width: 730px) {
  .c-news-card--half .o-list-inline--dashed li:first-child {
    display: inline; } }

@media screen and (min-width: 730px) {
  .c-news-card--half .o-list-inline--dashed li:nth-child(2):before {
    content: '—';
    display: inline;
    margin-right: 5px; } }

@media screen and (min-width: 1000px) {
  .c-news-card--half .c-news-card__title {
    padding-right: 96px;
    font-size: 24px; } }

@media screen and (min-width: 1300px) {
  .c-news-card--half .c-news-card__title {
    padding-right: 144px; } }

@media screen and (min-width: 1000px) {
  .c-news-card--full .o-list-inline--dashed li:first-child {
    display: inline; } }

@media screen and (min-width: 730px) {
  .c-news-card--full .o-list-inline--dashed li:nth-child(2):before {
    content: '—';
    display: inline;
    margin-right: 5px; } }

.c-news-card--full {
  max-width: 910px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1300px) {
    .c-news-card--full {
      padding-left: 96px;
      padding-right: 96px; } }

.c-tiles {
  background-color: #ffffff; }

/**
 * Pair */
@media screen and (min-width: 730px) {
  .c-tiles__pair {
    display: -ms-flexbox;
    display: flex; } }

/**
 * Media */
.c-tiles__media {
  padding-bottom: 56.25%;
  /* 16:9 */
  background-size: cover;
  background-position: center; }
  @media screen and (min-width: 730px) {
    .c-tiles__media {
      float: left;
      width: 50%;
      padding-bottom: 50%; } }

/**
 * Content */
.c-tiles__content {
  padding: 24px 24px 48px;
  background-color: #ffffff; }
  @media screen and (min-width: 730px) {
    .c-tiles__content {
      float: left;
      width: 50%;
      -ms-flex-item-align: center;
          align-self: center;
      padding: 48px;
      max-width: 700px; } }
  @media screen and (min-width: 1300px) {
    .c-tiles__content {
      padding: 96px;
      font-size: 16px; } }

.c-tiles__content .o-list-inline--dashed li:first-child {
  display: inline; }

.c-tiles__content .o-list-inline--dashed li:nth-child(2):before {
  content: '—';
  display: inline;
  margin-right: 5px; }

.c-tiles__content .o-btn {
  margin-top: 12px; }

/**
 * Title */
.c-tiles__title {
  margin-bottom: 12px; }
  @media screen and (min-width: 1000px) {
    .c-tiles__title {
      margin-bottom: 24px; } }

/**
 * Alternate layout */
.c-tiles__pair:nth-child(even) {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }

/**
 * Gray background */
.c-tiles--gray .c-tiles__content {
  background-color: #F5F5F5; }

.c-tiles--right .c-tiles__pair:nth-child(odd) {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }

.c-tiles--right .c-tiles__pair:nth-child(even) {
  -ms-flex-direction: row;
      flex-direction: row; }

.c-splash__image {
  -ms-flex-positive: 1;
      flex-grow: 1;
  background-image: url("../media/splash.jpg");
  background-size: cover;
  background-position: center; }

.c-splash__logo {
  display: block;
  text-decoration: none;
  color: inherit;
  float: left; }
  .c-splash__logo .logo__text {
    display: none; }

.c-splash__action {
  float: right;
  padding: 5px 25px; }

.c-splash__main-nav {
  background: #ffffff; }

@media screen and (max-width: 849px) {
  .c-splash__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0; } }
  @media screen and (max-width: 849px) and (min-width: 560px) {
    .c-splash__image {
      -ms-flex-positive: 2;
          flex-grow: 2;
      padding: 10px 0; } }
  @media screen and (max-width: 849px) and (max-width: 849px) and (min-height: 800px) {
    .c-splash__image {
      -ms-flex-align: start;
          align-items: flex-start; } }

@media screen and (max-width: 849px) {
  .c-splash {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .c-splash .logo__symbol {
      width: 36px; } }
    @media screen and (max-width: 849px) and (min-width: 560px) {
      .c-splash .logo__symbol {
        width: 55px; } }

@media screen and (max-width: 849px) {
  .c-splash__logo {
    padding: 5px 25px; }
  .c-splash__nav {
    background: #ffffff;
    -ms-flex-positive: 7;
        flex-grow: 7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; } }
  @media screen and (max-width: 849px) and (max-width: 849px) and (min-height: 800px) {
    .c-splash__nav {
      -ms-flex-positive: 1;
          flex-grow: 1; } }

@media screen and (max-width: 849px) {
  .c-splash__main-nav {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    font-family: "Romain Headline", Palatino, Georgia, Times, serif;
    font-size: 18px; }
  .c-splash__main-item {
    -ms-flex-positive: 1;
        flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #EFEFEF;
    min-height: 82px; }
    .c-splash__main-item .o-title-3 {
      margin: 0; }
    .c-splash__main-item p {
      display: none; }
    .c-splash__main-item .o-arrow-link {
      display: none; }
  .c-splash__main-block {
    text-decoration: none;
    color: #000000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-positive: 1;
        flex-grow: 1;
    padding: 0 50px 0 25px;
    background: url("../media/ui/long-arrow-right.svg") no-repeat right 25px center; } }
  @media screen and (max-width: 849px) and (min-width: 560px) {
    .c-splash__main-block {
      padding: 0 65px 0 40px;
      background: url("../media/ui/long-arrow-right.svg") no-repeat right 40px center; } }

@media screen and (max-width: 849px) {
  .c-splash__sub-nav {
    font-size: 14px;
    letter-spacing: 0.03em;
    display: -ms-flexbox;
    display: flex;
    background: #F5F5F5; }
    .c-splash__sub-nav a {
      text-decoration: none;
      color: #5E5E5E;
      padding: 7px 0;
      display: block; }
  .c-splash__sub-nav__column {
    -ms-flex: 1 0 0;
        flex: 1 0 0;
    padding: 10px 25px;
    border-right: 1px solid #DADADA;
    width: 50%; } }
  @media screen and (max-width: 849px) and (min-width: 560px) {
    .c-splash__sub-nav__column {
      padding: 10px 40px; } }

@media screen and (max-width: 849px) {
    .c-splash__sub-nav__column:last-child {
      border-right: 0; }
  .c-splash__options {
    border-top: 1px solid #DADADA;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: 10px 0;
    white-space: nowrap;
    font-size: 13px;
    background: #F5F5F5; }
  .c-splash__option {
    width: 50%;
    padding: 0 25px; } }
  @media screen and (max-width: 849px) and (min-width: 560px) {
    .c-splash__option {
      padding: 0 40px; } }

@media screen and (max-width: 849px) {
    .c-splash__option a {
      text-decoration: none; }
    .c-splash__option .o-icon {
      vertical-align: -7px; }
  .c-splash__option--select {
    position: absolute;
    top: 15px;
    right: 0;
    width: auto; } }

@media screen and (min-width: 850px) {
  .c-splash {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .c-splash__logo {
    padding: 25px 25px; }
    .c-splash__logo .logo__symbol {
      height: 36px;
      padding: 7px 0;
      box-sizing: content-box; } }
  @media screen and (min-width: 850px) and (min-width: 1000px) {
    .c-splash__logo {
      padding: 45px 40px; }
      .c-splash__logo .logo__symbol {
        height: 50px;
        padding: 0; }
      .c-splash__logo .logo__text {
        display: inline-block; } }
  @media screen and (min-width: 850px) and (min-width: 1300px) {
    .c-splash__logo {
      padding-left: 70px;
      padding-right: 70px; } }

@media screen and (min-width: 850px) {
  .c-splash__main-nav {
    border-top: 1px solid #EFEFEF;
    display: -ms-flexbox;
    display: flex; }
  .c-splash__main-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    width: 25%;
    float: left; }
    .c-splash__main-item + .c-splash__main-item {
      border-left: 1px solid #EFEFEF; }
  .c-splash__main-block {
    display: block;
    padding: 34px 20px 20px;
    color: inherit;
    text-decoration: none; } }
  @media screen and (min-width: 850px) and (min-width: 1000px) {
    .c-splash__main-block {
      padding: 60px 48px 48px; } }
  @media screen and (min-width: 850px) and (min-width: 1025px) {
    .c-splash__main-block {
      padding: 48px; } }

@media screen and (min-width: 850px) {
    .c-splash__main-block:hover p {
      opacity: 1; }
    .c-splash__main-block p {
      margin: 0;
      padding-bottom: 12px;
      font-size: 14px;
      opacity: 0;
      transition: .2s;
      display: none;
      max-width: 300px; } }
    @media screen and (min-width: 850px) and (min-width: 1025px) {
      .c-splash__main-block p {
        display: block; } }

@media screen and (min-width: 850px) {
  .c-splash__top-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: 12px 30px;
    border-top: 1px solid #EFEFEF; }
  .c-splash__sub-nav {
    white-space: nowrap;
    font-size: 13px; }
    .c-splash__sub-nav li {
      display: inline-block; }
      .c-splash__sub-nav li + li {
        margin-left: 25px; }
    .c-splash__sub-nav a {
      text-decoration: none;
      color: #979797; }
      .c-splash__sub-nav a:hover {
        color: #000000; }
  .c-splash__options {
    white-space: nowrap;
    font-size: 13px; }
  .c-splash__option {
    display: inline-block;
    line-height: 30px; }
    .c-splash__option a {
      text-decoration: none; }
    .c-splash__option .o-icon {
      vertical-align: -8px; }
  .c-splash__option--login {
    position: absolute;
    top: 25px;
    right: 25px;
    line-height: 1.5; } }
  @media screen and (min-width: 850px) and (min-width: 1000px) {
    .c-splash__option--login {
      top: 45px;
      right: 40px; } }
  @media screen and (min-width: 850px) and (min-width: 1300px) {
    .c-splash__option--login {
      right: 70px; } }

@media screen and (min-width: 850px) {
    .c-splash__option--login a {
      background: #ffffff;
      display: inline-block;
      padding: 9px 19px 7px 15px;
      border-radius: 2px; }
      .c-splash__option--login a:hover {
        color: #979797; }
  .c-splash__option--social {
    margin-right: 15px;
    padding-right: 10px;
    border-right: 1px solid #EFEFEF; } }

@media screen and (min-width: 800px) {
  .c-splash__main-item .o-title-3 {
    margin-bottom: 12px; }
  .c-splash .o-icon-power {
    top: -4px; } }

.c-inventory-item {
  padding: 24px 0;
  position: relative; }

.c-inventory-item:before {
  content: '';
  width: 100%;
  height: 1px;
  display: table;
  background-color: #F5F5F5;
  position: absolute;
  top: 0; }

.c-inventory-item--dark {
  background: #F5F5F5; }

.c-site-footer {
  border-top: 1px solid #EFEFEF;
  background-color: #ffffff; }
  @media screen and (min-width: 1000px) {
    .c-site-footer {
      padding: 70px 48px 70px; } }
  @media screen and (min-width: 1300px) {
    .c-site-footer {
      padding-left: 96px;
      padding-right: 96px; } }

.c-site-footer__container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto; }

.c-site-footer__title {
  padding: 24px 36px 20px;
  line-height: 1.3;
  border-top: 1px solid #EFEFEF; }
  @media screen and (min-width: 1000px) {
    .c-site-footer__title {
      padding: 0;
      border: none;
      margin: 0 0 6px; } }

@media screen and (min-width: 1000px) {
  .c-site-footer__title.js-expand__trigger {
    cursor: default; } }

.c-site-footer__content {
  background-color: #F5F5F5;
  padding: 35px 36px;
  color: #606061;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5; }
  @media screen and (min-width: 1000px) {
    .c-site-footer__content {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 14px; } }
  @media screen and (min-width: 1000px) {
    .c-site-footer__content {
      background-color: transparent;
      padding: 0; } }

.c-site-footer__content--nav {
  padding: 0; }

.c-site-footer__content a {
  color: inherit;
  text-decoration: none; }

.c-site-footer__content nav a {
  display: block;
  padding: 24px 36px; }
  @media screen and (min-width: 1000px) {
    .c-site-footer__content nav a {
      padding: 0; } }

.c-site-footer__content nav a:hover {
  color: #979797; }

.c-site-footer__content nav li + li {
  border-top: 1px solid #EFEFEF; }
  @media screen and (min-width: 1000px) {
    .c-site-footer__content nav li + li {
      border: none; } }

@media screen and (min-width: 1600px) {
  .c-site-footer .o-layout {
    text-align: center; } }

@media screen and (min-width: 1300px) {
  .c-site-footer .o-layout__item {
    padding-right: 24px; } }

@media screen and (min-width: 1600px) {
  .c-site-footer .o-layout__item {
    text-align: left;
    float: none;
    display: inline-block;
    vertical-align: top; } }

@media screen and (min-width: 1300px) {
  .c-site-footer .o-layout__item:first-child {
    max-width: 380px; } }

@media screen and (min-width: 1600px) {
  .c-site-footer .o-layout__item:first-child {
    max-width: 420px; } }

.c-site-footer__logo {
  width: 106px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  @media screen and (min-width: 1000px) {
    .c-site-footer__logo {
      display: none; } }
  @media screen and (min-width: 1300px) {
    .c-site-footer__logo {
      display: -ms-flexbox;
      display: flex;
      width: 130px;
      -ms-flex-pack: center;
          justify-content: center; } }

.c-site-footer__group--primary {
  display: -ms-flexbox;
  display: flex;
  padding: 40px 36px 40px; }
  @media screen and (min-width: 1000px) {
    .c-site-footer__group--primary {
      padding: 0; } }

.c-site-footer__group--primary .c-site-footer__title {
  padding: 0;
  margin: 0 0 6px;
  border: none; }

.c-site-footer__group--primary .c-site-footer__content {
  background-color: transparent;
  padding: 0; }

.c-site-footer__group--inline {
  overflow: hidden;
  border-top: 1px solid #EFEFEF; }
  @media screen and (min-width: 1000px) {
    .c-site-footer__group--inline {
      border: none; } }

.c-site-footer__group--inline .c-site-footer__title {
  float: left;
  border: none; }
  @media screen and (min-width: 1000px) {
    .c-site-footer__group--inline .c-site-footer__title {
      float: none; } }

.c-site-footer__group--inline .c-site-footer__content {
  float: right;
  background-color: transparent;
  padding: 20px 36px 20px 0; }
  @media screen and (min-width: 1000px) {
    .c-site-footer__group--inline .c-site-footer__content {
      float: none;
      padding: 0; } }

.c-social-widget {
  display: inline-block;
  line-height: 24px;
  white-space: nowrap; }

@media screen and (min-width: 1000px) {
  .c-social-widget--box {
    padding: 6px 20px;
    background: #F5F5F5;
    border-radius: 2px; } }

.c-social-widget__title {
  margin: 0; }

.c-social-widget__list {
  display: inline-block;
  margin-left: 16px;
  vertical-align: 1px; }

.c-social-widget__item {
  display: inline-block; }

.c-social-widget__link {
  color: #979797; }
  .c-social-widget__link:hover {
    color: #5E5E5E; }

.c-information-container {
  background-color: #00CD76;
  padding: 24px;
  position: absolute;
  left: 50%;
  bottom: -48px;
  transform: translate(-50%, 0);
  width: calc(100% - 48px);
  text-align: center;
  border-radius: 2px; }
  @media screen and (min-width: 560px) {
    .c-information-container {
      max-width: 300px; } }
  @media screen and (min-width: 1300px) {
    .c-information-container {
      padding: 48px 24px; } }
  .c-information-container:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-width: 15px 35px;
    border-color: transparent;
    border-style: solid;
    border-top-color: #00CD76; }

.c-information-container__text {
  color: #ffffff;
  font-family: "Romain Headline", Palatino, Georgia, Times, serif;
  margin: 0;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 16px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5; }
  @media screen and (min-width: 560px) {
    .c-information-container__text {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 18px; } }

.c-information-container--wide {
  bottom: auto;
  top: 100%;
  min-width: 300px;
  width: 45%;
  max-width: 600px;
  transform: translate(-50%, -50%); }
  @media screen and (min-width: 1300px) {
    .c-information-container--wide {
      padding: 36px 24px; } }

.c-banner--hook .c-information-container {
  z-index: 1; }

.c-content-meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 24px; }
  @media screen and (min-width: 1000px) {
    .c-content-meta {
      margin: 24px 0 48px; } }

.c-article {
  background: #F5F5F5;
  padding: 20px;
  margin-top: 24px; }
  @media screen and (min-width: 560px) {
    .c-article {
      padding: 40px 10%; } }
  @media screen and (min-width: 1000px) {
    .c-article {
      padding: 80px 25%; } }
  .c-article .o-title-2 ~ .o-title-2 {
    margin-top: 2em; }

.c-article--blog {
  background: transparent;
  padding: 0; }

/**
 * Header */
.c-article__header {
  margin: 0; }

/**
 * Meta */
@media screen and (min-width: 730px) {
  .c-article__meta li:first-child {
    display: inline-block; } }

.c-article__meta li:nth-child(2):before {
  content: none; }
  @media screen and (min-width: 730px) {
    .c-article__meta li:nth-child(2):before {
      content: '—'; } }

/**
 * Title */
.c-article__title {
  padding: 0 12px; }

/**
 * Intro */
.c-article__intro {
  font-family: "Romain Headline", Palatino, Georgia, Times, serif;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 18px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5;
  text-align: center;
  margin: 24px 0;
  text-align: left; }
  @media screen and (min-width: 1000px) {
    .c-article__intro {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 20px; } }
  @media screen and (min-width: 1300px) {
    .c-article__intro {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 24px; } }
  @media screen and (min-width: 560px) {
    .c-article__intro {
      margin: 24px 0 48px; } }

/**
 * Titles */
.c-article__body .o-title-2 {
  margin-bottom: 24px; }

.c-article__body .o-figure {
  margin-left: -56px;
  width: calc(100% + 112px);
  position: relative;
  z-index: 1;
  margin-top: 24px;
  margin-bottom: 24px; }
  @media screen and (min-width: 560px) {
    .c-article__body .o-figure {
      margin-left: -72px;
      width: calc(100% + 144px);
      margin-bottom: 48px; } }

.c-article__body .o-figure__caption {
  padding: 0 56px;
  margin-bottom: 24px; }
  @media screen and (min-width: 560px) {
    .c-article__body .o-figure__caption {
      padding: 0 72px; } }
  @media screen and (min-width: 730px) {
    .c-article__body .o-figure__caption {
      padding: 0 calc(16.6666666667% + 54px); } }
  @media screen and (min-width: 1300px) {
    .c-article__body .o-figure__caption {
      padding: 0 calc(25% + 42px); } }

.c-article__body .o-figure__media--contained {
  margin: -24px 56px 0;
  width: calc(100% - 112px); }
  @media screen and (min-width: 560px) {
    .c-article__body .o-figure__media--contained {
      margin: -12px 72px 0;
      width: calc(100% - 144px); } }
  @media screen and (min-width: 730px) {
    .c-article__body .o-figure__media--contained {
      margin: -12px 124px 0;
      width: calc(100% - 248px); } }

.c-credential-card {
  position: relative;
  margin-bottom: 24px;
  width: 200px; }
  @media screen and (min-width: 560px) {
    .c-credential-card {
      width: 280px; } }

.c-credential-card .o-media {
  margin: 0; }

.js-swipe .c-credential-card + .c-credential-card {
  margin-left: 24px; }

.c-layout-video {
  padding: 36px 24px;
  background: #ffffff; }

.c-layout-video__column + .c-layout-video__column {
  margin-top: 24px; }

.c-layout-video__column--text {
  max-width: 700px; }

@media screen and (min-width: 560px) {
  .c-layout-video {
    padding: 36px 48px;
    background: #ffffff; } }

@media screen and (min-width: 730px) {
  .c-layout-video {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 48px 24px; }
  .c-layout-video--right {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  .c-layout-video__column {
    width: 50%;
    float: left;
    padding: 0 24px; }
  .c-layout-video__column + .c-layout-video__column {
    margin-top: 0; } }

@media screen and (min-width: 1000px) {
  .c-layout-video {
    padding: 96px 24px; }
  .c-layout-video__column {
    padding: 0 48px; } }

.c-layout-image {
  padding: 36px 24px;
  background: #ffffff; }

.c-layout-image__column + .c-layout-image__column {
  margin-top: 24px; }

.c-layout-image__column--image {
  text-align: center; }

.c-layout-image__column--text {
  max-width: 700px; }

.c-layout-image__image--shadow {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.08); }

@media screen and (min-width: 560px) {
  .c-layout-image {
    padding: 36px 48px;
    background: #ffffff; } }

@media screen and (min-width: 730px) {
  .c-layout-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 24px; }
  .c-layout-image__column {
    width: 50%;
    float: left;
    padding: 72px 24px; }
  .c-layout-image__column--image {
    padding: 48px 24px; }
  .c-layout-image__column + .c-layout-image__column {
    margin-top: 0; }
  .c-layout-image--right {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  .c-layout-image--bottom .c-layout-image__column--image {
    -ms-flex-item-align: end;
        align-self: flex-end;
    padding-bottom: 0; } }

@media screen and (min-width: 1000px) {
  .c-layout-image {
    padding: 0 24px; }
  .c-layout-image__column {
    padding: 144px 48px; }
  .c-layout-image__column--image {
    padding: 96px 24px; } }

.c-layout-image--bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-bottom: 0; }
  @media screen and (min-width: 730px) {
    .c-layout-image--bottom {
      -ms-flex-direction: row;
          flex-direction: row; } }

.c-layout-image--bottom .c-layout-image__column--image {
  -ms-flex-order: 2;
      order: 2;
  margin-top: 48px; }

@media screen and (min-width: 730px) {
  .c-layout-image--bottom.c-layout-image--right {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -ms-flex-pack: end;
        justify-content: flex-end; } }

.c-image-card {
  padding: 0; }

.c-image-card__media * {
  display: block;
  width: 100%;
  height: auto; }

.c-image-card__content {
  padding: 36px 24px;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 14px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5; }
  @media screen and (min-width: 560px) {
    .c-image-card__content {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 16px; } }
  @media screen and (min-width: 1000px) {
    .c-image-card__content {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 18px; } }
  @media screen and (min-width: 730px) {
    .c-image-card__content {
      font-size: 14px;
      padding: 24px; } }
  @media screen and (min-width: 1000px) {
    .c-image-card__content {
      padding: 36px 24px; } }

.c-image-card__action {
  margin-top: 24px; }

@media screen and (min-width: 1000px) {
  .c-image-card--half .c-image-card__content {
    padding: 48px; } }

.c-form {
  position: relative;
  padding: 0 24px; }
  @media screen and (min-width: 730px) {
    .c-form {
      width: 80%;
      margin-left: auto;
      margin-right: auto; } }
  .c-form__title {
    font-size: 30px;
    margin-bottom: 50px; }
  .c-form__group {
    position: relative; }
  .c-form__action {
    margin-top: 35px; }
  .c-form__action--right {
    text-align: right; }
  .c-form__action--center {
    text-align: center; }
  .c-form__action--inline {
    display: inline-block;
    margin-top: 12px;
    margin-left: 24px;
    position: relative;
    top: -2px; }
  .c-form__note {
    /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
    font-size: 12px;
    /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
    line-height: 1.5;
    color: #DADADA;
    letter-spacing: 0.005em;
    margin-bottom: 0;
    display: inline-block; }
    @media screen and (min-width: 1000px) {
      .c-form__note {
        /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
        /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
        font-size: 14px; } }
    .c-form__note--right {
      text-align: right; }
    .c-form__note a {
      color: #979797;
      text-decoration: none;
      transition: color 0.3s cubic-bezier(0.2, 0.41, 0.55, 1.69); }
      .c-form__note a.is-disabled {
        color: #DADADA; }
  .c-form p {
    margin-bottom: 0; }

/**
 * Double field */
.c-form__columns {
  margin-bottom: 25px; }
  @media screen and (min-width: 730px) {
    .c-form__columns {
      margin-bottom: 35px; }
      .c-form__columns .o-field {
        width: calc(50% - 15px);
        float: left;
        margin-right: 15px; }
        .c-form__columns .o-field:nth-child(even) {
          margin-left: 15px;
          margin-right: 0;
          margin-bottom: 0; }
        .c-form__columns .o-field:nth-child(2) {
          margin-top: 0; }
        .c-form__columns .o-field:nth-child(odd) {
          clear: left; } }

.c-form__group {
  margin-bottom: 24px; }
  @media screen and (min-width: 730px) {
    .c-form__group {
      margin-bottom: 36px; } }

/**
 * Feedback */
.c-form__feedback {
  background-color: #ffffff;
  padding: 15px 19px;
  margin: 28px 0 24px;
  border-radius: 3px;
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.08), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
  position: relative; }

.c-form__feedback p {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5;
  letter-spacing: 0.005em;
  margin-bottom: 5px; }

.c-form__feedback p:last-child {
  margin: 0; }

.c-form__feedback a {
  color: inherit; }

.c-form__feedback--error {
  padding: 40px 15px 19px 15px;
  background-color: #FEDDDD;
  color: #F7737A;
  box-shadow: 0px 2px 5px 0 rgba(247, 115, 122, 0.08), inset 0px -1px 0px 0px rgba(247, 115, 122, 0.1); }

.c-form__feedback--error:before {
  content: 'Error';
  position: absolute;
  left: 15px;
  top: 19px;
  font-family: "Fakt Pro", Helvetica Neue, Helvetica, Arial, sans-serif;
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 11px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin: 0;
  color: inherit;
  font-weight: 400; }

/* For the fields, see _object.form-field.scss */
.c-step-view .c-form {
  max-width: 640px;
  padding: 0 50px;
  margin-left: auto;
  margin-right: auto; }

.c-step-view .c-form--inline {
  padding: 0; }

.o-box .c-form {
  /**
	 * Don't know why but a bigger value
	 * than 22px breaks the layout on the
	 * activation signature step */
  margin-bottom: 24px; }

.c-header + .c-form {
  margin-top: 48px; }

.o-modal .c-form {
  width: 100%;
  margin: 0;
  padding: 0; }

.c-glossary .c-form {
  width: calc(100% + 48px);
  margin: 0 -24px 0 -24px; }

.c-map-widget {
  padding: 48px;
  background: #ffffff; }

.c-map-widget__container {
  position: relative; }

.c-map-widget__item {
  font-size: 12px;
  margin-top: 24px;
  margin-bottom: 24px;
  overflow-wrap: break-word;
  overflow-x: hidden; }
  @media screen and (min-width: 560px) {
    .c-map-widget__item:nth-child(odd) {
      clear: left; } }
  @media screen and (min-width: 730px) {
    .c-map-widget__item:nth-child(odd) {
      clear: none; }
    .c-map-widget__item:nth-child(3n+1) {
      clear: left; } }
  @media screen and (min-width: 1000px) {
    .c-map-widget__item:nth-child(3n+1) {
      clear: none; }
    .c-map-widget__item:nth-child(odd) {
      clear: left; } }
  @media screen and (min-width: 1300px) {
    .c-map-widget__item:nth-child(odd) {
      clear: none; }
    .c-map-widget__item:nth-child(3n+1) {
      clear: left; } }

.c-map-widget__name {
  font-weight: 600; }
  .c-map-widget__name.is-active {
    color: #00CD76; }

@media screen and (min-width: 730px) {
  .c-map-widget__info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .c-map-widget__header {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .c-map-widget__content {
    -ms-flex-positive: 1;
        flex-grow: 1;
    overflow: auto;
    margin-top: 12px;
    background-image: radial-gradient(rgba(0, 0, 0, 0.15) 0, rgba(255, 255, 255, 0) 90%), radial-gradient(rgba(0, 0, 0, 0.15) 0, rgba(255, 255, 255, 0) 90%);
    background-position: 0 -4px, left 0 bottom -4px;
    background-repeat: no-repeat;
    background-size: 100% 8px;
    transition: background-position .2s ease-out; }
    .c-map-widget__content.is-top {
      background-position: 0 -10px, left 0 bottom -5px; }
    .c-map-widget__content.is-bottom {
      background-position: 0 -5px, left 0 bottom -10px; } }

.c-jobs-board {
  font-size: 14px; }

.c-jobs-board .o-table__head {
  display: none; }
  @media screen and (min-width: 1000px) {
    .c-jobs-board .o-table__head {
      display: table-header-group; } }

.c-jobs-board .o-table__row {
  overflow: hidden; }
  @media screen and (min-width: 1000px) {
    .c-jobs-board .o-table__row {
      overflow: auto; } }

/**
 * Each table cell */
.c-jobs-board .o-table__cell {
  float: left;
  width: 50%;
  padding-top: 24px;
  position: relative; }
  @media screen and (min-width: 560px) {
    .c-jobs-board .o-table__cell {
      padding-top: 30px;
      padding-bottom: 24px; } }
  @media screen and (min-width: 1000px) {
    .c-jobs-board .o-table__cell {
      float: none;
      width: auto;
      padding-top: 18px;
      padding-bottom: 14px;
      position: static; } }
  .c-jobs-board .o-table__cell:before {
    display: inline-block;
    content: attr(title);
    position: absolute;
    left: 10px;
    top: 8px;
    /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #979797;
    font-weight: 300; }
    @media screen and (min-width: 560px) {
      .c-jobs-board .o-table__cell:before {
        top: 10px; } }
    @media screen and (min-width: 1000px) {
      .c-jobs-board .o-table__cell:before {
        content: none; } }

/**
 * Cells on the left */
.c-jobs-board .o-table__cell:nth-child(odd) {
  clear: left;
  padding-left: 24px; }
  @media screen and (min-width: 560px) {
    .c-jobs-board .o-table__cell:nth-child(odd) {
      padding-left: 48px; } }
  @media screen and (min-width: 1000px) {
    .c-jobs-board .o-table__cell:nth-child(odd) {
      padding-left: inherit; } }
  .c-jobs-board .o-table__cell:nth-child(odd):before {
    left: 24px; }
    @media screen and (min-width: 560px) {
      .c-jobs-board .o-table__cell:nth-child(odd):before {
        left: 48px; } }

/**
 * Cells at the top */
.c-jobs-board .o-table__cell:nth-child(1),
.c-jobs-board .o-table__cell:nth-child(2) {
  padding-top: 32px;
  padding-bottom: 4px; }
  @media screen and (min-width: 560px) {
    .c-jobs-board .o-table__cell:nth-child(1),
    .c-jobs-board .o-table__cell:nth-child(2) {
      padding-top: 48px;
      padding-bottom: 8px; } }
  @media screen and (min-width: 1000px) {
    .c-jobs-board .o-table__cell:nth-child(1),
    .c-jobs-board .o-table__cell:nth-child(2) {
      padding-top: 18px;
      padding-bottom: 14px; } }
  .c-jobs-board .o-table__cell:nth-child(1):before,
  .c-jobs-board .o-table__cell:nth-child(2):before {
    top: 16px; }
    @media screen and (min-width: 560px) {
      .c-jobs-board .o-table__cell:nth-child(1):before,
      .c-jobs-board .o-table__cell:nth-child(2):before {
        top: 29px; } }

/**
 * First cell */
@media screen and (min-width: 1000px) {
  .c-jobs-board .o-table__cell:first-child {
    padding-left: 72px; } }

/**
 * Last cell */
@media screen and (min-width: 1000px) {
  .c-jobs-board .o-table__cell:last-child {
    padding-right: 24px; } }

.c-loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  animation: loadingScaleUp .6s;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  z-index: 60; }

.c-loading-indicator svg {
  fill: #979797;
  display: block; }
  .c-loading-indicator svg path:nth-of-type(1) {
    animation: pulse 1s infinite linear; }
  .c-loading-indicator svg path:nth-of-type(2) {
    animation: pulse 1s -.083s infinite linear; }
  .c-loading-indicator svg path:nth-of-type(3) {
    animation: pulse 1s -.166s infinite linear; }
  .c-loading-indicator svg path:nth-of-type(4) {
    animation: pulse 1s -.249s infinite linear; }
  .c-loading-indicator svg path:nth-of-type(5) {
    animation: pulse 1s -.332s infinite linear; }
  .c-loading-indicator svg path:nth-of-type(6) {
    animation: pulse 1s -.415s infinite linear; }
  .c-loading-indicator svg path:nth-of-type(7) {
    animation: pulse 1s -.498s infinite linear; }
  .c-loading-indicator svg path:nth-of-type(8) {
    animation: pulse 1s -.581s infinite linear; }
  .c-loading-indicator svg path:nth-of-type(9) {
    animation: pulse 1s -.664s infinite linear; }
  .c-loading-indicator svg path:nth-of-type(10) {
    animation: pulse 1s -.747s infinite linear; }
  .c-loading-indicator svg path:nth-of-type(11) {
    animation: pulse 1s -.83s infinite linear; }
  .c-loading-indicator svg path:nth-of-type(12) {
    animation: pulse 1s -.913s infinite linear; }

.c-loading-indicator.is-complete {
  animation: loadingScaleDown .6s; }

@keyframes pulse {
  50% {
    fill: #979797; }
  to {
    fill: rgba(151, 151, 151, 0.4); } }

@keyframes loadingScaleUp {
  from {
    transform: scale(0);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

@keyframes loadingScaleDown {
  from {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(0);
    opacity: 0; } }

.c-scroll-box {
  background-color: #F5F5F5;
  border-radius: 2px;
  padding: 20px 20px 20px;
  height: 300px;
  overflow-y: auto;
  position: relative;
  box-shadow: inset 0px -20px 40px rgba(255, 255, 255, 0.5);
  max-width: 640px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 560px) {
    .c-scroll-box {
      padding: 50px 50px 30px; } }
  .c-scroll-box p, .c-scroll-box ul, .c-scroll-box ol {
    font-weight: 300;
    font-size: 13px;
    line-height: 1.7; }
    @media screen and (min-width: 560px) {
      .c-scroll-box p, .c-scroll-box ul, .c-scroll-box ol {
        font-size: 15px; } }
    .c-scroll-box p:last-child, .c-scroll-box ul:last-child, .c-scroll-box ol:last-child {
      margin-bottom: 0; }

.o-modal__body .c-scroll-box {
  margin-bottom: 24px; }
  @media screen and (min-width: 730px) {
    .o-modal__body .c-scroll-box {
      margin-bottom: 36px; } }

.c-notice {
  padding: 20px 0;
  background-color: #ffffff;
  width: 100%;
  /* Needed for absolute positioning (JS) */
  z-index: 28;
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07); }

.c-notice--frozen {
  padding: 30px 0;
  border: none; }

.c-notice__content {
  float: left;
  max-width: 600px; }

.c-notice__text {
  margin-top: 12px; }

.c-notice__text p {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5;
  margin-bottom: 12px; }
  @media screen and (min-width: 1000px) {
    .c-notice__text p {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 14px; } }

.c-notice__text p:last-of-type {
  margin-bottom: 0; }

.c-notice__actions {
  padding-top: 12px;
  white-space: nowrap;
  clear: left; }
  @media screen and (min-width: 1000px) {
    .c-notice__actions {
      float: right;
      clear: none;
      padding-top: 0;
      margin-top: 36px; } }

.c-notice__dismiss {
  float: right; }

.c-notice__dismiss .o-icon {
  margin: 0;
  width: 16px;
  height: 16px; }

/**
 * Fixed */
.c-notice--fixed {
  position: fixed;
  width: 100%;
  left: 0; }

.c-notice--bottom {
  bottom: 0; }

.c-notice {
  border: none;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.17); }
  @media screen and (min-width: 730px) {
    .c-notice {
      padding-top: 36px;
      padding-bottom: 36px; } }

@media screen and (min-width: 730px) {
  .c-notice__actions {
    padding-top: 24px; } }

@media screen and (min-width: 1000px) {
  .c-notice__actions {
    padding-top: 0; } }

.c-notice__dismiss {
  position: absolute;
  top: 18px;
  right: 18px; }

.c-dropdown {
  position: relative; }

.c-dropdown__content {
  background-color: #ffffff;
  border-radius: 3px;
  position: fixed;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.17);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: none;
  padding: 48px 0;
  z-index: 1;
  /* Otherwise language selector appears on top on Safari (iOS) */
  /**
	 * The arrow */ }
  @media screen and (min-width: 850px) {
    .c-dropdown__content {
      position: absolute;
      bottom: auto;
      top: calc(100% + 8px);
      left: 50%;
      transform: translateX(-50%);
      max-width: calc(100vw - 24px*2);
      width: 320px;
      height: auto;
      padding: 12px; } }
  @media screen and (min-width: 560px) {
    .c-dropdown__content:before {
      content: '';
      display: block;
      background-color: #ffffff;
      position: absolute;
      bottom: -16px;
      width: 28px;
      height: 20px;
      transform: rotate(24deg) skew(-42deg) translate(-50%, 0);
      box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.08);
      left: 50%; } }
  @media screen and (min-width: 850px) {
    .c-dropdown__content:before {
      bottom: auto;
      top: -4px;
      box-shadow: -2px -2px 1px 0px rgba(0, 0, 0, 0.08); } }
  .c-dropdown__content.is-hidden {
    display: none; }

.c-dropdown__list {
  overflow: auto; }

.c-dropdown__item {
  border-bottom: 1px solid #EFEFEF;
  text-align: left; }
  .c-dropdown__item:last-child {
    border-bottom: none; }

.c-dropdown__link {
  display: block;
  padding: 15px 24px 12px;
  text-decoration: none;
  color: #5E5E5E;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 1;
  padding: 19px 24px 16px;
  background: url("../media/ui/long-arrow-right.svg") no-repeat right 25px center; }
  .c-dropdown__link:hover {
    color: #00CD76; }
  @media screen and (min-width: 850px) {
    .c-dropdown__link {
      background: none;
      font-size: 14px; }
      .c-dropdown__link:hover {
        background: url("../media/ui/long-arrow-right.svg") no-repeat right 25px center; } }

/**
 * #TRUMPS
 */
/*------------------------------------*    #CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */
.clearfix:after,
.box:after,
.media:after,
.o-layout:after,
.o-list-inline:after,
.o-list-table li:after,
.o-box:after,
.o-box__head:after,
.o-field--nav:after,
.c-presentation__details:after,
.c-tiles__pair:after,
.c-form__action:after,
.c-form__columns:after,
.c-notice:after {
  content: "";
  display: table;
  clear: both; }

/*------------------------------------*    #SPACING
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/*------------------------------------*    #WIDTHS
\*------------------------------------*/
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes can take a fraction-like format (e.g. `.u-2/3`) or a spoken-
 * word format (e.g. `.u-2-of-3`). Use these in your markup:
 *
 * <div class="u-7/12">
 */
.u-1\/1 {
  width: 100% !important; }

.u-1\/2 {
  width: 50% !important; }

.u-1\/3 {
  width: 33.3333333333% !important; }

.u-2\/3 {
  width: 66.6666666667% !important; }

.u-1\/4 {
  width: 25% !important; }

.u-2\/4 {
  width: 50% !important; }

.u-3\/4 {
  width: 75% !important; }

.u-1\/5 {
  width: 20% !important; }

.u-2\/5 {
  width: 40% !important; }

.u-3\/5 {
  width: 60% !important; }

.u-4\/5 {
  width: 80% !important; }

.u-1\/8 {
  width: 12.5% !important; }

.u-2\/8 {
  width: 25% !important; }

.u-3\/8 {
  width: 37.5% !important; }

.u-4\/8 {
  width: 50% !important; }

.u-5\/8 {
  width: 62.5% !important; }

.u-6\/8 {
  width: 75% !important; }

.u-7\/8 {
  width: 87.5% !important; }

.u-1\/12 {
  width: 8.3333333333% !important; }

.u-2\/12 {
  width: 16.6666666667% !important; }

.u-3\/12 {
  width: 25% !important; }

.u-4\/12 {
  width: 33.3333333333% !important; }

.u-5\/12 {
  width: 41.6666666667% !important; }

.u-6\/12 {
  width: 50% !important; }

.u-7\/12 {
  width: 58.3333333333% !important; }

.u-8\/12 {
  width: 66.6666666667% !important; }

.u-9\/12 {
  width: 75% !important; }

.u-10\/12 {
  width: 83.3333333333% !important; }

.u-11\/12 {
  width: 91.6666666667% !important; }

/*------------------------------------*    #WIDTHS-RESPONSIVE
\*------------------------------------*/
/**
 * Responsive width classes based on your responsive settings.
 */
@media screen and (min-width: 560px) {
  .u-1\/1-phablet {
    width: 100% !important; }
  .u-1\/2-phablet {
    width: 50% !important; }
  .u-1\/3-phablet {
    width: 33.3333333333% !important; }
  .u-2\/3-phablet {
    width: 66.6666666667% !important; }
  .u-1\/4-phablet {
    width: 25% !important; }
  .u-2\/4-phablet {
    width: 50% !important; }
  .u-3\/4-phablet {
    width: 75% !important; }
  .u-1\/5-phablet {
    width: 20% !important; }
  .u-2\/5-phablet {
    width: 40% !important; }
  .u-3\/5-phablet {
    width: 60% !important; }
  .u-4\/5-phablet {
    width: 80% !important; }
  .u-1\/8-phablet {
    width: 12.5% !important; }
  .u-2\/8-phablet {
    width: 25% !important; }
  .u-3\/8-phablet {
    width: 37.5% !important; }
  .u-4\/8-phablet {
    width: 50% !important; }
  .u-5\/8-phablet {
    width: 62.5% !important; }
  .u-6\/8-phablet {
    width: 75% !important; }
  .u-7\/8-phablet {
    width: 87.5% !important; }
  .u-1\/12-phablet {
    width: 8.3333333333% !important; }
  .u-2\/12-phablet {
    width: 16.6666666667% !important; }
  .u-3\/12-phablet {
    width: 25% !important; }
  .u-4\/12-phablet {
    width: 33.3333333333% !important; }
  .u-5\/12-phablet {
    width: 41.6666666667% !important; }
  .u-6\/12-phablet {
    width: 50% !important; }
  .u-7\/12-phablet {
    width: 58.3333333333% !important; }
  .u-8\/12-phablet {
    width: 66.6666666667% !important; }
  .u-9\/12-phablet {
    width: 75% !important; }
  .u-10\/12-phablet {
    width: 83.3333333333% !important; }
  .u-11\/12-phablet {
    width: 91.6666666667% !important; } }

@media screen and (min-width: 730px) {
  .u-1\/1-tablet {
    width: 100% !important; }
  .u-1\/2-tablet {
    width: 50% !important; }
  .u-1\/3-tablet {
    width: 33.3333333333% !important; }
  .u-2\/3-tablet {
    width: 66.6666666667% !important; }
  .u-1\/4-tablet {
    width: 25% !important; }
  .u-2\/4-tablet {
    width: 50% !important; }
  .u-3\/4-tablet {
    width: 75% !important; }
  .u-1\/5-tablet {
    width: 20% !important; }
  .u-2\/5-tablet {
    width: 40% !important; }
  .u-3\/5-tablet {
    width: 60% !important; }
  .u-4\/5-tablet {
    width: 80% !important; }
  .u-1\/8-tablet {
    width: 12.5% !important; }
  .u-2\/8-tablet {
    width: 25% !important; }
  .u-3\/8-tablet {
    width: 37.5% !important; }
  .u-4\/8-tablet {
    width: 50% !important; }
  .u-5\/8-tablet {
    width: 62.5% !important; }
  .u-6\/8-tablet {
    width: 75% !important; }
  .u-7\/8-tablet {
    width: 87.5% !important; }
  .u-1\/12-tablet {
    width: 8.3333333333% !important; }
  .u-2\/12-tablet {
    width: 16.6666666667% !important; }
  .u-3\/12-tablet {
    width: 25% !important; }
  .u-4\/12-tablet {
    width: 33.3333333333% !important; }
  .u-5\/12-tablet {
    width: 41.6666666667% !important; }
  .u-6\/12-tablet {
    width: 50% !important; }
  .u-7\/12-tablet {
    width: 58.3333333333% !important; }
  .u-8\/12-tablet {
    width: 66.6666666667% !important; }
  .u-9\/12-tablet {
    width: 75% !important; }
  .u-10\/12-tablet {
    width: 83.3333333333% !important; }
  .u-11\/12-tablet {
    width: 91.6666666667% !important; } }

@media screen and (min-width: 1000px) {
  .u-1\/1-desk {
    width: 100% !important; }
  .u-1\/2-desk {
    width: 50% !important; }
  .u-1\/3-desk {
    width: 33.3333333333% !important; }
  .u-2\/3-desk {
    width: 66.6666666667% !important; }
  .u-1\/4-desk {
    width: 25% !important; }
  .u-2\/4-desk {
    width: 50% !important; }
  .u-3\/4-desk {
    width: 75% !important; }
  .u-1\/5-desk {
    width: 20% !important; }
  .u-2\/5-desk {
    width: 40% !important; }
  .u-3\/5-desk {
    width: 60% !important; }
  .u-4\/5-desk {
    width: 80% !important; }
  .u-1\/8-desk {
    width: 12.5% !important; }
  .u-2\/8-desk {
    width: 25% !important; }
  .u-3\/8-desk {
    width: 37.5% !important; }
  .u-4\/8-desk {
    width: 50% !important; }
  .u-5\/8-desk {
    width: 62.5% !important; }
  .u-6\/8-desk {
    width: 75% !important; }
  .u-7\/8-desk {
    width: 87.5% !important; }
  .u-1\/12-desk {
    width: 8.3333333333% !important; }
  .u-2\/12-desk {
    width: 16.6666666667% !important; }
  .u-3\/12-desk {
    width: 25% !important; }
  .u-4\/12-desk {
    width: 33.3333333333% !important; }
  .u-5\/12-desk {
    width: 41.6666666667% !important; }
  .u-6\/12-desk {
    width: 50% !important; }
  .u-7\/12-desk {
    width: 58.3333333333% !important; }
  .u-8\/12-desk {
    width: 66.6666666667% !important; }
  .u-9\/12-desk {
    width: 75% !important; }
  .u-10\/12-desk {
    width: 83.3333333333% !important; }
  .u-11\/12-desk {
    width: 91.6666666667% !important; } }

@media screen and (min-width: 1300px) {
  .u-1\/1-large {
    width: 100% !important; }
  .u-1\/2-large {
    width: 50% !important; }
  .u-1\/3-large {
    width: 33.3333333333% !important; }
  .u-2\/3-large {
    width: 66.6666666667% !important; }
  .u-1\/4-large {
    width: 25% !important; }
  .u-2\/4-large {
    width: 50% !important; }
  .u-3\/4-large {
    width: 75% !important; }
  .u-1\/5-large {
    width: 20% !important; }
  .u-2\/5-large {
    width: 40% !important; }
  .u-3\/5-large {
    width: 60% !important; }
  .u-4\/5-large {
    width: 80% !important; }
  .u-1\/8-large {
    width: 12.5% !important; }
  .u-2\/8-large {
    width: 25% !important; }
  .u-3\/8-large {
    width: 37.5% !important; }
  .u-4\/8-large {
    width: 50% !important; }
  .u-5\/8-large {
    width: 62.5% !important; }
  .u-6\/8-large {
    width: 75% !important; }
  .u-7\/8-large {
    width: 87.5% !important; }
  .u-1\/12-large {
    width: 8.3333333333% !important; }
  .u-2\/12-large {
    width: 16.6666666667% !important; }
  .u-3\/12-large {
    width: 25% !important; }
  .u-4\/12-large {
    width: 33.3333333333% !important; }
  .u-5\/12-large {
    width: 41.6666666667% !important; }
  .u-6\/12-large {
    width: 50% !important; }
  .u-7\/12-large {
    width: 58.3333333333% !important; }
  .u-8\/12-large {
    width: 66.6666666667% !important; }
  .u-9\/12-large {
    width: 75% !important; }
  .u-10\/12-large {
    width: 83.3333333333% !important; }
  .u-11\/12-large {
    width: 91.6666666667% !important; } }

@media screen and (min-width: 1600px) {
  .u-1\/1-wide {
    width: 100% !important; }
  .u-1\/2-wide {
    width: 50% !important; }
  .u-1\/3-wide {
    width: 33.3333333333% !important; }
  .u-2\/3-wide {
    width: 66.6666666667% !important; }
  .u-1\/4-wide {
    width: 25% !important; }
  .u-2\/4-wide {
    width: 50% !important; }
  .u-3\/4-wide {
    width: 75% !important; }
  .u-1\/5-wide {
    width: 20% !important; }
  .u-2\/5-wide {
    width: 40% !important; }
  .u-3\/5-wide {
    width: 60% !important; }
  .u-4\/5-wide {
    width: 80% !important; }
  .u-1\/8-wide {
    width: 12.5% !important; }
  .u-2\/8-wide {
    width: 25% !important; }
  .u-3\/8-wide {
    width: 37.5% !important; }
  .u-4\/8-wide {
    width: 50% !important; }
  .u-5\/8-wide {
    width: 62.5% !important; }
  .u-6\/8-wide {
    width: 75% !important; }
  .u-7\/8-wide {
    width: 87.5% !important; }
  .u-1\/12-wide {
    width: 8.3333333333% !important; }
  .u-2\/12-wide {
    width: 16.6666666667% !important; }
  .u-3\/12-wide {
    width: 25% !important; }
  .u-4\/12-wide {
    width: 33.3333333333% !important; }
  .u-5\/12-wide {
    width: 41.6666666667% !important; }
  .u-6\/12-wide {
    width: 50% !important; }
  .u-7\/12-wide {
    width: 58.3333333333% !important; }
  .u-8\/12-wide {
    width: 66.6666666667% !important; }
  .u-9\/12-wide {
    width: 75% !important; }
  .u-10\/12-wide {
    width: 83.3333333333% !important; }
  .u-11\/12-wide {
    width: 91.6666666667% !important; } }

/**
 * #UTILITIES
 */
.u-align-left {
  text-align: left !important; }

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

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

/*------------------------------------*    #OFFSETS
\*------------------------------------*/
.u-offset-1\/1 {
  margin-left: 100% !important; }

.u-offset-1\/2 {
  margin-left: 50% !important; }

.u-offset-1\/3 {
  margin-left: 33.3333333333% !important; }

.u-offset-2\/3 {
  margin-left: 66.6666666667% !important; }

.u-offset-1\/4 {
  margin-left: 25% !important; }

.u-offset-2\/4 {
  margin-left: 50% !important; }

.u-offset-3\/4 {
  margin-left: 75% !important; }

.u-offset-1\/5 {
  margin-left: 20% !important; }

.u-offset-2\/5 {
  margin-left: 40% !important; }

.u-offset-3\/5 {
  margin-left: 60% !important; }

.u-offset-4\/5 {
  margin-left: 80% !important; }

.u-offset-1\/8 {
  margin-left: 12.5% !important; }

.u-offset-2\/8 {
  margin-left: 25% !important; }

.u-offset-3\/8 {
  margin-left: 37.5% !important; }

.u-offset-4\/8 {
  margin-left: 50% !important; }

.u-offset-5\/8 {
  margin-left: 62.5% !important; }

.u-offset-6\/8 {
  margin-left: 75% !important; }

.u-offset-7\/8 {
  margin-left: 87.5% !important; }

.u-offset-1\/12 {
  margin-left: 8.3333333333% !important; }

.u-offset-2\/12 {
  margin-left: 16.6666666667% !important; }

.u-offset-3\/12 {
  margin-left: 25% !important; }

.u-offset-4\/12 {
  margin-left: 33.3333333333% !important; }

.u-offset-5\/12 {
  margin-left: 41.6666666667% !important; }

.u-offset-6\/12 {
  margin-left: 50% !important; }

.u-offset-7\/12 {
  margin-left: 58.3333333333% !important; }

.u-offset-8\/12 {
  margin-left: 66.6666666667% !important; }

.u-offset-9\/12 {
  margin-left: 75% !important; }

.u-offset-10\/12 {
  margin-left: 83.3333333333% !important; }

.u-offset-11\/12 {
  margin-left: 91.6666666667% !important; }

/*------------------------------------*    #OFFSETS-RESPONSIVE
\*------------------------------------*/
@media screen and (min-width: 560px) {
  .u-offset-1\/1-phablet {
    margin-left: 100% !important; }
  .u-offset-1\/2-phablet {
    margin-left: 50% !important; }
  .u-offset-1\/3-phablet {
    margin-left: 33.3333333333% !important; }
  .u-offset-2\/3-phablet {
    margin-left: 66.6666666667% !important; }
  .u-offset-1\/4-phablet {
    margin-left: 25% !important; }
  .u-offset-2\/4-phablet {
    margin-left: 50% !important; }
  .u-offset-3\/4-phablet {
    margin-left: 75% !important; }
  .u-offset-1\/5-phablet {
    margin-left: 20% !important; }
  .u-offset-2\/5-phablet {
    margin-left: 40% !important; }
  .u-offset-3\/5-phablet {
    margin-left: 60% !important; }
  .u-offset-4\/5-phablet {
    margin-left: 80% !important; }
  .u-offset-1\/8-phablet {
    margin-left: 12.5% !important; }
  .u-offset-2\/8-phablet {
    margin-left: 25% !important; }
  .u-offset-3\/8-phablet {
    margin-left: 37.5% !important; }
  .u-offset-4\/8-phablet {
    margin-left: 50% !important; }
  .u-offset-5\/8-phablet {
    margin-left: 62.5% !important; }
  .u-offset-6\/8-phablet {
    margin-left: 75% !important; }
  .u-offset-7\/8-phablet {
    margin-left: 87.5% !important; }
  .u-offset-1\/12-phablet {
    margin-left: 8.3333333333% !important; }
  .u-offset-2\/12-phablet {
    margin-left: 16.6666666667% !important; }
  .u-offset-3\/12-phablet {
    margin-left: 25% !important; }
  .u-offset-4\/12-phablet {
    margin-left: 33.3333333333% !important; }
  .u-offset-5\/12-phablet {
    margin-left: 41.6666666667% !important; }
  .u-offset-6\/12-phablet {
    margin-left: 50% !important; }
  .u-offset-7\/12-phablet {
    margin-left: 58.3333333333% !important; }
  .u-offset-8\/12-phablet {
    margin-left: 66.6666666667% !important; }
  .u-offset-9\/12-phablet {
    margin-left: 75% !important; }
  .u-offset-10\/12-phablet {
    margin-left: 83.3333333333% !important; }
  .u-offset-11\/12-phablet {
    margin-left: 91.6666666667% !important; } }

@media screen and (min-width: 730px) {
  .u-offset-1\/1-tablet {
    margin-left: 100% !important; }
  .u-offset-1\/2-tablet {
    margin-left: 50% !important; }
  .u-offset-1\/3-tablet {
    margin-left: 33.3333333333% !important; }
  .u-offset-2\/3-tablet {
    margin-left: 66.6666666667% !important; }
  .u-offset-1\/4-tablet {
    margin-left: 25% !important; }
  .u-offset-2\/4-tablet {
    margin-left: 50% !important; }
  .u-offset-3\/4-tablet {
    margin-left: 75% !important; }
  .u-offset-1\/5-tablet {
    margin-left: 20% !important; }
  .u-offset-2\/5-tablet {
    margin-left: 40% !important; }
  .u-offset-3\/5-tablet {
    margin-left: 60% !important; }
  .u-offset-4\/5-tablet {
    margin-left: 80% !important; }
  .u-offset-1\/8-tablet {
    margin-left: 12.5% !important; }
  .u-offset-2\/8-tablet {
    margin-left: 25% !important; }
  .u-offset-3\/8-tablet {
    margin-left: 37.5% !important; }
  .u-offset-4\/8-tablet {
    margin-left: 50% !important; }
  .u-offset-5\/8-tablet {
    margin-left: 62.5% !important; }
  .u-offset-6\/8-tablet {
    margin-left: 75% !important; }
  .u-offset-7\/8-tablet {
    margin-left: 87.5% !important; }
  .u-offset-1\/12-tablet {
    margin-left: 8.3333333333% !important; }
  .u-offset-2\/12-tablet {
    margin-left: 16.6666666667% !important; }
  .u-offset-3\/12-tablet {
    margin-left: 25% !important; }
  .u-offset-4\/12-tablet {
    margin-left: 33.3333333333% !important; }
  .u-offset-5\/12-tablet {
    margin-left: 41.6666666667% !important; }
  .u-offset-6\/12-tablet {
    margin-left: 50% !important; }
  .u-offset-7\/12-tablet {
    margin-left: 58.3333333333% !important; }
  .u-offset-8\/12-tablet {
    margin-left: 66.6666666667% !important; }
  .u-offset-9\/12-tablet {
    margin-left: 75% !important; }
  .u-offset-10\/12-tablet {
    margin-left: 83.3333333333% !important; }
  .u-offset-11\/12-tablet {
    margin-left: 91.6666666667% !important; } }

@media screen and (min-width: 1000px) {
  .u-offset-1\/1-desk {
    margin-left: 100% !important; }
  .u-offset-1\/2-desk {
    margin-left: 50% !important; }
  .u-offset-1\/3-desk {
    margin-left: 33.3333333333% !important; }
  .u-offset-2\/3-desk {
    margin-left: 66.6666666667% !important; }
  .u-offset-1\/4-desk {
    margin-left: 25% !important; }
  .u-offset-2\/4-desk {
    margin-left: 50% !important; }
  .u-offset-3\/4-desk {
    margin-left: 75% !important; }
  .u-offset-1\/5-desk {
    margin-left: 20% !important; }
  .u-offset-2\/5-desk {
    margin-left: 40% !important; }
  .u-offset-3\/5-desk {
    margin-left: 60% !important; }
  .u-offset-4\/5-desk {
    margin-left: 80% !important; }
  .u-offset-1\/8-desk {
    margin-left: 12.5% !important; }
  .u-offset-2\/8-desk {
    margin-left: 25% !important; }
  .u-offset-3\/8-desk {
    margin-left: 37.5% !important; }
  .u-offset-4\/8-desk {
    margin-left: 50% !important; }
  .u-offset-5\/8-desk {
    margin-left: 62.5% !important; }
  .u-offset-6\/8-desk {
    margin-left: 75% !important; }
  .u-offset-7\/8-desk {
    margin-left: 87.5% !important; }
  .u-offset-1\/12-desk {
    margin-left: 8.3333333333% !important; }
  .u-offset-2\/12-desk {
    margin-left: 16.6666666667% !important; }
  .u-offset-3\/12-desk {
    margin-left: 25% !important; }
  .u-offset-4\/12-desk {
    margin-left: 33.3333333333% !important; }
  .u-offset-5\/12-desk {
    margin-left: 41.6666666667% !important; }
  .u-offset-6\/12-desk {
    margin-left: 50% !important; }
  .u-offset-7\/12-desk {
    margin-left: 58.3333333333% !important; }
  .u-offset-8\/12-desk {
    margin-left: 66.6666666667% !important; }
  .u-offset-9\/12-desk {
    margin-left: 75% !important; }
  .u-offset-10\/12-desk {
    margin-left: 83.3333333333% !important; }
  .u-offset-11\/12-desk {
    margin-left: 91.6666666667% !important; } }

@media screen and (min-width: 1300px) {
  .u-offset-1\/1-large {
    margin-left: 100% !important; }
  .u-offset-1\/2-large {
    margin-left: 50% !important; }
  .u-offset-1\/3-large {
    margin-left: 33.3333333333% !important; }
  .u-offset-2\/3-large {
    margin-left: 66.6666666667% !important; }
  .u-offset-1\/4-large {
    margin-left: 25% !important; }
  .u-offset-2\/4-large {
    margin-left: 50% !important; }
  .u-offset-3\/4-large {
    margin-left: 75% !important; }
  .u-offset-1\/5-large {
    margin-left: 20% !important; }
  .u-offset-2\/5-large {
    margin-left: 40% !important; }
  .u-offset-3\/5-large {
    margin-left: 60% !important; }
  .u-offset-4\/5-large {
    margin-left: 80% !important; }
  .u-offset-1\/8-large {
    margin-left: 12.5% !important; }
  .u-offset-2\/8-large {
    margin-left: 25% !important; }
  .u-offset-3\/8-large {
    margin-left: 37.5% !important; }
  .u-offset-4\/8-large {
    margin-left: 50% !important; }
  .u-offset-5\/8-large {
    margin-left: 62.5% !important; }
  .u-offset-6\/8-large {
    margin-left: 75% !important; }
  .u-offset-7\/8-large {
    margin-left: 87.5% !important; }
  .u-offset-1\/12-large {
    margin-left: 8.3333333333% !important; }
  .u-offset-2\/12-large {
    margin-left: 16.6666666667% !important; }
  .u-offset-3\/12-large {
    margin-left: 25% !important; }
  .u-offset-4\/12-large {
    margin-left: 33.3333333333% !important; }
  .u-offset-5\/12-large {
    margin-left: 41.6666666667% !important; }
  .u-offset-6\/12-large {
    margin-left: 50% !important; }
  .u-offset-7\/12-large {
    margin-left: 58.3333333333% !important; }
  .u-offset-8\/12-large {
    margin-left: 66.6666666667% !important; }
  .u-offset-9\/12-large {
    margin-left: 75% !important; }
  .u-offset-10\/12-large {
    margin-left: 83.3333333333% !important; }
  .u-offset-11\/12-large {
    margin-left: 91.6666666667% !important; } }

@media screen and (min-width: 1600px) {
  .u-offset-1\/1-wide {
    margin-left: 100% !important; }
  .u-offset-1\/2-wide {
    margin-left: 50% !important; }
  .u-offset-1\/3-wide {
    margin-left: 33.3333333333% !important; }
  .u-offset-2\/3-wide {
    margin-left: 66.6666666667% !important; }
  .u-offset-1\/4-wide {
    margin-left: 25% !important; }
  .u-offset-2\/4-wide {
    margin-left: 50% !important; }
  .u-offset-3\/4-wide {
    margin-left: 75% !important; }
  .u-offset-1\/5-wide {
    margin-left: 20% !important; }
  .u-offset-2\/5-wide {
    margin-left: 40% !important; }
  .u-offset-3\/5-wide {
    margin-left: 60% !important; }
  .u-offset-4\/5-wide {
    margin-left: 80% !important; }
  .u-offset-1\/8-wide {
    margin-left: 12.5% !important; }
  .u-offset-2\/8-wide {
    margin-left: 25% !important; }
  .u-offset-3\/8-wide {
    margin-left: 37.5% !important; }
  .u-offset-4\/8-wide {
    margin-left: 50% !important; }
  .u-offset-5\/8-wide {
    margin-left: 62.5% !important; }
  .u-offset-6\/8-wide {
    margin-left: 75% !important; }
  .u-offset-7\/8-wide {
    margin-left: 87.5% !important; }
  .u-offset-1\/12-wide {
    margin-left: 8.3333333333% !important; }
  .u-offset-2\/12-wide {
    margin-left: 16.6666666667% !important; }
  .u-offset-3\/12-wide {
    margin-left: 25% !important; }
  .u-offset-4\/12-wide {
    margin-left: 33.3333333333% !important; }
  .u-offset-5\/12-wide {
    margin-left: 41.6666666667% !important; }
  .u-offset-6\/12-wide {
    margin-left: 50% !important; }
  .u-offset-7\/12-wide {
    margin-left: 58.3333333333% !important; }
  .u-offset-8\/12-wide {
    margin-left: 66.6666666667% !important; }
  .u-offset-9\/12-wide {
    margin-left: 75% !important; }
  .u-offset-10\/12-wide {
    margin-left: 83.3333333333% !important; }
  .u-offset-11\/12-wide {
    margin-left: 91.6666666667% !important; } }

.u-text-green {
  color: #00CD76; }

.u-text-gray {
  color: #5E5E5E; }

.u-bg-gray,
.u-bg-gray:before,
.u-bg-gray:after {
  background-color: #F5F5F5; }

.u-float-l {
  float: left; }

.u-float-r {
  float: right; }

.u-link-invisible {
  color: inherit;
  text-decoration: none;
  transition: color 0.1s ease; }
  .u-link-invisible:hover {
    color: #00CD76; }

/**
 * Margins */
.u-push-inline {
  margin-left: 10px; }

/**
 * Fonts */
.u-text-small {
  /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
  font-size: 12px;
  /**
			 * If a line-height is forced (e.g. form inputs
			 * will always use 1), use this one */
  line-height: 1.5; }
  @media screen and (min-width: 1000px) {
    .u-text-small {
      /**
				 * Don't include line-height as it is already
				 * part of the null breakpoint */
      /**
	 * If $font-size is a list, include
	 * both font-size and line-height */
      font-size: 14px; } }

.c-site-header .u-small {
  position: relative;
  top: -2px; }

.u-bold {
  font-weight: bolder; }

/**
 * Colors */
.u-neutral-1 {
  color: #979797; }

@media screen and (min-width: 730px) {
  .u-padded-tablet {
    padding: 0 12%; } }

body.debug:after {
  content: 'Mobile';
  background: red;
  color: black;
  padding: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100; }
  @media screen and (min-width: 730px) {
    body.debug:after {
      content: 'Tablet';
      background: blue; } }
  @media screen and (min-width: 560px) {
    body.debug:after {
      content: 'Phablet';
      background: blue; } }
  @media screen and (min-width: 1000px) {
    body.debug:after {
      content: 'Desk';
      background: green; } }
  @media screen and (min-width: 1300px) {
    body.debug:after {
      content: 'Large';
      background: violet; } }
  @media screen and (min-width: 1600px) {
    body.debug:after {
      content: 'Wide';
      background: orange; } }

.u-hidden {
  display: none !important; }

@media screen and (min-width: 850px) {
  .u-hidden-nav-breakpoint {
    display: none !important; } }

@media screen and (min-width: 560px) {
  .u-block-phablet {
    display: block !important; }
  .u-inline-block-phablet {
    display: inline-block !important; }
  .u-table-cell-phablet {
    display: table-cell !important; }
  .u-hidden-phablet {
    display: none !important; } }

@media screen and (min-width: 730px) {
  .u-block-tablet {
    display: block !important; }
  .u-inline-block-tablet {
    display: inline-block !important; }
  .u-table-cell-tablet {
    display: table-cell !important; }
  .u-hidden-tablet {
    display: none !important; } }

@media screen and (min-width: 1000px) {
  .u-block-desk {
    display: block !important; }
  .u-inline-block-desk {
    display: inline-block !important; }
  .u-table-cell-desk {
    display: table-cell !important; }
  .u-hidden-desk {
    display: none !important; } }

@media screen and (min-width: 1300px) {
  .u-block-large {
    display: block !important; }
  .u-inline-block-large {
    display: inline-block !important; }
  .u-table-cell-large {
    display: table-cell !important; }
  .u-hidden-large {
    display: none !important; } }

@media screen and (min-width: 1600px) {
  .u-block-wide {
    display: block !important; }
  .u-inline-block-wide {
    display: inline-block !important; }
  .u-table-cell-wide {
    display: table-cell !important; }
  .u-hidden-wide {
    display: none !important; } }

/* Top */
.u-mt-tiny {
  margin-top: 6px !important; }

.u-mt-small {
  margin-top: 12px !important; }

.u-mt {
  margin-top: 24px !important; }

.u-mt-medium {
  margin-top: 36px !important; }

.u-mt-large {
  margin-top: 48px !important; }

.u-mt-xlarge {
  margin-top: 72px !important; }

.u-mt-huge {
  margin-top: 96px !important; }

.u-mt-0 {
  margin-top: 0 !important; }

/* Bottom */
.u-mb-tiny {
  margin-bottom: 6px !important; }

.u-mb-small {
  margin-bottom: 12px !important; }

.u-mb {
  margin-bottom: 24px !important; }

.u-mb-medium {
  margin-bottom: 36px !important; }

.u-mb-large {
  margin-bottom: 48px !important; }

.u-mb-xlarge {
  margin-bottom: 72px !important; }

.u-mb-huge {
  margin-bottom: 96px !important; }

.u-mb-0 {
  margin-bottom: 0 !important; }

/* Vertical */
.u-my-tiny {
  margin-top: 6px !important;
  margin-bottom: 6px !important; }

.u-my-small {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

.u-my {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.u-my-medium {
  margin-top: 36px !important;
  margin-bottom: 36px !important; }

.u-my-large {
  margin-top: 48px !important;
  margin-bottom: 48px !important; }

.u-my-xlarge {
  margin-top: 72px !important;
  margin-bottom: 72px !important; }

.u-my-huge {
  margin-top: 96px !important;
  margin-bottom: 96px !important; }

.u-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

/* Left */
.u-ml-tiny {
  margin-left: 6px !important; }

.u-ml-small {
  margin-left: 12px !important; }

.u-ml {
  margin-left: 24px !important; }

.u-ml-medium {
  margin-left: 36px !important; }

.u-ml-large {
  margin-left: 48px !important; }

.u-ml-xlarge {
  margin-left: 72px !important; }

.u-ml-huge {
  margin-left: 96px !important; }

.u-ml-0 {
  margin-left: 0 !important; }

/* Right */
.u-mr-tiny {
  margin-right: 6px !important; }

.u-mr-small {
  margin-right: 12px !important; }

.u-mr {
  margin-right: 24px !important; }

.u-mr-medium {
  margin-right: 36px !important; }

.u-mr-large {
  margin-right: 48px !important; }

.u-mr-xlarge {
  margin-right: 72px !important; }

.u-mr-huge {
  margin-right: 96px !important; }

.u-mr-0 {
  margin-right: 0 !important; }

/* Horizontal */
.u-mx-tiny {
  margin-left: 6px !important;
  margin-right: 6px !important; }

.u-mx-small {
  margin-left: 12px !important;
  margin-right: 12px !important; }

.u-mx {
  margin-left: 24px !important;
  margin-right: 24px !important; }

.u-mx-medium {
  margin-left: 36px !important;
  margin-right: 36px !important; }

.u-mx-large {
  margin-left: 48px !important;
  margin-right: 48px !important; }

.u-mx-xlarge {
  margin-left: 72px !important;
  margin-right: 72px !important; }

.u-mx-huge {
  margin-left: 96px !important;
  margin-right: 96px !important; }

.u-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.u-margin-top {
  margin-top: 24px; }
  @media screen and (min-width: 560px) {
    .u-margin-top {
      margin-top: 48px; } }
  @media screen and (min-width: 1000px) {
    .u-margin-top {
      margin-top: 72px; } }

.u-margin-top-small {
  margin-top: 12px; }
  @media screen and (min-width: 560px) {
    .u-margin-top-small {
      margin-top: 24px; } }
  @media screen and (min-width: 1000px) {
    .u-margin-top-small {
      margin-top: 48px; } }

.u-margin-bottom {
  margin-bottom: 24px; }
  @media screen and (min-width: 560px) {
    .u-margin-bottom {
      margin-bottom: 48px; } }
  @media screen and (min-width: 730px) {
    .u-margin-bottom {
      margin-bottom: 72px; } }

.u-margin-bottom-small {
  margin-bottom: 12px; }
  @media screen and (min-width: 560px) {
    .u-margin-bottom-small {
      margin-bottom: 24px; } }
  @media screen and (min-width: 1000px) {
    .u-margin-bottom-small {
      margin-bottom: 48px; } }

/**
 * #JS
 */
/*======================================
Selectric v1.9.5
======================================*/
.selectric-wrapper {
  position: relative;
  cursor: pointer; }

.selectric-open {
  border-bottom: 1px solid #34ffa9; }

.selectric-open.selectric-above {
  border-bottom: 0;
  border-top: 1px solid #34ffa9; }

.selectric-responsive {
  width: 100%; }

.selectric {
  background: #00CD76;
  position: relative; }

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 45px 0 20px;
  font-size: 16px;
  line-height: 45px;
  color: white;
  height: 45px; }

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
  background: url("../media/ui/select-arrow-white.svg") no-repeat center;
  text-indent: -9999px; }

.selectric-hover .selectric {
  border-color: #C4C4C4; }

.selectric-hover .selectric .button {
  color: #A2A2A2; }

.selectric-hover .selectric .button:after {
  border-top-color: #A2A2A2; }

.selectric-open {
  z-index: 9999; }

.selectric-open .selectric {
  border-color: #C4C4C4; }

.selectric-open .selectric-items {
  display: block; }

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }

.selectric-hide-select select {
  position: absolute;
  left: -100%;
  display: none; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff;
  z-index: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  margin: 1px 0; }

.selectric-above .selectric-items {
  z-index: -1; }

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto; }

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%; }

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 25px;
  min-height: 25px; }

.selectric-items li {
  display: block;
  padding: 10px;
  margin: 0 10px;
  color: #00CD76;
  cursor: pointer;
  font-size: 16px;
  font-weight: 300; }

.selectric-items li:first-child {
  display: none; }

.selectric-items li + li + li {
  border-top: 1px solid #DADADA; }

.selectric-items li.selected {
  color: #DADADA;
  cursor: default; }
  .selectric-items li.selected:hover {
    color: #DADADA; }

.selectric-items li:hover {
  color: #00b96a; }

.selectric-items .disabled {
  cursor: default !important;
  background: none !important;
  color: #DADADA;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .selectric-items .disabled:hover {
    color: #DADADA; }

.selectric-items .selectric-group .selectric-group-label {
  font-weight: 400;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444; }

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1; }

.selectric-items .selectric-group li {
  padding-left: 25px; }

/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+scss&plugins=line-numbers */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
/* Mod */
code[class*="language-"],
pre[class*="language-"] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  /* Mod */
  color: #808088;
  font-family: 'Roboto Mono', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  line-height: 1.6;
  font-size: 13px; }

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc; }

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc; }

@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none; } }

/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
  /* Mod */
  padding: 1.1em 1em;
  box-shadow: inset 0 0 0 1px #E8E8EB, inset 49px 0 0 #FDFDFD, inset 50px 0 0 #E8E8EB; }

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: #f5f2f0;
  /* Mod */
  background: rgba(255, 255, 255, 0.3); }

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
  /* Mod */
  color: #62626B;
  border: 1px solid #E8E8EB;
  font-size: 13px;
  padding: 1px 6px; }

/* Mod */
.o-docs-note :not(pre) > code[class*="language-"] {
  border-color: rgba(0, 82, 74, 0.4); }

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
  /* Mod */
  color: #BBBDC0; }

.token.punctuation {
  color: #999; }

.namespace {
  opacity: .7; }

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905;
  /* Mod */
  color: #9B85EB;
  color: #62C5BE; }

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
  /* Mod */
  color: #F8B000;
  color: #678441; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5); }

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
  /* Mod */
  color: #28AFFA;
  color: #9BD2AA; }

.token.function {
  color: #DD4A68; }

.token.regex,
.token.important,
.token.variable {
  color: #e90; }

.token.important,
.token.bold {
  font-weight: 400; }

.token.italic {
  font-style: italic; }

.token.entity {
  cursor: help; }

pre.line-numbers {
  position: relative;
  padding-left: 3.8em;
  counter-reset: linenumber;
  /* Mod */
  padding-left: 5.2em; }

pre.line-numbers > code {
  position: relative; }

.line-numbers .line-numbers-rows {
  position: absolute;
  pointer-events: none;
  top: 0;
  font-size: 100%;
  left: -3.8em;
  width: 3em;
  /* works for line-numbers below 1000 lines */
  letter-spacing: -1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Mod */
  left: -5.2em;
  line-height: 20px; }

.line-numbers-rows > span {
  pointer-events: none;
  display: block;
  counter-increment: linenumber; }

.line-numbers-rows > span:before {
  content: counter(linenumber);
  color: #999;
  display: block;
  padding-right: 0.8em;
  text-align: right;
  /* Mod */
  font-size: 12px;
  color: #D1D1DA; }

.js-swipe {
  position: relative;
  overflow: hidden; }

/**
 * Container (hides overflow) */
.js-swipe__container {
  overflow: hidden; }

/**
 * Wrapper */
.js-swipe__wrap {
  transition: transform 0.133s ease;
  cursor: grab; }

.js-swipe__wrap.is-grabbing {
  cursor: grabbing; }

.js-swipe__wrap > * {
  float: left; }

/**
 * Overflow hints */
.js-swipe__overflow-hint {
  position: absolute;
  top: 0;
  display: block;
  width: 48px;
  height: 100%;
  z-index: 2;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.666s ease, transform 0.666s ease; }

.js-swipe__overflow-hint--left {
  left: 0;
  background-image: linear-gradient(to right, #F5F5F5 20%, rgba(255, 255, 255, 0) 100%);
  /* Safari doesn't like transparent */ }

.js-swipe__overflow-hint--right {
  right: 0;
  background-image: linear-gradient(to left, #F5F5F5 20%, rgba(255, 255, 255, 0) 100%);
  /* Safari doesn't like transparent */ }

/**
 * Nav (arrows) */
.js-swipe__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-indent: -9999px;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  box-shadow: 0 3px 7px 3px rgba(0, 0, 0, 0.03);
  border-radius: 25px;
  border: none;
  z-index: 3;
  transition: opacity 0.233s ease, transform 0.233s cubic-bezier(0.2, 0.41, 0.55, 1.89);
  display: none; }
  @media screen and (min-width: 1000px) {
    .js-swipe__btn {
      display: block; } }

.js-swipe__btn + .js-swipe__btn {
  margin: 0; }

.js-swipe__btn--prev {
  left: 36px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNSAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctbGVmdDwvdGl0bGU+PHBhdGggZD0iTTYuMTEgMTIuMjFsLjcwOC0uNzA4LTQuODMtNC44M2gxMi4xOXYtMUgxLjg0Mkw2LjgwNy43MDcgNi4xIDAgMCA2LjA5OGw2LjExIDYuMTF6IiBmaWxsPSIjMDBDRDc2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: center; }
  .js-swipe__btn--prev:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNSAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctbGVmdDwvdGl0bGU+PHBhdGggZD0iTTYuMTEgMTIuMjFsLjcwOC0uNzA4LTQuODMtNC44M2gxMi4xOXYtMUgxLjg0Mkw2LjgwNy43MDcgNi4xIDAgMCA2LjA5OGw2LjExIDYuMTF6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4="); }

.js-swipe__btn--next {
  right: 36px;
  left: auto;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNSAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctcmlnaHQ8L3RpdGxlPjxwYXRoIGQ9Ik04LjA2OCAwTDcuMzYuNzA3bDQuODMgNC44M0gwdjFoMTIuMzM4bC00Ljk2NSA0Ljk2NS43MDcuNzA3IDYuMS02LjFMOC4wNjcgMHoiIGZpbGw9IiMwMENENzYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center; }
  .js-swipe__btn--next:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNSAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctcmlnaHQ8L3RpdGxlPjxwYXRoIGQ9Ik04LjA2OCAwTDcuMzYuNzA3bDQuODMgNC44M0gwdjFoMTIuMzM4bC00Ljk2NSA0Ljk2NS43MDcuNzA3IDYuMS02LjFMOC4wNjcgMHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); }

.js-swipe__btn:hover {
  transform: translateY(-50%) scale3d(1.1, 1.1, 1); }

/**
 * Option: hidden nav */
.js-swipe__nav--hidden .js-swipe__btn--next {
  transform: translate3d(25%, -50%, 0);
  opacity: 0; }

.js-swipe__nav--hidden .js-swipe__btn--prev {
  transform: translate3d(-25%, -50%, 0);
  opacity: 0; }

.js-swipe__nav--hidden .js-swipe__btn.is-shown {
  transform: translate3d(0, -50%, 0);
  opacity: 1; }

.js-swipe__nav--hidden .js-swipe__btn.is-shown:hover {
  transform: translate3d(0, -50%, 0) scale3d(1.1, 1.1, 1); }

.js-swipe.has-reached-start .js-swipe__overflow-hint--left {
  opacity: 0;
  transform: translate3d(-100%, 0, 0); }

.js-swipe.has-reached-start .js-swipe__btn--prev {
  opacity: 0;
  transform: translateY(-50%) scale3d(0.4, 0.4, 1);
  transition: opacity 0.3s ease, transform 0.3s ease; }

.js-swipe.has-reached-end .js-swipe__overflow-hint--right {
  opacity: 0;
  transform: translate3d(100%, 0, 0); }

.js-swipe.has-reached-end .js-swipe__btn--next {
  opacity: 0;
  transform: translateY(-50%) scale3d(0.4, 0.4, 1);
  transition: opacity 0.3s ease, transform 0.3s ease; }

.js-tabs__content {
  display: none; }
  .js-tabs__content.is-active {
    display: block; }

.js-show-text__container {
  overflow: hidden; }
  .js-show-text__container > * {
    transition: .2s; }

.js-expand__trigger {
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTUgOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij48cGF0aCBkPSJNNy4yNzgsNy41OWwtNy4yNzgsLTcuMjc4bDAuMzEyLC0wLjMxMmw2Ljk2Niw2Ljk2N2w2Ljk2NywtNi45NjdsMC4zMTIsMC4zMTJsLTcuMjc5LDcuMjc4WiIgc3R5bGU9ImZpbGw6Izg0ODY4OTsiLz48L3N2Zz4=");
  background-size: 15px 8px;
  background-repeat: no-repeat;
  background-position: right 36px center; }

.js-expand__trigger.is-triggered {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTUgOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij48cGF0aCBkPSJNNy4yNzgsMGw3LjI3OSw3LjI3OGwtMC4zMTIsMC4zMTJsLTYuOTY3LC02Ljk2NmwtNi45NjYsNi45NjZsLTAuMzEyLC0wLjMxMmw3LjI3OCwtNy4yNzhaIiBzdHlsZT0iZmlsbDojODQ4Njg5OyIvPjwvc3ZnPg=="); }

@media screen and (min-width: 1000px) {
  .js-expand--mobile .js-expand__trigger {
    background-image: none; } }

@media screen and (min-width: 850px) {
  .js-active-bar {
    position: relative;
    background: #ffffff linear-gradient(to top, #00CD76, #00CD76) no-repeat left bottom/0 3px;
    transition: background .2s linear; } }

/*# sourceMappingURL=base.css.map */