@charset "UTF-8";
/**
 * CONTENTS
 *
 *
 * HELPERS
 * Variables..............Sass variable definitions
 * Functions..............Sass function definitions
 * Mixins.................Sass mixin definitions
 * .......................Media query mixins
 *
 * BASE
 * Normalize..............unifying user agent styling across browsers
 * Base...................basic appearance of elements
 * Fonts..................@font-face definitions
 * Typography.............typographic scales and vertical rythm
 * Colors.................page colors based on palette selection
 * Icons..................styling of UI iconographic elements
 * Utility................utility classes like clearfix
 * Admin..................CMS UI visible in the output views
 *
 * LAYOUT
 * Footer.................the site footer
 * Header.................the site header
 * Wrappers...............content wrapping elements
 * Page Nav...............main navigation
 * Section................header and container for 0..n modules
 * Banner.................page header with viewport-filling background
 * Grid Row...............rules for appearance of row-based content
 * Showreel...............page navigation with interactive video as background
 * Presentation Mode......slideshow of highlighted content from the current page
 *
 * COMPONENTS
 * Buttons................button elements
 * Caption................figcaption with optional copyright info
 * Clipped Image..........using clip-path to get skewed images
 * Contact................contact info for a Person record.
 * Content Appender.......UI for AJAX-loading/appending content
 * Content Header.........the basic article heading
 * Deck...................short article summary accompanying the headline
 * Expertise Nav..........Expertise child pages navigation
 * Logo...................the MESO logo in all its variations
 * Page Switcher..........Dropdown menu containing Expertise child pages
 * Pagination.............Pagination UI elements
 * Tile...................Square link element with bg and text overlay
 * Tilted Box Boundary....crooked top/bottom border for various content boxes
 * ToC....................a list of anchors to sections on the page
 *
 * COMPONENTS/PAGE_MODULES
 * Module.................module base styling
 * Text...................styled rte output
 * Media Text.............styled rte output accompanied by media
 * Quote..................illustrated quotes
 * Text Blocks............short blocks of text placed in a 3 col grid
 * Video Embed............embedding an iframe from a 3rd party streaming service
 *
 *
 * PAGES...
 * Home...................specific layout for the homepage
 * Projects...............specific layout for projects
 * Expertise..............specific layout for expertise pages
 * Career.................specific layout for career page
 *
 * VENDORS
 * (3rd party dependencies go here, overrides for them as well)
 *
 */
/* =========================================================================
   #SASS-VARIABLES
   ========================================================================= */
/* Dimensions
   ========================================================================= */
/**
 * List of strings describing a media query breakpoint and their associated
 * min-widths in em. Expand this list where needed. All breakpoints should be
 * em-based unless you have a very good reason not to.
 *
 * The $breakpoints can be used for all media queries you write, but are
 * automated in the respond-to mixin as defined in _mixins.scss.
 */
/**
 * Content wrapper widths
 */
/* Grid System
   ========================================================================= */
/* Color Palettes
   ========================================================================= */
/* Colors
   ========================================================================= */
/* =========================================================================
   #SASS-FUNCTIONS
   ========================================================================= */
/**
 * A solution to create horizontal breakpoint-dependent sizing
 * in grid-sized steps.
 */
/* =========================================================================
   #SASS-MIXINS
   ========================================================================= */
/**
 * Applying hover, active and focus state in one go.
 * Idea from Harry Roberts and Chris Eppstein.
 */
/* fixed aspect ratio */
/**
 * Aspect ratio with min height, children can make the
 * container higher when needed.
 *
 * Only works for viewport-filling content.
 */
/**
 * This is creating our grid layout as background image as layouting guide.
 */
/* Media Queries
   ========================================================================= */
/**
 * Adds css that only applies for a viewport wider than $breakpoint to your
 * ruleset. This is only for simple min-width media queries. Min-width because
 * we are using a mobile first approach. And no other media queries, because
 * those are either highly specific and don't require a mixin, or have their
 * own mixin that fits their use case more (i.e. retina). Sass allows nesting of
 * media queries, so combine them through that, no need to write a new query.
 *
 * The $breakpoints map is in _variables.scss.
 *
 * Usage: Inside your selector
 * @include respond-to('ideal') {
 *   padding: 2em;
 * }
 *
 */
/**
 * Only applies css for retina screens
 */
/**
 * Only applies css for a specific screen orientation (landscape or portrait)
 */
/**
 * Wrap narrow viewport-only behavior that can't be unset otherwise.
 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* line 8, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
/* line 18, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
/* line 31, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
/* line 50, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
/* line 61, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 70, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
/* line 79, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
/* line 92, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
/* line 102, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 115, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
/* line 125, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 134, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
/* line 143, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 152, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
/* line 161, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
/* line 170, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 179, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 187, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 191, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
/* line 202, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
/* line 210, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 222, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
/* line 234, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 243, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 257, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
/* line 269, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 278, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 288, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
/* line 299, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 310, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 322, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
/* line 333, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 346, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
/* line 359, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
/* line 368, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 378, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 388, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
/* line 397, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
/* line 406, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 416, /root/meso-website-2016/app/assets/stylesheets/application/base/_normalize.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* =========================================================================
   #BASE-STYLES
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
html {
  height: 100%;
  font-size: 100%;
}

/* line 10, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
body {
  min-height: 100%;
  color: #2e4236;
  background-color: #fefefe;
}

/* line 16, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
[hidden] {
  display: none;
}

/* line 20, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
.print-only {
  display: none;
}

/* line 24, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
h1,
h2,
.section__subline,
.module__head__subtitle,
.module--title__base,
.module--title__title,
.module--title__subtitle,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/* line 33, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
h2, .section__subline, .module__head__subtitle, .module--title__base, .module--title__title, .module--title__subtitle {
  margin-bottom: 2.5rem;
}
@media (min-width: 90em) {
  /* line 33, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
  h2, .section__subline, .module__head__subtitle, .module--title__base, .module--title__title, .module--title__subtitle {
    margin-bottom: 7.5rem;
  }
}

@media (min-width: 64em) {
  /* line 41, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
  h3 {
    margin: 2.5rem 0;
  }
}
@media (min-width: 90em) {
  /* line 41, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
  h3 {
    margin: 5rem 0;
  }
}

@media (min-width: 64em) {
  /* line 51, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
  h4,
  h5 {
    margin: 1.25rem 0;
  }
}
@media (min-width: 90em) {
  /* line 51, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
  h4,
  h5 {
    margin: 2.5rem 0;
  }
}

/* line 62, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
h3,
h4,
h5 {
  margin: 2.5rem 0 1.25rem 0;
}

/* line 68, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
h3 + h4,
h3 + h5 {
  margin-top: 0;
}

/* line 73, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
img {
  max-width: 100%;
}

/* line 77, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
p {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

/* line 82, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
a {
  color: #a88e54;
  text-decoration: none;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
a:hover, a:active, a:focus {
  color: #2e4236;
}
/* line 90, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
a.active {
  color: #2e4236;
}

/* line 95, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
button {
  cursor: pointer;
}

/* line 99, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
blockquote {
  margin: 0;
  text-align: center;
}

/* line 104, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
cite {
  font-style: normal;
}

/* line 108, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
figure {
  margin: 0;
}

/* line 112, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
address {
  font-style: normal;
}

/* line 116, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
ol,
ul {
  margin-top: 0;
  padding-left: 1.333em;
}

/* line 122, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
li {
  margin: 0 0 1.25rem 0;
  padding-left: 1em;
}

/* line 127, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
ul {
  list-style: none;
}

/* line 131, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
ul li {
  padding-left: 0;
}

/* line 135, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
ul li::before {
  content: "/";
  margin-left: -1.5em;
  margin-right: -0.5em;
  padding-right: 1.5em;
  font-family: sans-serif;
  font-size: 0.5625em;
  font-weight: bold;
  vertical-align: middle;
}

/* line 146, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
svg.inline {
  position: relative;
  top: 0.125em;
  height: 1em;
  width: 1em;
}

/* line 153, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
span.light-font {
  font-weight: 100;
}

/* line 158, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
.rte-content h3,
.rte-content h4 {
  margin: 1.25rem 0;
}
@media (min-width: 64em) {
  /* line 158, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
  .rte-content h3,
  .rte-content h4 {
    margin: 2.5rem 0 2.5rem 0;
  }
}
@media (min-width: 90em) {
  /* line 158, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
  .rte-content h3,
  .rte-content h4 {
    margin: 5rem 0 5rem 0;
  }
}
/* line 171, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
.rte-content h3 + h4,
.rte-content h4 + h3 {
  margin: -1.25rem 0 1.25rem 0;
}
@media (min-width: 64em) {
  /* line 171, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
  .rte-content h3 + h4,
  .rte-content h4 + h3 {
    margin: -2.5rem 0 2.5rem 0;
  }
}
@media (min-width: 90em) {
  /* line 171, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
  .rte-content h3 + h4,
  .rte-content h4 + h3 {
    margin: -5rem 0 5rem 0;
  }
}

/* line 185, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
html body a.hidden-link {
  color: currentColor;
}
/* line 187, /root/meso-website-2016/app/assets/stylesheets/application/base/_base.scss */
html body a.hidden-link:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* =========================================================================
   #FONT-FACE-DEFINITIONS
   ========================================================================= */
/* Objektiv – sans-serif display font */
@font-face {
  font-family: ObjektivInitial;
  src: url(/assets/ObjektivMk3_W_XBd-d6ea7ca18856bc6b9ac4036e05aad910728b932ced5ce69b2440218fcd689cef.woff2) format("woff2"), url(/assets/ObjektivMk3_W_XBd-99b08572ae454667afd86c859a086dd09b826daa60e8bc40c1cb17440e4a9368.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: Objektiv;
  src: url(/assets/ObjektivMk3_W_XBd-d6ea7ca18856bc6b9ac4036e05aad910728b932ced5ce69b2440218fcd689cef.woff2) format("woff2"), url(/assets/ObjektivMk3_W_XBd-99b08572ae454667afd86c859a086dd09b826daa60e8bc40c1cb17440e4a9368.woff) format("woff");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: Objektiv;
  src: url(/assets/ObjektivMk3_W_Lt-625c79fbb345da1ed2dc5776cb4ab10a0b697ad622af1bed379fa488c10de911.woff2) format("woff2"), url(/assets/ObjektivMk3_W_Lt-5ae95b2bb8705058ae09f693f43fe0ab1a40d2743143ecfe49a0d745ca62f5b5.woff) format("woff");
  font-weight: 100;
  font-display: swap;
}
/* Milo – serif copy font */
@font-face {
  font-family: Milo;
  src: url(/assets/1473868/c5f0393d-3c31-434a-a07f-653332023e36-17bb374af371d14abd52d6ae64b90f2f0be049d0dbd3baa8231591d9db0c6396.woff2) format("woff2"), url(/assets/1473868/0f5b2903-74d1-4b99-9e80-4f320a585c6e-24434191a57b471875dbddd01445701951a417c47c6e0a2154c6acf06643e948.woff) format("woff");
  font-display: fallback;
}
@font-face {
  font-family: Milo;
  src: url(/assets/1473832/76f3287e-629a-4a9c-b498-82e59013f6c5-e86854f9bdc4a5902ef16573dc4331f98ff004d398442ea59dda5e1448261a6b.woff2) format("woff2"), url(/assets/1473832/160a9c91-be77-4d06-9aea-ac49c2d2c85f-8f92b31ec3f17bf59462ee37e99f5d637b9c3ad8cf2acaa1eb0efb11b853b1b6.woff) format("woff");
  font-weight: bold;
  font-display: fallback;
}
@font-face {
  font-family: Milo;
  src: url(/assets/1473840/98fda167-fb86-4328-9395-f98e846e2600-a1a16070b8e54862e25546f069c7e079d6aa85f238b3a16e29d954f790014380.woff2) format("woff2"), url(/assets/1473840/dbd5b47f-348c-45fa-ab0d-e6dfdb1d490f-fd24ffbb4a6d007c93914a528b279a8defeee6f55921b2c691801fa5b358fb38.woff) format("woff");
  font-style: italic;
  font-display: fallback;
}
/* =========================================================================
   #TYPOGRAPHY
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
:root {
  font-size: 1em;
}

/* line 9, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
body {
  font-size: 1rem;
  font-family: serif;
  line-height: 1.45;
}
@media (min-width: 64em) {
  /* line 9, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  body {
    font-size: 1.125rem;
  }
}
@media (min-width: 120em) {
  /* line 9, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  body {
    line-height: 1.5;
  }
}

/* line 23, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
h1,
h2,
.section__subline,
.module__head__subtitle,
.module--title__base,
.module--title__title,
.module--title__subtitle,
h3,
h4,
h5,
h6,
.f--display {
  font-family: sans-serif;
  font-weight: bold;
  line-height: 1.08;
  text-transform: uppercase;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  word-break: break-word;
}
@media (min-width: 64em) {
  /* line 23, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  h1,
  h2,
  .section__subline,
  .module__head__subtitle,
  .module--title__base,
  .module--title__title,
  .module--title__subtitle,
  h3,
  h4,
  h5,
  h6,
  .f--display {
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
    word-break: normal;
  }
}

/* line 43, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
h1 {
  font-size: 1.875rem;
}
@media (min-width: 50em) {
  /* line 43, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  h1 {
    font-size: 3.125rem;
  }
}

/* line 51, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
h2, .section__subline, .module__head__subtitle, .module--title__base, .module--title__title, .module--title__subtitle {
  font-size: 1.875rem;
  letter-spacing: -0.03em;
}
@media (min-width: 50em) {
  /* line 51, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  h2, .section__subline, .module__head__subtitle, .module--title__base, .module--title__title, .module--title__subtitle {
    font-size: 2.475rem;
  }
}
@media (min-width: 90em) {
  /* line 51, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  h2, .section__subline, .module__head__subtitle, .module--title__base, .module--title__title, .module--title__subtitle {
    font-size: 3.125rem;
  }
}

/* line 64, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
h3 {
  font-size: 1.5rem;
  line-height: 1.1;
}
@media (min-width: 64em) {
  /* line 64, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  h3 {
    font-size: 1.875rem;
  }
}

/* line 73, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
h4 {
  font-size: 1.125rem;
  line-height: 1.14;
}
@media (min-width: 64em) {
  /* line 73, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  h4 {
    font-size: 1.3125rem;
  }
}

/* line 82, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
h6 {
  font-size: 0.875rem;
}
@media (min-width: 64em) {
  /* line 82, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  h6 {
    font-size: 1.125rem;
  }
}

/* line 90, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
button {
  font-size: 100%;
}

/* line 94, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
blockquote p {
  font-size: 1.125rem;
  line-height: 1.35;
  font-weight: bold;
}
@media (min-width: 64em) {
  /* line 94, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  blockquote p {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
@media (min-width: 90em) {
  /* line 94, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  blockquote p {
    font-size: 1.875rem;
    line-height: 1.25;
  }
}

/* line 110, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
small {
  font-size: 0.77rem;
  line-height: 1rem;
}

/* line 115, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
.f--display-small, li.toc__item::before {
  font-size: 0.75rem;
  font-weight: normal;
  text-transform: uppercase;
}
@media (min-width: 64em) {
  /* line 115, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  .f--display-small, li.toc__item::before {
    font-size: 0.875rem;
  }
}

/* line 125, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
.f--copy {
  font-family: serif;
}

/* line 129, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
.f--copy-big {
  font-family: serif;
  font-size: 1.125rem;
}
@media (min-width: 64em) {
  /* line 129, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  .f--copy-big {
    font-size: 1.125rem;
  }
}
@media (min-width: 90em) {
  /* line 129, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  .f--copy-big {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

/* line 143, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
.f--copy-large {
  font-family: serif;
  font-size: 1.35rem;
  line-height: 1.35;
}
@media (min-width: 64em) {
  /* line 143, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  .f--copy-large {
    font-size: 1.625rem;
  }
}
@media (min-width: 90em) {
  /* line 143, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  .f--copy-large {
    font-size: 2rem;
    line-height: 1.3333;
  }
}
@media (min-width: 120em) {
  /* line 143, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
  .f--copy-large {
    font-size: 2.25rem;
  }
}

/* Webfonts (FOFT/FOUT with 2-stage render)
   ========================================================================= */
/**
 * ONLY SET FONT-FAMILY IN HERE! SET IT SOMEWHERE ELSE AND YOU'LL BREAK
 * FONT LOADING!
 *
 * TODO: Write a Sprocket Processor that automates this. Then font-family
 * definitions don't *have* to be defined here.
 *
 * See: https://github.com/zachleat/postcss-foft-classes for a postcss plugin
 * of the desired behavior.
 *
 * And: https://medium.com/@fkadev/how-i-implemented-css-modules-to-ruby-on-rails-easily-abb324ce22d
 * as a way to do this with Sprocket. Also see the autoprefixer-rails gem.
 *
 */
/* line 181, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
.wf-loaded-1 h1,
.wf-loaded-1 h2,
.wf-loaded-1 .section__subline,
.wf-loaded-1 .module__head__subtitle,
.wf-loaded-1 .module--title__base,
.wf-loaded-1 .module--title__title,
.wf-loaded-1 .module--title__subtitle,
.wf-loaded-1 h3,
.wf-loaded-1 h4,
.wf-loaded-1 h5,
.wf-loaded-1 h6,
.wf-loaded-1 .f--display,
.wf-loaded-1 .f--display-small,
.wf-loaded-1 li.toc__item::before {
  font-family: ObjektivInitial, sans-serif;
}

/* line 194, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
.wf-loaded-2 h1,
.wf-loaded-2 h2,
.wf-loaded-2 .section__subline,
.wf-loaded-2 .module__head__subtitle,
.wf-loaded-2 .module--title__base,
.wf-loaded-2 .module--title__title,
.wf-loaded-2 .module--title__subtitle,
.wf-loaded-2 h3,
.wf-loaded-2 h4,
.wf-loaded-2 h5,
.wf-loaded-2 h6,
.wf-loaded-2 .f--display,
.wf-loaded-2 .f--display-small,
.wf-loaded-2 li.toc__item::before {
  font-family: Objektiv, sans-serif;
}
/* line 205, /root/meso-website-2016/app/assets/stylesheets/application/base/_typography.scss */
.wf-loaded-2 body,
.wf-loaded-2 .f--copy,
.wf-loaded-2 .f--copy-big,
.wf-loaded-2 .f--copy-large {
  font-family: Milo;
}

/* =========================================================================
   #COLOR-DEFINITIONS
   ========================================================================= */
/**
 * Base color rules, when no palette is set
 */
/* line 9, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.c--display {
  color: #a88e54;
}

/* line 13, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.c--complimentary {
  color: #88dcab;
}

/* line 17, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.c--bg-complimentary {
  background-color: #88dcab;
}

/* line 21, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.c--fill-complimentary {
  fill: #88dcab;
}

/* line 25, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.c--dark {
  color: #0c2f0e;
}

/**
 * Palette color rules
 *
 * See helpers/_variables for all palette definitions.
 * Color definitions are scoped to the body tag and inside that scoped again
 * to the section tag. They determine basic styling like background-color.
 * We're looping through the palettes to assign rules for each one.
 * Beside the basic styling, we use color utility classes for use of
 * specific colors in the palette instead of listing each element in here.
 */
/**
 * The main nav is a special case and doesn't get handled via the
 * utility color classes.
 */
/**
 * The footer is another special case, using the 'neutral' option from the
 * color palette, which isn't available via the CMS UI.
 */
/**
 * Special styling rules that aren't common enough to abstractice in
 * utility-color classes.
 */
/* line 41, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .c--dark {
  color: #0c2f0e;
}
/* line 45, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] a,
body[data-palettebase="#a88e54"] .c--display {
  color: #a88e54;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#a88e54"] a:hover, body[data-palettebase="#a88e54"] a:active, body[data-palettebase="#a88e54"] a:focus {
  color: #0c2f0e;
  -webkit-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
}
/* line 57, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .button {
  background-color: #a88e54;
  color: #fefefe;
  -webkit-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#a88e54"] .button:hover, body[data-palettebase="#a88e54"] .button:active, body[data-palettebase="#a88e54"] .button:focus {
  background-color: #0c2f0e;
  color: #fefefe;
  -webkit-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
/* line 69, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .filter--active,
body[data-palettebase="#a88e54"] .c--complimentary {
  color: #88dcab;
}
/* line 74, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .c--bg-complimentary {
  background-color: #88dcab;
}
/* line 78, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .c--fill-complimentary {
  fill: #88dcab;
}
/* line 89, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .page-nav__option,
body[data-palettebase="#a88e54"] .language-switch li a {
  color: #a88e54;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#a88e54"] .page-nav__option:hover, body[data-palettebase="#a88e54"] .page-nav__option:active, body[data-palettebase="#a88e54"] .page-nav__option:focus,
body[data-palettebase="#a88e54"] .language-switch li a:hover,
body[data-palettebase="#a88e54"] .language-switch li a:active,
body[data-palettebase="#a88e54"] .language-switch li a:focus {
  color: #88dcab;
}
/* line 96, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .page-nav__option:hover .meso-logo, body[data-palettebase="#a88e54"] .page-nav__option:active .meso-logo, body[data-palettebase="#a88e54"] .page-nav__option:focus .meso-logo,
body[data-palettebase="#a88e54"] .language-switch li a:hover .meso-logo,
body[data-palettebase="#a88e54"] .language-switch li a:active .meso-logo,
body[data-palettebase="#a88e54"] .language-switch li a:focus .meso-logo {
  fill: #88dcab;
}
/* line 101, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .page-nav__option.active,
body[data-palettebase="#a88e54"] .language-switch li a.active {
  color: #fefefe;
}
/* line 106, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .language-switch li.active {
  border-color: #a88e54;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#a88e54"] .language-switch li.active:hover, body[data-palettebase="#a88e54"] .language-switch li.active:active, body[data-palettebase="#a88e54"] .language-switch li.active:focus {
  border-color: #88dcab;
}
/* line 114, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .page-nav__toggler .page-nav__icon {
  fill: #a88e54;
}
/* line 119, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .page-nav__toggler:hover .page-nav__icon, body[data-palettebase="#a88e54"] .page-nav__toggler:active .page-nav__icon, body[data-palettebase="#a88e54"] .page-nav__toggler:focus .page-nav__icon {
  fill: #88dcab;
}
/* line 125, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .meso-logo {
  fill: #a88e54;
}
/* line 130, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"][data-palettealt] .page-nav__option.active {
  color: #0c2f0e;
}
/* line 149, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .js-nav-overlay {
  background-color: rgba(136, 220, 171, 0.9);
}
/* line 152, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .js-nav-overlay .page-nav__option {
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#a88e54"] .js-nav-overlay .page-nav__option:hover, body[data-palettebase="#a88e54"] .js-nav-overlay .page-nav__option:active, body[data-palettebase="#a88e54"] .js-nav-overlay .page-nav__option:focus {
  color: #0c2f0e;
}
/* line 158, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .js-nav-overlay .page-nav__option:hover .meso-logo, body[data-palettebase="#a88e54"] .js-nav-overlay .page-nav__option:active .meso-logo, body[data-palettebase="#a88e54"] .js-nav-overlay .page-nav__option:focus .meso-logo {
  fill: #0c2f0e;
}
/* line 162, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .js-nav-overlay .page-nav__option:hover .icon--close, body[data-palettebase="#a88e54"] .js-nav-overlay .page-nav__option:active .icon--close, body[data-palettebase="#a88e54"] .js-nav-overlay .page-nav__option:focus .icon--close {
  stroke: #0c2f0e;
}
/* line 167, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .js-nav-overlay .page-nav__option.active {
  color: #a88e54;
}
/* line 172, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .js-nav-overlay .meso-logo {
  fill: #fefefe;
}
/* line 184, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .page-footer {
  background-color: #beccc6;
}
/* line 187, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .page-footer .social-list__link {
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#a88e54"] .page-footer .social-list__link:hover, body[data-palettebase="#a88e54"] .page-footer .social-list__link:active, body[data-palettebase="#a88e54"] .page-footer .social-list__link:focus {
  color: #a88e54;
}
/* line 196, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .page-footer__link {
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#a88e54"] .page-footer__link:hover, body[data-palettebase="#a88e54"] .page-footer__link:active, body[data-palettebase="#a88e54"] .page-footer__link:focus {
  color: #a88e54;
}
/* line 211, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .banner__overlay {
  background-color: rgba(136, 220, 171, 0.9);
}
/* line 215, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .banner__overlay--transparent {
  background: none;
}
/* line 219, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .expertise-menu .expertise__option,
body[data-palettebase="#a88e54"] .showreel .expertise__option {
  color: #fefefe;
  background-color: transparent;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#a88e54"] .expertise-menu .expertise__option:hover, body[data-palettebase="#a88e54"] .expertise-menu .expertise__option:active, body[data-palettebase="#a88e54"] .expertise-menu .expertise__option:focus,
body[data-palettebase="#a88e54"] .showreel .expertise__option:hover,
body[data-palettebase="#a88e54"] .showreel .expertise__option:active,
body[data-palettebase="#a88e54"] .showreel .expertise__option:focus {
  background-color: #a88e54;
}
/* line 227, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .expertise-menu .expertise__option.current,
body[data-palettebase="#a88e54"] .showreel .expertise__option.current {
  background-color: #a88e54;
}
/* line 232, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .expertise-menu--narrow.expertise-menu .expertise__option {
  color: #2e4236;
  background-color: transparent;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#a88e54"] .expertise-menu--narrow.expertise-menu .expertise__option:hover, body[data-palettebase="#a88e54"] .expertise-menu--narrow.expertise-menu .expertise__option:active, body[data-palettebase="#a88e54"] .expertise-menu--narrow.expertise-menu .expertise__option:focus {
  color: #fefefe;
  background-color: #a88e54;
}
/* line 240, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .expertise-menu--narrow.expertise-menu .expertise__option.current {
  background-color: #a88e54;
}
/* line 362, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .feature__link {
  color: #88dcab;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#a88e54"] .feature__link:hover, body[data-palettebase="#a88e54"] .feature__link:active, body[data-palettebase="#a88e54"] .feature__link:focus {
  color: #fefefe;
}
/* line 370, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .teaser__link {
  color: #2e4236;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#a88e54"] .teaser__link:hover, body[data-palettebase="#a88e54"] .teaser__link:active, body[data-palettebase="#a88e54"] .teaser__link:focus {
  color: #a88e54;
}
/* line 378, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"] .teaser__link[target="_blank"] {
  color: #88dcab;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#a88e54"] .teaser__link[target="_blank"]:hover, body[data-palettebase="#a88e54"] .teaser__link[target="_blank"]:active, body[data-palettebase="#a88e54"] .teaser__link[target="_blank"]:focus {
  color: #a88e54;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#a88e54"][data-overlayheader="true"] .page-nav__option:hover, body[data-palettebase="#a88e54"][data-overlayheader="true"] .page-nav__option:active, body[data-palettebase="#a88e54"][data-overlayheader="true"] .page-nav__option:focus, body[data-palettebase="#a88e54"][data-controller="projects"] .page-nav__option:hover, body[data-palettebase="#a88e54"][data-controller="projects"] .page-nav__option:active, body[data-palettebase="#a88e54"][data-controller="projects"] .page-nav__option:focus, body[data-palettebase="#a88e54"][data-controller="solutions"] .page-nav__option:hover, body[data-palettebase="#a88e54"][data-controller="solutions"] .page-nav__option:active, body[data-palettebase="#a88e54"][data-controller="solutions"] .page-nav__option:focus {
  color: #0c2f0e;
}
/* line 141, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#a88e54"][data-overlayheader="true"] .page-nav__option:hover .meso-logo, body[data-palettebase="#a88e54"][data-overlayheader="true"] .page-nav__option:active .meso-logo, body[data-palettebase="#a88e54"][data-overlayheader="true"] .page-nav__option:focus .meso-logo, body[data-palettebase="#a88e54"][data-controller="projects"] .page-nav__option:hover .meso-logo, body[data-palettebase="#a88e54"][data-controller="projects"] .page-nav__option:active .meso-logo, body[data-palettebase="#a88e54"][data-controller="projects"] .page-nav__option:focus .meso-logo, body[data-palettebase="#a88e54"][data-controller="solutions"] .page-nav__option:hover .meso-logo, body[data-palettebase="#a88e54"][data-controller="solutions"] .page-nav__option:active .meso-logo, body[data-palettebase="#a88e54"][data-controller="solutions"] .page-nav__option:focus .meso-logo {
  fill: #0c2f0e;
}

/* line 407, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#ddefe8"] {
  /* ambient dark needs a light text color */
}
/* line 247, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#ddefe8"] .section,
section[data-palettebase="#ddefe8"] .section--fullwidth {
  background-color: #ddefe8;
}
/* line 252, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#ddefe8"] .box__boundary {
  fill: #ddefe8;
}
/* line 256, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#ddefe8"] h3,
section[data-palettebase="#ddefe8"] h4,
section[data-palettebase="#ddefe8"] h5 {
  color: #0c2f0e;
}
/* line 262, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#ddefe8"] .tile__title {
  color: #fefefe;
}
/* line 266, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#ddefe8"] .quotation-mark {
  fill: #0c2f0e;
}

/* line 407, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#0c2f0e"] {
  /* ambient dark needs a light text color */
  color: #fefefe;
}
/* line 247, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#0c2f0e"] .section,
section[data-palettebase="#0c2f0e"] .section--fullwidth {
  background-color: #0c2f0e;
}
/* line 252, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#0c2f0e"] .box__boundary {
  fill: #0c2f0e;
}
/* line 256, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#0c2f0e"] h3,
section[data-palettebase="#0c2f0e"] h4,
section[data-palettebase="#0c2f0e"] h5 {
  color: #0c2f0e;
}
/* line 262, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#0c2f0e"] .tile__title {
  color: #fefefe;
}
/* line 266, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#0c2f0e"] .quotation-mark {
  fill: #0c2f0e;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
section[data-palettebase="#0c2f0e"] a:hover, section[data-palettebase="#0c2f0e"] a:active, section[data-palettebase="#0c2f0e"] a:focus {
  color: #ddefe8;
}
/* line 281, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#0c2f0e"] .button {
  -webkit-transition: background-color 200ms ease, color 225ms ease;
  -o-transition: background-color 200ms ease, color 225ms ease;
  transition: background-color 200ms ease, color 225ms ease;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
section[data-palettebase="#0c2f0e"] .button:hover, section[data-palettebase="#0c2f0e"] .button:active, section[data-palettebase="#0c2f0e"] .button:focus {
  background-color: #ddefe8;
  color: #2e4236;
  -webkit-transition: background-color 200ms ease, color 225ms ease;
  -o-transition: background-color 200ms ease, color 225ms ease;
  transition: background-color 200ms ease, color 225ms ease;
}
/* line 291, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#0c2f0e"] .grid__text,
section[data-palettebase="#0c2f0e"] .grid__text .f--copy-big {
  color: #fefefe;
}
/* line 296, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#0c2f0e"] h3,
section[data-palettebase="#0c2f0e"] h4,
section[data-palettebase="#0c2f0e"] h5,
section[data-palettebase="#0c2f0e"] .c--dark {
  color: #ddefe8;
}
/* line 303, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#0c2f0e"] .line-decoration {
  stroke: #ddefe8;
}
/* line 307, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#0c2f0e"] .quotation-mark {
  fill: #ddefe8;
}

/* line 407, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#88dcab"] {
  /* ambient dark needs a light text color */
}
/* line 247, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#88dcab"] .section,
section[data-palettebase="#88dcab"] .section--fullwidth {
  background-color: #88dcab;
}
/* line 252, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#88dcab"] .box__boundary {
  fill: #88dcab;
}
/* line 256, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#88dcab"] h3,
section[data-palettebase="#88dcab"] h4,
section[data-palettebase="#88dcab"] h5 {
  color: #0c2f0e;
}
/* line 262, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#88dcab"] .tile__title {
  color: #fefefe;
}
/* line 266, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#88dcab"] .quotation-mark {
  fill: #0c2f0e;
}

/* line 412, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#a88e54"] {
  background-color: #a88e54;
}
/* line 316, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#a88e54"] .tile__content {
  background-color: rgba(168, 142, 84, 0);
}
/* line 320, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#a88e54"] .tile__link {
  color: #fefefe;
}
/* line 324, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#a88e54"] .tile__link:hover .tile__content, .tile[data-palettebase="#a88e54"] .tile__link:active .tile__content, .tile[data-palettebase="#a88e54"] .tile__link:focus .tile__content {
  background-color: rgba(168, 142, 84, 0.85);
}
/* line 330, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#a88e54"] .tile__boundary {
  fill: #a88e54;
}

/* line 336, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.quote-box[data-palettebase="#a88e54"] .quote-box__boundary {
  fill: #88dcab;
}
/* line 340, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.quote-box[data-palettebase="#a88e54"] .quotation-mark {
  fill: #fefefe;
}
/* line 344, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.quote-box[data-palettebase="#a88e54"] .quote__content {
  background-color: #88dcab;
  color: #fefefe;
}

/* line 351, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.module--text-box[data-palettebase="#a88e54"] .text-box__boundary {
  fill: #a88e54;
}
/* line 355, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.module--text-box[data-palettebase="#a88e54"] .text-box {
  background-color: #a88e54;
  color: #fefefe;
}

/* line 41, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .c--dark {
  color: #334447;
}
/* line 45, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] a,
body[data-palettebase="#39aae2"] .c--display {
  color: #39aae2;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#39aae2"] a:hover, body[data-palettebase="#39aae2"] a:active, body[data-palettebase="#39aae2"] a:focus {
  color: #334447;
  -webkit-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
}
/* line 57, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .button {
  background-color: #39aae2;
  color: #fefefe;
  -webkit-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#39aae2"] .button:hover, body[data-palettebase="#39aae2"] .button:active, body[data-palettebase="#39aae2"] .button:focus {
  background-color: #334447;
  color: #fefefe;
  -webkit-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
/* line 69, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .filter--active,
body[data-palettebase="#39aae2"] .c--complimentary {
  color: #f75246;
}
/* line 74, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .c--bg-complimentary {
  background-color: #f75246;
}
/* line 78, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .c--fill-complimentary {
  fill: #f75246;
}
/* line 89, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .page-nav__option,
body[data-palettebase="#39aae2"] .language-switch li a {
  color: #39aae2;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#39aae2"] .page-nav__option:hover, body[data-palettebase="#39aae2"] .page-nav__option:active, body[data-palettebase="#39aae2"] .page-nav__option:focus,
body[data-palettebase="#39aae2"] .language-switch li a:hover,
body[data-palettebase="#39aae2"] .language-switch li a:active,
body[data-palettebase="#39aae2"] .language-switch li a:focus {
  color: #f75246;
}
/* line 96, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .page-nav__option:hover .meso-logo, body[data-palettebase="#39aae2"] .page-nav__option:active .meso-logo, body[data-palettebase="#39aae2"] .page-nav__option:focus .meso-logo,
body[data-palettebase="#39aae2"] .language-switch li a:hover .meso-logo,
body[data-palettebase="#39aae2"] .language-switch li a:active .meso-logo,
body[data-palettebase="#39aae2"] .language-switch li a:focus .meso-logo {
  fill: #f75246;
}
/* line 101, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .page-nav__option.active,
body[data-palettebase="#39aae2"] .language-switch li a.active {
  color: #fefefe;
}
/* line 106, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .language-switch li.active {
  border-color: #39aae2;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#39aae2"] .language-switch li.active:hover, body[data-palettebase="#39aae2"] .language-switch li.active:active, body[data-palettebase="#39aae2"] .language-switch li.active:focus {
  border-color: #f75246;
}
/* line 114, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .page-nav__toggler .page-nav__icon {
  fill: #39aae2;
}
/* line 119, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .page-nav__toggler:hover .page-nav__icon, body[data-palettebase="#39aae2"] .page-nav__toggler:active .page-nav__icon, body[data-palettebase="#39aae2"] .page-nav__toggler:focus .page-nav__icon {
  fill: #f75246;
}
/* line 125, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .meso-logo {
  fill: #39aae2;
}
/* line 130, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"][data-palettealt] .page-nav__option.active {
  color: #334447;
}
/* line 149, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .js-nav-overlay {
  background-color: rgba(247, 82, 70, 0.9);
}
/* line 152, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .js-nav-overlay .page-nav__option {
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#39aae2"] .js-nav-overlay .page-nav__option:hover, body[data-palettebase="#39aae2"] .js-nav-overlay .page-nav__option:active, body[data-palettebase="#39aae2"] .js-nav-overlay .page-nav__option:focus {
  color: #334447;
}
/* line 158, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .js-nav-overlay .page-nav__option:hover .meso-logo, body[data-palettebase="#39aae2"] .js-nav-overlay .page-nav__option:active .meso-logo, body[data-palettebase="#39aae2"] .js-nav-overlay .page-nav__option:focus .meso-logo {
  fill: #334447;
}
/* line 162, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .js-nav-overlay .page-nav__option:hover .icon--close, body[data-palettebase="#39aae2"] .js-nav-overlay .page-nav__option:active .icon--close, body[data-palettebase="#39aae2"] .js-nav-overlay .page-nav__option:focus .icon--close {
  stroke: #334447;
}
/* line 167, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .js-nav-overlay .page-nav__option.active {
  color: #39aae2;
}
/* line 172, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .js-nav-overlay .meso-logo {
  fill: #fefefe;
}
/* line 184, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .page-footer {
  background-color: #adbbbc;
}
/* line 187, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .page-footer .social-list__link {
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#39aae2"] .page-footer .social-list__link:hover, body[data-palettebase="#39aae2"] .page-footer .social-list__link:active, body[data-palettebase="#39aae2"] .page-footer .social-list__link:focus {
  color: #39aae2;
}
/* line 196, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .page-footer__link {
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#39aae2"] .page-footer__link:hover, body[data-palettebase="#39aae2"] .page-footer__link:active, body[data-palettebase="#39aae2"] .page-footer__link:focus {
  color: #39aae2;
}
/* line 211, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .banner__overlay {
  background-color: rgba(247, 82, 70, 0.9);
}
/* line 215, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .banner__overlay--transparent {
  background: none;
}
/* line 219, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .expertise-menu .expertise__option,
body[data-palettebase="#39aae2"] .showreel .expertise__option {
  color: #fefefe;
  background-color: transparent;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#39aae2"] .expertise-menu .expertise__option:hover, body[data-palettebase="#39aae2"] .expertise-menu .expertise__option:active, body[data-palettebase="#39aae2"] .expertise-menu .expertise__option:focus,
body[data-palettebase="#39aae2"] .showreel .expertise__option:hover,
body[data-palettebase="#39aae2"] .showreel .expertise__option:active,
body[data-palettebase="#39aae2"] .showreel .expertise__option:focus {
  background-color: #39aae2;
}
/* line 227, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .expertise-menu .expertise__option.current,
body[data-palettebase="#39aae2"] .showreel .expertise__option.current {
  background-color: #39aae2;
}
/* line 232, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .expertise-menu--narrow.expertise-menu .expertise__option {
  color: #2e4236;
  background-color: transparent;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#39aae2"] .expertise-menu--narrow.expertise-menu .expertise__option:hover, body[data-palettebase="#39aae2"] .expertise-menu--narrow.expertise-menu .expertise__option:active, body[data-palettebase="#39aae2"] .expertise-menu--narrow.expertise-menu .expertise__option:focus {
  color: #fefefe;
  background-color: #39aae2;
}
/* line 240, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .expertise-menu--narrow.expertise-menu .expertise__option.current {
  background-color: #39aae2;
}
/* line 362, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .feature__link {
  color: #88dcab;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#39aae2"] .feature__link:hover, body[data-palettebase="#39aae2"] .feature__link:active, body[data-palettebase="#39aae2"] .feature__link:focus {
  color: #fefefe;
}
/* line 370, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .teaser__link {
  color: #2e4236;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#39aae2"] .teaser__link:hover, body[data-palettebase="#39aae2"] .teaser__link:active, body[data-palettebase="#39aae2"] .teaser__link:focus {
  color: #a88e54;
}
/* line 378, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"] .teaser__link[target="_blank"] {
  color: #88dcab;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#39aae2"] .teaser__link[target="_blank"]:hover, body[data-palettebase="#39aae2"] .teaser__link[target="_blank"]:active, body[data-palettebase="#39aae2"] .teaser__link[target="_blank"]:focus {
  color: #a88e54;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#39aae2"][data-overlayheader="true"] .page-nav__option:hover, body[data-palettebase="#39aae2"][data-overlayheader="true"] .page-nav__option:active, body[data-palettebase="#39aae2"][data-overlayheader="true"] .page-nav__option:focus, body[data-palettebase="#39aae2"][data-controller="projects"] .page-nav__option:hover, body[data-palettebase="#39aae2"][data-controller="projects"] .page-nav__option:active, body[data-palettebase="#39aae2"][data-controller="projects"] .page-nav__option:focus, body[data-palettebase="#39aae2"][data-controller="solutions"] .page-nav__option:hover, body[data-palettebase="#39aae2"][data-controller="solutions"] .page-nav__option:active, body[data-palettebase="#39aae2"][data-controller="solutions"] .page-nav__option:focus {
  color: #334447;
}
/* line 141, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#39aae2"][data-overlayheader="true"] .page-nav__option:hover .meso-logo, body[data-palettebase="#39aae2"][data-overlayheader="true"] .page-nav__option:active .meso-logo, body[data-palettebase="#39aae2"][data-overlayheader="true"] .page-nav__option:focus .meso-logo, body[data-palettebase="#39aae2"][data-controller="projects"] .page-nav__option:hover .meso-logo, body[data-palettebase="#39aae2"][data-controller="projects"] .page-nav__option:active .meso-logo, body[data-palettebase="#39aae2"][data-controller="projects"] .page-nav__option:focus .meso-logo, body[data-palettebase="#39aae2"][data-controller="solutions"] .page-nav__option:hover .meso-logo, body[data-palettebase="#39aae2"][data-controller="solutions"] .page-nav__option:active .meso-logo, body[data-palettebase="#39aae2"][data-controller="solutions"] .page-nav__option:focus .meso-logo {
  fill: #334447;
}

/* line 407, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#e5f2f2"] {
  /* ambient dark needs a light text color */
}
/* line 247, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#e5f2f2"] .section,
section[data-palettebase="#e5f2f2"] .section--fullwidth {
  background-color: #e5f2f2;
}
/* line 252, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#e5f2f2"] .box__boundary {
  fill: #e5f2f2;
}
/* line 256, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#e5f2f2"] h3,
section[data-palettebase="#e5f2f2"] h4,
section[data-palettebase="#e5f2f2"] h5 {
  color: #334447;
}
/* line 262, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#e5f2f2"] .tile__title {
  color: #fefefe;
}
/* line 266, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#e5f2f2"] .quotation-mark {
  fill: #334447;
}

/* line 407, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#334447"] {
  /* ambient dark needs a light text color */
  color: #fefefe;
}
/* line 247, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#334447"] .section,
section[data-palettebase="#334447"] .section--fullwidth {
  background-color: #334447;
}
/* line 252, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#334447"] .box__boundary {
  fill: #334447;
}
/* line 256, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#334447"] h3,
section[data-palettebase="#334447"] h4,
section[data-palettebase="#334447"] h5 {
  color: #334447;
}
/* line 262, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#334447"] .tile__title {
  color: #fefefe;
}
/* line 266, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#334447"] .quotation-mark {
  fill: #334447;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
section[data-palettebase="#334447"] a:hover, section[data-palettebase="#334447"] a:active, section[data-palettebase="#334447"] a:focus {
  color: #e5f2f2;
}
/* line 281, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#334447"] .button {
  -webkit-transition: background-color 200ms ease, color 225ms ease;
  -o-transition: background-color 200ms ease, color 225ms ease;
  transition: background-color 200ms ease, color 225ms ease;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
section[data-palettebase="#334447"] .button:hover, section[data-palettebase="#334447"] .button:active, section[data-palettebase="#334447"] .button:focus {
  background-color: #e5f2f2;
  color: #2e4236;
  -webkit-transition: background-color 200ms ease, color 225ms ease;
  -o-transition: background-color 200ms ease, color 225ms ease;
  transition: background-color 200ms ease, color 225ms ease;
}
/* line 291, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#334447"] .grid__text,
section[data-palettebase="#334447"] .grid__text .f--copy-big {
  color: #fefefe;
}
/* line 296, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#334447"] h3,
section[data-palettebase="#334447"] h4,
section[data-palettebase="#334447"] h5,
section[data-palettebase="#334447"] .c--dark {
  color: #e5f2f2;
}
/* line 303, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#334447"] .line-decoration {
  stroke: #e5f2f2;
}
/* line 307, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#334447"] .quotation-mark {
  fill: #e5f2f2;
}

/* line 407, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#f75246"] {
  /* ambient dark needs a light text color */
}
/* line 247, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#f75246"] .section,
section[data-palettebase="#f75246"] .section--fullwidth {
  background-color: #f75246;
}
/* line 252, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#f75246"] .box__boundary {
  fill: #f75246;
}
/* line 256, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#f75246"] h3,
section[data-palettebase="#f75246"] h4,
section[data-palettebase="#f75246"] h5 {
  color: #334447;
}
/* line 262, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#f75246"] .tile__title {
  color: #fefefe;
}
/* line 266, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#f75246"] .quotation-mark {
  fill: #334447;
}

/* line 412, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#39aae2"] {
  background-color: #39aae2;
}
/* line 316, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#39aae2"] .tile__content {
  background-color: rgba(57, 170, 226, 0);
}
/* line 320, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#39aae2"] .tile__link {
  color: #fefefe;
}
/* line 324, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#39aae2"] .tile__link:hover .tile__content, .tile[data-palettebase="#39aae2"] .tile__link:active .tile__content, .tile[data-palettebase="#39aae2"] .tile__link:focus .tile__content {
  background-color: rgba(57, 170, 226, 0.85);
}
/* line 330, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#39aae2"] .tile__boundary {
  fill: #39aae2;
}

/* line 336, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.quote-box[data-palettebase="#39aae2"] .quote-box__boundary {
  fill: #f75246;
}
/* line 340, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.quote-box[data-palettebase="#39aae2"] .quotation-mark {
  fill: #fefefe;
}
/* line 344, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.quote-box[data-palettebase="#39aae2"] .quote__content {
  background-color: #f75246;
  color: #fefefe;
}

/* line 351, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.module--text-box[data-palettebase="#39aae2"] .text-box__boundary {
  fill: #39aae2;
}
/* line 355, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.module--text-box[data-palettebase="#39aae2"] .text-box {
  background-color: #39aae2;
  color: #fefefe;
}

/* line 41, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .c--dark {
  color: #393947;
}
/* line 45, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] a,
body[data-palettebase="#fcfc67"] .c--display {
  color: #fcfc67;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#fcfc67"] a:hover, body[data-palettebase="#fcfc67"] a:active, body[data-palettebase="#fcfc67"] a:focus {
  color: #393947;
  -webkit-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
}
/* line 57, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .button {
  background-color: #fcfc67;
  color: #fefefe;
  -webkit-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#fcfc67"] .button:hover, body[data-palettebase="#fcfc67"] .button:active, body[data-palettebase="#fcfc67"] .button:focus {
  background-color: #393947;
  color: #fefefe;
  -webkit-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
/* line 69, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .filter--active,
body[data-palettebase="#fcfc67"] .c--complimentary {
  color: #1291ae;
}
/* line 74, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .c--bg-complimentary {
  background-color: #1291ae;
}
/* line 78, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .c--fill-complimentary {
  fill: #1291ae;
}
/* line 89, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .page-nav__option,
body[data-palettebase="#fcfc67"] .language-switch li a {
  color: #fcfc67;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#fcfc67"] .page-nav__option:hover, body[data-palettebase="#fcfc67"] .page-nav__option:active, body[data-palettebase="#fcfc67"] .page-nav__option:focus,
body[data-palettebase="#fcfc67"] .language-switch li a:hover,
body[data-palettebase="#fcfc67"] .language-switch li a:active,
body[data-palettebase="#fcfc67"] .language-switch li a:focus {
  color: #1291ae;
}
/* line 96, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .page-nav__option:hover .meso-logo, body[data-palettebase="#fcfc67"] .page-nav__option:active .meso-logo, body[data-palettebase="#fcfc67"] .page-nav__option:focus .meso-logo,
body[data-palettebase="#fcfc67"] .language-switch li a:hover .meso-logo,
body[data-palettebase="#fcfc67"] .language-switch li a:active .meso-logo,
body[data-palettebase="#fcfc67"] .language-switch li a:focus .meso-logo {
  fill: #1291ae;
}
/* line 101, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .page-nav__option.active,
body[data-palettebase="#fcfc67"] .language-switch li a.active {
  color: #fefefe;
}
/* line 106, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .language-switch li.active {
  border-color: #fcfc67;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#fcfc67"] .language-switch li.active:hover, body[data-palettebase="#fcfc67"] .language-switch li.active:active, body[data-palettebase="#fcfc67"] .language-switch li.active:focus {
  border-color: #1291ae;
}
/* line 114, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .page-nav__toggler .page-nav__icon {
  fill: #fcfc67;
}
/* line 119, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .page-nav__toggler:hover .page-nav__icon, body[data-palettebase="#fcfc67"] .page-nav__toggler:active .page-nav__icon, body[data-palettebase="#fcfc67"] .page-nav__toggler:focus .page-nav__icon {
  fill: #1291ae;
}
/* line 125, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .meso-logo {
  fill: #fcfc67;
}
/* line 130, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"][data-palettealt] .page-nav__option.active {
  color: #393947;
}
/* line 149, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .js-nav-overlay {
  background-color: rgba(18, 145, 174, 0.9);
}
/* line 152, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .js-nav-overlay .page-nav__option {
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#fcfc67"] .js-nav-overlay .page-nav__option:hover, body[data-palettebase="#fcfc67"] .js-nav-overlay .page-nav__option:active, body[data-palettebase="#fcfc67"] .js-nav-overlay .page-nav__option:focus {
  color: #393947;
}
/* line 158, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .js-nav-overlay .page-nav__option:hover .meso-logo, body[data-palettebase="#fcfc67"] .js-nav-overlay .page-nav__option:active .meso-logo, body[data-palettebase="#fcfc67"] .js-nav-overlay .page-nav__option:focus .meso-logo {
  fill: #393947;
}
/* line 162, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .js-nav-overlay .page-nav__option:hover .icon--close, body[data-palettebase="#fcfc67"] .js-nav-overlay .page-nav__option:active .icon--close, body[data-palettebase="#fcfc67"] .js-nav-overlay .page-nav__option:focus .icon--close {
  stroke: #393947;
}
/* line 167, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .js-nav-overlay .page-nav__option.active {
  color: #fcfc67;
}
/* line 172, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .js-nav-overlay .meso-logo {
  fill: #fefefe;
}
/* line 184, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .page-footer {
  background-color: #b8b8bc;
}
/* line 187, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .page-footer .social-list__link {
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#fcfc67"] .page-footer .social-list__link:hover, body[data-palettebase="#fcfc67"] .page-footer .social-list__link:active, body[data-palettebase="#fcfc67"] .page-footer .social-list__link:focus {
  color: #fcfc67;
}
/* line 196, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .page-footer__link {
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#fcfc67"] .page-footer__link:hover, body[data-palettebase="#fcfc67"] .page-footer__link:active, body[data-palettebase="#fcfc67"] .page-footer__link:focus {
  color: #fcfc67;
}
/* line 211, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .banner__overlay {
  background-color: rgba(18, 145, 174, 0.9);
}
/* line 215, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .banner__overlay--transparent {
  background: none;
}
/* line 219, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .expertise-menu .expertise__option,
body[data-palettebase="#fcfc67"] .showreel .expertise__option {
  color: #fefefe;
  background-color: transparent;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#fcfc67"] .expertise-menu .expertise__option:hover, body[data-palettebase="#fcfc67"] .expertise-menu .expertise__option:active, body[data-palettebase="#fcfc67"] .expertise-menu .expertise__option:focus,
body[data-palettebase="#fcfc67"] .showreel .expertise__option:hover,
body[data-palettebase="#fcfc67"] .showreel .expertise__option:active,
body[data-palettebase="#fcfc67"] .showreel .expertise__option:focus {
  background-color: #fcfc67;
}
/* line 227, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .expertise-menu .expertise__option.current,
body[data-palettebase="#fcfc67"] .showreel .expertise__option.current {
  background-color: #fcfc67;
}
/* line 232, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .expertise-menu--narrow.expertise-menu .expertise__option {
  color: #2e4236;
  background-color: transparent;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#fcfc67"] .expertise-menu--narrow.expertise-menu .expertise__option:hover, body[data-palettebase="#fcfc67"] .expertise-menu--narrow.expertise-menu .expertise__option:active, body[data-palettebase="#fcfc67"] .expertise-menu--narrow.expertise-menu .expertise__option:focus {
  color: #fefefe;
  background-color: #fcfc67;
}
/* line 240, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .expertise-menu--narrow.expertise-menu .expertise__option.current {
  background-color: #fcfc67;
}
/* line 362, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .feature__link {
  color: #88dcab;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#fcfc67"] .feature__link:hover, body[data-palettebase="#fcfc67"] .feature__link:active, body[data-palettebase="#fcfc67"] .feature__link:focus {
  color: #fefefe;
}
/* line 370, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .teaser__link {
  color: #2e4236;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#fcfc67"] .teaser__link:hover, body[data-palettebase="#fcfc67"] .teaser__link:active, body[data-palettebase="#fcfc67"] .teaser__link:focus {
  color: #a88e54;
}
/* line 378, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"] .teaser__link[target="_blank"] {
  color: #88dcab;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#fcfc67"] .teaser__link[target="_blank"]:hover, body[data-palettebase="#fcfc67"] .teaser__link[target="_blank"]:active, body[data-palettebase="#fcfc67"] .teaser__link[target="_blank"]:focus {
  color: #a88e54;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#fcfc67"][data-overlayheader="true"] .page-nav__option:hover, body[data-palettebase="#fcfc67"][data-overlayheader="true"] .page-nav__option:active, body[data-palettebase="#fcfc67"][data-overlayheader="true"] .page-nav__option:focus, body[data-palettebase="#fcfc67"][data-controller="projects"] .page-nav__option:hover, body[data-palettebase="#fcfc67"][data-controller="projects"] .page-nav__option:active, body[data-palettebase="#fcfc67"][data-controller="projects"] .page-nav__option:focus, body[data-palettebase="#fcfc67"][data-controller="solutions"] .page-nav__option:hover, body[data-palettebase="#fcfc67"][data-controller="solutions"] .page-nav__option:active, body[data-palettebase="#fcfc67"][data-controller="solutions"] .page-nav__option:focus {
  color: #393947;
}
/* line 141, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#fcfc67"][data-overlayheader="true"] .page-nav__option:hover .meso-logo, body[data-palettebase="#fcfc67"][data-overlayheader="true"] .page-nav__option:active .meso-logo, body[data-palettebase="#fcfc67"][data-overlayheader="true"] .page-nav__option:focus .meso-logo, body[data-palettebase="#fcfc67"][data-controller="projects"] .page-nav__option:hover .meso-logo, body[data-palettebase="#fcfc67"][data-controller="projects"] .page-nav__option:active .meso-logo, body[data-palettebase="#fcfc67"][data-controller="projects"] .page-nav__option:focus .meso-logo, body[data-palettebase="#fcfc67"][data-controller="solutions"] .page-nav__option:hover .meso-logo, body[data-palettebase="#fcfc67"][data-controller="solutions"] .page-nav__option:active .meso-logo, body[data-palettebase="#fcfc67"][data-controller="solutions"] .page-nav__option:focus .meso-logo {
  fill: #393947;
}

/* line 407, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#efefef"] {
  /* ambient dark needs a light text color */
}
/* line 247, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#efefef"] .section,
section[data-palettebase="#efefef"] .section--fullwidth {
  background-color: #efefef;
}
/* line 252, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#efefef"] .box__boundary {
  fill: #efefef;
}
/* line 256, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#efefef"] h3,
section[data-palettebase="#efefef"] h4,
section[data-palettebase="#efefef"] h5 {
  color: #393947;
}
/* line 262, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#efefef"] .tile__title {
  color: #fefefe;
}
/* line 266, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#efefef"] .quotation-mark {
  fill: #393947;
}

/* line 407, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#393947"] {
  /* ambient dark needs a light text color */
  color: #fefefe;
}
/* line 247, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#393947"] .section,
section[data-palettebase="#393947"] .section--fullwidth {
  background-color: #393947;
}
/* line 252, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#393947"] .box__boundary {
  fill: #393947;
}
/* line 256, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#393947"] h3,
section[data-palettebase="#393947"] h4,
section[data-palettebase="#393947"] h5 {
  color: #393947;
}
/* line 262, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#393947"] .tile__title {
  color: #fefefe;
}
/* line 266, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#393947"] .quotation-mark {
  fill: #393947;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
section[data-palettebase="#393947"] a:hover, section[data-palettebase="#393947"] a:active, section[data-palettebase="#393947"] a:focus {
  color: #efefef;
}
/* line 281, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#393947"] .button {
  -webkit-transition: background-color 200ms ease, color 225ms ease;
  -o-transition: background-color 200ms ease, color 225ms ease;
  transition: background-color 200ms ease, color 225ms ease;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
section[data-palettebase="#393947"] .button:hover, section[data-palettebase="#393947"] .button:active, section[data-palettebase="#393947"] .button:focus {
  background-color: #efefef;
  color: #2e4236;
  -webkit-transition: background-color 200ms ease, color 225ms ease;
  -o-transition: background-color 200ms ease, color 225ms ease;
  transition: background-color 200ms ease, color 225ms ease;
}
/* line 291, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#393947"] .grid__text,
section[data-palettebase="#393947"] .grid__text .f--copy-big {
  color: #fefefe;
}
/* line 296, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#393947"] h3,
section[data-palettebase="#393947"] h4,
section[data-palettebase="#393947"] h5,
section[data-palettebase="#393947"] .c--dark {
  color: #efefef;
}
/* line 303, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#393947"] .line-decoration {
  stroke: #efefef;
}
/* line 307, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#393947"] .quotation-mark {
  fill: #efefef;
}

/* line 407, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#1291ae"] {
  /* ambient dark needs a light text color */
}
/* line 247, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#1291ae"] .section,
section[data-palettebase="#1291ae"] .section--fullwidth {
  background-color: #1291ae;
}
/* line 252, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#1291ae"] .box__boundary {
  fill: #1291ae;
}
/* line 256, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#1291ae"] h3,
section[data-palettebase="#1291ae"] h4,
section[data-palettebase="#1291ae"] h5 {
  color: #393947;
}
/* line 262, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#1291ae"] .tile__title {
  color: #fefefe;
}
/* line 266, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#1291ae"] .quotation-mark {
  fill: #393947;
}

/* line 412, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#fcfc67"] {
  background-color: #fcfc67;
}
/* line 316, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#fcfc67"] .tile__content {
  background-color: rgba(252, 252, 103, 0);
}
/* line 320, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#fcfc67"] .tile__link {
  color: #fefefe;
}
/* line 324, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#fcfc67"] .tile__link:hover .tile__content, .tile[data-palettebase="#fcfc67"] .tile__link:active .tile__content, .tile[data-palettebase="#fcfc67"] .tile__link:focus .tile__content {
  background-color: rgba(252, 252, 103, 0.85);
}
/* line 330, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#fcfc67"] .tile__boundary {
  fill: #fcfc67;
}

/* line 336, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.quote-box[data-palettebase="#fcfc67"] .quote-box__boundary {
  fill: #1291ae;
}
/* line 340, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.quote-box[data-palettebase="#fcfc67"] .quotation-mark {
  fill: #fefefe;
}
/* line 344, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.quote-box[data-palettebase="#fcfc67"] .quote__content {
  background-color: #1291ae;
  color: #fefefe;
}

/* line 351, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.module--text-box[data-palettebase="#fcfc67"] .text-box__boundary {
  fill: #fcfc67;
}
/* line 355, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.module--text-box[data-palettebase="#fcfc67"] .text-box {
  background-color: #fcfc67;
  color: #fefefe;
}

/* line 41, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .c--dark {
  color: #2f3a36;
}
/* line 45, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] a,
body[data-palettebase="#88dcce"] .c--display {
  color: #88dcce;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#88dcce"] a:hover, body[data-palettebase="#88dcce"] a:active, body[data-palettebase="#88dcce"] a:focus {
  color: #2f3a36;
  -webkit-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
}
/* line 57, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .button {
  background-color: #88dcce;
  color: #fefefe;
  -webkit-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#88dcce"] .button:hover, body[data-palettebase="#88dcce"] .button:active, body[data-palettebase="#88dcce"] .button:focus {
  background-color: #2f3a36;
  color: #fefefe;
  -webkit-transition: background-color 200ms ease;
  -o-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}
/* line 69, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .filter--active,
body[data-palettebase="#88dcce"] .c--complimentary {
  color: #043c32;
}
/* line 74, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .c--bg-complimentary {
  background-color: #043c32;
}
/* line 78, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .c--fill-complimentary {
  fill: #043c32;
}
/* line 89, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .page-nav__option,
body[data-palettebase="#88dcce"] .language-switch li a {
  color: #88dcce;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#88dcce"] .page-nav__option:hover, body[data-palettebase="#88dcce"] .page-nav__option:active, body[data-palettebase="#88dcce"] .page-nav__option:focus,
body[data-palettebase="#88dcce"] .language-switch li a:hover,
body[data-palettebase="#88dcce"] .language-switch li a:active,
body[data-palettebase="#88dcce"] .language-switch li a:focus {
  color: #043c32;
}
/* line 96, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .page-nav__option:hover .meso-logo, body[data-palettebase="#88dcce"] .page-nav__option:active .meso-logo, body[data-palettebase="#88dcce"] .page-nav__option:focus .meso-logo,
body[data-palettebase="#88dcce"] .language-switch li a:hover .meso-logo,
body[data-palettebase="#88dcce"] .language-switch li a:active .meso-logo,
body[data-palettebase="#88dcce"] .language-switch li a:focus .meso-logo {
  fill: #043c32;
}
/* line 101, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .page-nav__option.active,
body[data-palettebase="#88dcce"] .language-switch li a.active {
  color: #fefefe;
}
/* line 106, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .language-switch li.active {
  border-color: #88dcce;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#88dcce"] .language-switch li.active:hover, body[data-palettebase="#88dcce"] .language-switch li.active:active, body[data-palettebase="#88dcce"] .language-switch li.active:focus {
  border-color: #043c32;
}
/* line 114, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .page-nav__toggler .page-nav__icon {
  fill: #88dcce;
}
/* line 119, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .page-nav__toggler:hover .page-nav__icon, body[data-palettebase="#88dcce"] .page-nav__toggler:active .page-nav__icon, body[data-palettebase="#88dcce"] .page-nav__toggler:focus .page-nav__icon {
  fill: #043c32;
}
/* line 125, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .meso-logo {
  fill: #88dcce;
}
/* line 130, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"][data-palettealt] .page-nav__option.active {
  color: #2f3a36;
}
/* line 149, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .js-nav-overlay {
  background-color: rgba(4, 60, 50, 0.9);
}
/* line 152, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .js-nav-overlay .page-nav__option {
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#88dcce"] .js-nav-overlay .page-nav__option:hover, body[data-palettebase="#88dcce"] .js-nav-overlay .page-nav__option:active, body[data-palettebase="#88dcce"] .js-nav-overlay .page-nav__option:focus {
  color: #2f3a36;
}
/* line 158, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .js-nav-overlay .page-nav__option:hover .meso-logo, body[data-palettebase="#88dcce"] .js-nav-overlay .page-nav__option:active .meso-logo, body[data-palettebase="#88dcce"] .js-nav-overlay .page-nav__option:focus .meso-logo {
  fill: #2f3a36;
}
/* line 162, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .js-nav-overlay .page-nav__option:hover .icon--close, body[data-palettebase="#88dcce"] .js-nav-overlay .page-nav__option:active .icon--close, body[data-palettebase="#88dcce"] .js-nav-overlay .page-nav__option:focus .icon--close {
  stroke: #2f3a36;
}
/* line 167, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .js-nav-overlay .page-nav__option.active {
  color: #88dcce;
}
/* line 172, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .js-nav-overlay .meso-logo {
  fill: #fefefe;
}
/* line 184, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .page-footer {
  background-color: #acb6b3;
}
/* line 187, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .page-footer .social-list__link {
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#88dcce"] .page-footer .social-list__link:hover, body[data-palettebase="#88dcce"] .page-footer .social-list__link:active, body[data-palettebase="#88dcce"] .page-footer .social-list__link:focus {
  color: #88dcce;
}
/* line 196, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .page-footer__link {
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#88dcce"] .page-footer__link:hover, body[data-palettebase="#88dcce"] .page-footer__link:active, body[data-palettebase="#88dcce"] .page-footer__link:focus {
  color: #88dcce;
}
/* line 211, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .banner__overlay {
  background-color: rgba(4, 60, 50, 0.9);
}
/* line 215, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .banner__overlay--transparent {
  background: none;
}
/* line 219, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .expertise-menu .expertise__option,
body[data-palettebase="#88dcce"] .showreel .expertise__option {
  color: #fefefe;
  background-color: transparent;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#88dcce"] .expertise-menu .expertise__option:hover, body[data-palettebase="#88dcce"] .expertise-menu .expertise__option:active, body[data-palettebase="#88dcce"] .expertise-menu .expertise__option:focus,
body[data-palettebase="#88dcce"] .showreel .expertise__option:hover,
body[data-palettebase="#88dcce"] .showreel .expertise__option:active,
body[data-palettebase="#88dcce"] .showreel .expertise__option:focus {
  background-color: #88dcce;
}
/* line 227, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .expertise-menu .expertise__option.current,
body[data-palettebase="#88dcce"] .showreel .expertise__option.current {
  background-color: #88dcce;
}
/* line 232, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .expertise-menu--narrow.expertise-menu .expertise__option {
  color: #2e4236;
  background-color: transparent;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#88dcce"] .expertise-menu--narrow.expertise-menu .expertise__option:hover, body[data-palettebase="#88dcce"] .expertise-menu--narrow.expertise-menu .expertise__option:active, body[data-palettebase="#88dcce"] .expertise-menu--narrow.expertise-menu .expertise__option:focus {
  color: #fefefe;
  background-color: #88dcce;
}
/* line 240, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .expertise-menu--narrow.expertise-menu .expertise__option.current {
  background-color: #88dcce;
}
/* line 362, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .feature__link {
  color: #88dcab;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#88dcce"] .feature__link:hover, body[data-palettebase="#88dcce"] .feature__link:active, body[data-palettebase="#88dcce"] .feature__link:focus {
  color: #fefefe;
}
/* line 370, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .teaser__link {
  color: #2e4236;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#88dcce"] .teaser__link:hover, body[data-palettebase="#88dcce"] .teaser__link:active, body[data-palettebase="#88dcce"] .teaser__link:focus {
  color: #a88e54;
}
/* line 378, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"] .teaser__link[target="_blank"] {
  color: #88dcab;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#88dcce"] .teaser__link[target="_blank"]:hover, body[data-palettebase="#88dcce"] .teaser__link[target="_blank"]:active, body[data-palettebase="#88dcce"] .teaser__link[target="_blank"]:focus {
  color: #a88e54;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body[data-palettebase="#88dcce"][data-overlayheader="true"] .page-nav__option:hover, body[data-palettebase="#88dcce"][data-overlayheader="true"] .page-nav__option:active, body[data-palettebase="#88dcce"][data-overlayheader="true"] .page-nav__option:focus, body[data-palettebase="#88dcce"][data-controller="projects"] .page-nav__option:hover, body[data-palettebase="#88dcce"][data-controller="projects"] .page-nav__option:active, body[data-palettebase="#88dcce"][data-controller="projects"] .page-nav__option:focus, body[data-palettebase="#88dcce"][data-controller="solutions"] .page-nav__option:hover, body[data-palettebase="#88dcce"][data-controller="solutions"] .page-nav__option:active, body[data-palettebase="#88dcce"][data-controller="solutions"] .page-nav__option:focus {
  color: #2f3a36;
}
/* line 141, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
body[data-palettebase="#88dcce"][data-overlayheader="true"] .page-nav__option:hover .meso-logo, body[data-palettebase="#88dcce"][data-overlayheader="true"] .page-nav__option:active .meso-logo, body[data-palettebase="#88dcce"][data-overlayheader="true"] .page-nav__option:focus .meso-logo, body[data-palettebase="#88dcce"][data-controller="projects"] .page-nav__option:hover .meso-logo, body[data-palettebase="#88dcce"][data-controller="projects"] .page-nav__option:active .meso-logo, body[data-palettebase="#88dcce"][data-controller="projects"] .page-nav__option:focus .meso-logo, body[data-palettebase="#88dcce"][data-controller="solutions"] .page-nav__option:hover .meso-logo, body[data-palettebase="#88dcce"][data-controller="solutions"] .page-nav__option:active .meso-logo, body[data-palettebase="#88dcce"][data-controller="solutions"] .page-nav__option:focus .meso-logo {
  fill: #2f3a36;
}

/* line 407, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#d1e2d4"] {
  /* ambient dark needs a light text color */
}
/* line 247, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#d1e2d4"] .section,
section[data-palettebase="#d1e2d4"] .section--fullwidth {
  background-color: #d1e2d4;
}
/* line 252, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#d1e2d4"] .box__boundary {
  fill: #d1e2d4;
}
/* line 256, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#d1e2d4"] h3,
section[data-palettebase="#d1e2d4"] h4,
section[data-palettebase="#d1e2d4"] h5 {
  color: #2f3a36;
}
/* line 262, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#d1e2d4"] .tile__title {
  color: #fefefe;
}
/* line 266, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#d1e2d4"] .quotation-mark {
  fill: #2f3a36;
}

/* line 407, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#2f3a36"] {
  /* ambient dark needs a light text color */
  color: #fefefe;
}
/* line 247, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#2f3a36"] .section,
section[data-palettebase="#2f3a36"] .section--fullwidth {
  background-color: #2f3a36;
}
/* line 252, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#2f3a36"] .box__boundary {
  fill: #2f3a36;
}
/* line 256, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#2f3a36"] h3,
section[data-palettebase="#2f3a36"] h4,
section[data-palettebase="#2f3a36"] h5 {
  color: #2f3a36;
}
/* line 262, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#2f3a36"] .tile__title {
  color: #fefefe;
}
/* line 266, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#2f3a36"] .quotation-mark {
  fill: #2f3a36;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
section[data-palettebase="#2f3a36"] a:hover, section[data-palettebase="#2f3a36"] a:active, section[data-palettebase="#2f3a36"] a:focus {
  color: #d1e2d4;
}
/* line 281, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#2f3a36"] .button {
  -webkit-transition: background-color 200ms ease, color 225ms ease;
  -o-transition: background-color 200ms ease, color 225ms ease;
  transition: background-color 200ms ease, color 225ms ease;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
section[data-palettebase="#2f3a36"] .button:hover, section[data-palettebase="#2f3a36"] .button:active, section[data-palettebase="#2f3a36"] .button:focus {
  background-color: #d1e2d4;
  color: #2e4236;
  -webkit-transition: background-color 200ms ease, color 225ms ease;
  -o-transition: background-color 200ms ease, color 225ms ease;
  transition: background-color 200ms ease, color 225ms ease;
}
/* line 291, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#2f3a36"] .grid__text,
section[data-palettebase="#2f3a36"] .grid__text .f--copy-big {
  color: #fefefe;
}
/* line 296, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#2f3a36"] h3,
section[data-palettebase="#2f3a36"] h4,
section[data-palettebase="#2f3a36"] h5,
section[data-palettebase="#2f3a36"] .c--dark {
  color: #d1e2d4;
}
/* line 303, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#2f3a36"] .line-decoration {
  stroke: #d1e2d4;
}
/* line 307, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#2f3a36"] .quotation-mark {
  fill: #d1e2d4;
}

/* line 407, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#043c32"] {
  /* ambient dark needs a light text color */
}
/* line 247, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#043c32"] .section,
section[data-palettebase="#043c32"] .section--fullwidth {
  background-color: #043c32;
}
/* line 252, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#043c32"] .box__boundary {
  fill: #043c32;
}
/* line 256, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#043c32"] h3,
section[data-palettebase="#043c32"] h4,
section[data-palettebase="#043c32"] h5 {
  color: #2f3a36;
}
/* line 262, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#043c32"] .tile__title {
  color: #fefefe;
}
/* line 266, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
section[data-palettebase="#043c32"] .quotation-mark {
  fill: #2f3a36;
}

/* line 412, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#88dcce"] {
  background-color: #88dcce;
}
/* line 316, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#88dcce"] .tile__content {
  background-color: rgba(136, 220, 206, 0);
}
/* line 320, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#88dcce"] .tile__link {
  color: #fefefe;
}
/* line 324, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#88dcce"] .tile__link:hover .tile__content, .tile[data-palettebase="#88dcce"] .tile__link:active .tile__content, .tile[data-palettebase="#88dcce"] .tile__link:focus .tile__content {
  background-color: rgba(136, 220, 206, 0.85);
}
/* line 330, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.tile[data-palettebase="#88dcce"] .tile__boundary {
  fill: #88dcce;
}

/* line 336, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.quote-box[data-palettebase="#88dcce"] .quote-box__boundary {
  fill: #043c32;
}
/* line 340, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.quote-box[data-palettebase="#88dcce"] .quotation-mark {
  fill: #fefefe;
}
/* line 344, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.quote-box[data-palettebase="#88dcce"] .quote__content {
  background-color: #043c32;
  color: #fefefe;
}

/* line 351, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.module--text-box[data-palettebase="#88dcce"] .text-box__boundary {
  fill: #88dcce;
}
/* line 355, /root/meso-website-2016/app/assets/stylesheets/application/base/_colors.scss */
.module--text-box[data-palettebase="#88dcce"] .text-box {
  background-color: #88dcce;
  color: #fefefe;
}

/* =========================================================================
   #ICONS
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/base/_icons.scss */
.icon--close {
  width: 1.6875rem;
  height: 1.6875rem;
  stroke-width: 3px;
  fill: none;
  stroke: #fefefe;
}

/* line 13, /root/meso-website-2016/app/assets/stylesheets/application/base/_icons.scss */
.page-switcher__close .icon--close {
  stroke: currentColor;
  width: 1rem;
  height: 1rem;
}

/* line 20, /root/meso-website-2016/app/assets/stylesheets/application/base/_icons.scss */
.icon--menu {
  width: 1.625rem;
  height: 0.9375rem;
  fill: #a88e54;
  stroke: none;
}

/* line 28, /root/meso-website-2016/app/assets/stylesheets/application/base/_icons.scss */
.icon--arrow-down {
  width: 1rem;
  height: 1rem;
  fill: currentColor;
  stroke: none;
}

/* line 35, /root/meso-website-2016/app/assets/stylesheets/application/base/_icons.scss */
.page-switcher__open .icon--arrow-down {
  vertical-align: bottom;
  margin-left: 1em;
}
@media (min-width: 90em) {
  /* line 35, /root/meso-website-2016/app/assets/stylesheets/application/base/_icons.scss */
  .page-switcher__open .icon--arrow-down {
    margin-left: 6.75rem;
  }
}
@media (min-width: 120em) {
  /* line 35, /root/meso-website-2016/app/assets/stylesheets/application/base/_icons.scss */
  .page-switcher__open .icon--arrow-down {
    margin-left: 8.4375rem;
  }
}

/* line 51, /root/meso-website-2016/app/assets/stylesheets/application/base/_icons.scss */
.line-decoration {
  fill: none;
  stroke: #2e4236;
  stroke-width: 2px;
  height: 3.125rem;
  width: 1em;
  vertical-align: middle;
}
@media (min-width: 64em) {
  /* line 51, /root/meso-website-2016/app/assets/stylesheets/application/base/_icons.scss */
  .line-decoration {
    height: 6.25rem;
    stroke-width: 1px;
  }
}

/* line 66, /root/meso-website-2016/app/assets/stylesheets/application/base/_icons.scss */
.social-icon {
  fill: currentColor;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.social-icon:hover, .social-icon:active, .social-icon:focus {
  fill: currentColor;
}

/* line 76, /root/meso-website-2016/app/assets/stylesheets/application/base/_icons.scss */
.icon--rss {
  width: 1.56rem;
  height: 1.56rem;
  fill: currentColor;
}

/* =========================================================================
   #UTILITY-CLASSES
   ========================================================================= */
/**
 * For content that's hidden from screen, but accessible to assitive technology
 */
/* line 9, /root/meso-website-2016/app/assets/stylesheets/application/base/_utility.scss */
.u-vis-hidden {
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/**
 * Extending the visually-hidden class to become visible when
 * focused via keyboard
 */
/* line 26, /root/meso-website-2016/app/assets/stylesheets/application/base/_utility.scss */
.u-vis-hidden--focusable:active,
.u-vis-hidden--focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/**
 * If you need to clear floats but don't want overflow hidden
 */
/* line 42, /root/meso-website-2016/app/assets/stylesheets/application/base/_utility.scss */
.u-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* A semantic list, but not a visual one */
/* line 51, /root/meso-website-2016/app/assets/stylesheets/application/base/_utility.scss */
.u-list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 57, /root/meso-website-2016/app/assets/stylesheets/application/base/_utility.scss */
.u-list-reset li::before {
  content: none;
}

/* Things that get shown/hidden via js */
/* line 64, /root/meso-website-2016/app/assets/stylesheets/application/base/_utility.scss */
.js-hidden {
  display: none;
}

/* line 68, /root/meso-website-2016/app/assets/stylesheets/application/base/_utility.scss */
.js-show {
  display: initial;
}

/* =========================================================================
   #ADMIN-BADGE
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/base/_admin.scss */
body > a.admin-badge {
  display: block;
  position: fixed;
  left: 1.25rem;
  top: 1.25rem;
  z-index: 100;
  padding: 0.5em 1em 0.5em 2.5em;
  background: #2b3b3b url(/assets/application/user-241bd4b33c6c3f3221a87dd66122be8c077d9e54a5acefd5a73914b0342cfa3b.png) 0.5em 50% no-repeat;
  background-size: 25%;
  color: #fff;
  font-family: sans-serif;
  font-weight: bold;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
body > a.admin-badge:hover, body > a.admin-badge:active, body > a.admin-badge:focus {
  background-color: #415858;
  color: #fff;
}

/* =========================================================================
   #BANNER
   ========================================================================= */
/**
 * Always fills the full height and width of its container, the image covers
 * the whole container.
 *
 * The image is centered vertically and horizontally
 * when available. Otherwise it sits in the top left corner and fills the
 * whole width of the container, but they height is automatic according to
 * the image dimensions.
 *
 * The text is centered vertically on top of the image. Horizontally, it
 * sticks to the grid layout.
 *
 * The container requires a height, otherwise this will always be 0px, due
 * to the absolute positioning.
 */
/* line 21, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.banner {
  position: relative;
  height: 100vh;
  background-color: #2e4236;
}

/* line 27, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.banner__media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
}

/* line 37, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.banner__image {
  width: 100%;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  /* line 37, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner__image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/* line 46, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.banner__text {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 200px;
  color: #fefefe;
}
@media (min-width: 64em) {
  /* line 46, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner__text {
    padding: 0 4.875rem;
    padding-top: 300px;
  }
}
@media (min-width: 90em) {
  /* line 46, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner__text {
    padding: 0 6.75rem;
    padding-top: 300px;
  }
}
@media (min-width: 120em) {
  /* line 46, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner__text {
    padding: 0 8.4375rem;
    padding-top: 300px;
  }
}

/* Variant show hide responsive
   ========================================================================= */
/* line 77, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.banner__text--narrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 90em) {
  /* line 77, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner__text--narrow {
    display: none;
  }
}
/* line 84, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.banner__text--ideal {
  display: none;
}
@media (min-width: 90em) {
  /* line 84, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner__text--ideal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* Variant with deck
   ========================================================================= */
@media (min-width: 90em) {
  /* line 95, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner--with-deck .banner__text {
    padding-left: 13.5rem;
    padding-right: 20.25rem;
  }
}
@media (min-width: 120em) {
  /* line 95, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner--with-deck .banner__text {
    padding-left: 16.875rem;
    padding-right: 25.3125rem;
  }
}

/* Overlay variant
   ========================================================================= */
/**
 * Be aware that the content is top-aligned in IE11. There is a flexbox bug
 * where justify-content does not work if the parent has no fixed height and
 * we're using min-height here.
 */
/* line 116, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.banner__overlay {
  position: relative;
  background-color: rgba(136, 220, 171, 0.9);
  color: #fefefe;
}

/* line 122, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.banner__overlay--transparent {
  background: none;
}

/* line 126, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.banner__content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 80vh;
  padding: 1.25rem 0;
  padding-top: 8.75rem;
}
@media (min-width: 64em) {
  /* line 126, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner__content {
    padding-left: 4.875rem;
    padding-right: 4.875rem;
  }
}
@media (min-width: 90em) {
  /* line 126, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner__content {
    padding-bottom: 2.5rem;
    padding-left: 13.5rem;
    padding-right: 13.5rem;
  }
}
@media (min-width: 120em) {
  /* line 126, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner__content {
    padding-left: 16.875rem;
    padding-right: 25.3125rem;
  }
}

@media (min-width: 64em) {
  /* line 153, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner__content .rte-summary {
    padding-left: 4.875rem;
  }
}
@media (min-width: 90em) {
  /* line 153, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner__content .rte-summary {
    padding-left: 13.5rem;
  }
}
@media (min-width: 120em) {
  /* line 153, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner__content .rte-summary {
    padding-left: 16.875rem;
  }
}

/* Banner with height smaller than viewport
   ========================================================================= */
/* line 170, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.banner--limited {
  height: 75vh;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  /* line 173, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .banner--limited .banner__image {
    min-height: 75vh;
    height: auto;
  }
}
/* line 180, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.banner--limited .banner__text {
  padding-top: 150px;
  padding-bottom: 5rem;
}

/* Styling for JS-enabled functionality */
/* line 188, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.js .js-qa-inactive-source {
  position: static;
  width: auto;
  visibility: hidden;
}

/* line 194, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.js .js-qa-active-source {
  position: fixed;
  width: 47.5rem;
}
@media (min-width: 64em) {
  /* line 194, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .js .js-qa-active-source {
    width: 47.5rem;
  }
}
@media (min-width: 90em) {
  /* line 194, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .js .js-qa-active-source {
    width: 66.25rem;
  }
}
@media (min-width: 120em) {
  /* line 194, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
  .js .js-qa-active-source {
    width: 83.125rem;
  }
}

/* line 211, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.js-qa-target {
  opacity: 0;
  -webkit-transition: opacity 0ms ease;
  -o-transition: opacity 0ms ease;
  transition: opacity 0ms ease;
}
/* line 215, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.js-qa-target.section__title::before {
  content: none;
}
/* line 219, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.js-qa-target .line-decoration {
  display: none;
}

/* line 224, /root/meso-website-2016/app/assets/stylesheets/application/layout/_banner.scss */
.js-qa-target--fade-in {
  opacity: 1;
  -webkit-transition: opacity 750ms ease;
  -o-transition: opacity 750ms ease;
  transition: opacity 750ms ease;
}

/* =========================================================================
   #CONTACT-SECTION
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
.contact-info {
  max-width: 28em;
  margin: auto;
}
@media (min-width: 64em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
  .contact-info {
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 64em) {
  /* line 19, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
  .contacts {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23.125rem;
            flex: 0 0 23.125rem;
    padding-left: 4.875rem;
    padding-right: 4.875rem;
  }
}
@media (min-width: 90em) {
  /* line 19, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
  .contacts {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25.75rem;
            flex: 0 0 25.75rem;
    padding-left: 6.75rem;
    padding-right: 6.75rem;
  }
}
@media (min-width: 120em) {
  /* line 19, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
  .contacts {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32.5rem;
            flex: 0 0 32.5rem;
    padding-left: 8.4375rem;
    padding-right: 8.4375rem;
  }
}

@media (min-width: 64em) {
  /* line 41, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
  .contact__people {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 24.375rem;
  }
}
@media (min-width: 90em) {
  /* line 41, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
  .contact__people {
    width: 37.125rem;
  }
}
@media (min-width: 120em) {
  /* line 41, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
  .contact__people {
    width: 46.40625rem;
  }
}

/* line 58, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
.contact__headline {
  margin: 2.5rem 0 1.875rem 0;
  line-height: 1.2;
  text-transform: none;
  text-align: center;
}
@media (min-width: 64em) {
  /* line 58, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
  .contact__headline {
    margin-top: 0;
    margin-bottom: 2.5rem;
    line-height: 1.1;
  }
}
@media (min-width: 90em) {
  /* line 58, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
  .contact__headline {
    margin-top: 2.5rem;
    margin-bottom: 3.75rem;
    margin-left: -1em;
    margin-right: -1em;
    line-height: 1.2;
  }
}

/* line 82, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
.contact__people img {
  display: block;
  width: 100%;
}
@media (min-width: 64em) {
  /* line 81, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
  .contact__people {
    padding-left: 2.5rem;
  }
}

/* line 94, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
.team {
  margin: 2.5rem 0;
  padding-top: 3.75rem;
  border-top: 1px solid #bdbdbd;
  text-align: center;
}

/* line 102, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
.team__headline {
  margin-bottom: 1.25rem;
}

/* Project Variant for Contact block
   ========================================================================= */
@media (min-width: 90em) {
  /* line 111, /root/meso-website-2016/app/assets/stylesheets/application/layout/_contact-block.scss */
  .project .contact__headline {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

/* =========================================================================
   #FOOTER
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/layout/_footer.scss */
.page-footer {
  overflow: hidden;
  padding: 5rem 0 2.5rem 0;
  color: #fefefe;
  background-color: #beccc6;
  text-align: center;
}
@media (min-width: 64em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/layout/_footer.scss */
  .page-footer {
    padding: 2.5rem 0;
    text-align: left;
  }
}

@media (min-width: 64em) {
  /* line 18, /root/meso-website-2016/app/assets/stylesheets/application/layout/_footer.scss */
  .page-footer__groups {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

/* line 25, /root/meso-website-2016/app/assets/stylesheets/application/layout/_footer.scss */
.page-footer__list {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
}

/* line 29, /root/meso-website-2016/app/assets/stylesheets/application/layout/_footer.scss */
.page-footer__item {
  line-height: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 64em) {
  /* line 29, /root/meso-website-2016/app/assets/stylesheets/application/layout/_footer.scss */
  .page-footer__item {
    display: inline-block;
    margin-bottom: 0;
    padding-right: 2.5rem;
  }
}

/* line 40, /root/meso-website-2016/app/assets/stylesheets/application/layout/_footer.scss */
.page-footer .social-list__link,
.page-footer__link {
  display: inline-block;
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.page-footer .social-list__link:hover, .page-footer .social-list__link:active, .page-footer .social-list__link:focus,
.page-footer__link:hover,
.page-footer__link:active,
.page-footer__link:focus {
  color: #a88e54;
}
@media (min-width: 64em) {
  /* line 40, /root/meso-website-2016/app/assets/stylesheets/application/layout/_footer.scss */
  .page-footer .social-list__link,
  .page-footer__link {
    margin-left: 1.25rem;
  }
}

/* Presentation Mode Variant
   ========================================================================= */
/**
 * Hide the footer in presentation mode, so that links aren't focusable.
 */
/* line 61, /root/meso-website-2016/app/assets/stylesheets/application/layout/_footer.scss */
.presentation-mode .page-footer {
  display: none;
}

/* =========================================================================
   #GRID-LIST
   ========================================================================= */
/* Listing of items in the shape of tiles arranged in a grid */
/* Basic layout with float */
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
.listing--grid {
  overflow: hidden;
}

/* line 16, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
.tile {
  float: left;
  width: 50%;
}
@media (min-width: 64em) {
  /* line 16, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
  .tile {
    width: 25%;
  }
}

/* Enhanced layout with css grid */
@supports (display: grid) {
  /* line 31, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
  .listing--grid {
    display: grid;
    grid-gap: 2px;
    grid-template-columns: 1fr 1fr;
  }
  @media (min-width: 64em) {
    /* line 31, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
    .listing--grid {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  /* line 42, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
  .tile {
    float: none;
    width: auto;
  }
}
/* Projects Index Variant
   ========================================================================= */
@supports (display: grid) {
  /* line 58, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
  .projects .listing--grid {
    grid-auto-flow: dense;
  }
  /* line 62, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
  .projects .tile[data-size="very_important"] {
    grid-row-end: span 2;
    grid-column-end: span 2;
  }
}

/* Teaser Module
   ========================================================================= */
/* line 77, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
.listing--teaser .tile {
  width: 33%;
  margin: 1px;
}
@supports (display: grid) {
  /* line 83, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
  .listing--teaser .tile {
    width: 100%;
    margin: auto;
  }
  @media (min-width: 64em) {
    /* line 76, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
    .listing--teaser {
      grid-template-columns: repeat(3, 1fr);
    }
  }
}

/* Teaser Module Hero Variant
   ========================================================================= */
/* first two tiles span two grid cols/rows but only for Expertise pages */
@supports (display: grid) {
  /* line 104, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
  .module--teaser .listing--hero {
    grid-template-columns: 1fr 1fr;
  }
  @media (min-width: 28em) {
    /* line 104, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
    .module--teaser .listing--hero {
      grid-template-columns: repeat(6, 1fr);
    }
    /* line 110, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
    .module--teaser .listing--hero .tile {
      grid-row-end: span 2;
      grid-column-end: span 2;
    }
    /* line 115, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
    .module--teaser .listing--hero .tile:first-child,
    .module--teaser .listing--hero .tile:first-child + .tile {
      grid-row-end: span 3;
      grid-column-end: span 3;
    }
    /* line 120, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
    .module--teaser .listing--hero .tile:first-child .tile__content,
    .module--teaser .listing--hero .tile:first-child + .tile .tile__content {
      padding: 1.25rem 1.25rem;
    }
  }
  @media (min-width: 64em) {
    /* line 129, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-list.scss */
    .module--teaser .listing--hero .tile:first-child .tile__content,
    .module--teaser .listing--hero .tile:first-child + .tile .tile__content {
      padding: 2.5rem 2.5rem;
    }
  }
}
/* =========================================================================
   #GRID-ROW
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
.grid__cell img,
.grid__cell video {
  display: block;
  width: 100%;
  height: auto;
}

/* ROW */
/* line 14, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
.grid__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media (min-width: 64em) {
  /* line 20, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__row--right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

/* line 26, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
.grid__row--left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/* line 30, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
.grid__row--centered {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 34, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
.grid__row--top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* CELL */
/* line 40, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
.grid__cell {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  margin: 0 0.625rem;
}

/* line 45, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
.grid__cell:first-child {
  margin-left: auto;
}

/* line 49, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
.grid__cell:last-child {
  margin-right: auto;
}

/* Caption text height offset */
/* line 57, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
.module--media .grid__row--captioned,
.module--media-story .grid__row--captioned {
  padding-bottom: 2.5rem;
}
@media (min-width: 64em) {
  /* line 57, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .module--media .grid__row--captioned,
  .module--media-story .grid__row--captioned {
    padding-bottom: 0;
  }
}
/* line 65, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
.module--media .grid__cell--captioned,
.module--media-story .grid__cell--captioned {
  margin-bottom: -3.75rem;
}

@media (min-width: 50em) {
  /* line 72, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .module--media-text .grid__cell--captioned {
    margin-bottom: -3.75rem;
  }
}

/* CELL OVERRIDES */
@media (max-width: 63.9375em) {
  /* line 83, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .module--media .grid__cell,
  .module--media-story .grid__cell {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 88, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .module--media .grid__media + .grid__media,
  .module--media-story .grid__media + .grid__media {
    margin-left: 1.25rem;
  }
}
@media (min-width: 64em) {
  /* 1 bigger asset in a row of 3 */
  /* line 101, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__cell--weighted {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 26.8125rem;
            flex: 0 1 26.8125rem;
  }

  /* Media Text Exceptions */
  /* line 107, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__cell--l {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 16.66667rem;
            flex: 0 1 16.66667rem;
  }

  /* line 111, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__cell--s,
  .grid__text:only-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 36.95833rem;
            flex: 0 1 36.95833rem;
    margin-left: 0;
    margin-right: 0;
  }

  /* top-aligned cell */
  /* line 120, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__row--top {
    padding-left: 4.875rem;
  }
  /* line 123, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__row--top .grid__cell:first-child {
    margin-right: 3.625rem;
  }
  /* line 127, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__row--top .grid__cell:last-child {
    margin-left: 3.625rem;
  }

  /* single quote without assets */
  /* line 134, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__row--right .module__quote:only-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 36.95833rem;
            flex: 0 1 36.95833rem;
  }
}
/* VIEWPORT-/BREAKPOINT-BASED OVERRIDES */
@media (min-width: 64em) {
  /* line 141, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__cell {
    margin-top: 0;
    margin-left: 1.8125rem;
    margin-right: 1.8125rem;
  }
}
@media (min-width: 90em) {
  /* line 141, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__cell {
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }
}
@media (min-width: 120em) {
  /* line 141, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__cell {
    margin-left: 3.59375rem;
    margin-right: 3.59375rem;
  }
}

@media (min-width: 90em) {
  /* line 159, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__cell--weighted {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 37.125rem;
            flex: 0 1 37.125rem;
  }
}
@media (min-width: 120em) {
  /* line 159, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__cell--weighted {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 46.40625rem;
            flex: 0 1 46.40625rem;
  }
}

@media (min-width: 90em) {
  /* line 174, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__cell--l {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 22.91667rem;
            flex: 0 1 22.91667rem;
  }

  /* line 178, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__cell--s,
  .grid__text:only-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 51.33333rem;
            flex: 0 1 51.33333rem;
    margin-left: 0;
  }
}
@media (min-width: 120em) {
  /* line 190, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__cell--l {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 28.54167rem;
            flex: 0 1 28.54167rem;
  }

  /* line 194, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__cell--s,
  .grid__text:only-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 64.27083rem;
            flex: 0 1 64.27083rem;
    margin-left: 0;
  }
}
@media (min-width: 90em) {
  /* line 201, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__row--top {
    padding-left: 6.75rem;
  }
  /* line 205, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__row--top .grid__cell:first-child {
    margin-right: 5.5rem;
  }
  /* line 209, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__row--top .grid__cell:last-child {
    margin-left: 5.5rem;
  }
}
@media (min-width: 120em) {
  /* line 201, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__row--top {
    padding-left: 8.4375rem;
  }
  /* line 217, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__row--top .grid__cell:first-child {
    margin-right: 7.1875rem;
  }
  /* line 221, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__row--top .grid__cell:last-child {
    margin-left: 7.1875rem;
  }
}

@media (min-width: 90em) {
  /* line 227, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__row--right .module__quote:only-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 51.33333rem;
            flex: 0 1 51.33333rem;
  }
}
@media (min-width: 120em) {
  /* line 227, /root/meso-website-2016/app/assets/stylesheets/application/layout/_grid-row.scss */
  .grid__row--right .module__quote:only-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 64.27083rem;
            flex: 0 1 64.27083rem;
  }
}

/* =========================================================================
   #HEADER
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/layout/_header.scss */
.page-head {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
}

/* =========================================================================
   #PAGE-NAVIGATION
   ========================================================================= */
/* Essential styling */
/* line 7, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.page-nav__items {
  display: none;
}

/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.page-nav__item {
  margin-bottom: 0.625rem;
}
@media (min-width: 64em) {
  /* line 11, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  .page-nav__item {
    margin: 0;
  }
}

/* line 19, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.page-nav__option {
  display: block;
  padding: 1.25rem 3.375rem;
  font-size: 1.125rem;
  text-align: center;
}
@media (min-width: 120em) {
  /* line 19, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  .page-nav__option {
    padding: 1.25rem 4.21875rem;
  }
}

/* line 30, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.page-nav__logo {
  position: absolute;
  top: 1.25rem;
  left: 49.75%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* line 37, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.page-nav__toggler {
  position: fixed;
  top: 1.25rem;
  right: 0;
  padding: 2.5em 1em;
}
@media (min-width: 64em) {
  /* line 37, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  .page-nav__toggler {
    top: 2.5rem;
    padding: 1.75em 1em;
  }
}

/* line 49, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.page-nav__close {
  display: none;
}

/* CSS-only overlay menu, gets enhanced when JS is available. */
/* line 56, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
#nav:target .page-nav__logo {
  position: static;
  -webkit-transform: none;
          transform: none;
}
/* line 61, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
#nav:target .page-nav__close,
#nav:target .page-nav__items {
  display: block;
}

/**
 * If there's enough room, always display the main navigation items.
 */
@media (min-width: 64em) {
  /* line 72, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  .page-nav__logo {
    position: fixed;
  }

  /* line 76, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  .page-nav__toggler {
    display: none;
  }

  /* line 80, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  .page-nav__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding-top: 3.125rem;
  }

  /* line 86, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  .page-nav__split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
  /* line 91, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  .page-nav__split:first-child {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  /* line 95, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  .page-nav__split:last-child {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  /* line 100, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  .page-nav__split--logo-offset {
    margin-right: 9.75rem;
  }

  /* line 104, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  .page-nav__item {
    padding: 0;
  }
}
@media (min-width: 90em) {
  /* line 109, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  .page-nav__split--logo-offset {
    margin-right: 13.5rem;
  }
}
@media (min-width: 120em) {
  /* line 109, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  .page-nav__split--logo-offset {
    margin-right: 16.875rem;
  }
}

/* Styling for JS-activated menu behavior
   ========================================================================= */
/**
 * If JS is available, display the main navigation when there's enough room,
 * but switch to burger menu on scroll. Also add a bit more fancyness to
 * the burger menu overlay.
 */
/* line 128, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.js-nav-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
/* line 134, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.js-nav-overlay .page-nav__items,
.js-nav-overlay .page-nav__split,
.js-nav-overlay .page-nav__option,
.js-nav-overlay .page-nav__close {
  display: block;
}
/* line 141, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.js-nav-overlay .page-nav__logo {
  position: static;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
/* line 146, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.js-nav-overlay .page-nav__split--logo-offset {
  margin-right: 0;
}

/* line 151, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.page-nav .js-hidden {
  display: none;
}

/* line 155, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.page-nav .js-show {
  display: inline-block;
}

/* Shared styling between no-JS and JS-enhanced version of the overlay menu
   ========================================================================= */
/* line 162, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
#nav:target,
.js-nav-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(136, 220, 171, 0.9);
}
/* line 171, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
#nav:target .page-nav__option,
.js-nav-overlay .page-nav__option {
  color: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
#nav:target .page-nav__option:hover, #nav:target .page-nav__option:active, #nav:target .page-nav__option:focus,
.js-nav-overlay .page-nav__option:hover,
.js-nav-overlay .page-nav__option:active,
.js-nav-overlay .page-nav__option:focus {
  color: #2e4236;
}
@media (min-width: 64em) {
  /* line 171, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
  #nav:target .page-nav__option,
  .js-nav-overlay .page-nav__option {
    font-size: 1.5rem;
  }
}
/* line 183, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
#nav:target .page-nav__option .meso-logo,
.js-nav-overlay .page-nav__option .meso-logo {
  fill: #fefefe;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
#nav:target .page-nav__option .meso-logo:hover, #nav:target .page-nav__option .meso-logo:active, #nav:target .page-nav__option .meso-logo:focus,
.js-nav-overlay .page-nav__option .meso-logo:hover,
.js-nav-overlay .page-nav__option .meso-logo:active,
.js-nav-overlay .page-nav__option .meso-logo:focus {
  fill: #2e4236;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
#nav:target .page-nav__option .icon--close:hover, #nav:target .page-nav__option .icon--close:active, #nav:target .page-nav__option .icon--close:focus,
.js-nav-overlay .page-nav__option .icon--close:hover,
.js-nav-overlay .page-nav__option .icon--close:active,
.js-nav-overlay .page-nav__option .icon--close:focus {
  stroke: #2e4236;
}

/* Language switch TODO
   ========================================================================= */
/* line 201, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.language-switch {
  position: fixed;
  bottom: 1em;
  right: 1em;
}

/* line 207, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.language-switch li {
  padding: 0 0 0.3em 0;
  border-bottom: 3px solid transparent;
}

/* Presentation Mode variant
   ========================================================================= */
/**
 * When the presentation mode for projects is active,
 *  *the main navigation gets hidden*!
 */
/* line 220, /root/meso-website-2016/app/assets/stylesheets/application/layout/_page-nav.scss */
.presentation-mode .page-nav {
  display: none;
}

/* =========================================================================
   #PRESENTATION-MODE
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.presentation-mode {
  overflow: hidden;
}

/* line 9, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.js-presentation__trigger {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

/* line 13, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.presentation[aria-hidden="true"] {
  display: none;
}

/* line 16, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.presentation {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  /* to keep section numbers from counting higher in the presentation */
  counter-reset: section-count;
}

/* line 29, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.presentation__overlay {
  z-index: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 38, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.presentation__close {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 5%;
  padding-top: 1em;
  padding-left: 0.55em;
  padding-right: 0.55em;
  border: none;
  cursor: pointer;
}

/* line 50, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.presentation__items {
  z-index: 1;
  position: relative;
}

/* line 55, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.presentation__items,
.flickity-viewport {
  height: 100%;
}

/* line 60, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.presentation__item {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

/* Presentation Mode Content
   ========================================================================= */
/* line 76, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.presentation__item figure {
  width: 100%;
  height: 100%;
  margin: 0;
  text-align: center;
}

/* line 83, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.presentation__item figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 90, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.presentation__item img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

/* line 96, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.pres-screen {
  width: 100%;
  height: 100%;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  /* line 101, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
  .pres-screen img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    overflow: hidden;
  }
}

/* line 110, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.presentation__highlight {
  max-width: 70%;
}

/* line 114, /root/meso-website-2016/app/assets/stylesheets/application/layout/_presentation-mode.scss */
.presentation__item .title-card {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* =========================================================================
   #SECTION
   ========================================================================= */
/**
 * A section has a heading and wraps 0 to n modules
 *
 */
/* line 10, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
.page-section {
  position: relative;
  z-index: 2;
}

/* line 15, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
.section {
  overflow: hidden;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
@media (min-width: 64em) {
  /* line 15, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
  .section {
    padding-top: 6.25rem;
  }
}
@media (min-width: 90em) {
  /* line 15, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
  .section {
    padding-top: 12.5rem;
    padding-bottom: 10rem;
  }
}

/* section numbering logic */
/* line 32, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
.page-content {
  counter-reset: section-count;
}

/* the numbering is displayed in the section title */
/* line 38, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
.section__title--with-decorations.section__title::before {
  content: counter(section-count,decimal-leading-zero);
  counter-increment: section-count;
}

/* Section Head
   ========================================================================= */
/* line 46, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
.section__head,
.module__head {
  padding-bottom: 2.5rem;
}
@media (min-width: 64em) {
  /* line 46, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
  .section__head,
  .module__head {
    padding-bottom: 3.75rem;
    padding-left: 4.875rem;
    padding-right: 4.875rem;
  }
}
@media (min-width: 90em) {
  /* line 46, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
  .section__head,
  .module__head {
    padding-bottom: 6.25rem;
    padding-left: 6.75rem;
    padding-right: 6.75rem;
  }
}
@media (min-width: 120em) {
  /* line 46, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
  .section__head,
  .module__head {
    padding-right: 25.3125rem;
    padding-left: 8.4375rem;
  }
}

/* line 82, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
.section__title {
  font-weight: 100;
  margin-bottom: 0;
}

/* line 87, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
.section__subline {
  margin: 0;
}

/* section numbering styling */
/* line 94, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
.section__title--with-decorations::before {
  display: block;
  line-height: 2.4;
  font-size: 0.77rem;
  letter-spacing: 0;
}
@media (min-width: 64em) {
  /* line 94, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
  .section__title--with-decorations::before {
    display: inline-block;
    width: 4.875rem;
    margin-left: -4.875rem;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.4;
    vertical-align: super;
  }
}
@media (min-width: 90em) {
  /* line 94, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
  .section__title--with-decorations::before {
    width: 6.75rem;
    margin-left: -6.75rem;
  }
}
@media (min-width: 120em) {
  /* line 94, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
  .section__title--with-decorations::before {
    width: 8.4375rem;
    margin-left: -8.4375rem;
  }
}

/* big slash between section number and title */
/* line 123, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
.section__title-decoration {
  display: none;
  width: 1.3125rem;
  margin-bottom: -3.125rem;
  vertical-align: bottom;
}
@media (min-width: 64em) {
  /* line 123, /root/meso-website-2016/app/assets/stylesheets/application/layout/_section.scss */
  .section__title-decoration {
    display: inline-block;
    margin-left: -3.875rem;
    padding-right: 1.25rem;
  }
}

/* =========================================================================
   #SHOWREEL
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/layout/_showreel.scss */
.showreel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 100vh;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15rem 0 7.5rem 0;
}
@media (min-width: 90em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/layout/_showreel.scss */
  .showreel {
    padding: 0;
  }
}

/* line 17, /root/meso-website-2016/app/assets/stylesheets/application/layout/_showreel.scss */
.showreel .wrapper.wrapper--banner {
  min-height: 100%;
  height: auto;
}

/* line 22, /root/meso-website-2016/app/assets/stylesheets/application/layout/_showreel.scss */
.showreel .banner__media {
  display: block;
}

/* line 26, /root/meso-website-2016/app/assets/stylesheets/application/layout/_showreel.scss */
.banner__text.showreel__text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}

/* =========================================================================
   #MEDIA-SLIDER
   ========================================================================= */
/**
 * On narrow viewports several modules are presented as media sliders.
 * They need some specific styling and will get enhanced via JS.
 *
 * The modules affected:
 * - Media Text module, when 2 assets are present
 * - Media Grid module, when more than 1 asset is present
 */
@media (max-width: 34.5em) {
  /* line 15, /root/meso-website-2016/app/assets/stylesheets/application/layout/_slider.scss */
  .js-slider {
    margin-right: -5%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  /* line 21, /root/meso-website-2016/app/assets/stylesheets/application/layout/_slider.scss */
  .js-slider .grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 1.25rem;
  }
}

/* line 33, /root/meso-website-2016/app/assets/stylesheets/application/layout/_slider.scss */
.js-slider[aria-label="gallery"] {
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
/* line 39, /root/meso-website-2016/app/assets/stylesheets/application/layout/_slider.scss */
.js-slider[aria-label="gallery"] .grid__row {
  position: relative;
}

/* line 45, /root/meso-website-2016/app/assets/stylesheets/application/layout/_slider.scss */
.slider-pagination {
  text-align: center;
  margin: 1.25rem auto;
}
/* line 50, /root/meso-website-2016/app/assets/stylesheets/application/layout/_slider.scss */
.slider-pagination li {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin: 0 0.25em;
  padding: 0;
  border-radius: 1em;
  background-color: #0c2f0e;
  opacity: 0.3;
  -webkit-transition: opacity 75ms ease;
  -o-transition: opacity 75ms ease;
  transition: opacity 75ms ease;
}
/* line 62, /root/meso-website-2016/app/assets/stylesheets/application/layout/_slider.scss */
.slider-pagination .active {
  opacity: 1;
  -webkit-transition: opacity 75ms ease;
  -o-transition: opacity 75ms ease;
  transition: opacity 75ms ease;
}

/* Alternative position of text below images for narrow viewports */
/* line 72, /root/meso-website-2016/app/assets/stylesheets/application/layout/_slider.scss */
.js-slider ~ .grid__text {
  margin-left: 0;
}

/* line 76, /root/meso-website-2016/app/assets/stylesheets/application/layout/_slider.scss */
.slider-pagination.js-hidden + .grid__text {
  margin-top: 1.25rem;
}

/* "Normal" layout kicks in */
@media (min-width: 64em) {
  /* line 83, /root/meso-website-2016/app/assets/stylesheets/application/layout/_slider.scss */
  .js-slider ~ .grid__text {
    display: none;
  }
}
/* =========================================================================
   #CONTENT-WRAPPERS
   ========================================================================= */
/**
 * Wraps the entire content of the page and horizontally centers it.
 */
/* line 9, /root/meso-website-2016/app/assets/stylesheets/application/layout/_wrappers.scss */
.wrapper {
  max-width: 90%;
  margin: 0 auto;
}
@media (min-width: 64em) {
  /* line 9, /root/meso-website-2016/app/assets/stylesheets/application/layout/_wrappers.scss */
  .wrapper {
    width: auto;
    max-width: 57.5rem;
  }
}
@media (min-width: 90em) {
  /* line 9, /root/meso-website-2016/app/assets/stylesheets/application/layout/_wrappers.scss */
  .wrapper {
    max-width: 80rem;
  }
}
@media (min-width: 120em) {
  /* line 9, /root/meso-website-2016/app/assets/stylesheets/application/layout/_wrappers.scss */
  .wrapper {
    max-width: 100rem;
  }
}

/* line 28, /root/meso-website-2016/app/assets/stylesheets/application/layout/_wrappers.scss */
.wrapper--banner {
  height: 100%;
  overflow: hidden;
}

/* line 33, /root/meso-website-2016/app/assets/stylesheets/application/layout/_wrappers.scss */
.dev-mode {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 230, 238, 0.5)), color-stop(50%, rgba(240, 230, 238, 0.5)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5))), -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.1)), color-stop(100%, rgba(255, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: -o-linear-gradient(top, rgba(240, 230, 238, 0.5), rgba(240, 230, 238, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5)), -o-linear-gradient(left, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(to bottom, rgba(240, 230, 238, 0.5), rgba(240, 230, 238, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5)), linear-gradient(to right, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1));
  background-size: 100% 2.5rem;
}
@media (min-width: 64em) {
  /* line 33, /root/meso-website-2016/app/assets/stylesheets/application/layout/_wrappers.scss */
  .dev-mode {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 230, 238, 0.5)), color-stop(50%, rgba(240, 230, 238, 0.5)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5))), -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.1)), color-stop(3.625rem, rgba(255, 0, 0, 0.1)), color-stop(3.625rem, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background-image: -o-linear-gradient(top, rgba(240, 230, 238, 0.5), rgba(240, 230, 238, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5)), -o-linear-gradient(left, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1) 3.625rem, rgba(0, 0, 0, 0.1) 3.625rem, rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(to bottom, rgba(240, 230, 238, 0.5), rgba(240, 230, 238, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5)), linear-gradient(to right, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1) 3.625rem, rgba(0, 0, 0, 0.1) 3.625rem, rgba(0, 0, 0, 0.1));
    background-size: 4.875rem 2.5rem;
  }
}
@media (min-width: 90em) {
  /* line 33, /root/meso-website-2016/app/assets/stylesheets/application/layout/_wrappers.scss */
  .dev-mode {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 230, 238, 0.5)), color-stop(50%, rgba(240, 230, 238, 0.5)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5))), -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.1)), color-stop(5.5rem, rgba(255, 0, 0, 0.1)), color-stop(5.5rem, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background-image: -o-linear-gradient(top, rgba(240, 230, 238, 0.5), rgba(240, 230, 238, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5)), -o-linear-gradient(left, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1) 5.5rem, rgba(0, 0, 0, 0.1) 5.5rem, rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(to bottom, rgba(240, 230, 238, 0.5), rgba(240, 230, 238, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5)), linear-gradient(to right, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1) 5.5rem, rgba(0, 0, 0, 0.1) 5.5rem, rgba(0, 0, 0, 0.1));
    background-size: 6.75rem 2.5rem;
  }
}
@media (min-width: 120em) {
  /* line 33, /root/meso-website-2016/app/assets/stylesheets/application/layout/_wrappers.scss */
  .dev-mode {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 230, 238, 0.5)), color-stop(50%, rgba(240, 230, 238, 0.5)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5))), -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 0, 0.1)), color-stop(7.1875rem, rgba(255, 0, 0, 0.1)), color-stop(7.1875rem, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background-image: -o-linear-gradient(top, rgba(240, 230, 238, 0.5), rgba(240, 230, 238, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5)), -o-linear-gradient(left, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1) 7.1875rem, rgba(0, 0, 0, 0.1) 7.1875rem, rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(to bottom, rgba(240, 230, 238, 0.5), rgba(240, 230, 238, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5)), linear-gradient(to right, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1) 7.1875rem, rgba(0, 0, 0, 0.1) 7.1875rem, rgba(0, 0, 0, 0.1));
    background-size: 8.4375rem 2.5rem;
  }
}

/* =========================================================================
   #BUTTONS
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_buttons.scss */
.button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 0.3125rem 2.5rem;
  background-color: #a88e54;
  color: #fefefe;
  text-align: center;
}

/* line 14, /root/meso-website-2016/app/assets/stylesheets/application/components/_buttons.scss */
.button--slider {
  display: block;
  padding: 0;
  color: currentColor;
  background: none;
  -webkit-transition: color 125ms ease;
  -o-transition: color 125ms ease;
  transition: color 125ms ease;
  border: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  font-size: clamp(1rem, 5vw, 2.5rem);
}
/* line 25, /root/meso-website-2016/app/assets/stylesheets/application/components/_buttons.scss */
.button--slider svg {
  display: block;
  width: 1em;
}
/* line 30, /root/meso-website-2016/app/assets/stylesheets/application/components/_buttons.scss */
.button--slider--prev {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
/* line 34, /root/meso-website-2016/app/assets/stylesheets/application/components/_buttons.scss */
.button--slider--disabled {
  opacity: 0.2;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/* line 40, /root/meso-website-2016/app/assets/stylesheets/application/components/_buttons.scss */
.button--slider--fetch {
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0;
  margin: 0;
  border: none;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.button--slider:hover, .button--slider:active, .button--slider:focus {
  color: #a88e54;
}

/* line 55, /root/meso-website-2016/app/assets/stylesheets/application/components/_buttons.scss */
.button--large {
  margin: 2.5rem 0;
  padding: 1em 3em;
  font-weight: bold;
  background-color: #2e4236;
  color: #fefefe;
  -webkit-transition: background-color 125ms ease, color 125ms ease;
  -o-transition: background-color 125ms ease, color 125ms ease;
  transition: background-color 125ms ease, color 125ms ease;
  border: none;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.button--large:hover, .button--large:active, .button--large:focus {
  background-color: #88dcab;
  color: #2e4236;
}

/* line 70, /root/meso-website-2016/app/assets/stylesheets/application/components/_buttons.scss */
.button--outline {
  display: inline-block;
  margin: 1.25rem 0;
  padding: 0.5em 2em;
  border: 2px solid #88dcab;
  background-color: transparent;
  color: #88dcab;
  font-family: sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: color 125ms ease;
  -o-transition: color 125ms ease;
  transition: color 125ms ease;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.button--outline:hover, .button--outline:active, .button--outline:focus {
  border-color: #a88e54;
  color: #a88e54;
}

/**
 * Appears on the Expertise landing page as injected contact button.
 */
/* line 92, /root/meso-website-2016/app/assets/stylesheets/application/components/_buttons.scss */
.quote__expertise-contact .button {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-weight: bold;
}

/* =========================================================================
   #MEDIA-CAPTION
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
.caption {
  overflow: hidden;
  padding-top: 0.48rem;
  font-size: 0.77rem;
  line-height: 1rem;
  opacity: 0.75;
}

/* Long caption styling
   ========================================================================= */
/* line 16, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
.caption--long {
  padding-top: 0.48rem;
}
/* line 19, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
.caption--long .caption__copyright {
  display: block;
  margin-top: 1.25rem;
}

/* Long caption styling – Columned
   ========================================================================= */
/* line 28, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
.caption--columned {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 0.48rem;
  padding-bottom: 1.25rem;
  margin-bottom: -3.75rem;
  min-height: 3.75rem;
}
@media (min-width: 64em) {
  /* line 35, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .caption--columned .caption__text {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 34.125rem;
    padding-right: 1.25rem;
  }
}
@media (min-width: 90em) {
  /* line 35, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .caption--columned .caption__text {
    width: 47.25rem;
  }
}
@media (min-width: 120em) {
  /* line 35, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .caption--columned .caption__text {
    width: 59.0625rem;
  }
}
/* line 52, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
.caption--columned .caption__copyright {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: right;
  width: 100%;
  padding-left: 1.25rem;
  text-align: right;
}
@media (min-width: 64em) {
  /* line 52, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .caption--columned .caption__copyright {
    width: 19.5rem;
  }
}
@media (min-width: 90em) {
  /* line 52, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .caption--columned .caption__copyright {
    width: 27rem;
  }
}
@media (min-width: 120em) {
  /* line 52, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .caption--columned .caption__copyright {
    width: 33.75rem;
  }
}

/* Short caption styling
   ========================================================================= */
/* line 76, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
.caption--short {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 3.75rem;
}

/* Media Grid Side Caption Styling
   ========================================================================= */
@media (min-width: 64em) {
  /* line 84, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media (min-width: 64em) {
  /* line 92, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption--right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

/* line 98, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
.side-caption__asset {
  /**
   * Sorry for the overly convulted way of calculating this.
   * I'd love to shorten this if someone can help me!
   * It roughly translates to a width of 64.453125%.
   */
}
/* line 99, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
.side-caption__asset img,
.side-caption__asset video {
  display: block;
  width: 100%;
}
@media (min-width: 64em) {
  /* line 98, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption__asset {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 36.95833rem;
            flex: 0 1 36.95833rem;
  }
}
@media (min-width: 90em) {
  /* line 98, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption__asset {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 51.33333rem;
            flex: 0 1 51.33333rem;
  }
}
@media (min-width: 120em) {
  /* line 98, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption__asset {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 64.27083rem;
            flex: 0 1 64.27083rem;
  }
}

/* line 133, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
.side-caption__text {
  margin-bottom: 1.25rem;
}
@media (min-width: 64em) {
  /* line 133, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption__text {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 18.25rem;
    margin-bottom: 0;
  }
}
@media (min-width: 90em) {
  /* line 133, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption__text {
    width: 25.75rem;
  }
}
@media (min-width: 120em) {
  /* line 133, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption__text {
    width: 32.5rem;
  }
}

@media (min-width: 64em) {
  /* line 151, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption--right .side-caption__text {
    padding-right: 1.25rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

@media (min-width: 64em) {
  /* line 158, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption--right .side-caption__text {
    padding-left: 9.75rem;
  }
}
@media (min-width: 90em) {
  /* line 158, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption--right .side-caption__text {
    padding-left: 13.5rem;
  }
}
@media (min-width: 120em) {
  /* line 158, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption--right .side-caption__text {
    padding-left: 16.875rem;
  }
}

@media (min-width: 64em) {
  /* line 172, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption--left .side-caption__text {
    padding-right: 9.75rem;
  }
}
@media (min-width: 90em) {
  /* line 172, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption--left .side-caption__text {
    padding-right: 13.5rem;
  }
}
@media (min-width: 120em) {
  /* line 172, /root/meso-website-2016/app/assets/stylesheets/application/components/_caption.scss */
  .side-caption--left .side-caption__text {
    padding-right: 16.875rem;
  }
}

/* =========================================================================
   #CLIPPED-IMAGE
   ========================================================================= */
/* line 6, /root/meso-website-2016/app/assets/stylesheets/application/components/_clipped-image.scss */
.clipped-image img {
  -webkit-clip-path: polygon(0% 0%, 100% 1.25rem, 100% calc(100% - 1.25rem), 0% 100%);
          clip-path: polygon(0% 0%, 100% 1.25rem, 100% calc(100% - 1.25rem), 0% 100%);
}

/* =========================================================================
   #CONTACT
   ========================================================================= */
/**
 * Name, job titles, contact information for a Person record.
 */
/* line 10, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
.contact {
  margin-top: 3.75rem;
}

/* line 15, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
.contacts .contact:first-of-type {
  margin-top: 2.5rem;
}
@media (min-width: 64em) {
  /* line 15, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
  .contacts .contact:first-of-type {
    margin-top: 3.75rem;
  }
}

/* line 25, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
.contact > * {
  display: block;
  text-align: center;
  line-height: 1.3;
}

/* line 32, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
.contact__name,
.contact__title {
  font-size: 1rem;
}

/* line 38, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
.contact__name {
  line-height: 2;
}

/* line 43, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
.contact__title {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #bdbdbd;
}
@media (min-width: 64em) {
  /* line 43, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
  .contact__title {
    margin-bottom: 0.625rem;
  }
}

/* line 54, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
.contact__tel,
.contact__email {
  line-height: 2.5rem;
}

/**
 * The telephone number has different order/styling on mobile vs
 * desktop viewports. It also has different markup, on mobile
 * it is a 'tel'-link, on desktop it's a basic span.
 */
/* line 66, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
span.contact__tel {
  display: none;
}
@media (min-width: 64em) {
  /* line 66, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
  span.contact__tel {
    display: block;
  }
}

/* line 76, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
a.contact__tel {
  display: block;
}
@media (min-width: 64em) {
  /* line 76, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
  a.contact__tel {
    display: none;
  }
}

/**
 * The email has different order/styling on mobile vs
 * desktop viewports.
 */
/* line 91, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
.contact__email {
  display: block;
}
@media (min-width: 64em) {
  /* line 91, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
  .contact__email {
    display: none;
  }
}

/* line 101, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
.contact__email.button {
  display: none;
}
@media (min-width: 64em) {
  /* line 101, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
  .contact__email.button {
    display: block;
  }
}

/* line 111, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
.contact__address {
  margin-top: 2.5rem;
  line-height: 1.7;
}
@media (min-width: 64em) {
  /* line 111, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
  .contact__address {
    margin-top: 1.875rem;
  }
}

/* Contact in Quote Module variant
   ========================================================================= */
/* line 129, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
.module--quote .contact .contact__name,
.module--quote .contact .contact__title {
  font-size: 0.77rem;
}
@media (min-width: 64em) {
  /* line 129, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
  .module--quote .contact .contact__name,
  .module--quote .contact .contact__title {
    font-size: inherit;
  }
}
@media (min-width: 90em) {
  /* line 128, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
  .module--quote .contact {
    margin-left: 3.375rem;
    margin-right: 3.375rem;
  }
}
@media (min-width: 120em) {
  /* line 128, /root/meso-website-2016/app/assets/stylesheets/application/components/_contact.scss */
  .module--quote .contact {
    margin-left: 4.21875rem;
    margin-right: 4.21875rem;
  }
}

/* =========================================================================
   #CONTENT-APPENDER
   ========================================================================= */
/**
 * JS functionality to load and append content from the server via button click
 */
/* line 9, /root/meso-website-2016/app/assets/stylesheets/application/components/_content-appender.scss */
.js-append-actions {
  text-align: center;
}

/* line 14, /root/meso-website-2016/app/assets/stylesheets/application/components/_content-appender.scss */
.js-append-error {
  margin-top: 1em;
  margin-bottom: 0;
  color: #beccc6;
}

/* line 21, /root/meso-website-2016/app/assets/stylesheets/application/components/_content-appender.scss */
.no-js .js-append-btn,
.js-append-actions .js-hidden {
  display: none;
}

/* styling for no-JS fallback functionality */
/* line 32, /root/meso-website-2016/app/assets/stylesheets/application/components/_content-appender.scss */
.js-append-fallback {
  text-align: center;
}

/* =========================================================================
   #CONTENT-HEADER
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_content-header.scss */
.header {
  padding-top: 10rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 64em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_content-header.scss */
  .header {
    padding-to: 12.5rem;
    padding-left: 4.875rem;
    padding-right: 4.875rem;
  }
}
@media (min-width: 90em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_content-header.scss */
  .header {
    padding-left: 6.75rem;
    padding-right: 6.75rem;
  }
}
@media (min-width: 120em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_content-header.scss */
  .header {
    padding-left: 8.4375rem;
    padding-right: 8.4375rem;
  }
}

/* line 28, /root/meso-website-2016/app/assets/stylesheets/application/components/_content-header.scss */
.header__date {
  margin-left: 1rem;
}

/* line 32, /root/meso-website-2016/app/assets/stylesheets/application/components/_content-header.scss */
.article__category {
  margin-left: 0.25rem;
}

/* line 36, /root/meso-website-2016/app/assets/stylesheets/application/components/_content-header.scss */
.article__type {
  margin-right: 0.25rem;
}

/* =========================================================================
   #DECK
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
.deck {
  margin: 3.75rem 0;
}
@media (min-width: 64em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
  .deck {
    margin: 6.25rem 0;
    padding: 0 4.875rem;
  }
}
@media (min-width: 90em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
  .deck {
    margin: 8.75rem 0;
    padding: 0 6.75rem;
  }
}
@media (min-width: 120em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
  .deck {
    padding: 0 8.4375rem;
  }
}

/* Expertise Variant, sitting on the header image
   ========================================================================= */
/* line 26, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
.banner--with-deck .banner__text {
  padding-top: 100px;
}
@media (min-width: 64em) {
  /* line 26, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
  .banner--with-deck .banner__text {
    padding-top: 0;
  }
}

/* line 34, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
.banner--with-deck .deck {
  font-size: 1.125rem;
  margin: 2.5rem 0;
}
@media (min-width: 64em) {
  /* line 34, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
  .banner--with-deck .deck {
    margin: 3.75rem 0;
    padding-right: 0;
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}

/* Bannerless Variant
   ========================================================================= */
/* line 49, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
.page--bannerless .deck {
  margin-top: 1.25rem;
}
@media (min-width: 64em) {
  /* line 49, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
  .page--bannerless .deck {
    margin-top: 3.75rem;
  }
}

/* line 57, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
.page--free .section:first-of-type {
  padding-top: 12.5rem;
}
@media (min-width: 64em) {
  /* line 57, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
  .page--free .section:first-of-type {
    padding-top: 15rem;
  }
}

/* line 65, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
.page--free + .timeline {
  padding-top: 1.25rem;
}

/* Projects Index Variant
   ========================================================================= */
@media (min-width: 64em) {
  /* line 72, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
  .page--projects .deck {
    margin-top: 1.25rem;
    margin-bottom: 3.75rem;
  }
}

/* Project Page Variant
   ========================================================================= */
@media (min-width: 90em) {
  /* line 82, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
  .project .deck {
    padding: 0 13.5rem;
  }
}
@media (min-width: 120em) {
  /* line 82, /root/meso-website-2016/app/assets/stylesheets/application/components/_deck.scss */
  .project .deck {
    padding: 0 16.875rem;
  }
}

/* =========================================================================
   #EXPERTISE-FOOTER-NAV
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
.expertises {
  padding: 3.75rem 0;
  background-color: #f1f2f2;
}
@media (min-width: 90em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
  .expertises {
    padding: 8.75rem 0;
  }
}

/* line 14, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
.expertise__nav {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 28em;
  font-size: 0.9rem;
  margin: 0 auto;
}
@media (min-width: 50em) {
  /* line 14, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
  .expertise__nav {
    font-size: 1.125rem;
  }
}
@media (min-width: 1366px) {
  /* line 14, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
  .expertise__nav {
    font-size: 0.9rem;
    width: 100%;
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 90em) {
  /* line 14, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
  .expertise__nav {
    font-size: 1.125rem;
  }
}

/* line 37, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
.expertise__menu {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  gap: 2em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}
@media (min-width: 1366px) {
  /* line 37, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
  .expertise__menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    margin: 0;
    gap: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

/* line 55, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
.expertise__item {
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1366px) {
  /* line 55, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
  .expertise__item {
    min-width: auto;
  }
}

/* line 67, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
.expertise__option {
  display: block;
  padding: 1.875rem 1.25rem;
  line-height: 1.43;
  width: 100%;
  white-space: nowrap;
}
/* line 74, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
.expertise__option.current {
  color: #2e4236;
}

/* line 79, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
.expertise__decoration {
  display: block;
  height: 3em;
  stroke: currentColor;
  opacity: 0.4;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

/* Showreel variant
   ========================================================================= */
/* line 90, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
.showreel .wrapper.wrapper--banner {
  width: 100%;
  max-width: 95%;
}
@media (min-width: 64em) {
  /* line 90, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
  .showreel .wrapper.wrapper--banner {
    max-width: 95%;
  }
}
@media (min-width: 90em) {
  /* line 90, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
  .showreel .wrapper.wrapper--banner {
    max-width: 95%;
  }
}
@media (min-width: 120em) {
  /* line 90, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
  .showreel .wrapper.wrapper--banner {
    max-width: 95%;
  }
}

/* line 106, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
.showreel .expertise__item:hover .expertise__decoration {
  opacity: 0;
}

/* line 110, /root/meso-website-2016/app/assets/stylesheets/application/components/_expertise-nav.scss */
.showreel .expertise__option {
  color: #fefefe;
  border: none;
  -webkit-transition: background-color 350ms ease, color 250ms ease;
  -o-transition: background-color 350ms ease, color 250ms ease;
  transition: background-color 350ms ease, color 250ms ease;
  margin-top: 0;
  padding: 0.625rem 2.5rem 0.625rem 1.25rem;
  background-color: transparent;
  -webkit-clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0% 100%);
          clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0% 100%);
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.showreel .expertise__option:hover, .showreel .expertise__option:active, .showreel .expertise__option:focus {
  background-color: #2e4236;
  color: #fefefe;
}

/* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider-wrapper {
  max-width: 90%;
  margin: auto;
}
@media (min-width: 64em) {
  /* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
  .infinite-slider-wrapper {
    max-width: 95%;
  }
}
@media (min-width: 70em) {
  /* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
  .infinite-slider-wrapper {
    max-width: none;
    margin: 0 -2em;
  }
}

/* line 15, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
/* line 22, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider .button--slider {
  position: absolute;
  top: 50%;
}
/* line 26, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider .button--slider--prev {
  right: 98%;
  -webkit-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
  margin-right: 0.3em;
}
@media (min-width: 120em) {
  /* line 26, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
  .infinite-slider .button--slider--prev {
    margin-right: 2em;
  }
}
/* line 35, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider .button--slider--next {
  left: 98%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: 0.3em;
}
@media (min-width: 120em) {
  /* line 35, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
  .infinite-slider .button--slider--next {
    margin-left: 2em;
  }
}

/* line 46, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider__slides-outer {
  width: 100%;
  overflow: hidden;
  margin: 1em;
}

/* line 52, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider__slides {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  overflow: hidden;
  overflow-x: scroll;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
  scrollbar-width: none;
  position: relative;
}
/* line 63, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider__slides.initialized {
  overflow: hidden;
  -webkit-scroll-snap-type: unset;
      -ms-scroll-snap-type: unset;
          scroll-snap-type: unset;
}
/* line 67, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider__slides.initialized .infinite-slider__slide {
  padding: 1em;
  scroll-snap-align: start;
}
/* line 71, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider__slides.initialized .infinite-slider__slide .infinite-slider__slide__inner {
  opacity: 0;
}
/* line 75, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider__slides.initialized .infinite-slider__slide--active .infinite-slider__slide__inner {
  opacity: 1;
}
/* line 81, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider__slides::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  /* line 52, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
  .infinite-slider__slides {
    grid-auto-columns: 50%;
  }
}
@media (min-width: 90em) {
  /* line 52, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
  .infinite-slider__slides {
    grid-auto-columns: 33.33%;
  }
}

/* line 94, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider__slide {
  padding: 0 1em;
  scroll-snap-align: start;
}

/* line 99, /root/meso-website-2016/app/assets/stylesheets/application/components/_infinite-slider.scss */
.infinite-slider__slide__inner {
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  will-change: opacity;
}

/* =========================================================================
   #LOGO
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_logo.scss */
.meso-logo {
  width: 50px;
  height: 50px;
  fill: #a88e54;
}
@media (min-width: 50em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_logo.scss */
  .meso-logo {
    width: 100px;
    height: 100px;
  }
}

/* =========================================================================
   #SWITCHER
   ========================================================================= */
/* line 6, /root/meso-website-2016/app/assets/stylesheets/application/components/_page-switcher.scss */
.switcher {
  position: relative;
  z-index: 1;
  margin-top: -2.5rem;
  margin-bottom: 2.5rem;
}

/* line 14, /root/meso-website-2016/app/assets/stylesheets/application/components/_page-switcher.scss */
.switcher__options {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 250ms ease;
  -o-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
}
@media (min-width: 64em) {
  /* line 14, /root/meso-website-2016/app/assets/stylesheets/application/components/_page-switcher.scss */
  .switcher__options {
    font-size: 1.625rem;
  }
}

/* line 30, /root/meso-website-2016/app/assets/stylesheets/application/components/_page-switcher.scss */
.switcher__title {
  margin: 0 0 1.25rem 0;
  font-size: inherit;
  line-height: 1;
  -webkit-transition: opacity 250ms ease;
  -o-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
}

/* line 38, /root/meso-website-2016/app/assets/stylesheets/application/components/_page-switcher.scss */
.switcher__btn svg {
  margin-left: 1em;
}

/* line 43, /root/meso-website-2016/app/assets/stylesheets/application/components/_page-switcher.scss */
.switcher__close {
  float: right;
  padding: 0;
  line-height: 1;
  background: transparent;
  border: none;
}
/* line 50, /root/meso-website-2016/app/assets/stylesheets/application/components/_page-switcher.scss */
.switcher__close svg {
  stroke: currentColor;
  width: 1em;
  height: 1em;
}

/* line 59, /root/meso-website-2016/app/assets/stylesheets/application/components/_page-switcher.scss */
.expertise__subnav {
  max-width: 90%;
}

/* line 63, /root/meso-website-2016/app/assets/stylesheets/application/components/_page-switcher.scss */
.expertise__subnav--hide {
  opacity: 0;
}

/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.switcher.expertise__subnav a:hover, .switcher.expertise__subnav a:active, .switcher.expertise__subnav a:focus {
  color: #fefefe;
}

/* Styling for JS-activated menu behavior
   ========================================================================= */
/* line 81, /root/meso-website-2016/app/assets/stylesheets/application/components/_page-switcher.scss */
.open .switcher__options {
  opacity: 1;
  pointer-events: initial;
  -webkit-transition: opacity 250ms ease;
  -o-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
}

/* line 88, /root/meso-website-2016/app/assets/stylesheets/application/components/_page-switcher.scss */
.switcher.open + .header__title,
.switcher.open + .section__title,
.switcher.open ~ .section__subline {
  opacity: 0;
  -webkit-transition: opacity 250ms ease;
  -o-transition: opacity 250ms ease;
  transition: opacity 250ms ease;
}

/* line 95, /root/meso-website-2016/app/assets/stylesheets/application/components/_page-switcher.scss */
.switcher.open ~ .section__title {
  padding-top: 1.45rem;
}
@media (min-width: 64em) {
  /* line 95, /root/meso-website-2016/app/assets/stylesheets/application/components/_page-switcher.scss */
  .switcher.open ~ .section__title {
    padding-top: 1.63rem;
  }
}

/* =========================================================================
   #PAGINATION
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_pagination.scss */
.pagination {
  margin-top: 1.25rem;
  font-family: sans-serif;
}

/* line 10, /root/meso-website-2016/app/assets/stylesheets/application/components/_pagination.scss */
.pagination span {
  display: inline-block;
  margin: 0 0.2em;
}

/* line 16, /root/meso-website-2016/app/assets/stylesheets/application/components/_pagination.scss */
.pagination a {
  display: inline-block;
  padding: 0.2em 0.5em;
  border: 1px solid #a88e54;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.pagination a:hover, .pagination a:active, .pagination a:focus {
  border-color: #2e4236;
}

/* line 27, /root/meso-website-2016/app/assets/stylesheets/application/components/_pagination.scss */
.pagination .current {
  font-weight: bold;
}

/* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/_projects.scss */
.projects__header {
  padding: 0 0 3.75rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

/* line 8, /root/meso-website-2016/app/assets/stylesheets/application/components/_projects.scss */
.projects__title {
  font-weight: 100;
}

/* line 12, /root/meso-website-2016/app/assets/stylesheets/application/components/_projects.scss */
.projects-archive-btn {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

/* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/_social.scss */
.social-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 2.5rem auto 0 auto;
  max-width: 28em;
}
@media (min-width: 64em) {
  /* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/_social.scss */
  .social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    max-width: none;
    margin-top: 0;
  }
}

/* line 16, /root/meso-website-2016/app/assets/stylesheets/application/components/_social.scss */
.social-list__item {
  margin-bottom: 0;
}

/* line 20, /root/meso-website-2016/app/assets/stylesheets/application/components/_social.scss */
.social-icon {
  height: 20px;
  width: 20px;
  width: initial;
}
@media (min-width: 64em) {
  /* line 20, /root/meso-website-2016/app/assets/stylesheets/application/components/_social.scss */
  .social-icon {
    height: 25px;
    width: 25px;
    width: initial;
    margin: 0 0 0 1.25rem;
  }
}

/* line 33, /root/meso-website-2016/app/assets/stylesheets/application/components/_social.scss */
.social-list__link {
  display: inline-block;
}

/* =========================================================================
   #PROJECT-TILE
   ========================================================================= */
/**
 * A tile is a square-shaped link leading to projects. It has a
 * background-image or a full color background. And display text visible on
 * hover, or on touch devices always visible with a slight gradient background.
 * It comes in regular size and "important" size, where things are bigger.
 *
 * The structure is a container element – usually li, inside the link element,
 * which is square-shaped and contains the absolutely positioned background and
 * the absolutely positioned text overlay.
 */
/* Basic tile layout */
/* line 18, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile {
  margin: 0;
}

/* line 22, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile__link {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  color: #fefefe;
}
/* line 26, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.tile__link::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
/* line 27, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile__link--disabled {
  pointer-events: none;
}

/* line 32, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile__bg,
.tile__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 41, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile__bg {
  width: 100%;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  /* line 41, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
  .tile__bg {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}

/* Text overlay layout */
/* line 52, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile__content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
  padding: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.2;
}
@media (min-width: 90em) {
  /* line 52, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
  .tile__content {
    font-size: 1.275rem;
    line-height: 1.15;
  }
}

/* line 68, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile__context {
  display: block;
  font-weight: normal;
  text-transform: none;
}

/* line 74, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile__title {
  font-size: 0.7em;
  line-height: inherit;
  margin: 0.625rem 0 0 0;
}
@media (min-width: 50em) {
  /* line 74, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
  .tile__title {
    font-size: 1.2em;
  }
}

/* line 84, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile__label {
  font-size: 0.7em;
  line-height: inherit;
  font-family: sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 50em) {
  /* line 84, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
  .tile__label {
    font-size: 1.2em;
  }
}

/* line 97, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile__pre-header .tile__title {
  margin: 0.3125rem 0 0 0;
}

/* line 101, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile__summary {
  margin: 0.3125rem 0;
}

/* We have big text for big tiles where grid layout is supported */
@supports (display: grid) {
  /* line 107, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
  .tile[data-size="very_important"] .tile__content {
    padding: 1.25rem;
    font-size: 1.125rem;
  }
  @media (min-width: 90em) {
    /* line 107, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
    .tile[data-size="very_important"] .tile__content {
      padding: 2.5rem;
      font-size: 2rem;
    }
  }
}
/* Projects Index Variant
   ========================================================================= */
/* line 122, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.projects .tile__link .tile__content {
  opacity: 0;
  -webkit-transition: background-color 250ms ease, opacity 350ms ease-in;
  -o-transition: background-color 250ms ease, opacity 350ms ease-in;
  transition: background-color 250ms ease, opacity 350ms ease-in;
}
/* line 128, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.projects .tile__link:hover .tile__content, .projects .tile__link:active .tile__content, .projects .tile__link:focus .tile__content {
  opacity: 1;
}

/* line 135, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.touch .projects .tile__overlay {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(34, 34, 34, 0.6)), color-stop(60%, rgba(34, 34, 34, 0.4)), color-stop(110%, rgba(34, 34, 34, 0)));
  background: -o-linear-gradient(bottom, rgba(34, 34, 34, 0.6) 0%, rgba(34, 34, 34, 0.4) 60%, rgba(34, 34, 34, 0) 110%);
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.6) 0%, rgba(34, 34, 34, 0.4) 60%, rgba(34, 34, 34, 0) 110%);
}
/* line 144, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.touch .projects .tile__content {
  opacity: 1;
}

/* Unpublished Indicator Variant */
/* line 151, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile--unpublished {
  position: relative;
}
/* line 154, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile--unpublished:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: -o-repeating-linear-gradient(135deg, rgba(220, 220, 220, 0), rgba(220, 220, 220, 0) 5px, rgba(220, 220, 220, 0.3) 5px, rgba(220, 220, 220, 0.3) 10px);
  background-image: repeating-linear-gradient(-45deg, rgba(220, 220, 220, 0), rgba(220, 220, 220, 0) 5px, rgba(220, 220, 220, 0.3) 5px, rgba(220, 220, 220, 0.3) 10px);
}

/* Teaser/Reel Module Variant
   ========================================================================= */
/* line 175, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.module--teaser .tile__link,
.module--reel .tile__link,
.infinite-slider .tile__link {
  color: #fefefe;
  background-color: #222222;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.module--teaser .tile__link:hover, .module--teaser .tile__link:active, .module--teaser .tile__link:focus,
.module--reel .tile__link:hover,
.module--reel .tile__link:active,
.module--reel .tile__link:focus,
.infinite-slider .tile__link:hover,
.infinite-slider .tile__link:active,
.infinite-slider .tile__link:focus {
  color: #fefefe;
}
/* line 184, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.module--teaser .tile__link:hover .tile__bg, .module--teaser .tile__link:active .tile__bg, .module--teaser .tile__link:focus .tile__bg,
.module--reel .tile__link:hover .tile__bg,
.module--reel .tile__link:active .tile__bg,
.module--reel .tile__link:focus .tile__bg,
.infinite-slider .tile__link:hover .tile__bg,
.infinite-slider .tile__link:active .tile__bg,
.infinite-slider .tile__link:focus .tile__bg {
  opacity: 0.7;
  -webkit-transition: opacity 350ms ease;
  -o-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
}

/* line 191, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.module--expertise-menu .tile__link {
  color: #fefefe;
  background-color: #222222;
}
/* line 195, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.module--expertise-menu .tile__link .tile__bg {
  opacity: 0.3;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.module--expertise-menu .tile__link:hover, .module--expertise-menu .tile__link:active, .module--expertise-menu .tile__link:focus {
  color: #fefefe;
}
/* line 202, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.module--expertise-menu .tile__link:hover .tile__bg, .module--expertise-menu .tile__link:active .tile__bg, .module--expertise-menu .tile__link:focus .tile__bg {
  opacity: 1;
  -webkit-transition: opacity 350ms ease;
  -o-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
}

/* line 209, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.module--expertise-menu .tile__bg,
.infinite-slider .tile__bg,
.module--teaser .tile__bg,
.module--reel .tile__bg {
  -webkit-transition: opacity 350ms ease;
  -o-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
}

/* line 216, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.infinite-slider .tile__overlay,
.module--teaser .tile__overlay,
.module--reel .tile__overlay {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(34, 34, 34, 0.6)), color-stop(40%, rgba(34, 34, 34, 0.2)), color-stop(110%, rgba(34, 34, 34, 0)));
  background: -o-linear-gradient(bottom, rgba(34, 34, 34, 0.6) 0%, rgba(34, 34, 34, 0.2) 40%, rgba(34, 34, 34, 0) 110%);
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.6) 0%, rgba(34, 34, 34, 0.2) 40%, rgba(34, 34, 34, 0) 110%);
}

/* line 227, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
.tile--with-text .tile__overlay {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(34, 34, 34, 0.9)), color-stop(40%, rgba(34, 34, 34, 0.9)), color-stop(60%, rgba(34, 34, 34, 0.3)), color-stop(110%, rgba(34, 34, 34, 0)));
  background: -o-linear-gradient(bottom, rgba(34, 34, 34, 0.9) 0%, rgba(34, 34, 34, 0.9) 40%, rgba(34, 34, 34, 0.3) 60%, rgba(34, 34, 34, 0) 110%);
  background: linear-gradient(0deg, rgba(34, 34, 34, 0.9) 0%, rgba(34, 34, 34, 0.9) 40%, rgba(34, 34, 34, 0.3) 60%, rgba(34, 34, 34, 0) 110%);
}
@media (min-width: 90em) {
  /* line 236, /root/meso-website-2016/app/assets/stylesheets/application/components/_tile.scss */
  .tile--with-text .tile__overlay .tile__content {
    font-size: 1rem;
    line-height: 1.2;
  }
}

/* =========================================================================
   #TILTED-BOX-BOUNDARY
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_tilted-box-boundary.scss */
.box__boundary {
  display: block;
  margin-top: -1px;
}

/* Page Header Variant
   ========================================================================= */
/* line 13, /root/meso-website-2016/app/assets/stylesheets/application/components/_tilted-box-boundary.scss */
.banner__boundary {
  position: relative;
  fill: #fefefe;
  margin-top: -1.25rem;
}

/* Section Boundaries Variant
   ========================================================================= */
/* line 22, /root/meso-website-2016/app/assets/stylesheets/application/components/_tilted-box-boundary.scss */
.section__boundary {
  fill: #fefefe;
}

/* line 25, /root/meso-website-2016/app/assets/stylesheets/application/components/_tilted-box-boundary.scss */
.section__boundary:first-of-type {
  margin-top: -1.25rem;
  margin-top: calc(-1.25rem - 2px);
  margin-bottom: -1px;
}

/* No skewed boundary for the bottom of the last section on the page */
/* line 33, /root/meso-website-2016/app/assets/stylesheets/application/components/_tilted-box-boundary.scss */
.section__boundary:last-of-type {
  display: none;
}

/* Projects Index Variant
   ========================================================================= */
/* line 40, /root/meso-website-2016/app/assets/stylesheets/application/components/_tilted-box-boundary.scss */
.projects__boundary {
  fill: #fefefe;
}

/* line 46, /root/meso-website-2016/app/assets/stylesheets/application/components/_tilted-box-boundary.scss */
.tile__boundary.box__boundary {
  display: none;
}

/* Quote-Box Variant
   ========================================================================= */
/* line 53, /root/meso-website-2016/app/assets/stylesheets/application/components/_tilted-box-boundary.scss */
.quote-box__boundary {
  fill: none;
}

/* line 57, /root/meso-website-2016/app/assets/stylesheets/application/components/_tilted-box-boundary.scss */
.quote-box .quote-box__boundary:first-child {
  margin-bottom: -1px;
}

/* line 61, /root/meso-website-2016/app/assets/stylesheets/application/components/_tilted-box-boundary.scss */
.quote-box .quote-box__boundary:last-child {
  margin-top: -1px;
}

/* Project Header Overlay Variant
   ========================================================================= */
/* line 68, /root/meso-website-2016/app/assets/stylesheets/application/components/_tilted-box-boundary.scss */
.overlay__boundary {
  position: relative;
  top: 22px;
  opacity: 0.9;
}

/* Expertise Child Page Footer Navigation Variant
   ========================================================================= */
/* line 77, /root/meso-website-2016/app/assets/stylesheets/application/components/_tilted-box-boundary.scss */
.expertise-nav__boundary {
  fill: #f1f2f2;
}

/* =========================================================================
   #Table-of-Contents
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
.toc {
  max-width: 28em;
  margin: auto;
  padding-bottom: 3.75rem;
}
@media (min-width: 64em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .toc {
    max-width: none;
    padding-bottom: 7.5rem;
    margin-left: 9.75rem;
    margin-right: 9.75rem;
  }
}
@media (min-width: 90em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .toc {
    margin-left: 20.25rem;
    margin-right: 20.25rem;
  }
}
@media (min-width: 120em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .toc {
    margin-left: 25.3125rem;
    margin-right: 25.3125rem;
  }
}

/* The ToC immediately follows the deck only on regular pages */
@media (min-width: 64em) {
  /* line 32, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .deck + .toc {
    margin-top: -1.25rem;
  }
}
@media (min-width: 90em) {
  /* line 32, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .deck + .toc {
    margin-top: -2.5rem;
  }
}

/* line 44, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
.toc__list {
  padding-bottom: 1.25rem;
  counter-reset: toc-count;
  background: transparent url(/assets/application/tilted-divider-a9e69886f99e5e8cc0897b8597cbe1f5e293b53c572cb403887f9b34393f10a9.svg) 1.875rem 0 no-repeat;
  background-size: 1.875rem 100%;
}
@media (min-width: 90em) {
  /* line 44, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .toc__list {
    padding-bottom: 2.5rem;
    background: transparent url(/assets/application/tilted-divider-a9e69886f99e5e8cc0897b8597cbe1f5e293b53c572cb403887f9b34393f10a9.svg) 4.25rem 0 no-repeat;
    background-size: 2.5rem 100%;
  }
}
@media (min-width: 120em) {
  /* line 44, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .toc__list {
    background-position: 5.9375rem 0;
  }
}

/* line 72, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
.toc__item {
  padding: 0.83rem 1.25rem 0.83rem 5rem;
  font-size: 0.77rem;
  font-size: calc(0.77rem + 0.25vw);
  line-height: 1rem;
  margin: 0 0 -1px 0;
  border-bottom: 1px solid #bdbdbd;
}
@media (min-width: 64em) {
  /* line 72, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .toc__item {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.45;
  }
}
@media (min-width: 90em) {
  /* line 72, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .toc__item {
    padding-left: 9.25rem;
    padding-right: 6.75rem;
  }
}
@media (min-width: 120em) {
  /* line 72, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .toc__item {
    padding-left: 10.9375rem;
    padding-right: 8.4375rem;
  }
}

/* line 100, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
li.toc__item::before {
  content: counter(toc-count,decimal-leading-zero);
  counter-increment: toc-count;
  margin-left: -5rem;
  padding-right: 3.75rem;
  color: inherit;
  line-height: 0;
  vertical-align: middle;
}
@media (min-width: 90em) {
  /* line 100, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  li.toc__item::before {
    position: relative;
    left: -3rem;
  }
}
@media (min-width: 120em) {
  /* line 100, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  li.toc__item::before {
    left: -4.6875rem;
  }
}

/* line 122, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
.toc__link {
  line-height: 0;
  vertical-align: middle;
}

/* Project Variant
   ========================================================================= */
/* line 132, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
.toc--project {
  padding-top: 3.75rem;
}
@media (min-width: 64em) {
  /* line 132, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .toc--project {
    padding-top: 6.25rem;
  }
}
/* line 139, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
.toc--project .toc__list {
  background-image: url(/assets/application/tilted-divider--white-2a76439c0d7f2a27e71e3fae63ebe871ba1acb69873a5e3f60ece3995621ac8a.svg);
}
/* line 143, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
.toc--project .toc__item {
  color: #fefefe;
  border-color: #fefefe;
}
/* line 148, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
.toc--project .toc__link {
  color: #fefefe;
}

/* Article/News/People Variant
   ========================================================================= */
@media (min-width: 64em) {
  /* line 159, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .page--bannerless .toc {
    margin-left: 19.5rem;
    margin-right: 9.75rem;
  }
}
@media (min-width: 90em) {
  /* line 159, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .page--bannerless .toc {
    margin-left: 27rem;
    margin-right: 13.5rem;
  }
}
@media (min-width: 120em) {
  /* line 159, /root/meso-website-2016/app/assets/stylesheets/application/components/_toc.scss */
  .page--bannerless .toc {
    margin-left: 33.75rem;
    margin-right: 16.875rem;
  }
}

/* =========================================================================
   #FEATURE
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature {
  overflow: hidden;
}

/* line 9, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__wrapper {
  width: 100%;
  min-height: 56.25vw;
  /* switch to portrait aspect ratio for viewports that are higher than wide */
  position: relative;
  z-index: 0;
  margin: 1.25rem 0;
  background-color: #304144;
  color: #88dcab;
}
@media (max-aspect-ratio: 3 / 5) {
  /* line 9, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
  .feature__wrapper {
    width: 100%;
    min-height: 150vw;
  }
}

/* Background Image */
/* line 27, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__bg,
.feature__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

/* line 37, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__overlay {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(45%, rgba(0, 0, 0, 0.4)), color-stop(75%, rgba(0, 0, 0, 0.65)));
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0.65) 75%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0.65) 75%);
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  /* line 46, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
  .feature .teaser__image {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}

/* Text Overlay */
/* line 55, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__content {
  width: 100%;
  min-height: 56.25vw;
  position: relative;
  max-width: 28em;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: auto;
  padding-top: 10rem;
  padding-bottom: 3.75rem;
}
@media (max-aspect-ratio: 3 / 5) {
  /* line 55, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
  .feature__content {
    width: 100%;
    min-height: 150vw;
  }
}
@media (min-width: 64em) {
  /* line 55, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
  .feature__content {
    max-width: none;
    padding-bottom: 7.5rem;
    padding-left: 9.75rem;
    padding-right: 9.75rem;
  }
}
@media (min-width: 90em) {
  /* line 55, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
  .feature__content {
    padding-left: 20.25rem;
    padding-right: 20.25rem;
  }
}
@media (min-width: 120em) {
  /* line 55, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
  .feature__content {
    padding-left: 25.3125rem;
    padding-right: 25.3125rem;
  }
}

/* line 90, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__type,
.feature__date {
  display: block;
  text-align: center;
}

/* line 96, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__type {
  font-weight: bold;
}

/* line 100, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__date {
  margin-bottom: 1.25rem;
}

/* line 104, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__header {
  font-size: 1.125rem;
}
@media (min-width: 64em) {
  /* line 104, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
  .feature__header {
    font-size: 1.875rem;
  }
}

/* line 112, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__link {
  color: #88dcab;
  -webkit-transition: color 250ms ease;
  -o-transition: color 250ms ease;
  transition: color 250ms ease;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.feature__link:hover, .feature__link:active, .feature__link:focus {
  color: #fefefe;
  border-color: #fefefe;
}

/* line 122, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__tagline {
  font-weight: normal;
  margin-bottom: 0;
}
@media (min-width: 64em) {
  /* line 125, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
  .feature__tagline--inverted {
    margin-bottom: 1.25rem;
  }
}

/* line 132, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__title {
  margin-bottom: 0;
}
@media (min-width: 64em) {
  /* line 132, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
  .feature__title {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 64em) {
  /* line 138, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
  .feature__title--inverted {
    margin-bottom: 0;
  }
}

/* line 145, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__summary {
  margin-top: 0.625rem;
  margin-bottom: 0;
  line-height: 1.3;
}

/* line 151, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__link-wrapper {
  text-align: center;
}

/* INCOMING AND OUTGOING LINES
   ========================================================================= */
/* line 158, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.timeline--incoming {
  position: relative;
}
/* line 161, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.timeline--incoming::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -100vh;
  left: 50%;
  height: 100vh;
  width: 2px;
  background-color: #88dcab;
  -webkit-transform: translateX(-50%) translateY(-1em);
          transform: translateX(-50%) translateY(-1em);
}

/**
 * The last element changes depending on which fields are filled out
 * in the CMS. so we use an agnostic :last-child selector as a hook for the
 * outgoing line.
 */
/* line 180, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__content > :last-child {
  position: relative;
  margin-bottom: 0;
}
/* line 184, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature__content > :last-child::after {
  content: "";
  position: absolute;
  bottom: -100vh;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(1.25rem);
          transform: translateX(-50%) translateY(1.25rem);
  height: 100vh;
  width: 2px;
  background: #88dcab;
}

/* Style Variant for pinned feature
   ========================================================================= */
/* line 200, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature--pinned .feature__overlay {
  background-color: #000;
  opacity: 0.55;
}
/* line 205, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature--pinned .feature__content {
  padding-top: 200px;
}
/* line 209, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature--pinned .feature__content :last-child::after,
.feature--pinned .feature__type::before {
  content: none;
}
/* line 214, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_feature.scss */
.feature--pinned .feature__wrapper {
  margin: 0;
}

/* =========================================================================
   #QUOTE
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_quote.scss */
.quote-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 28em;
  margin-top: 2.5rem;
}
@media (min-width: 64em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_quote.scss */
  .quote-box {
    min-height: 24.375rem;
  }
}
@media (min-width: 90em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_quote.scss */
  .quote-box {
    min-height: 33.75rem;
  }
}
@media (min-width: 120em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_quote.scss */
  .quote-box {
    min-height: 33.75rem;
  }
}

/* line 26, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_quote.scss */
.quote__content {
  -webkit-box-flex: 2;
      -ms-flex: 2 0 auto;
          flex: 2 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.25rem 1.25rem;
}
@media (min-width: 64em) {
  /* line 26, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_quote.scss */
  .quote__content {
    padding: 2.5rem 2.5rem;
  }
}

/* =========================================================================
   #TEASER
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.teaser {
  padding: 1.25rem 1.25rem;
  max-width: 28em;
  margin: auto;
}
@media (min-width: 64em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    max-width: none;
    padding: 0 0 3.75rem 0;
  }
}

/* line 20, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.teaser__content {
  margin: auto;
  padding-bottom: 1.25rem;
  background-color: #fefefe;
}
@media (min-width: 64em) {
  /* line 20, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser__content {
    position: relative;
    top: -1.5rem;
    width: 24.375rem;
    background: transparent;
  }
}
@media (min-width: 90em) {
  /* line 20, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser__content {
    width: 33.75rem;
  }
}
@media (min-width: 120em) {
  /* line 20, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser__content {
    width: 33.75rem;
  }
}

/* line 43, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.teaser__content :last-child {
  margin-bottom: 0;
}
/* line 46, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.teaser__content :last-child.quote {
  margin-top: 0;
}

/* line 52, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.teaser__slant {
  display: block;
  width: 14px;
  height: 12px;
  margin: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  stroke-width: 2px;
  stroke-linecap: square;
  stroke: #88dcab;
}

/* line 64, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.teaser__title {
  font-size: 1.125rem;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}
@media (min-width: 64em) {
  /* line 64, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser__title {
    font-size: 1.5rem;
  }
}

/* line 76, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.teaser__link {
  display: block;
  color: #2e4236;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.teaser__link:hover, .teaser__link:active, .teaser__link:focus {
  color: #a88e54;
}

/* line 87, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.teaser__link[target='_blank'] {
  display: block;
  margin-bottom: 1.25rem;
  color: #88dcab;
  font-size: 0.875rem;
  line-height: 1.4;
  text-transform: none;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 98, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.teaser__link[target='_blank']::after {
  content: '→';
  padding-left: 1.5em;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.teaser__link[target='_blank']:hover, .teaser__link[target='_blank']:active, .teaser__link[target='_blank']:focus {
  color: #a88e54;
}
@media (min-width: 64em) {
  /* line 87, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser__link[target='_blank'] {
    font-size: 1rem;
  }
}

/* line 114, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.teaser__date,
.teaser__type {
  display: block;
  text-align: center;
  font-size: 0.77rem;
}
@media (min-width: 64em) {
  /* line 114, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser__date,
  .teaser__type {
    font-size: 0.875rem;
  }
}

/* line 127, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.teaser__date {
  font-weight: normal;
}

/* line 132, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.teaser__type {
  margin-bottom: 0.625rem;
}

/* line 137, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.teaser__image {
  display: block;
  width: 100%;
}

/* SWITCH TO DOUBLE-COLUMN LAYOUT
   ========================================================================= */
/* Places teasers on the left and right of a line in the center, therefor
 * odd-numbered teasers have different styling than even-numbered teasers.
 */
@media (min-width: 64em) {
  /* line 156, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+1) {
    float: right;
    clear: right;
    padding-top: 1.25rem;
  }
  /* line 162, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+1).timeline__line::before {
    left: 0;
  }
  /* line 166, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+1) .timeline__stop {
    margin-left: -0.4rem;
  }
  /* line 170, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+1) .teaser__slant {
    margin-left: 0;
  }
  /* line 174, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+1) .timeline__date,
  .teaser:nth-of-type(2n+1) .teaser__type {
    text-align: left;
  }
  /* line 179, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+1) .teaser__content {
    margin-right: auto;
  }
}

@media (min-width: 64em) {
  /* line 190, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+2) {
    float: left;
    clear: left;
    text-align: right;
    padding-top: 6.25rem;
  }
  /* line 197, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+2).timeline__line::before {
    left: 100%;
  }
  /* line 201, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+2) .timeline__stop {
    margin-right: -0.4rem;
  }
  /* line 205, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+2) .teaser__slant {
    margin-right: 0;
  }
  /* line 209, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+2) .timeline__date,
  .teaser:nth-of-type(2n+2) .teaser__type {
    text-align: right;
  }
  /* line 214, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+2) .teaser__content {
    margin-left: auto;
  }
}

/* Adjustments for other breakpoints */
@media (min-width: 64em) {
  /* line 226, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+1) .teaser__content {
    margin-left: 4.875rem;
  }
}
@media (min-width: 90em) {
  /* line 226, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+1) .teaser__content {
    margin-left: 6.75rem;
  }
}
@media (min-width: 120em) {
  /* line 226, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+1) .teaser__content {
    margin-left: 8.4375rem;
  }
}

@media (min-width: 64em) {
  /* line 242, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+2) .teaser__content {
    margin-right: 4.875rem;
  }
}
@media (min-width: 90em) {
  /* line 242, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+2) .teaser__content {
    margin-right: 6.75rem;
  }
}
@media (min-width: 120em) {
  /* line 242, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser:nth-of-type(2n+2) .teaser__content {
    margin-right: 8.4375rem;
  }
}

/* Quote Item Variant
   ========================================================================= */
@media (min-width: 64em) {
  /* line 264, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .teaser--quote .teaser__content {
    top: -1.6rem;
  }
}

/* No-JS fallback styling
   ========================================================================= */
/* We know the first page starts with a feature, but that isn't certain for
   later pages. So if a later page starts with something other than a teaser,
   it overlaps with the main navigation. This tries to fix that. */
/* line 283, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
.no-js .timeline__connector:first-child .teaser:first-child {
  margin-top: 100px;
}
@media (min-width: 64em) {
  /* line 288, /root/meso-website-2016/app/assets/stylesheets/application/components/timeline/_teaser.scss */
  .no-js .timeline__connector:first-child .teaser:first-child,
  .no-js .timeline__connector:first-child .teaser:first-child + .teaser:nth-child(2) {
    margin-top: 200px;
  }
}

/* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_clients.scss */
.clients-list__client {
  white-space: nowrap;
  margin-right: 2.5rem;
}
/* line 4, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_clients.scss */
.clients-list__client:first-of-type {
  margin-right: 0;
}

@media (min-width: 64em) {
  /* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .expertise-menu__wrapper {
    max-width: 1280px;
    margin: auto;
  }
}

/* line 8, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
.expertise-menu {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(1, auto);
  gap: 1em;
}

/* line 16, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
.expertise-menu[data-many="1"] .tile__link::before {
  padding-top: 50%;
}
/* line 19, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
.expertise-menu[data-many="1"] .tile__title {
  font-size: 2em;
}

/* line 24, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
.expertise-menu[data-many="2"] {
  grid-template-columns: repeat(2, auto);
}

/* line 28, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
.expertise-menu[data-many="3"] {
  grid-template-columns: repeat(2, auto);
}
@media (min-width: 64em) {
  /* line 28, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .expertise-menu[data-many="3"] {
    grid-template-columns: repeat(3, auto);
  }
}

/* line 35, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
.expertise-menu[data-many="4"] {
  grid-template-columns: repeat(2, auto);
}
@media (min-width: 640px) {
  /* line 35, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .expertise-menu[data-many="4"] {
    grid-template-columns: repeat(4, auto);
  }
}

/* line 42, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
.expertise-menu[data-many="5"] {
  grid-template-columns: repeat(2, auto);
}
@media (min-width: 640px) {
  /* line 42, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .expertise-menu[data-many="5"] {
    grid-template-columns: repeat(5, auto);
  }
}

@media (min-width: 640px) {
  /* line 49, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .expertise-menu__inner[data-alignment="left"],
  .expertise-menu__inner[data-alignment="right"] {
    grid-template-columns: repeat(5, auto);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2em;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  /* line 58, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .expertise-menu__inner[data-alignment="left"] .expertise-menu,
  .expertise-menu__inner[data-alignment="left"] .generic-teaser-intro-text,
  .expertise-menu__inner[data-alignment="right"] .expertise-menu,
  .expertise-menu__inner[data-alignment="right"] .generic-teaser-intro-text {
    width: 50%;
    margin: 0;
  }
}

/* line 66, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
.expertise-menu__inner[data-alignment="left"] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media (min-width: 64em) {
  /* line 72, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .expertise-menu__inner[data-alignment="full"] .generic-teaser-intro-text,
  .expertise-menu__inner[data-alignment="none"] .generic-teaser-intro-text {
    padding-left: 19.5rem;
  }
}
@media (min-width: 90em) {
  /* line 72, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .expertise-menu__inner[data-alignment="full"] .generic-teaser-intro-text,
  .expertise-menu__inner[data-alignment="none"] .generic-teaser-intro-text {
    padding-left: 27rem;
  }
}
@media (min-width: 120em) {
  /* line 72, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .expertise-menu__inner[data-alignment="full"] .generic-teaser-intro-text,
  .expertise-menu__inner[data-alignment="none"] .generic-teaser-intro-text {
    padding-left: 33.75rem;
  }
}
@media (min-width: 64em) {
  /* line 87, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .expertise-menu__inner[data-alignment="full"][data-compact] .generic-teaser-intro-text,
  .expertise-menu__inner[data-alignment="none"][data-compact] .generic-teaser-intro-text {
    padding-left: 0;
  }
}
@media (min-width: 90em) {
  /* line 87, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .expertise-menu__inner[data-alignment="full"][data-compact] .generic-teaser-intro-text,
  .expertise-menu__inner[data-alignment="none"][data-compact] .generic-teaser-intro-text {
    padding-left: 0;
  }
}
@media (min-width: 120em) {
  /* line 87, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .expertise-menu__inner[data-alignment="full"][data-compact] .generic-teaser-intro-text,
  .expertise-menu__inner[data-alignment="none"][data-compact] .generic-teaser-intro-text {
    padding-left: 0;
  }
}

@media (min-width: 64em) {
  /* line 103, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .module--expertise-menu + .module--expertise-menu {
    padding-top: 4.875rem;
  }
}
@media (min-width: 90em) {
  /* line 103, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .module--expertise-menu + .module--expertise-menu {
    padding-top: 6.75rem;
  }
}
@media (min-width: 120em) {
  /* line 103, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_expertise_menu.scss */
  .module--expertise-menu + .module--expertise-menu {
    padding-top: 8.4375rem;
  }
}

/* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.module--feature {
  overflow: hidden;
}

/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.module--feature .feature__wrapper {
  margin: 0;
}

/* line 9, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.module--feature .feature__link::after {
  display: none;
}

/* line 13, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.module--feature .teaser__image {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

/* line 19, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.page-section--with-wrapper .module--feature .feature__wrapper,
.page-section--with-wrapper .module--feature .feature__content {
  min-height: auto;
}
/* line 24, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.page-section--with-wrapper .module--feature .feature__content {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
@media (min-width: 64em) {
  /* line 24, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .page-section--with-wrapper .module--feature .feature__content {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}

/* line 34, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.section--fullwidth .module.module--feature {
  margin: 0;
}

/* line 40, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.section--fullwidth .module.module--video-embed:first-child,
.section--fullwidth .module.module--feature:first-child {
  margin-top: -1.5rem;
}
/* line 43, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.section--fullwidth .module.module--video-embed:last-of-type,
.section--fullwidth .module.module--feature:last-of-type {
  margin-bottom: 0;
}

/* line 48, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.generic-teaser-intro-header {
  margin-top: 0;
  margin-bottom: 2em;
}

/* line 53, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.generic-teaser-intro-header__title {
  font-weight: 100;
  margin: 0;
}

/* line 58, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.generic-teaser-intro-header__subtitle {
  margin: 0;
}

/* line 62, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.generic-teaser-intro-text {
  margin-bottom: 2em;
  font-size: 1em;
}
@media (min-width: 64em) {
  /* line 62, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .generic-teaser-intro-text {
    font-size: 1em;
  }
}

@media (min-width: 64em) {
  /* line 70, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .generic-teaser-intro-text {
    padding-left: 19.5rem;
  }
}
@media (min-width: 90em) {
  /* line 70, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .generic-teaser-intro-text {
    padding-left: 27rem;
  }
}
@media (min-width: 120em) {
  /* line 70, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .generic-teaser-intro-text {
    padding-left: 33.75rem;
  }
}

@media (min-width: 64em) {
  /* line 84, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles,
  .wrapper--features {
    max-width: 1280px;
    margin: auto;
  }
}

/* line 92, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.wrapper--features {
  padding: 3.75rem 1.25rem 0 1.25rem;
}
@media (min-width: 90em) {
  /* line 92, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .wrapper--features {
    padding: 3.75rem 0 0 0;
  }
}

/* line 99, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.feature-tile .feature-tile__link {
  display: block;
  position: relative;
  width: 100%;
  color: #fefefe;
  background-color: #222222;
  position: relative;
  overflow: hidden;
}
/* line 26, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.feature-tile .feature-tile__link::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
/* line 107, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.feature-tile .feature-tile__link .tile__title {
  color: #fefefe;
}
/* line 111, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.feature-tile .feature-tile__link .tile__bg {
  opacity: 1;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.feature-tile .feature-tile__link:hover, .feature-tile .feature-tile__link:active, .feature-tile .feature-tile__link:focus {
  color: #fefefe;
}
/* line 118, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.feature-tile .feature-tile__link:hover .tile__bg, .feature-tile .feature-tile__link:active .tile__bg, .feature-tile .feature-tile__link:focus .tile__bg {
  opacity: 0.7;
  -webkit-transition: opacity 350ms ease;
  -o-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
}

/* line 125, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.features-tiles {
  width: 100%;
  display: grid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  grid-auto-flow: row;
  gap: 2rem;
}
/* line 133, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.features-tiles:not([data-align="full"]) {
  padding: 3.75rem 1.25rem;
}
@media (min-width: 90em) {
  /* line 133, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles:not([data-align="full"]) {
    padding: 3.75rem 0;
  }
}
/* line 140, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.features-tiles .feature-tile__content {
  padding: 1.25rem 0 0 0;
}
@media (min-width: 64em) {
  /* line 144, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles[data-align="columns"] {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 64em) {
  /* line 149, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles[data-align="columns"] .feature-tile {
    display: block;
  }
  /* line 152, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles[data-align="columns"] .feature-tile .feature-tile__content,
  .features-tiles[data-align="columns"] .feature-tile .feature-tile__link {
    width: 100%;
  }
}
@media (min-width: 50em) {
  /* line 161, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles[data-align="right"] .feature-tile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (min-width: 50em) {
  /* line 170, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles[data-align="right"] .feature-tile, .features-tiles[data-align="left"] .feature-tile {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
@media (min-width: 50em) {
  /* line 179, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles[data-align="right"][data-size="s"] .feature-tile .feature-tile__link, .features-tiles[data-align="left"][data-size="s"] .feature-tile .feature-tile__link {
    width: 30%;
  }
  /* line 182, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles[data-align="right"][data-size="s"] .feature-tile .feature-tile__content, .features-tiles[data-align="left"][data-size="s"] .feature-tile .feature-tile__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
/* line 187, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.features-tiles[data-align="right"][data-size="s"] .feature-tile .feature-tile__link, .features-tiles[data-align="left"][data-size="s"] .feature-tile .feature-tile__link {
  position: relative;
  overflow: hidden;
}
/* line 26, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.features-tiles[data-align="right"][data-size="s"] .feature-tile .feature-tile__link::before, .features-tiles[data-align="left"][data-size="s"] .feature-tile .feature-tile__link::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 75%;
}
@media (min-width: 50em) {
  /* line 196, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles[data-align="right"][data-size="m"] .feature-tile .feature-tile__link, .features-tiles[data-align="left"][data-size="m"] .feature-tile .feature-tile__link {
    width: 40%;
  }
  /* line 199, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles[data-align="right"][data-size="m"] .feature-tile .feature-tile__content, .features-tiles[data-align="left"][data-size="m"] .feature-tile .feature-tile__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
/* line 204, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.features-tiles[data-align="right"][data-size="m"] .feature-tile .feature-tile__link, .features-tiles[data-align="left"][data-size="m"] .feature-tile .feature-tile__link {
  position: relative;
  overflow: hidden;
}
/* line 26, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.features-tiles[data-align="right"][data-size="m"] .feature-tile .feature-tile__link::before, .features-tiles[data-align="left"][data-size="m"] .feature-tile .feature-tile__link::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 75%;
}
@media (min-width: 50em) {
  /* line 213, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles[data-align="right"][data-size="l"] .feature-tile .feature-tile__link, .features-tiles[data-align="left"][data-size="l"] .feature-tile .feature-tile__link {
    width: 60%;
  }
  /* line 216, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles[data-align="right"][data-size="l"] .feature-tile .feature-tile__content, .features-tiles[data-align="left"][data-size="l"] .feature-tile .feature-tile__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
/* line 221, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.features-tiles[data-align="right"][data-size="l"] .feature-tile .feature-tile__link, .features-tiles[data-align="left"][data-size="l"] .feature-tile .feature-tile__link {
  position: relative;
  overflow: hidden;
}
/* line 26, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.features-tiles[data-align="right"][data-size="l"] .feature-tile .feature-tile__link::before, .features-tiles[data-align="left"][data-size="l"] .feature-tile .feature-tile__link::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 75%;
}
/* line 228, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.features-tiles .feature-tile {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
@media (min-width: 50em) {
  /* line 228, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles .feature-tile {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  /* line 238, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .features-tiles .feature-tile .feature-tile__content,
  .features-tiles .feature-tile .feature-tile__link {
    width: 50%;
  }
}

/* line 246, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.feature-tile__overlay {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
/* line 252, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.feature-tile__overlay .feature-tile__title,
.feature-tile__overlay .feature-tile__subline {
  font-size: clamp(16px, 2.5vw, 1.2rem);
  margin: 0;
}
@media (min-width: 90em) {
  /* line 252, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
  .feature-tile__overlay .feature-tile__title,
  .feature-tile__overlay .feature-tile__subline {
    width: 80%;
  }
}
/* line 261, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_feature.scss */
.feature-tile__overlay .feature-tile__subline {
  font-weight: lighter;
}

/* =========================================================================
   #MEDIA-TEXT-MODULE
   ========================================================================= */
/* Media Text Module, when using the grid layout instead of the flow layout */
/* line 7, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_media-text.scss */
.grid__text .f--copy-big {
  color: #304144;
}

@media (min-width: 64em) {
  /* line 11, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_media-text.scss */
  .grid__text {
    margin-top: 0;
    margin-bottom: 0;
  }
}

/* Two images one text cell layout */
/* line 20, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_media-text.scss */
.grid__text:nth-last-child(3):first-child,
.grid__cell:nth-last-child(3):first-child ~ .grid__text {
  display: none;
}
@media (min-width: 64em) {
  /* line 20, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_media-text.scss */
  .grid__text:nth-last-child(3):first-child,
  .grid__cell:nth-last-child(3):first-child ~ .grid__text {
    display: initial;
  }
}

/* One image one text cell layout */
/* line 31, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_media-text.scss */
.module--media-text .grid__row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: auto;
}
/* line 35, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_media-text.scss */
.module--media-text .grid__row.grid__row--left {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
@media (min-width: 50em) {
  /* line 31, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_media-text.scss */
  .module--media-text .grid__row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media (max-width: 50em) {
  /* line 44, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_media-text.scss */
  .module--media-text .grid__cell {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 50, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_media-text.scss */
  .module--media-text .grid__cell:first-child:not(.grid__cell--captioned), .module--media-text .grid__cell.grid__text:not(.grid__cell--captioned) {
    margin-bottom: 1.25rem;
  }
}

/* =========================================================================
   #MEDIA-GRID-MODULE
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_media.scss */
.module__block img,
.module__block video {
  display: block;
  width: 100%;
}

/* =========================================================================
   #MODULE-BASE
   ========================================================================= */
/**
 * General rules applying to all modules.
 */
/* line 9, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_module.scss */
.module {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

/**
 * No top-margin for the first module in a section, since we have the
 * section padding to determine the space to the next content block.
 */
/* line 19, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_module.scss */
.module:first-of-type {
  margin-top: 0;
}

/**
 * No bottom-margin for the last module – EXCEPT for media, media text
 * modules, because they can have captions flowing into the margin.
 * Also not teaser modules, according to design.
 */
/* line 29, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_module.scss */
.module:not([class*="media"]):not(.module--teaser):not(.module--expertise-menu
):not(.module--clients):not(.module--video-embed):last-of-type {
  margin-bottom: 0;
}

/**
 * All media-related modules that follow other media-related modules have a
 * margin equal to 1 column width, to ensure media is displayed in a grid.
 */
@media (min-width: 64em) {
  /* line 40, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_module.scss */
  .module[class*="media"] + .module[class*="media"] {
    margin-top: 3.625rem;
  }
}
@media (min-width: 90em) {
  /* line 40, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_module.scss */
  .module[class*="media"] + .module[class*="media"] {
    margin-top: 5.5rem;
  }
}
@media (min-width: 120em) {
  /* line 40, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_module.scss */
  .module[class*="media"] + .module[class*="media"] {
    margin-top: 7.1875rem;
  }
}

/**
 * No bottom-margin for the last text-based node in the module, since we have
 * the module padding to determine the space to the next content block.
 */
/* line 63, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_module.scss */
.module p:last-child:not(.tile),
.module ul:last-child:not(.tile),
.module ol:last-child:not(.tile),
.module li:last-child:not(.tile) {
  margin-bottom: 0;
}

/* line 68, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_module.scss */
.module__head__title {
  font-weight: 100;
  margin: 0;
}

/* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_news-slider.scss */
.module--news-slider__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding: 0 0 3em 0;
}

/* line 7, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_news-slider.scss */
.module--news-slider__footer {
  color: currentColor;
}
/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_news-slider.scss */
.module--news-slider__footer h4 {
  margin-top: 0.5em;
}
/* line 15, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_news-slider.scss */
.module--news-slider__footer .social-list {
  margin: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
@media (min-width: 64em) {
  /* line 15, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_news-slider.scss */
  .module--news-slider__footer .social-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
/* line 24, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_news-slider.scss */
.module--news-slider__footer .social-icon {
  margin: 0 1.25rem 0 0;
}

/* line 29, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_news-slider.scss */
.news-slider__footer__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 64em) {
  /* line 29, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_news-slider.scss */
  .news-slider__footer__actions {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    margin: 0;
  }
}

/* line 39, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_news-slider.scss */
.module--title + .module.module--news-slider {
  margin-top: -2.5rem;
}

/* =========================================================================
   #QUOTE-MODULE
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
.module--quote .grid__row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 28em;
  margin: auto;
}
@media (min-width: 50em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
  .module--quote .grid__row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    max-width: none;
  }
}

@media (max-width: 50em) {
  /* line 18, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
  .module--quote .grid__cell {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 50em) and (max-width: 63.9375em) {
  /* line 27, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
  .module--quote .grid__cell:first-child {
    margin-left: auto;
    margin-right: 0.625rem;
  }
  /* line 32, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
  .module--quote .grid__cell:last-child {
    margin-left: 0.625rem;
    margin-right: auto;
  }
}

/* line 44, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
.module__quote {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 50em) {
  /* line 44, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
  .module__quote {
    margin-top: 0;
    margin-bottom: 0;
  }
}

/* line 56, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
.quote {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
@media (min-width: 90em) {
  /* line 56, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
  .quote {
    margin-top: 2.5rem;
  }
}

/* line 67, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
.quote__byline {
  display: block;
  margin: 1.875rem 0;
  text-transform: none;
  line-height: 1.8;
}
@media (min-width: 64em) {
  /* line 67, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
  .quote__byline {
    line-height: inherit;
  }
}

/* line 80, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
.quote-author {
  font-weight: bold;
}

/* line 85, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
.quote-author__job-title {
  display: block;
  text-align: center;
}
@media (min-width: 64em) {
  /* line 85, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
  .quote-author__job-title {
    display: inline;
  }
}

/* line 96, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
.quotation-mark {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: auto;
}
@media (min-width: 64em) {
  /* line 96, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
  .quotation-mark {
    width: 1.3rem;
    height: 1.3rem;
  }
}
@media (min-width: 90em) {
  /* line 96, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
  .quotation-mark {
    width: 36px;
    width: unset;
    height: 36px;
  }
}

/* line 116, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
.quotation-mark--close {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  margin-top: 1.875rem;
}
@media (min-width: 90em) {
  /* line 116, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
  .quotation-mark--close {
    margin-top: 2.5rem;
  }
}

/* line 127, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
.quote__expertise-contact {
  text-align: center;
}

/* line 132, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_quote.scss */
.quote__contact-header {
  margin-top: 3.75rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 90em) {
  /* line 2, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_reel.scss */
  .module--reel .infinite-slider-wrapper {
    max-width: 70rem;
    margin: auto;
  }
}
/* line 9, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_reel.scss */
.module--reel .infinite-slider__slides {
  grid-auto-columns: 100%;
}
@media (min-width: 768px) {
  /* line 9, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_reel.scss */
  .module--reel .infinite-slider__slides {
    grid-auto-columns: 100%;
  }
}
@media (min-width: 90em) {
  /* line 9, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_reel.scss */
  .module--reel .infinite-slider__slides {
    grid-auto-columns: 100%;
  }
}
/* line 20, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_reel.scss */
.module--reel .infinite-slider__slide__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  /* line 20, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_reel.scss */
  .module--reel .infinite-slider__slide__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

/* line 31, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_reel.scss */
.reel__slide__content,
.reel__slide__tile {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 31, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_reel.scss */
  .reel__slide__content,
  .reel__slide__tile {
    width: 50%;
  }
}

/* line 39, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_reel.scss */
.reel__slide__content {
  padding: 2em 1em 0 1em;
}
@media (min-width: 768px) {
  /* line 39, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_reel.scss */
  .reel__slide__content {
    padding: 0 1em;
  }
}

/* line 46, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_reel.scss */
.reel__slide__content blockquote {
  text-align: left;
}

/* line 50, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_reel.scss */
.reel__slide__content blockquote cite p {
  font-weight: 100;
  font-size: 1em;
}
/* line 53, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_reel.scss */
.reel__slide__content blockquote cite p strong {
  font-weight: 600;
}

/* =========================================================================
   #TEASER-MODULE
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_teaser.scss */
.teaser-module__title {
  font-weight: 100;
  margin: 0 0 2.5rem 0;
}

@supports (display: grid) {
  @media (min-width: 28em) {
    /* line 13, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_teaser.scss */
    .module--teaser--weightless .listing--hero .tile:first-child,
    .module--teaser--weightless .listing--hero .tile:first-child + .tile {
      grid-row-end: span 2;
      grid-column-end: span 2;
    }
    /* line 18, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_teaser.scss */
    .module--teaser--weightless .listing--hero .tile:first-child .tile__content,
    .module--teaser--weightless .listing--hero .tile:first-child + .tile .tile__content {
      padding: 1.25rem;
    }
  }
  @media (min-width: 64em) {
    /* line 25, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_teaser.scss */
    .module--teaser--weightless .listing--hero .tile:first-child .tile__content,
    .module--teaser--weightless .listing--hero .tile:first-child + .tile .tile__content {
      padding: 1.25rem;
    }
  }
}
/* =========================================================================
   #TEXT-BLOCKS-MODULE
   ========================================================================= */
@media (min-width: 64em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-blocks.scss */
  .text-block__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10rem;
    grid-row-gap: 2.5rem;
  }
}
@media (min-width: 90em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-blocks.scss */
  .text-block__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* line 18, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-blocks.scss */
.text-block__title {
  margin: 0 1.25rem 1.25rem 0;
  font-size: 0.875rem;
  line-height: 1.4;
  position: relative;
}

/* line 25, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-blocks.scss */
.text-block__content {
  padding: 0 2.5rem 2.5rem 0;
}
@media (min-width: 64em) {
  /* line 25, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-blocks.scss */
  .text-block__content {
    padding: 0;
  }
}

/* line 32, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-blocks.scss */
.text-block__title svg.line-decoration {
  position: absolute;
  right: 100%;
  top: 0.2em;
  height: 1em;
  display: none;
}
@media (min-width: 64em) {
  /* line 32, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-blocks.scss */
  .text-block__title svg.line-decoration {
    display: block;
  }
}

/* JS Accordion-specific styling */
/* line 45, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-blocks.scss */
.js-accordion-enabled {
  margin-bottom: 0;
  border-top: 1px solid #bdbdbd;
}

/* line 50, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-blocks.scss */
.js-accordion-enabled button {
  all: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 1.25rem 0;
  border: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* line 62, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-blocks.scss */
.js-accordion svg.icon-plus-minus {
  display: none;
  height: 1em;
  fill: currentColor;
}

/* line 68, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-blocks.scss */
.js-accordion button svg.icon-plus-minus {
  display: initial;
}

/* line 72, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-blocks.scss */
.js-accordion :focus svg.icon-plus-minus {
  fill: #a88e54;
}

/* line 76, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-blocks.scss */
.js-accordion [aria-expanded="true"] .vert {
  display: none;
}

/* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-box.scss */
.module--text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 28em;
  max-width: 30rem;
  margin: 2.5rem auto;
}
@media (min-width: 64em) {
  /* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-box.scss */
  .module--text-box {
    min-height: 24.375rem;
  }
}
@media (min-width: 90em) {
  /* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-box.scss */
  .module--text-box {
    min-height: 33.75rem;
  }
}
@media (min-width: 120em) {
  /* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-box.scss */
  .module--text-box {
    min-height: 33.75rem;
  }
}

/* line 21, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-box.scss */
.text-box {
  -webkit-box-flex: 2;
      -ms-flex: 2 0 auto;
          flex: 2 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.25rem 1.25rem;
}
@media (min-width: 64em) {
  /* line 21, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text-box.scss */
  .text-box {
    padding: 2.5rem 2.5rem;
  }
}

/* =========================================================================
   #TEXT-MODULE
   ========================================================================= */
/**
 * Displays text as styled markup coming from the CMS.
 */
@media (min-width: 64em) {
  /* line 9, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module--text {
    padding-left: 19.5rem;
  }
}
@media (min-width: 90em) {
  /* line 9, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module--text {
    padding-left: 27rem;
  }
}
@media (min-width: 120em) {
  /* line 9, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module--text {
    padding-left: 33.75rem;
  }
}

@media (min-width: 64em) {
  /* line 23, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module--digest {
    padding-left: 9.75rem;
  }
}
@media (min-width: 90em) {
  /* line 23, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module--digest {
    padding-left: 13.5rem;
  }
}
@media (min-width: 120em) {
  /* line 23, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module--digest {
    padding-left: 16.875rem;
  }
}

@media (min-width: 64em) {
  /* line 37, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module--column-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-left: 0;
  }
}
@media (min-width: 90em) {
  /* line 37, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module--column-text {
    padding-left: 20.25rem;
  }
}
@media (min-width: 120em) {
  /* line 37, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module--column-text {
    padding-left: 25.3125rem;
  }
}

@media (min-width: 64em) {
  /* line 54, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 28rem;
            flex: 0 1 28rem;
  }
}
@media (min-width: 90em) {
  /* line 54, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25.75rem;
            flex: 0 1 25.75rem;
  }
}
@media (min-width: 120em) {
  /* line 54, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 32.5rem;
            flex: 0 1 32.5rem;
  }
}
@media (min-width: 90em) {
  /* line 67, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module__column:first-child {
    margin-right: 6.75rem;
  }
}
@media (min-width: 120em) {
  /* line 67, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_text.scss */
  .module__column:first-child {
    margin-right: 8.4375rem;
  }
}

/* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_title.scss */
.module--title__base, .module--title__title, .module--title__subtitle {
  font-size: 1.5rem;
  letter-spacing: -0.03em;
  margin: 0;
}
@media (min-width: 50em) {
  /* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_title.scss */
  .module--title__base, .module--title__title, .module--title__subtitle {
    font-size: 2rem;
  }
}
@media (min-width: 90em) {
  /* line 1, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_title.scss */
  .module--title__base, .module--title__title, .module--title__subtitle {
    font-size: 2rem;
  }
}

/* line 16, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_title.scss */
.module--title__title {
  font-weight: 100;
}

/* =========================================================================
   #VIDEO-EMBED-MODULE
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_video-embed.scss */
.video-embed {
  position: relative;
  overflow: hidden;
}
/* line 26, /root/meso-website-2016/app/assets/stylesheets/application/helpers/_mixins.scss */
.video-embed::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

/* line 9, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_video-embed.scss */
.video-embed iframe,
.video-embed embetty-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 18, /root/meso-website-2016/app/assets/stylesheets/application/components/page_modules/_video-embed.scss */
.embed-video--inline {
  width: 100%;
  display: block;
}

/* =========================================================================
   #HOMEPAGE
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/pages/_homepage.scss */
.homepage {
  margin-top: 10rem;
}

/* =========================================================================
   #PROJECT-PAGE
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/pages/_project.scss */
.project__title {
  margin-top: 1.875rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 64em) {
  /* line 5, /root/meso-website-2016/app/assets/stylesheets/application/pages/_project.scss */
  .project__title {
    margin-top: 2.5rem;
  }
}

/* line 16, /root/meso-website-2016/app/assets/stylesheets/application/pages/_project.scss */
.project__tagline {
  margin-top: 0.625rem;
}
@media (min-width: 64em) {
  /* line 16, /root/meso-website-2016/app/assets/stylesheets/application/pages/_project.scss */
  .project__tagline {
    margin-top: 1.25rem;
  }
}

/* line 26, /root/meso-website-2016/app/assets/stylesheets/application/pages/_project.scss */
.project__awards {
  margin-top: 1.25rem;
}

/* line 31, /root/meso-website-2016/app/assets/stylesheets/application/pages/_project.scss */
.award {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.25rem;
}

/* JS-enabled styling
   ========================================================================= */
/* line 44, /root/meso-website-2016/app/assets/stylesheets/application/pages/_project.scss */
.js-project-header-overlay {
  -webkit-transition: opacity 500ms ease-out, -webkit-transform 300ms ease-out;
  transition: opacity 500ms ease-out, -webkit-transform 300ms ease-out;
  -o-transition: transform 300ms ease-out, opacity 500ms ease-out;
  transition: transform 300ms ease-out, opacity 500ms ease-out;
  transition: transform 300ms ease-out, opacity 500ms ease-out, -webkit-transform 300ms ease-out;
}

/* line 50, /root/meso-website-2016/app/assets/stylesheets/application/pages/_project.scss */
.js-slide-out {
  -webkit-transform: translateY(-104%);
          transform: translateY(-104%);
  opacity: 0.5;
  -webkit-transition: opacity 500ms ease-in, -webkit-transform 300ms ease-in;
  transition: opacity 500ms ease-in, -webkit-transform 300ms ease-in;
  -o-transition: transform 300ms ease-in, opacity 500ms ease-in;
  transition: transform 300ms ease-in, opacity 500ms ease-in;
  transition: transform 300ms ease-in, opacity 500ms ease-in, -webkit-transform 300ms ease-in;
}

/* =========================================================================
   #PROJECTS-INDEX
   ========================================================================= */
/* Projects Index with filters */
/* line 7, /root/meso-website-2016/app/assets/stylesheets/application/pages/_projects.scss */
.projects__filter {
  margin: 3.75rem 0 0;
}

/* line 11, /root/meso-website-2016/app/assets/stylesheets/application/pages/_projects.scss */
.projects:not(.projects--as-module) {
  margin-top: -1.25rem;
  padding: 5rem 0;
  background-color: #f1f2f2;
}

/* line 17, /root/meso-website-2016/app/assets/stylesheets/application/pages/_projects.scss */
.filter__list {
  padding-bottom: 3.75rem;
}
@media (min-width: 64em) {
  /* line 17, /root/meso-website-2016/app/assets/stylesheets/application/pages/_projects.scss */
  .filter__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

/* line 27, /root/meso-website-2016/app/assets/stylesheets/application/pages/_projects.scss */
.filter__option {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  font-size: 0.75rem;
}
@media (min-width: 64em) {
  /* line 27, /root/meso-website-2016/app/assets/stylesheets/application/pages/_projects.scss */
  .filter__option {
    padding: 0 0 0 1em;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 19%;
            flex: 0 1 19%;
  }
}
@media (min-width: 90em) {
  /* line 27, /root/meso-website-2016/app/assets/stylesheets/application/pages/_projects.scss */
  .filter__option {
    font-size: 0.9rem;
  }
}
@media (min-width: 120em) {
  /* line 27, /root/meso-website-2016/app/assets/stylesheets/application/pages/_projects.scss */
  .filter__option {
    font-size: 1.125rem;
  }
}

/* line 46, /root/meso-website-2016/app/assets/stylesheets/application/pages/_projects.scss */
.filter {
  display: block;
  line-height: 1.4;
  padding: 1em 0;
  border-bottom: 1px solid rgba(46, 66, 54, 0.3);
}
@media (min-width: 64em) {
  /* line 46, /root/meso-website-2016/app/assets/stylesheets/application/pages/_projects.scss */
  .filter {
    display: inline-block;
    padding: 0.5em 0 1em 1em;
    border-bottom-color: transparent;
  }
}

/* line 59, /root/meso-website-2016/app/assets/stylesheets/application/pages/_projects.scss */
.filter__decoration {
  display: none;
}
@media (min-width: 64em) {
  /* line 59, /root/meso-website-2016/app/assets/stylesheets/application/pages/_projects.scss */
  .filter__decoration {
    display: inline-block;
    height: 3.5em;
    width: 0.4em;
    width: unset;
    margin-left: -1em;
    stroke: rgba(46, 66, 54, 0.3);
    vertical-align: top;
  }
}

/* line 73, /root/meso-website-2016/app/assets/stylesheets/application/pages/_projects.scss */
.filter .icon--close {
  float: right;
  width: 0.8em;
  height: 0.8em;
  margin-top: 0.1em;
  margin-left: 1em;
  stroke: currentColor;
}

/* =========================================================================
   #NEWS FRONTPAGE
   ========================================================================= */
/* line 5, /root/meso-website-2016/app/assets/stylesheets/application/pages/_timeline.scss */
.timeline {
  margin: auto;
  padding-top: 12.5rem;
}

/* line 10, /root/meso-website-2016/app/assets/stylesheets/application/pages/_timeline.scss */
.timeline__start {
  position: relative;
  margin: 1.25rem auto 0 auto;
  padding-bottom: 2.5rem;
  text-align: center;
  color: #88dcab;
}
/* line 17, /root/meso-website-2016/app/assets/stylesheets/application/pages/_timeline.scss */
.timeline__start::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 2.1875rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2px;
  background-color: #88dcab;
}

/* line 29, /root/meso-website-2016/app/assets/stylesheets/application/pages/_timeline.scss */
.timeline__stop {
  background-color: #fefefe;
  padding-bottom: 0.5em;
}

/* line 34, /root/meso-website-2016/app/assets/stylesheets/application/pages/_timeline.scss */
.timeline__connector {
  overflow: hidden;
}

/* line 38, /root/meso-website-2016/app/assets/stylesheets/application/pages/_timeline.scss */
.timeline__line {
  position: relative;
}
/* line 41, /root/meso-website-2016/app/assets/stylesheets/application/pages/_timeline.scss */
.timeline__line::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2px;
  height: 101%;
  background-color: #88dcab;
}

/* TWO COLUMN LAYOUT
   ========================================================================= */
@media (min-width: 64em) {
  /* line 58, /root/meso-website-2016/app/assets/stylesheets/application/pages/_timeline.scss */
  .timeline {
    overflow: hidden;
  }

  /* line 62, /root/meso-website-2016/app/assets/stylesheets/application/pages/_timeline.scss */
  .timeline__connector {
    clear: both;
  }

  /* line 66, /root/meso-website-2016/app/assets/stylesheets/application/pages/_timeline.scss */
  .timeline__stop {
    display: inline-block;
  }
}
/*! Flickity v2.0.6
http://flickity.metafizzy.co
---------------------------------------------- */
/* line 5, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-enabled {
  position: relative;
}

/* line 9, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-enabled:focus {
  outline: none;
}

/* line 11, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

/* line 17, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
/* line 25, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 34, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

/* line 40, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
/* line 47, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 62, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-prev-next-button:hover {
  background: white;
}

/* line 64, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-prev-next-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #09F;
          box-shadow: 0 0 0 5px #09F;
}

/* line 69, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-prev-next-button:active {
  opacity: 0.6;
}

/* line 73, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-prev-next-button.previous {
  left: 10px;
}

/* line 74, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
/* line 76, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

/* line 80, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

/* line 85, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

/* line 90, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* line 98, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */
/* line 104, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

/* line 115, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

/* line 117, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

/* line 128, /root/meso-website-2016/vendor/assets/stylesheets/flickity.css */
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */