/* A small grid block spans 2 columns */
/* A highlight block spans 3 columns */
/* A large grid block spans 2 columns */
/* Requires 'grid' */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td, th {
  padding: 0; }

/* Icon font setup: http://jaydenseric.com/blog/font-icons-like-a-boss-with-sass-and-font-custom */
@font-face {
  font-family: "heijmans-icons";
  src: url('/static/fonts/heijmans-icons.eot?b84287f17dca');
  src: url('/static/fonts/heijmans-icons.eot?&b84287f17dca#iefix') format("embedded-opentype"), url('/static/fonts/heijmans-icons.woff?b84287f17dca') format("woff"), url('/static/fonts/heijmans-icons.ttf?b84287f17dca') format("truetype"), url('/static/fonts/heijmans-icons.svg?b84287f17dca#heijmans-icons') format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-arrow_down:before {
  content: "\f12b"; }

.icon-arrow_left:before {
  content: "\f10b"; }

.icon-arrow_right:before {
  content: "\f12c"; }

.icon-arrow_up:before {
  content: "\f12d"; }

.icon-clock:before {
  content: "\f13c"; }

.icon-close:before {
  content: "\f13d"; }

.icon-download:before {
  content: "\f120"; }

.icon-eurosign:before {
  content: "\f13b"; }

.icon-expand:before {
  content: "\f172"; }

.icon-expertises:before {
  content: "\f151"; }

.icon-facebook_contact:before {
  content: "\f165"; }

.icon-facebook_follow:before {
  content: "\f13e"; }

.icon-info_slider:before {
  content: "\f166"; }

.icon-instagram_follow:before {
  content: "\f160"; }

.icon-lightbulb:before {
  content: "\f125"; }

.icon-linkedin_contact:before {
  content: "\f140"; }

.icon-linkedin_follow:before {
  content: "\f141"; }

.icon-location:before {
  content: "\f142"; }

.icon-mail_contact:before {
  content: "\f143"; }

.icon-menu:before {
  content: "\f15a"; }

.icon-minus:before {
  content: "\f16c"; }

.icon-person:before {
  content: "\f11e"; }

.icon-phone_contact:before {
  content: "\f15e"; }

.icon-play:before {
  content: "\f163"; }

.icon-play_filled:before {
  content: "\f16d"; }

.icon-plus:before {
  content: "\f161"; }

.icon-plus_circle:before {
  content: "\f170"; }

.icon-projects:before {
  content: "\f13a"; }

.icon-questionmark:before {
  content: "\f12f"; }

.icon-search:before {
  content: "\f14c"; }

.icon-search_clear:before {
  content: "\f16b"; }

.icon-selected_expertise:before {
  content: "\f167"; }

.icon-shovel:before {
  content: "\f16a"; }

.icon-shovel_expertise:before {
  content: "\f168"; }

.icon-stock_down:before {
  content: "\f16e"; }

.icon-stock_up:before {
  content: "\f16f"; }

.icon-twitter_contact:before {
  content: "\f144"; }

.icon-twitter_follow:before {
  content: "\f145"; }

.icon-video_play:before {
  content: "\f169"; }

.icon-whatsapp:before {
  content: "\f171"; }

/* Font icon pseudo-element base styles */
.link-back:before, .link-prev:before, .link-next:after, .link-more:after, .link-down:after, .link-up:after, .link-icon:before, .section-header .section-label:before, .global-header .nav-search .search-submit:before, .global-header .nav-search .search-clear:after, .global-header .global-toggle:after, .global-header .toggle-menu:after, .global-header .toggle-close:before, .nav-col .icon:before, .nav-search .search-submit:before, .local-header > .container > .choice:after, .local-header > .container > .choice.open:after, .c-return-header.local-header .e-link-text:before, .btn-share:before, .btn-share.facebook:before, .btn-share.twitter:before, .btn-share.linkedin:before, .btn-share.email:before, .btn-share.whatsapp:before, .contentpage.grid .grid-container .grid-block:not(.big-banner) > header h2:after, .contentpage.grid .grid-container .grid-block-mini > header h2:after, .project .page-intro .project-shortmeta .icon:before, .contentpage.format-appwithformat .c-app-message .e-figure:after, .c-lightbox .e-image-container:after, .c-specials-detail .e-button.v-meta.v-close:before, .c-specials-detail .e-scroll-to-top .e-button:before, .c-specials-header .e-specials-info .e-read-more:after, .section-video .icon-play:before, .slideshow-container .slideshow-nav:before, .slideshow-container .slideshow-nav.next:before, .img-slide .slide-caption .toggle .icon:before, .img-slide .slide-caption.open .toggle .icon:before, .deepening:after, .expandable-block > header h2:after, .section-list .list-filters header:after, .section-gallery .list-filters header:after, .section-list .list-filters .filter:after, .section-gallery .list-filters .filter:after, .grid-block.rate-contact-widget section.rate .difference.positive:before, .grid-block.rate-contact-widget section.rate .difference.negative:before, .search-widget .search-submit:before, .search-widget .search-clearquery:before, .chosen-container-single .chosen-single:after, .chosen-container-single .chosen-single .search-choice-close:after, .chosen-container-single .chosen-search:after, .newsletter-upsell-scroll-container .newsletter-upsell .close-popup-button:before {
  speak: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-transform: none;
  line-height: 1;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: 'heijmans-icons'; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  *::before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
  min-height: 100%;
  min-width: 320px;
  padding: 0;
  position: relative; }
  html.hide-overflow, body.hide-overflow {
    overflow: hidden !important; }

#skip2 {
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10000; }

.skip2 {
  background-color: #fff;
  color: #036;
  display: block;
  font-size: 1em;
  font-weight: bold;
  left: 0;
  margin: 0;
  padding: 1em;
  position: absolute;
  top: -10em;
  width: auto; }
  .skip2:focus {
    top: 0; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.hide-text {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 serif;
  text-shadow: none; }

.clearfix::after, dl::after {
  content: '';
  display: block;
  clear: both; }

@font-face {
  font-family: 'Heijmans';
  src: url('/static/fonts/heijmans-normal-webfont.eot?03ee03e484f5');
  src: url('/static/fonts/heijmans-normal-webfont.eot?&03ee03e484f5#iefix') format('embedded-opentype'), url('/static/fonts/heijmans-normal-webfont.woff?03ee03e484f5') format('woff'), url('/static/fonts/heijmans-normal-webfont.ttf?03ee03e484f5') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-weight: normal; }

@font-face {
  font-family: 'Heijmans';
  src: url('/static/fonts/heijmans-blackcon-webfont.eot?03ee03e484f5');
  src: url('/static/fonts/heijmans-blackcon-webfont.eot?&03ee03e484f5#iefix') format('embedded-opentype'), url('/static/fonts/heijmans-blackcon-webfont.woff?03ee03e484f5') format('woff'), url('/static/fonts/heijmans-blackcon-webfont.ttf?03ee03e484f5') format('truetype');
  font-style: normal;
  font-weight: 900; }

@font-face {
  font-family: 'Heijmans';
  src: url('/static/fonts/heijmans-light-webfont.eot?03ee03e484f5');
  src: url('/static/fonts/heijmans-light-webfont.eot?&03ee03e484f5#iefix') format('embedded-opentype'), url('/static/fonts/heijmans-light-webfont.woff?03ee03e484f5') format('woff'), url('/static/fonts/heijmans-light-webfont.ttf?03ee03e484f5') format('truetype');
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: 'Heijmans';
  src: url('/static/fonts/heijmans-boldcon-webfont.eot?03ee03e484f5');
  src: url('/static/fonts/heijmans-boldcon-webfont.eot?&03ee03e484f5#iefix') format('embedded-opentype'), url('/static/fonts/heijmans-boldcon-webfont.woff?03ee03e484f5') format('woff'), url('/static/fonts/heijmans-boldcon-webfont.ttf?03ee03e484f5') format('truetype');
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: 'Heijmans';
  src: url('/static/fonts/heijmans-boldconitalic-webfont.eot?03ee03e484f5');
  src: url('/static/fonts/heijmans-boldconitalic-webfont.eot?&03ee03e484f5#iefix') format('embedded-opentype'), url('/static/fonts/heijmans-boldconitalic-webfont.woff?03ee03e484f5') format('woff'), url('/static/fonts/heijmans-boldconitalic-webfont.ttf?03ee03e484f5') format('truetype');
  font-style: italic;
  font-weight: 700; }

@font-face {
  font-family: 'Heijmans';
  src: url('/static/fonts/heijmans-normalitalic-webfont.eot?03ee03e484f5');
  src: url('/static/fonts/heijmans-normalitalic-webfont.eot?&03ee03e484f5#iefix') format('embedded-opentype'), url('/static/fonts/heijmans-normalitalic-webfont.woff?03ee03e484f5') format('woff'), url('/static/fonts/heijmans-normalitalic-webfont.ttf?03ee03e484f5') format('truetype');
  font-style: italic;
  font-weight: 400;
  font-weight: normal; }

body {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  background-color: #fff;
  color: #111f39;
  font-family: 'Heijmans', 'Arial', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }
  body.small {
    font-size: 16px; }
  @media screen and (max-width: 639px) {
    body {
      font-size: 18px; }
      body.small {
        font-size: 13px; } }

a {
  color: #111f39;
  text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline-offset: 3px; }
  a:active, a:hover, a:focus {
    color: #feb900;
    text-decoration: none; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin: 0; }

.h1, h1 {
  font-size: 50px;
  font-weight: 300;
  line-height: 1.1; }
  .h1 .strong, .h1 strong, h1 .strong, h1 strong {
    font-weight: 700; }
  @media screen and (max-width: 639px) {
    .h1, h1 {
      font-size: 28px;
      font-weight: bold; } }

.h2, h2 {
  font-size: 44px;
  font-weight: 900;
  line-height: 1.1; }
  @media screen and (max-width: 639px) {
    .h2, h2 {
      font-size: 24px;
      font-weight: 400; } }

.h3, h3 {
  font-size: 28px;
  font-weight: 900;
  line-height: 1.1; }
  @media screen and (max-width: 639px) {
    .h3, h3 {
      font-size: 22px; } }

.h4, h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1; }
  @media screen and (max-width: 639px) {
    .h4, h4 {
      font-size: 18px;
      line-height: 22px; } }

.h5, h5 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1; }
  @media screen and (max-width: 639px) {
    .h5, h5 {
      font-size: 13px; } }

.h6, h6 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1; }
  @media screen and (max-width: 639px) {
    .h6, h6 {
      font-size: 13px; } }

p {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 1em; }
  p.small {
    font-size: 16px; }
  @media screen and (max-width: 639px) {
    p {
      font-size: 18px; }
      p.small {
        font-size: 13px; } }
  p.list-item {
    margin-bottom: 0; }

.txt {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5; }
  .txt.small {
    font-size: 16px; }
  @media screen and (max-width: 639px) {
    .txt {
      font-size: 18px; }
      .txt.small {
        font-size: 13px; } }

.intro {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 18px; }
  @media screen and (max-width: 639px) {
    .intro {
      font-size: 18px;
      font-weight: 700;
      line-height: 26px; } }
  .intro p {
    margin-bottom: 0; }

.date {
  font-weight: 700;
  text-transform: uppercase; }

.subtitle {
  display: block;
  font-weight: 300; }

.richtext {
  margin-bottom: 20px; }
  .richtext.intro p {
    font-size: 28px;
    line-height: 36px;
    font-size: 26px; }
    @media screen and (max-width: 639px) {
      .richtext.intro p {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px; } }
  .richtext .h4, .richtext h4, .richtext .h3, .richtext h3, .richtext .h2, .richtext h2, .richtext .h1, .richtext h1 {
    color: #111f39; }
  .richtext .h3, .richtext h3 {
    margin-bottom: 8px;
    margin-top: 40px; }
  .richtext .h4, .richtext h4 {
    margin-bottom: 10px;
    margin-top: 24px; }
  .richtext .h5, .richtext h5 {
    margin-bottom: 0; }
  .richtext ul, .richtext ol {
    list-style: none;
    padding-left: 28px; }
    .richtext ul li, .richtext ol li {
      position: relative; }
      .richtext ul li::before, .richtext ol li::before {
        content: '';
        display: inline-block;
        left: -27px;
        position: absolute;
        top: 0; }
  .richtext ul li::before {
    background-color: #036;
    height: 6px;
    top: 11px;
    width: 6px; }
  .richtext ol {
    counter-reset: li; }
    .richtext ol li::before {
      font-size: 18px;
      font-weight: 900;
      color: #036;
      content: counter(li) '.';
      counter-increment: li; }

.widget-header {
  color: #111f39; }

.widget-header.h3, .widget-header.h4 {
  margin-bottom: 8px; }

.widget-button {
  margin-bottom: 40px; }
  .widget-button + .widget-button {
    margin-top: -30px; }

.quote {
  font-size: 28px;
  line-height: 36px;
  color: rgba(80, 90, 108, 0.6);
  position: relative; }
  @media screen and (max-width: 639px) {
    .quote {
      font-size: 24px;
      font-weight: 300;
      line-height: 1.3; } }
  .quote::before {
    content: '';
    display: inline-block;
    left: -13px;
    position: absolute;
    top: 0; }
  .quote:after {
    content: ''; }
  @media screen and (max-width: 639px) {
    .quote {
      display: block; } }

.quote-author {
  font-size: 16px;
  font-style: normal;
  color: #505a6c;
  display: block;
  margin-top: 7px;
  padding: 0 4px; }
  @media screen and (max-width: 639px) {
    .quote-author {
      font-size: 13px; } }
  .widequote.v-special .quote-author {
    color: #fff;
    font-size: 18px;
    line-height: 23px; }
    .widequote.v-special .quote-author::before {
      content: '\2013  '; }

.pullquote {
  display: inline-block;
  float: left;
  left: -60px;
  margin: 23px -60px 0 0;
  max-width: 360px;
  padding: 0 30px 20px 13px;
  position: relative;
  quotes: none; }
  @media screen and (max-width: 639px) {
    .pullquote {
      left: 0;
      margin-right: 100%;
      max-width: initial;
      padding: 0 0 20px;
      width: 100%; } }

.widequote {
  display: block;
  left: -40px;
  margin: 0;
  padding: 10px 0 31px;
  position: relative;
  quotes: none; }
  @media screen and (max-width: 639px) {
    .widequote {
      left: 0;
      padding: 0 0 20px;
      width: 100%; } }
  .widequote.v-special {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0; }
    .widequote.v-special::after {
      clear: both;
      content: '';
      display: block; }
    .widequote.v-special cite {
      margin-top: 15px; }
    .widequote.v-special figure {
      height: 140px;
      width: 140px;
      float: left;
      margin-right: 20px; }

hr {
  background: #036;
  border: 0;
  filter: alpha(opacity=0);
  height: 4px;
  margin: 30px 0; }
  hr.v-light {
    background-color: #b4c5cc;
    height: 1px;
    margin: 20px 0; }

iframe {
  border: 0;
  max-width: 100%; }

.btn, .fileinput:after {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  background-color: #036;
  background-image: none;
  border: 0 solid;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 13px 20px 11px;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle; }
  .btn:hover, .fileinput:hover:after, .btn:focus, .fileinput:focus:after {
    background-color: #feb900;
    color: #fff; }
  .btn.active, .active.fileinput:after, .btn:active, .fileinput:active:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: #111f39;
    color: #fff; }
  .btn.disabled, .disabled.fileinput:after, .btn[disabled], [disabled].fileinput:after, .btn:disabled, .fileinput:disabled:after, fieldset[disabled] .btn, fieldset[disabled] .fileinput:after, fieldset:disabled .btn, fieldset:disabled .fileinput:after {
    opacity: 0.65;
    filter: alpha(opacity=65);
    background-color: #505a6c;
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none; }
  @media screen and (max-width: 639px) {
    .btn, .fileinput:after {
      padding: 9px 16px 7px; } }

.btn-primary, .btn-attention {
  background-color: #feb900;
  color: #fff; }
  .btn-primary.active, .btn-primary:active, .btn-primary:hover, .btn-primary:focus, a:hover .btn-primary, .btn-attention.active, .btn-attention:active, .btn-attention:hover, .btn-attention:focus, a:hover .btn-attention {
    background-color: #036;
    color: #fff; }

.btn-secondary, .fileinput:after {
  background-color: #b4c5cc;
  color: #fff; }
  .btn-secondary.active, .active.fileinput:after, .btn-secondary:active, .fileinput:active:after, .btn-secondary:hover, .fileinput:hover:after, .btn-secondary:focus, .fileinput:focus:after, a:hover .btn-secondary, a:hover .fileinput:after {
    background-color: #036;
    color: #fff; }

.btn-trans {
  background-color: transparent;
  color: #036; }

.btn-text {
  background-color: transparent;
  color: inherit; }
  .btn-text:active, .btn-text:hover, .btn-text:focus {
    background-color: transparent;
    color: inherit; }

.btn-small {
  padding: 8px 24px; }
  @media screen and (max-width: 959px) {
    .btn-small {
      padding: 8px 20px; } }

.btn-tag {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 18px;
  font-weight: 300;
  background-color: #e6e6e5;
  color: #505a6c;
  margin-bottom: 5px;
  padding-bottom: 6px;
  padding-top: 7px;
  text-transform: none; }
  .frame-light .btn-tag {
    background-color: #fff; }
  .btn-tag:hover, .btn-tag:focus {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: #036;
    color: #fff; }

.btn-icon {
  background: none transparent;
  border: 0;
  color: #036; }
  .btn-icon:active, .btn-icon:hover, .btn-icon:focus {
    color: #111f39;
    outline: none; }

.e-button.v-meta {
  background-color: #fff;
  border: none;
  color: #feb900;
  display: inline-block;
  font-weight: 600;
  height: 60px;
  line-height: 40px;
  width: 60px; }
  .e-button.v-meta:hover:before {
    color: #111f39; }

.link-back {
  background-color: #e6e6e5;
  color: #393c47; }
  .link-back:active, .link-back:hover, .link-back:focus, a:active .link-back, a:hover .link-back, a:focus .link-back {
    background-color: #036; }
  .cssgradients .link-back {
    -webkit-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(48.999%, #e6e6e5), color-stop(49%, #e6e6e5));
    background-image: -webkit-linear-gradient(left, color-stop(#e6e6e5 48.999%), color-stop(#036 49%));
    background-image: linear-gradient(to right, #e6e6e5 48.999%, #036 49%);
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 206% auto; }
    .cssgradients .link-back:active, .cssgradients .link-back:hover, .cssgradients .link-back:focus, a:active .cssgradients .link-back, a:hover .cssgradients .link-back, a:focus .cssgradients .link-back {
      background-color: transparent;
      background-position: right top; }
  .link-back.light {
    background-color: rgba(255, 255, 255, 0.8); }
    .link-back.light:active, .link-back.light:hover, .link-back.light:focus, a:active .link-back.light, a:hover .link-back.light, a:focus .link-back.light {
      background-color: rgba(0, 51, 102, 0.8); }
    .cssgradients .link-back.light {
      -webkit-transition: background-position 0.1s linear;
      transition: background-position 0.1s linear;
      background-color: transparent;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(48.999%, rgba(255, 255, 255, 0.8)), color-stop(49%, rgba(255, 255, 255, 0.8)));
      background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, 0.8) 48.999%), color-stop(rgba(0, 51, 102, 0.8) 49%));
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8) 48.999%, rgba(0, 51, 102, 0.8) 49%);
      background-repeat: repeat-x;
      background-position: left top;
      background-size: 206% auto; }
      .cssgradients .link-back.light:active, .cssgradients .link-back.light:hover, .cssgradients .link-back.light:focus, a:active .cssgradients .link-back.light, a:hover .cssgradients .link-back.light, a:focus .cssgradients .link-back.light {
        background-color: transparent;
        background-position: right top; }
  .link-back:before {
    content: "\f10b";
    font-size: 14px;
    margin-right: 5px; }
  @media screen and (max-width: 959px) {
    .link-back {
      color: transparent;
      height: 40px;
      width: 40px;
      overflow: hidden; }
      .link-back:before {
        color: #393c47;
        margin-left: -5px;
        margin-right: 25px;
        /* Hide text */
        margin-top: 45px;
        /* Hide text */ }
      .link-back:hover, .link-back:focus {
        color: transparent; }
        .link-back:hover:before, .link-back:focus:before {
          color: #fff; } }

.link-prev {
  background-color: #feb900;
  color: #fff; }
  .link-prev:active, .link-prev:hover, .link-prev:focus, a:active .link-prev, a:hover .link-prev, a:focus .link-prev {
    background-color: #036; }
  .cssgradients .link-prev {
    -webkit-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(48.999%, #feb900), color-stop(49%, #feb900));
    background-image: -webkit-linear-gradient(left, color-stop(#feb900 48.999%), color-stop(#036 49%));
    background-image: linear-gradient(to right, #feb900 48.999%, #036 49%);
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 206% auto; }
    .cssgradients .link-prev:active, .cssgradients .link-prev:hover, .cssgradients .link-prev:focus, a:active .cssgradients .link-prev, a:hover .cssgradients .link-prev, a:focus .cssgradients .link-prev {
      background-color: transparent;
      background-position: right top; }
  .link-prev:before {
    content: "\f10b";
    font-size: 14px;
    margin-right: 5px; }

.link-next:after, .link-more:after {
  content: "\f12c";
  font-size: 14px;
  font-weight: 700;
  margin-left: 7px; }

.link-next {
  background-color: #feb900; }
  .link-next:active, .link-next:hover, .link-next:focus, a:active .link-next, a:hover .link-next, a:focus .link-next {
    background-color: #036; }
  .cssgradients .link-next {
    -webkit-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(48.999%, #036), color-stop(49%, #036));
    background-image: -webkit-linear-gradient(left, color-stop(#036 48.999%), color-stop(#feb900 49%));
    background-image: linear-gradient(to right, #036 48.999%, #feb900 49%);
    background-repeat: repeat-x;
    background-position: right top;
    background-size: 206% auto; }
    .cssgradients .link-next:active, .cssgradients .link-next:hover, .cssgradients .link-next:focus, a:active .cssgradients .link-next, a:hover .cssgradients .link-next, a:focus .cssgradients .link-next {
      background-color: transparent;
      background-position: left top; }

.link-down {
  background-color: #feb900; }
  .link-down:active, .link-down:hover, .link-down:focus, a:active .link-down, a:hover .link-down, a:focus .link-down {
    background-color: #036; }
  .cssgradients .link-down {
    -webkit-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(48.999%, #036), color-stop(49%, #036));
    background-image: -webkit-linear-gradient(top, #036 48.999%, #feb900 49%);
    background-image: linear-gradient(to bottom, #036 48.999%, #feb900 49%);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 206%; }
    .cssgradients .link-down:active, .cssgradients .link-down:hover, .cssgradients .link-down:focus, a:active .cssgradients .link-down, a:hover .cssgradients .link-down, a:focus .cssgradients .link-down {
      background-color: transparent;
      background-position: left top; }
  .link-down:after {
    content: "\f12b";
    font-size: 14px;
    font-weight: 700;
    margin-left: 12px; }

.link-up {
  background-color: #feb900; }
  .link-up:active, .link-up:hover, .link-up:focus, a:active .link-up, a:hover .link-up, a:focus .link-up {
    background-color: #036; }
  .cssgradients .link-up {
    -webkit-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(48.999%, #feb900), color-stop(49%, #feb900));
    background-image: -webkit-linear-gradient(top, #feb900 48.999%, #036 49%);
    background-image: linear-gradient(to bottom, #feb900 48.999%, #036 49%);
    background-repeat: repeat-x;
    background-position: left top;
    background-size: auto 206%; }
    .cssgradients .link-up:active, .cssgradients .link-up:hover, .cssgradients .link-up:focus, a:active .cssgradients .link-up, a:hover .cssgradients .link-up, a:focus .cssgradients .link-up {
      background-color: transparent;
      background-position: left bottom; }
  .link-up:after {
    content: "\f12d";
    font-size: 14px;
    margin-left: 5px; }

.link-icon {
  display: inline-block;
  padding-left: 30px;
  position: relative;
  vertical-align: middle;
  text-decoration: none; }
  .link-icon:before {
    display: block;
    font-size: 16px;
    left: 1px;
    /* for improved corners */
    position: absolute; }

.link-website {
  font-size: 16px; }

.link-download, .icon-download {
  font-size: 16px; }
  .link-download:before, .icon-download:before {
    content: "\f120";
    font-size: 14px;
    top: 6px; }
    @media screen and (max-width: 639px) {
      .link-download:before, .icon-download:before {
        top: 4px; } }

.link-email:before, .icon-email:before {
  content: "\f143"; }

.link-twitter:before, .icon-twitter:before {
  content: "\f144";
  top: 1px; }

.link-linkedin:before, .icon-linkedin:before {
  content: "\f140";
  top: 2px;
  font-size: 14px; }

.link-phone:before, .icon-phone:before {
  content: "\f15e";
  top: 3px;
  font-size: 14px; }

ol, ul {
  margin: 0;
  padding: 0; }

.list-inline {
  list-style: none; }
  .list-inline li {
    display: inline-block;
    vertical-align: top; }

.custom-form {
  margin-bottom: 40px; }
  .custom-form fieldset {
    border: 0;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 639px) {
      .custom-form fieldset + fieldset {
        margin-top: 20px;
        -webkit-margin-top-collapse: separate; } }
  .custom-form legend {
    display: block;
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 20px; }
    .custom-form legend + .explanation {
      -webkit-margin-top-collapse: separate;
      margin-top: -15px; }
  .custom-form .formrow {
    margin-bottom: 22px; }
  .custom-form label {
    font-weight: 300; }
  .custom-form input[type="tel"], .custom-form input[type="email"], .custom-form input[type="text"], .custom-form input[type="file"], .custom-form textarea {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    border: 1px solid #fff;
    font-weight: 300;
    padding: 11px 120px 10px 20px;
    width: 100%; }
    .custom-form input[type="tel"]::-moz-placeholder, .custom-form input[type="email"]::-moz-placeholder, .custom-form input[type="text"]::-moz-placeholder, .custom-form input[type="file"]::-moz-placeholder, .custom-form textarea::-moz-placeholder {
      color: #505a6c;
      opacity: 1; }
    .custom-form input[type="tel"]:-ms-input-placeholder, .custom-form input[type="email"]:-ms-input-placeholder, .custom-form input[type="text"]:-ms-input-placeholder, .custom-form input[type="file"]:-ms-input-placeholder, .custom-form textarea:-ms-input-placeholder {
      color: #505a6c; }
    .custom-form input[type="tel"]::-webkit-input-placeholder, .custom-form input[type="email"]::-webkit-input-placeholder, .custom-form input[type="text"]::-webkit-input-placeholder, .custom-form input[type="file"]::-webkit-input-placeholder, .custom-form textarea::-webkit-input-placeholder {
      color: #505a6c; }
  .custom-form .radios {
    margin-bottom: 5px; }
    .custom-form .radios > div {
      display: inline-block;
      margin-right: 45px;
      vertical-align: top; }
  .custom-form .submit-alt {
    display: block;
    float: right; }
  .custom-form .error {
    color: #ff1400; }
    .custom-form .error input, .custom-form .error textarea {
      border: 1px solid #ff1400;
      color: #ff1400; }
      .custom-form .error input::-moz-placeholder, .custom-form .error textarea::-moz-placeholder {
        color: #ff1400;
        opacity: 1; }
      .custom-form .error input:-ms-input-placeholder, .custom-form .error textarea:-ms-input-placeholder {
        color: #ff1400; }
      .custom-form .error input::-webkit-input-placeholder, .custom-form .error textarea::-webkit-input-placeholder {
        color: #ff1400; }
    .custom-form .error.fileinput label {
      border: 1px solid #ff1400;
      color: #ff1400; }
  .custom-form p + p.error {
    margin-top: -13px; }
  .custom-form p.error, .custom-form .error dt {
    font-weight: 400; }
  @media screen and (max-width: 639px) {
    .custom-form {
      margin-bottom: 15px; }
      .custom-form legend {
        padding-top: 0; }
        .custom-form legend + .explanation {
          -webkit-margin-top-collapse: separate; }
      .custom-form .formrow {
        margin-bottom: 15px; } }

.form-row.v-checkbox input {
  opacity: 0; }
.form-row.v-checkbox label {
  display: inline-block;
  padding-left: 10px;
  position: relative; }
.form-row.v-checkbox label::before {
  background: #fff;
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 3px;
  left: -20px; }
.form-row.v-checkbox input:focus + label {
  text-decoration: underline; }
.form-row.v-checkbox input:checked + label::after {
  background: #111f39;
  content: '';
  height: 14px;
  width: 14px;
  position: absolute;
  left: -17px;
  top: 6px; }

.floatlabel {
  overflow: hidden;
  position: relative; }
  .floatlabel input, .floatlabel textarea {
    outline: 0; }
    .floatlabel input:focus + label, .floatlabel textarea:focus + label {
      font-size: 16px;
      color: #505a6c;
      margin-right: 0;
      padding-top: 14px;
      right: 0;
      text-align: right;
      width: auto;
      z-index: 2; }
    .floatlabel input::-ms-clear, .floatlabel textarea::-ms-clear {
      display: none; }
  .floatlabel textarea {
    display: block;
    resize: vertical; }
  .floatlabel label {
    padding: 13px 20px;
    position: absolute;
    top: 2px; }
  .floatlabel .label-floatlabel {
    font-size: 16px;
    -webkit-transition: all 0.33s ease-in-out;
    transition: all 0.33s ease-in-out;
    color: #505a6c;
    display: block;
    height: 42px;
    margin-right: 0;
    opacity: 0;
    right: 100%;
    width: 30%; }
  .floatlabel .active-label-floatlabel {
    opacity: 1;
    right: 1px;
    text-align: right; }
    @media screen and (max-width: 639px) {
      .floatlabel .active-label-floatlabel {
        display: none; } }

.fileinputs {
  margin-bottom: 30px;
  position: relative; }
  .fileinputs > div {
    position: relative; }
  @media screen and (max-width: 639px) {
    .fileinputs {
      margin-bottom: 15px; } }

.fileinput {
  background: #fff;
  margin-bottom: 12px;
  position: absolute;
  top: 0;
  width: 100%; }
  .fileinput:after {
    bottom: 0;
    content: attr(data-action);
    cursor: pointer;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10; }

.file-fakeinput, .file-label {
  color: #505a6c;
  cursor: pointer;
  display: block;
  padding: 9px 20px;
  position: relative;
  z-index: 1; }

.file-fakeinput {
  font-weight: 300;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0; }

.file-label-hidden {
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0; }

.local-header + main {
  margin-top: 45px; }
  @media screen and (max-width: 639px) {
    .local-header + main {
      margin-top: 65px; } }

main {
  padding-bottom: 0; }
  main:before {
    -webkit-transition: opacity 250ms ease-in;
    transition: opacity 250ms ease-in;
    background-color: rgba(0, 51, 102, 0.6);
    bottom: 0;
    content: ' ';
    display: none;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20; }
  @media screen and (max-width: 639px) {
    main::before {
      display: block; }

    main.state-disabled:before {
      width: 100%;
      height: 100%;
      opacity: 1;
      pointer-events: initial; }
 }

.container, .local-header > .container > ul > li {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 920px;
  position: relative; }
  .container.narrow, .local-header > .container > ul > li.narrow {
    max-width: 640px; }
  @media screen and (max-width: 959px) {
    .container, .local-header > .container > ul > li {
      max-width: 600px; } }
  @media screen and (max-width: 639px) {
    .container, .local-header > .container > ul > li {
      max-width: 100%;
      padding: 0 20px; }
      .container .container, .local-header > .container > ul > li .container, .local-header > .container > ul > li {
        /* No doubled padding effects for containers in containers. */
        padding-left: 0;
        padding-right: 0; } }
  @media screen and (min-width: 1280px) {
    .container.wide, .local-header > .container > ul > li.wide {
      max-width: 1240px; }
 }

.column {
  display: inline-block;
  margin-left: -16px;
  padding-left: 16px;
  padding-right: 17px;
  vertical-align: top; }
  .column:nth-of-type(2n+1) {
    margin-left: 0; }
  @media screen and (max-width: 639px) {
    .column {
      margin-left: 0; } }

.column-half {
  width: 50%; }
  @media screen and (max-width: 639px) {
    .column-half {
      display: block;
      width: 100%;
      padding: 0; }
      .column-half + .column-half {
        margin-left: initial; } }

.section-full {
  background-color: #e6e6e5; }

.section-header {
  color: #111f39;
  padding: 2.4em;
  text-align: center; }
  .section-header .section-label {
    position: relative;
    display: inline-block;
    font-size: 57px;
    margin: 0 auto;
    margin-bottom: 0.25em;
    padding-bottom: 5px;
    width: 60px; }
    .section-header .section-label:after {
      background-color: #111f39;
      bottom: 0;
      content: '';
      display: inline-block;
      height: 4px;
      position: absolute;
      width: 60px;
      left: 50%;
      margin-left: -30px; }
    @media screen and (max-width: 639px) {
      .section-header .section-label {
        position: relative; }
        .section-header .section-label:after {
          background-color: #111f39;
          bottom: 0;
          content: '';
          display: inline-block;
          height: 3px;
          position: absolute;
          width: 45px;
          left: 50%;
          margin-left: -22.5px; } }
  .section-header .section-subtitle {
    font-size: 28px;
    font-weight: 300; }
    @media screen and (max-width: 639px) {
      .section-header .section-subtitle {
        font-size: 22px; } }
  @media screen and (max-width: 639px) {
    .section-header {
      padding: 1.2em 0; } }

.section-footer {
  padding: 30px 0 60px;
  text-align: center; }
  @media screen and (max-width: 639px) {
    .section-footer {
      padding: 15px 20px 15px; } }

.frame {
  background-color: #b4c5cc;
  padding: 22px 60px; }
  @media screen and (max-width: 639px) {
    .frame {
      padding: 22px 20px; } }

.frame-light {
  background-color: #e6e6e5; }

.frame-attention {
  background-color: #feb900; }

.frame-dark {
  background-color: rgba(57, 60, 71, 0.13); }

.frame-transparent {
  background-color: transparent; }

.page .page-header {
  padding: 60px 0 0;
  position: relative; }
  .page .page-header.has-visual {
    -webkit-transition: min-height 500ms ease-in-out;
    transition: min-height 500ms ease-in-out;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 540px;
    padding-top: 110px; }
    @media screen and (min-width: 1280px) {
      .page .page-header.has-visual {
        min-height: 660px; } }
    .page .page-header.has-visual .visual-parallax {
      background-repeat: no-repeat;
      bottom: 0;
      height: 100%;
      left: 0;
      position: absolute;
      width: 100%; }
    .page .page-header.has-visual .visual {
      -webkit-transition: height 500ms ease-in-out;
      transition: height 500ms ease-in-out;
      background-color: #036;
      bottom: 0;
      height: 440px;
      left: 0;
      overflow: hidden;
      position: absolute;
      right: 0;
      top: auto;
      z-index: 0; }
      @media screen and (min-width: 1280px) {
        .page .page-header.has-visual .visual {
          height: 560px; } }
      .page .page-header.has-visual .visual .img-placeholder {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        height: 100%;
        position: relative;
        width: 100%; }
    @media screen and (max-width: 639px) {
      .page .page-header.has-visual.has-visual {
        min-height: 340px; }
        .page .page-header.has-visual.has-visual .visual {
          height: 340px; }
 }
  .page .page-header p {
    margin: 0;
    z-index: 2; }
.page .page-backlink {
  left: -10px;
  position: absolute;
  top: 50px; }
.page .page-label {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 28px;
  color: #fff;
  display: inline-block;
  width: auto; }
  .page .page-label.framed {
    background-color: #036;
    background-color: rgba(0, 51, 102, 0.8);
    max-width: 280px;
    padding: 20px 25px; }
  @media screen and (max-width: 639px) {
    .page .page-label {
      font-size: 130%; } }
.page .page-type {
  position: relative;
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 18px;
  position: relative; }
  .page .page-type:after {
    background-color: #fff;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 4px;
    position: absolute;
    width: 60px;
    left: 0; }
  @media screen and (max-width: 639px) {
    .page .page-type {
      position: relative; }
      .page .page-type:after {
        background-color: #fff;
        bottom: 0;
        content: '';
        display: inline-block;
        height: 3px;
        position: absolute;
        width: 45px;
        left: 0; } }
.page .page-intro {
  font-size: 24px;
  text-align: center; }
  .page .page-intro .header {
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    max-width: 640px; }
    @media screen and (max-width: 639px) {
      .page .page-intro .header {
        font-size: 22px; }
        .page .page-intro .header br {
          display: none; } }
    .page .page-intro .header + p {
      margin-top: 6px; }
  .page .page-intro .content {
    color: #111f39;
    position: relative; }
  .page .page-intro .page-date {
    margin-bottom: 10px; }
  @media screen and (max-width: 639px) {
    .page .page-intro.container.frame, .page .local-header > .container > ul > li.page-intro.frame {
      padding-left: 20px;
      padding-right: 20px; }
 }
.page.vacancy .page-intro .header {
  max-width: 530px; }
.page .page-title {
  color: #fff;
  display: block; }
.page .page-date {
  font-size: 16px;
  color: #505a6c; }
  @media screen and (max-width: 639px) {
    .page .page-date {
      font-size: 13px; } }
@media screen and (max-width: 639px) {
  .page .page-backlink {
    left: -20px;
    position: absolute;
    top: 40px;
    top: calc(50% - 20px); }
    .page .page-backlink .link-back {
      padding-left: 20px;
      padding-right: 20px; }
      .page .page-backlink .link-back:before {
        position: relative;
        left: -1px; }

  .page .page-intro {
    margin: 0 20px 15px; }
    @media screen and (max-width: 639px) {
      .page .page-intro:not(.frame) {
        margin: 0 0 15px 0; }
 }
 }

.no-touch .page-header .img-placeholder {
  visibility: hidden; }

figure {
  display: block;
  line-height: 1;
  margin: 0; }
  figure img {
    display: block; }

.media-content, .media-element {
  overflow: hidden; }

.media-visual {
  display: block;
  float: left;
  margin-right: 1em; }

.box-float {
  float: right;
  position: relative;
  z-index: 101; }
  .container .box-float, .local-header > .container > ul > li .box-float {
    margin-right: -80px; }
  .container.narrow .box-float, .local-header > .container > ul > li.narrow .box-float {
    margin-right: -160px; }

dt {
  clear: left;
  float: left;
  margin-right: 20px; }

dd {
  margin: 0 0 0 30%; }

.global-header {
  -webkit-transition: all 0.33s ease-in;
  transition: all 0.33s ease-in;
  background: #fff;
  display: block;
  left: 0;
  min-height: 60px;
  min-width: 280px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004; }
  .platformios5 .global-header {
    position: absolute; }
  .global-header.non-fixed {
    position: absolute; }
  .global-header .container, .global-header .local-header > .container > ul > li {
    height: 60px; }
    @media screen and (max-width: 959px) {
      .global-header .container, .global-header .local-header > .container > ul > li {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px; } }
  .global-header:focus {
    outline: none; }
  .global-header:before {
    background: #fff;
    bottom: 100%;
    content: '';
    display: block;
    height: 390px;
    left: 0;
    position: absolute;
    right: 0; }
    @media screen and (max-width: 639px) {
      .global-header:before {
        height: 591px; } }
  .global-header.hide {
    top: -60px; }
    .global-header.hide:after {
      background: transparent;
      bottom: -10px;
      box-shadow: none;
      content: '';
      display: block;
      height: 10px;
      left: 0;
      position: absolute;
      right: 0; }
  .global-header.float:not(.hide):not(.open):not(.open-search):after {
    bottom: 0;
    box-shadow: 0 7px 7px 0 rgba(17, 31, 57, 0.15);
    content: '';
    display: block;
    height: 7px;
    position: absolute;
    width: 100%; }
  .global-header .logo {
    display: block;
    vertical-align: middle;
    height: 60px;
    max-width: 40%;
    max-width: calc(100% - 170px);
    cursor: pointer; }
    .global-header .logo img, .global-header .logo a {
      display: block; }
      @media screen and (max-width: 639px) {
        .global-header .logo img, .global-header .logo a {
          height: 23px;
          width: 92px; } }
    .global-header .logo a {
      padding: 14px 0; }
      @media screen and (max-width: 639px) {
        .global-header .logo a {
          padding: 20px 0; } }
  .global-header .nav-search {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    width: calc(100% - 60px); }
    .global-header .nav-search .search-submit {
      height: 30px;
      left: -30px;
      margin: 0;
      padding: 0;
      right: auto;
      width: 30px; }
      .global-header .nav-search .search-submit:before {
        content: "\f14c";
        color: #aaa;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 5px; }
      .global-header .nav-search .search-submit:hover:before {
        color: #38332c; }
    .global-header .nav-search .search-clear {
      display: block;
      height: 30px;
      position: absolute;
      right: 0;
      top: 1px;
      width: 30px; }
      .global-header .nav-search .search-clear:after {
        content: "\f16b";
        color: #aaa;
        cursor: pointer;
        display: block;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 5px; }
      .global-header .nav-search .search-clear:hover:after {
        color: #38332c; }
    .global-header .nav-search .tt-dropdown-menu {
      background-color: #fff;
      border-top: 1px solid #e6e6e5;
      margin-bottom: 0;
      margin-left: -50px;
      position: absolute !important;
      top: 45px !important;
      width: 130%;
      width: calc(100% + 110px); }
      .global-header .nav-search .tt-dropdown-menu .tt-suggestion {
        margin-left: 20px;
        margin-right: 20px; }
        .global-header .nav-search .tt-dropdown-menu .tt-suggestion.tt-cursor {
          margin-left: 0;
          margin-right: 0;
          padding-left: 20px;
          padding-right: 20px; }
      @media screen and (max-width: 639px) {
        .global-header .nav-search .tt-dropdown-menu {
          width: calc(100% + 130px); } }
    .global-header .nav-search .search-query {
      background-color: #b9fe00; }
  .global-header .header-actions {
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap; }
    .global-header .header-actions:focus {
      outline: none; }
  .global-header .global-toggle {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    border-color: #e6e6e5;
    border-style: solid;
    border-width: 1px 1px 0 0;
    color: #036;
    display: inline-block;
    height: 60px;
    line-height: 1;
    padding: 20px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    top: -1px; }
    @media screen and (min-width: 640px) {
      .global-header .global-toggle:active, .global-header .global-toggle:hover, .global-header .global-toggle:focus {
        color: #b4c5cc;
        outline: none; }
 }
  .global-header .toggle-menu {
    border-left-width: 1px;
    right: 60px; }
    .global-header .toggle-menu:after {
      content: "\f15a";
      display: inline-block;
      font-size: 26px;
      line-height: 22px;
      position: relative;
      top: 3px;
      vertical-align: middle; }
    .global-header .toggle-menu .label {
      display: inline-block;
      font-size: 16px;
      font-weight: 700;
      margin-right: 20px;
      text-transform: uppercase; }
  .global-header.open-search .toggle-menu {
    border-bottom-width: 1px;
    display: inline-block; }
  .global-header.open .toggle-menu {
    display: none; }
  .global-header .toggle-search:after {
    content: "\f14c";
    font-size: 21px;
    line-height: 1; }
  .global-header .toggle-search .label {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .global-header.open-search .toggle-search, .global-header.open .toggle-search {
    display: none; }
  .global-header .toggle-close {
    border-bottom-width: 1px;
    border-left-width: 1px;
    display: none;
    padding-left: 22px;
    padding-right: 22px; }
    .global-header .toggle-close:before {
      content: "\f13d";
      font-size: 15px; }
  .global-header.open-search .toggle-close, .global-header.open .toggle-close {
    display: inline-block; }
  @media screen and (max-width: 639px) {
    .global-header .global-toggle:not(.toggle-close) {
      padding-top: 22px; }

    .global-header.open-search .container, .global-header.open-search .local-header > .container > ul > li {
      height: 60px;
      padding-left: 50px;
      padding-top: 15px; }
    .global-header.open-search .logo, .global-header.open-search .toggle-menu {
      display: none; }
    .global-header.open-search .nav-search {
      display: inline-block; }
    .global-header.open-search .search-query {
      font-size: 18px;
      line-height: 1;
      background-color: transparent;
      -moz-border-bottom-colors: none;
      border-color: -moz-use-text-color;
      border-image: none;
      -moz-border-left-colors: none;
      border-radius: 0;
      -moz-border-right-colors: none;
      border-style: none;
      -moz-border-top-colors: none;
      border-width: 0;
      box-sizing: border-box;
      color: #036;
      display: block;
      height: 30px;
      margin: 0;
      padding: 0;
      width: calc(100% - 25px); }
    .global-header.open-search .toggle-close {
      border-bottom-width: 0; }
 }

.nav-main {
  background-color: #fff; }
  @media screen and (min-width: 640px) {
    .nav-main > .container, .local-header > .container > ul.nav-main > li {
      max-width: 920px;
      overflow: hidden; } }
  @media screen and (max-width: 639px) {
    .nav-main > .container, .local-header > .container > ul.nav-main > li {
      padding: 0; } }
  @media screen and (max-width: 639px) {
    .nav-main .nav-search {
      display: none; }
 }
  .no-js .nav-main {
    border-top: 5px solid #036; }
  .js .nav-main {
    -webkit-transition: all 0.33s ease-in;
    transition: all 0.33s ease-in;
    left: 0;
    min-width: 280px;
    position: fixed;
    right: 0;
    top: -390px;
    z-index: 1003; }
    .js .nav-main:focus {
      outline: none; }
  .platformios5 .nav-main {
    position: absolute; }
  .nav-main.open-search:after, .nav-main.open:after, .nav-main.float:after {
    bottom: 0;
    box-shadow: 0 7px 7px 0 rgba(17, 31, 57, 0.15);
    content: '';
    display: block;
    height: 7px;
    position: absolute;
    width: 100%; }
  .nav-main.contained {
    overflow-y: auto; }
    .nav-main.contained:after {
      display: none; }
  .nav-main.hide {
    box-shadow: none;
    top: -450px; }
    @media screen and (max-width: 639px) {
      .nav-main.hide {
        top: -651px; } }
  .nav-main.open-search {
    top: -210px; }
    @media screen and (max-width: 639px) {
      .nav-main.open-search {
        top: -591px; } }
  .nav-main.open {
    top: 59px; }
  @media screen and (max-width: 639px) {
    .js .nav-main {
      position: fixed;
      max-height: 100%;
      max-height: calc(100% - 60px); }
      .js .nav-main:not(.open) {
        top: -591px; }
 }

.nav-menu {
  font-size: 20px;
  font-weight: 400;
  padding: 32px 0 20px; }
  .nav-menu:focus {
    outline: none; }
  .nav-menu a {
    display: block;
    text-decoration: none; }
    @media screen and (min-width: 640px) {
      .nav-menu a:active, .nav-menu a:hover, .nav-menu a:focus {
        color: #b4c5cc;
        text-decoration: none; }
 }
  @media screen and (max-width: 639px) {
    .nav-menu {
      padding-top: 0; } }

.nav-row {
  display: block;
  list-style: none; }

.nav-col {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 25%; }
  .nav-col.search {
    padding: 0;
    width: 100%;
    transition-delay: 0.33s; }
    .nav-main.open .nav-col.search {
      width: 75%;
      transition-delay: 0ms; }
      @media screen and (max-width: 959px) {
        .nav-main.open .nav-col.search {
          width: 64%; } }
    .nav-main:not(.open).open-search .nav-col.search {
      width: 100%; }
    .nav-main.open-search .nav-col.search {
      -webkit-transition: width 0.33s ease-in;
      transition: width 0.33s ease-in;
      transition-delay: 0ms; }
  .nav-col.social {
    position: absolute;
    width: 25%; }
    .nav-main:not(.open).open-search .nav-col.social {
      padding: 0;
      width: 0;
      overflow: hidden; }
  .nav-col .icon:before {
    font-size: 31px; }
  .nav-col:last-child {
    padding: 0 2em; }
  @media screen and (max-width: 959px) {
    .nav-col {
      padding: 0 20px; }
      .nav-col:last-child {
        width: 36%;
        padding: 0 20px; }
      .nav-col:not(:last-child) {
        width: 21%; } }
  @media screen and (min-width: 640px) and (max-width: 959px) {
    .nav-col:last-child {
      padding-right: 0; }
 }
  @media screen and (max-width: 639px) {
    .nav-col.search {
      display: none; }

    .nav-col.social {
      position: static;
      width: 100%; }
 }

.nav-menu .nav-col {
  border-left: 1px solid #b4c5cc;
  min-height: 195px; }
  .nav-menu .nav-col:first-child {
    border-left-color: transparent; }
  .nav-menu .nav-col .nav-icon {
    padding: 0; }
    .nav-menu .nav-col .nav-icon:before {
      content: '';
      display: block;
      height: 163px;
      background-position: center 25px;
      background-repeat: no-repeat; }
  .nav-menu .nav-col .navicon-projects:before {
    background-image: url('/static/img/nav_projects.svg?7e90df0454ef');
    background-size: 100px;
    margin-left: -3px;
    height: 163px; }
  @media screen and (min-width: 640px) {
    .nav-menu .nav-col .navicon-projects:active:before, .nav-menu .nav-col .navicon-projects:hover:before, .nav-menu .nav-col .navicon-projects:focus:before {
      background-image: url('/static/img/nav_projects_focus.svg?7e90df0454ef'); }
 }
  .nav-menu .nav-col .navicon-expertises:before {
    background-image: url('/static/img/nav_expertises.svg?7e90df0454ef');
    background-size: 100px;
    margin-left: -10px;
    height: 163px; }
  @media screen and (min-width: 640px) {
    .nav-menu .nav-col .navicon-expertises:active:before, .nav-menu .nav-col .navicon-expertises:hover:before, .nav-menu .nav-col .navicon-expertises:focus:before {
      background-image: url('/static/img/nav_expertises_focus.svg?7e90df0454ef'); }
 }
  .nav-menu .nav-col .navicon-stories:before {
    background-image: url('/static/img/nav_stories.svg?75a64ed6b6aa');
    background-size: 132px;
    margin-right: 16px;
    margin-top: -4px;
    height: 166px; }
  @media screen and (min-width: 640px) {
    .nav-menu .nav-col .navicon-stories:active:before, .nav-menu .nav-col .navicon-stories:hover:before, .nav-menu .nav-col .navicon-stories:focus:before {
      background-image: url('/static/img/nav_stories_focus.svg?a2178e88f2b8'); }
 }
  @media screen and (max-width: 639px) {
    .nav-menu .nav-col {
      border: 0;
      display: block;
      min-height: 0;
      width: 100%;
      text-align: left; }
      .nav-menu .nav-col .nav-icon {
        margin-bottom: 18px;
        margin-top: 3px; }
        .nav-menu .nav-col .nav-icon:before {
          padding-bottom: 12px;
          padding-left: 55px;
          padding-top: 10px;
          display: inline-block;
          background-position: left top;
          background-size: contain;
          vertical-align: middle;
          height: 44px;
          margin: 0; }
        .nav-menu .nav-col .nav-icon:not(.navicon-stories):before {
          background-position: 7px top; } }

.nav-list {
  display: block;
  list-style: none;
  margin-bottom: -2em; }
  .nav-list li {
    display: block;
    line-height: 1;
    padding: 0 0 1.3em; }
    @media screen and (max-width: 639px) {
      .nav-list li {
        line-height: 30px; } }
  .nav-list.list-left {
    text-align: left; }
    .nav-list.list-left a {
      display: inline-block; }
    .nav-list.list-left li {
      padding-bottom: 0.68em; }
      .nav-list.list-left li.e-language a {
        padding-right: 5px; }
        .nav-list.list-left li.e-language a + a {
          border-left: 1px solid #b4c5cc;
          padding-left: 5px; }
  @media screen and (max-width: 639px) {
    .nav-list {
      margin-bottom: 0; }
      @media screen and (max-width: 639px) {
        .nav-list.list-left {
          border-bottom: 1px solid #e6e6e5;
          border-top: 1px solid #e6e6e5;
          margin-top: 10px;
          padding-bottom: 0;
          padding-top: 20px; } }
      .nav-list.social {
        padding-top: 0;
        padding-bottom: 14px;
        text-align: left; }
        .nav-list.social li {
          display: inline-block;
          padding-bottom: 0; }
          .nav-list.social li + li {
            margin-left: 20px; } }

.nav-bottom {
  margin: 44px 0;
  position: relative; }
  .nav-bottom .nav-col {
    vertical-align: bottom; }
  .nav-bottom li.social, .nav-bottom ol.social li {
    display: inline-block; }
  .nav-bottom li.social {
    height: 45px;
    top: 15px; }
  .nav-bottom ol.social {
    text-align: left;
    font-size: 0; }
    .nav-bottom ol.social a {
      text-decoration: none; }
    .nav-bottom ol.social li + li {
      margin-left: 8px; }
  @media screen and (max-width: 959px) {
    .nav-bottom {
      margin-left: 20px;
      margin-right: 20px; } }
  @media screen and (max-width: 639px) {
    .nav-bottom {
      margin: 0; }
      .nav-bottom li.social {
        height: auto; } }

.nav-search {
  position: relative; }
  .nav-search:focus {
    outline: none; }
  .nav-search .search-submit, .nav-search .search-label, .nav-search .search-query {
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    padding: 0.2em; }
  .nav-search .search-label {
    -webkit-transition: color 0.1s ease-in-out, left 0.1s ease-in-out;
    transition: color 0.1s ease-in-out, left 0.1s ease-in-out;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    color: #b4c5cc;
    cursor: pointer;
    left: 0.5em;
    pointer-events: none;
    position: absolute;
    top: 0.15em;
    white-space: nowrap;
    z-index: 0; }
    .nav-search .search-label.removed {
      color: transparent;
      left: 1em; }
  .nav-search .search-query {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #036;
    color: #036;
    display: block;
    line-height: 1.2;
    width: 100%; }
    .nav-search .search-query:focus {
      outline: none; }
  .nav-search .search-submit {
    font-size: 20px;
    display: block;
    padding: 14px 22px 8px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
    .nav-search .search-submit:before {
      content: "\f14c"; }
  .nav-search .tt-suggestion:last-child > div {
    padding-bottom: 0.7em; }
  .nav-search .tt-dropdown-menu {
    margin-bottom: -44px;
    position: relative !important; }

.local-header {
  -webkit-transition: all 0.33s ease-in;
  transition: all 0.33s ease-in;
  display: block;
  left: 0;
  min-height: 45px;
  min-width: 280px;
  position: fixed;
  right: 0;
  top: 60px;
  z-index: 1003;
  border-top: 1px solid #e6e6e5;
  background: #fff; }
  .local-header.open-search {
    z-index: 10; }
  .local-header.hide {
    top: 0; }
  .local-header.float:after {
    bottom: 0;
    box-shadow: 0 7px 7px 0 rgba(17, 31, 57, 0.15);
    content: '';
    display: block;
    height: 7px;
    position: absolute;
    width: 100%; }
  @media screen and (max-width: 959px) {
    .local-header.float > .container > ul:after, .local-header > .container > ul.local-header.float > li > ul:after {
      bottom: 0;
      box-shadow: 0 7px 7px 0 rgba(17, 31, 57, 0.15);
      content: '';
      display: block;
      height: 7px;
      position: absolute;
      width: 100%; }
 }
  .local-header > .container, .local-header > .container > ul.local-header > li {
    padding-top: 11px;
    padding-bottom: 12px; }
    @media screen and (max-width: 639px) {
      .local-header > .container, .local-header > .container > ul.local-header > li {
        max-width: 100%;
        padding-top: 13px;
        padding-bottom: 13px; } }
    @media screen and (max-width: 959px) {
      .local-header > .container, .local-header > .container > ul.local-header > li {
        position: static;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px; }
        .local-header > .container::after, .local-header > .container > ul.local-header > li::after {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          top: -1px;
          height: 45px;
          background: #fff;
          z-index: 1010;
          border-top: 1px solid #e6e6e5; } }
    .local-header > .container > h2, .local-header > .container > ul.local-header > li > h2 {
      font-size: 20px;
      font-weight: 300; }
      @media screen and (max-width: 639px) {
        .local-header > .container > h2, .local-header > .container > ul.local-header > li > h2 {
          font-size: 18px; } }
      @media screen and (max-width: 959px) {
        .local-header > .container > h2, .local-header > .container > ul.local-header > li > h2 {
          position: relative;
          z-index: 1011; } }
      .local-header > .container > h2 > a {
        display: block;
        text-decoration: none; }
        .local-header > .container > h2 > a:hover {
          color: #b4c5cc; }
    .local-header > .container > .choice {
      float: right;
      font-size: 16px;
      font-weight: 700;
      text-decoration: none;
      white-space: nowrap;
      position: relative;
      z-index: 1012;
      cursor: pointer;
      margin: -20px -20px -10px;
      padding: 18px 20px 10px; }
      .local-header > .container > .choice:after {
        content: "\f12b";
        font-size: 14px;
        font-weight: 700;
        margin-left: 12px; }
      .local-header > .container > .choice.open:after {
        content: "\f12d";
        font-size: 14px;
        font-weight: 700;
        margin-left: 12px; }
      @media screen and (min-width: 960px) {
        .local-header > .container > .choice {
          display: none; } }
    .local-header > .container > ul, .local-header > .container > ul.local-header > li > ul {
      position: absolute;
      right: 0;
      top: 6px;
      z-index: 1009;
      -webkit-transition: all 0.33s ease-in;
      transition: all 0.33s ease-in; }
      @media screen and (max-width: 959px) {
        .local-header > .container > ul, .local-header > .container > ul.local-header > li > ul {
          display: block;
          left: 0;
          right: 0;
          border-top: 1px solid #e6e6e5;
          background: #fff;
          padding-top: 10px;
          padding-bottom: 15px;
          top: -400px; }
          .local-header > .container > ul.open {
            top: 100%; } }
      .local-header > .container > ul > li {
        display: inline-block;
        padding-left: 20px;
        font-size: 16px;
        font-weight: 700; }
        @media screen and (max-width: 959px) {
          .local-header > .container > ul > li {
            display: block;
            line-height: 45px;
            font-size: 18px;
            max-width: 100%;
            padding-left: 20px;
            padding-right: 20px; } }
        @media screen and (max-width: 639px) {
          .local-header > .container > ul > li {
            padding-left: 20px; } }
        .local-header > .container > ul > li > a {
          display: block;
          text-decoration: none;
          color: #036; }
          .local-header > .container > ul > li > a:hover {
            color: #b4c5cc; }
        .local-header > .container > ul > li.active {
          color: #b4c5cc; }

.c-return-header.local-header {
  height: 40px; }
  .c-return-header.local-header.float::after {
    /* Small box shadow adjustment */
    box-shadow: 0 4px 7px 0 rgba(17, 31, 57, 0.15); }
  .c-return-header.local-header .e-link {
    background-color: #b4c5cc;
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%; }
    .c-return-header.local-header .e-link:hover {
      background-color: #feb900; }
  .c-return-header.local-header .e-link-text {
    font-size: 17px;
    font-weight: 700;
    line-height: 17px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    line-height: 44px; }
    @media screen and (max-width: 639px) {
      .c-return-header.local-header .e-link-text {
        font-size: 14px;
        font-weight: 700;
        line-height: 14px; } }
    .c-return-header.local-header .e-link-text:before {
      content: "\f10b";
      font-size: 14px;
      font-weight: bold;
      margin-right: 3px; }
  @media screen and (max-width: 639px) {
    .c-return-header.local-header .e-link-text {
      height: 44px;
      line-height: 44px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
 }

.fix-menu-on-iphone .nav-menu, .fix-menu-on-iphone .global-header {
  position: absolute !important; }
.fix-menu-on-iphone .main::before {
  position: absolute !important; }

.twitter-typeahead {
  display: block !important;
  width: 100%; }

.tt-input {
  background-color: transparent !important; }

input.tt-hint {
  color: #b4c5cc; }

.tt-dropdown-menu {
  display: block;
  width: 100%; }

.tt-suggestion {
  cursor: pointer; }
  .tt-suggestion > div {
    font-size: 20px;
    line-height: 22px;
    border-bottom: 1px solid #e6e6e5;
    border-color: rgba(230, 230, 229, 0.4);
    color: #036;
    padding: 0.5em 0.5em 0.5em 0.2em;
    text-align: left; }
  .tt-suggestion:last-child > div {
    border: 0; }
  .tt-suggestion p {
    margin: 0; }
    .tt-suggestion p > span {
      color: #505a6c;
      float: right;
      font-size: 16px; }
  .tt-suggestion.tt-cursor {
    background-color: #feb900;
    color: #fff; }
    .tt-suggestion.tt-cursor > div {
      border-bottom-color: transparent;
      border-top: 1px solid #feb900;
      margin-top: -1px; }
    .tt-suggestion.tt-cursor p {
      color: #fff;
      font-weight: bold; }
    .tt-suggestion.tt-cursor span {
      color: #fff;
      font-weight: normal; }

.figure {
  display: block;
  position: relative;
  font-size: 0; }
  .figure figcaption {
    font-size: 16px;
    line-height: 1.4;
    background-color: #fff;
    display: block;
    padding: 15px 35px;
    position: relative; }
    .figure figcaption cite {
      font-style: normal; }
    @media screen and (max-width: 639px) {
      .figure figcaption {
        font-size: 13px; } }
    .figure figcaption p {
      margin: 0;
      font-size: inherit;
      line-height: inherit; }
    .figure figcaption cite {
      color: #aaa; }
  @media screen and (max-width: 639px) {
    .figure img {
      margin-left: 50% !important;
      -ms-transform: translateX(-50%) !important;
      -webkit-transform: translateX(-50%) !important;
      transform: translateX(-50%) !important; }

    .figure figcaption {
      padding-left: 20px;
      padding-right: 20px; }
 }

.figure-small {
  display: inline-block;
  margin: 23px -60px 0 0;
  padding: 10px 40px 30px 20px;
  width: 360px; }
  .figure-small figcaption {
    background-color: transparent;
    padding: 0.5em 0 0; }
  .figure-small .e-video {
    height: auto; }
  .figure-small.left {
    float: left;
    left: -60px; }
  .figure-small.right {
    float: right;
    right: -20px; }
  .figure-small.variable {
    width: auto; }
  @media screen and (max-width: 639px) {
    .figure-small {
      height: auto;
      left: initial;
      margin: 0;
      max-width: 100%;
      padding: 0;
      right: initial; }
      .figure-small img {
        height: auto;
        max-width: 100%;
        margin: 0 !important;
        left: initial;
        right: initial;
        -webkit-transform: initial !important;
        -moz-transform: initial !important;
        -ms-transform: initial !important;
        transform: initial !important; }
      .figure-small.left {
        float: none;
        left: initial; }
      .figure-small.right {
        float: none;
        left: initial; } }

.figure-medium {
  left: -80px;
  margin: 30px 0 48px;
  padding: 0;
  width: 800px; }
  .figure-medium img {
    max-width: 100%;
    height: auto; }
  .figure-medium .e-video {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 959px) {
    .figure-medium {
      width: 100%;
      width: calc(100% + 120px);
      left: -60px; } }
  @media screen and (max-width: 639px) {
    .figure-medium {
      left: -20px;
      margin: 15px 0 28px;
      width: 110%;
      width: calc(100% + 40px);
      height: auto; }
      .figure-medium.variable img, .figure-medium.figure-medium img {
        margin-left: 0;
        transform: none; } }

.section-visual {
  background-color: transparent;
  position: relative; }

.figure-large .visual {
  height: 425px;
  overflow: hidden;
  width: 100%; }
  .figure-large .visual img {
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 100%; }
  .figure-large .visual video {
    width: 100%;
    height: auto; }
  .figure-large .visual .img-placeholder {
    background-position: center center;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
    width: 100%; }
    .no-touch .figure-large .visual .img-placeholder {
      background-attachment: fixed; }
.figure-large.figure-illustration {
  max-width: 1024px;
  margin: auto; }
.figure-large.v-variable {
  position: relative;
  z-index: 101; }
  .figure-large.v-variable .visual {
    height: 100%; }
.figure-large.v-video .visual {
  font-size: 0;
  height: auto; }
.figure-large.flex .visual {
  height: auto; }
.figure-large.flex img {
  max-width: 100%;
  width: auto; }
.figure-large figcaption {
  margin: 0 auto;
  max-width: 800px; }
  .figure-large figcaption .credits {
    margin-top: 5px; }

figure.visual img {
  width: 100%;
  height: auto; }

.figure-iframe {
  width: 100% !important;
  text-align: center; }

@media screen and (max-width: 639px) {
  .richtext + .figure {
    margin-top: 0; }
 }

.btn-share {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #feb900;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 3px 0;
  text-align: center;
  width: 40px; }
  .btn-share:active, .btn-share:hover, .btn-share:focus {
    background-color: #036;
    color: #fff; }
  .btn-share:before {
    font-size: 25px; }
  .btn-share.facebook:before {
    content: "\f165";
    display: block;
    font-size: 29px;
    padding-right: 5px;
    padding-top: 1px; }
  .btn-share.twitter:before {
    content: "\f144";
    display: block;
    font-size: 22px;
    padding-right: 1px;
    padding-top: 6px; }
  .btn-share.linkedin:before {
    content: "\f140";
    display: block;
    font-size: 21px;
    padding-top: 5px; }
  .btn-share.email:before {
    content: "\f143";
    display: block;
    font-size: 20px;
    padding-top: 6px; }
  .btn-share.whatsapp:before {
    content: "\f171";
    display: block;
    font-size: 20px;
    padding-top: 6px; }

.widget-sharethis {
  display: none;
  left: 50%;
  margin-left: 460px;
  position: fixed;
  top: 460px;
  z-index: 100; }
  .widget-sharethis.show {
    display: block; }
  .widget-sharethis .sharethis-list {
    display: block;
    list-style: none; }
    .widget-sharethis .sharethis-list li {
      display: block;
      margin: 0 0 2px 2px; }
  .widget-sharethis .btn-share {
    background-color: #feb900; }
    .widget-sharethis .btn-share:active, .widget-sharethis .btn-share:hover, .widget-sharethis .btn-share:focus, a:active .widget-sharethis .btn-share, a:hover .widget-sharethis .btn-share, a:focus .widget-sharethis .btn-share {
      background-color: #036; }
    .cssgradients .widget-sharethis .btn-share {
      -webkit-transition: background-position 0.1s linear;
      transition: background-position 0.1s linear;
      background-color: transparent;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(48.999%, #feb900), color-stop(49%, #feb900));
      background-image: -webkit-linear-gradient(left, color-stop(#feb900 48.999%), color-stop(#036 49%));
      background-image: linear-gradient(to right, #feb900 48.999%, #036 49%);
      background-repeat: repeat-x;
      background-position: left top;
      background-size: 206% auto; }
      .cssgradients .widget-sharethis .btn-share:active, .cssgradients .widget-sharethis .btn-share:hover, .cssgradients .widget-sharethis .btn-share:focus, a:active .cssgradients .widget-sharethis .btn-share, a:hover .cssgradients .widget-sharethis .btn-share, a:focus .cssgradients .widget-sharethis .btn-share {
        background-color: transparent;
        background-position: right top; }
  @media screen and (max-width: 959px) {
    .widget-sharethis {
      margin-left: 300px; } }
  @media screen and (max-width: 639px) {
    .widget-sharethis {
      display: none !important; } }

.widget-sharethis .sharethis-list li.mobile-share, .section-sharethis .sharethis-list li.mobile-share {
  display: none; }
  @media screen and (max-width: 639px) {
    .widget-sharethis .sharethis-list li.mobile-share, .section-sharethis .sharethis-list li.mobile-share {
      display: inline-block; } }

.section-sharethis {
  clear: both;
  display: block;
  margin-top: 20px;
  padding: 5px 0 35px;
  width: auto;
  vertical-align: top; }
  @media screen and (max-width: 639px) {
    .section-sharethis {
      padding-bottom: 0; } }
  .section-sharethis.section-inline {
    background-color: transparent; }
  .section-sharethis .sharethis-content {
    text-align: left; }
    @media screen and (max-width: 639px) {
      .section-sharethis .sharethis-content {
        text-align: center; } }
  .section-sharethis .sharethis-list {
    display: inline-block;
    vertical-align: top; }
    @media screen and (max-width: 639px) {
      .section-sharethis .sharethis-list {
        display: block; } }
    .section-sharethis .sharethis-list li {
      display: inline-block;
      margin: 0 13px 0 -3px;
      vertical-align: top; }
      .section-sharethis .sharethis-list li:first-child {
        margin-left: 0; }
  .section-sharethis .btn-share {
    background-color: #feb900; }
    .section-sharethis .btn-share:active, .section-sharethis .btn-share:hover, .section-sharethis .btn-share:focus, a:active .section-sharethis .btn-share, a:hover .section-sharethis .btn-share, a:focus .section-sharethis .btn-share {
      background-color: #036; }
    .cssgradients .section-sharethis .btn-share {
      -webkit-transition: background-position 0.1s linear;
      transition: background-position 0.1s linear;
      background-color: transparent;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(48.999%, #feb900), color-stop(49%, #feb900));
      background-image: -webkit-linear-gradient(top, #feb900 48.999%, #036 49%);
      background-image: linear-gradient(to bottom, #feb900 48.999%, #036 49%);
      background-repeat: repeat-x;
      background-position: left top;
      background-size: auto 206%; }
      .cssgradients .section-sharethis .btn-share:active, .cssgradients .section-sharethis .btn-share:hover, .cssgradients .section-sharethis .btn-share:focus, a:active .cssgradients .section-sharethis .btn-share, a:hover .cssgradients .section-sharethis .btn-share, a:focus .cssgradients .section-sharethis .btn-share {
        background-color: transparent;
        background-position: left bottom; }
  .section-sharethis .sharethis-count {
    display: inline-block;
    line-height: 40px;
    margin-left: 4px;
    vertical-align: top; }
    @media screen and (max-width: 639px) {
      .section-sharethis .sharethis-count {
        display: block; } }
    .section-sharethis .sharethis-count p {
      line-height: 40px;
      margin-bottom: 0; }
  .section-sharethis + footer {
    margin-top: 45px; }

.sharethis-url {
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 18px;
  -webkit-appearance: none;
  background-color: #e6e6e5;
  border: 1px solid #e6e6e5;
  color: #036;
  display: inline-block;
  padding: 0.45em;
  vertical-align: middle;
  width: 182px; }
  .frame-light .sharethis-url, .section-full .sharethis-url, .format-fivequestions .sharethis-url {
    background-color: #fff;
    border-color: #fff; }
  .sharethis-url:focus {
    outline: none; }

.contact-details {
  margin-bottom: 20px; }
  @media screen and (max-width: 639px) {
    .contact-details {
      margin-bottom: 0; }
      .contact-details + .contact-details {
        margin-top: 20px; } }
  .contact-details:first-of-type {
    display: inline-block;
    vertical-align: top; }
  .contact-details .contact-content .avatar, .contact-details .contact-content .contact-names {
    display: inline-block;
    vertical-align: top; }
  .contact-details .contact-content .avatar {
    margin-right: 16px;
    margin-top: 5px; }
    .contact-details .contact-content .avatar img {
      width: 60px;
      height: auto; }
  .contact-details .contact-content .contact-names {
    margin-top: 0;
    width: 240px; }
  .contact-details .contact-content .name {
    line-height: 22px;
    color: #111f39;
    margin-bottom: 0;
    margin-top: 3px !important; }
  .contact-details .contact-content .position {
    font-size: 16px;
    line-height: 23px;
    display: block; }
  .contact-details .contact-content .contact-list {
    line-height: 1;
    margin-right: -110px;
    margin-left: -5px;
    margin-top: 3px;
    max-width: 400px;
    width: auto; }
    .contact-details .contact-content .contact-list li {
      display: inline-block; }
    .contact-details .contact-content .contact-list .link {
      font-size: 16px;
      -webkit-transition: width 200ms ease-out;
      transition: width 200ms ease-out;
      display: inline-block;
      height: 20px;
      vertical-align: middle;
      overflow: hidden;
      white-space: nowrap;
      width: 0; }
      .contact-details .contact-content .contact-list .link.open {
        color: #4F596D; }
      @media screen and (max-width: 639px) {
        .contact-details .contact-content .contact-list .link {
          max-width: 65%;
          text-overflow: ellipsis; } }
    .contact-details .contact-content .contact-list .link-icon {
      font-size: 16px;
      cursor: pointer;
      /* Obvious */
      height: 20px;
      overflow: hidden;
      width: 30px;
      top: -3px;
      padding: 0 5px; }
      .contact-details .contact-content .contact-list .link-icon:hover {
        color: #4F596D; }
      .contact-details .contact-content .contact-list .link-icon:before {
        margin-left: 5px; }
    .contact-details .contact-content .contact-list li:not(.sibling-open) + li .link-icon {
      margin-left: 2px; }
  .contact-details.dark .contact-list .link.open {
    color: #4F596D; }
  .contact-details.dark .contact-list .link-icon:hover {
    color: #4F596D; }
  .contact-details.compact .contact-content .contact-names {
    min-width: 199px;
    width: auto; }
  .contact-details.compact .contact-content .name, .contact-details.compact .contact-content .title {
    max-width: 200px; }
  .contact-details.compact .contact-content .contact-list {
    max-width: 100%;
    overflow: hidden;
    margin-right: 0; }
    .contact-details.compact .contact-content .contact-list li {
      height: 21px; }
      .contact-details.compact .contact-content .contact-list li:not(.sibling-open) + li {
        margin-left: 5px; }
    .contact-details.compact .contact-content .contact-list li.sibling-open {
      display: none; }
    .contact-details.compact .contact-content .contact-list a.link:not(.open) {
      display: none; }
  @media screen and (max-width: 639px) {
    .contact-details .contact-content .contact-names {
      min-width: 199px;
      width: auto; }
    .contact-details .contact-content .name, .contact-details .contact-content .title {
      max-width: 200px; }
    .contact-details .contact-content .contact-list {
      max-width: 100%;
      overflow: hidden;
      margin-right: 0; }
      .contact-details .contact-content .contact-list li {
        height: 21px; }
        .contact-details .contact-content .contact-list li:not(.sibling-open) + li {
          margin-left: 5px; }
      .contact-details .contact-content .contact-list li.sibling-open {
        display: none; }
      .contact-details .contact-content .contact-list a.link:not(.open) {
        display: none; }
 }

.subheader + .contact-details {
  margin-top: 15px; }

.section-contact {
  margin-top: 30px; }
  .section-contact .contact-details .contact-content .contact-list .link.open {
    color: #4F596D; }
  .section-contact .contact-details .contact-content .contact-list .link-icon:hover {
    color: #4F596D; }

.richtext table, .custom-table {
  margin: 30px 0;
  max-width: 640px;
  width: 100%; }
  .richtext table th, .richtext table td, .custom-table th, .custom-table td {
    font-size: 16px;
    padding: 11px 6px 14px;
    text-align: right;
    vertical-align: top; }
    .richtext table th:first-child, .richtext table td:first-child, .custom-table th:first-child, .custom-table td:first-child {
      text-align: left;
      padding-left: 0; }
    .richtext table th:last-child, .richtext table td:last-child, .custom-table th:last-child, .custom-table td:last-child {
      padding-right: 0; }
    @media screen and (max-width: 639px) {
      .richtext table th, .richtext table td, .custom-table th, .custom-table td {
        font-size: 13px !important;
        line-height: 1.3 !important;
        padding-top: 5px;
        padding-bottom: 7px; }
        .richtext table th:first-child, .richtext table td:first-child, .custom-table th:first-child, .custom-table td:first-child {
          min-width: 85px; } }
  .richtext table thead th, .richtext table thead td, .custom-table thead th, .custom-table thead td {
    font-weight: 900;
    font-size: 28px;
    line-height: 34px;
    border-bottom: 3px solid #b4c5cc; }
    @media screen and (max-width: 639px) {
      .richtext table thead th, .richtext table thead td, .custom-table thead th, .custom-table thead td {
        font-size: 22px; } }
  .richtext table tfoot td, .custom-table tfoot td {
    border-top: 1px solid #b4c5cc;
    font-weight: 400; }
  .richtext table tbody td, .custom-table tbody td {
    border-top: 1px solid #b4c5cc; }
  @media screen and (min-width: 960px) {
    .richtext table tbody tr:hover td, .custom-table tbody tr:hover td {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      background-color: #b4c5cc;
      color: #fff; }
 }
  .richtext table tbody tr:first-child td, .custom-table tbody tr:first-child td {
    border-top: 0; }

.vacancy-details {
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: top; }
  .vacancy-details:first-child td {
    padding-right: 20px; }
  .vacancy-details th {
    min-width: 80px;
    padding-right: 20px;
    text-align: left;
    vertical-align: top; }
  .vacancy-details td {
    line-height: 1.1; }
  .vacancy-details th, .vacancy-details td {
    font-size: 16px; }

.homepage-list .description:last-child {
  margin-bottom: 0; }

.homepage-edition {
  background-color: #b4c5cc;
  counter-reset: homeBlocks; }
  .homepage-edition .grid {
    margin-right: -40px;
    margin-top: -60px;
    padding-bottom: 100px;
    width: 100%;
    width: calc(100% + 40px); }
    .homepage-edition .grid::after {
      content: '';
      display: block;
      clear: both; }
    @media screen and (max-width: 639px) {
      .homepage-edition .grid {
        width: 100%;
        padding-bottom: 20px; }
        .homepage-edition .grid .news-placeholder {
          /* Empty spaces for news on older homepage. */
          display: none; } }

.homepage-link {
  color: #fff;
  display: block;
  max-width: 600px;
  text-decoration: none; }
  .homepage-link:active, .homepage-link:hover, .homepage-link:focus {
    color: #fff; }

.homepage-cover {
  background-color: #505a6c;
  min-height: 540px;
  padding: 163px 0 0;
  position: relative;
  z-index: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .homepage-cover.page-header.has-visual .visual {
    height: 100%; }
  .first > .homepage-cover.page-header.has-visual {
    padding-top: 195px; }
  .homepage-cover .timeframe {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }
  .homepage-cover .container, .homepage-cover .local-header > .container > ul > li {
    z-index: 2; }
  .homepage-cover .header {
    display: block;
    margin-bottom: 13px; }
  .homepage-cover .container, .homepage-cover .local-header > .container > ul > li {
    z-index: 2;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 50%;
    padding-top: 40px; }
    html.is-ie .homepage-cover .container, html.is-ie .homepage-cover .local-header > .container > ul > li {
      position: relative !important; }
  .homepage-cover .title {
    font-size: 44px;
    font-weight: 700;
    display: block; }
    @media screen and (max-width: 639px) {
      .homepage-cover .title {
        font-size: 24px; } }
  .homepage-cover::before {
    background-blend-mode: multiply;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 80%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(80%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 80%);
    /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 80%);
    /* IE10+ */
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */ }
  @media screen and (max-width: 639px) {
    .homepage-cover {
      min-height: 340px;
      padding-top: 63px; }
      .first > .homepage-cover.page-header.has-visual {
        padding-top: 110px; } }
  @media screen and (min-width: 1280px) {
    .first > .homepage-cover.page-header.has-visual {
      padding-top: 295px !important; }
 }

.homepage-block {
  display: block;
  float: left;
  height: 515px;
  margin: 0 40px 40px 0;
  position: relative;
  width: 600px; }
  @media screen and (max-width: 639px) {
    .homepage-block {
      width: 100% !important;
      height: 280px;
      margin-bottom: 20px; }
      .homepage-block.newslist {
        height: auto;
        padding-bottom: 55px; }
      .homepage-block.related-item .content {
        height: 140px; } }
  .homepage-block.small {
    width: 280px; }
    .homepage-block.small .description {
      max-height: 3.6em; }

.related-item.homepage-block .page-date, .homepage-block .page-date {
  display: none; }
.related-item.homepage-block.type-text, .homepage-block.type-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  padding-top: 205px; }
  .related-item.homepage-block.type-text .block-link, .homepage-block.type-text .block-link {
    color: #fff;
    text-decoration: none; }
    .related-item.homepage-block.type-text .block-link:active .btn, .related-item.homepage-block.type-text .block-link:active .fileinput:after, .related-item.homepage-block.type-text .block-link:hover .btn, .related-item.homepage-block.type-text .block-link:hover .fileinput:after, .related-item.homepage-block.type-text .block-link:focus .btn, .related-item.homepage-block.type-text .block-link:focus .fileinput:after, .homepage-block.type-text .block-link:active .btn, .homepage-block.type-text .block-link:active .fileinput:after, .homepage-block.type-text .block-link:hover .btn, .homepage-block.type-text .block-link:hover .fileinput:after, .homepage-block.type-text .block-link:focus .btn, .homepage-block.type-text .block-link:focus .fileinput:after {
      color: #036; }
  .related-item.homepage-block.type-text .header, .homepage-block.type-text .header {
    font-size: 44px; }
    @media screen and (max-width: 639px) {
      .related-item.homepage-block.type-text .header, .homepage-block.type-text .header {
        font-size: 24px; } }
  .related-item.homepage-block.type-text .action, .homepage-block.type-text .action {
    margin-top: -5px; }
  .related-item.homepage-block.type-text .btn, .related-item.homepage-block.type-text .fileinput:after, .homepage-block.type-text .btn, .homepage-block.type-text .fileinput:after {
    color: #fff;
    margin-left: -24px; }
.related-item.homepage-block .page-date, .homepage-block .page-date {
  margin-top: 8px; }
@media screen and (max-width: 639px) {
  .related-item.homepage-block .type-label, .homepage-block .type-label {
    margin-bottom: -25px; }

  .related-item.homepage-block.type-text, .homepage-block.type-text {
    padding-top: 20px;
    height: 100px; }
    .related-item.homepage-block.type-text .btn, .related-item.homepage-block.type-text .fileinput:after, .homepage-block.type-text .btn, .homepage-block.type-text .fileinput:after {
      margin-left: -20px; }
 }

@-webkit-keyframes button-loading {
  0% {
    background-position: 200% top; }

  100% {
    background-position: 0 top; } }

@keyframes button-loading {
  0% {
    background-position: 200% top; }

  100% {
    background-position: 0 top; } }

.homepage-edition-preview-link {
  -webkit-transition: opacity 0.33s ease-out, height 0.33s ease-out;
  transition: opacity 0.33s ease-out, height 0.33s ease-out;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  height: 200px;
  position: relative;
  text-decoration: none;
  width: 100%;
  z-index: 1000; }
  .homepage-edition-preview-link .loaderbar {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background: transparent;
    border-bottom: 0 solid #036; }
  .homepage-edition-preview-link.loading {
    cursor: progress;
    cursor: wait; }
    .homepage-edition-preview-link.loading h2 {
      -webkit-transition: opacity 0.33s;
      transition: opacity 0.33s;
      opacity: 0; }
    .homepage-edition-preview-link.loading > .homepage-edition-preview > .container > .action, .local-header > .container.homepage-edition-preview-link.loading > ul.homepage-edition-preview > li > .action {
      display: block; }
      .homepage-edition-preview-link.loading > .homepage-edition-preview > .container > .action > span, .local-header > .container.homepage-edition-preview-link.loading > ul.homepage-edition-preview > li > .action > span {
        -webkit-transition: height 0.33s;
        transition: height 0.33s;
        color: transparent; }
    .homepage-edition-preview-link.loading .btn, .homepage-edition-preview-link.loading .fileinput:after {
      background-color: #feb900;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-duration: 850ms;
      animation-duration: 850ms;
      -webkit-animation-name: button-loading;
      animation-name: button-loading;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
      .homepage-edition-preview-link.loading .btn:active, .homepage-edition-preview-link.loading .fileinput:active:after, .homepage-edition-preview-link.loading .btn:hover, .homepage-edition-preview-link.loading .fileinput:hover:after, .homepage-edition-preview-link.loading .btn:focus, .homepage-edition-preview-link.loading .fileinput:focus:after, a:active .homepage-edition-preview-link.loading .btn, a:active .homepage-edition-preview-link.loading .fileinput:after, a:hover .homepage-edition-preview-link.loading .btn, a:hover .homepage-edition-preview-link.loading .fileinput:after, a:focus .homepage-edition-preview-link.loading .btn, a:focus .homepage-edition-preview-link.loading .fileinput:after {
        background-color: #036; }
      .cssgradients .homepage-edition-preview-link.loading .btn, .cssgradients .homepage-edition-preview-link.loading .fileinput:after {
        -webkit-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
        background-color: transparent;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(48.999%, #feb900), color-stop(49%, #feb900));
        background-image: -webkit-linear-gradient(left, color-stop(#feb900 48.999%), color-stop(#036 49%));
        background-image: linear-gradient(to right, #feb900 48.999%, #036 49%);
        background-repeat: repeat-x;
        background-position: left top;
        background-size: 206% auto; }
        .cssgradients .homepage-edition-preview-link.loading .btn:active, .cssgradients .homepage-edition-preview-link.loading .fileinput:active:after, .cssgradients .homepage-edition-preview-link.loading .btn:hover, .cssgradients .homepage-edition-preview-link.loading .fileinput:hover:after, .cssgradients .homepage-edition-preview-link.loading .btn:focus, .cssgradients .homepage-edition-preview-link.loading .fileinput:focus:after, a:active .cssgradients .homepage-edition-preview-link.loading .btn, a:active .cssgradients .homepage-edition-preview-link.loading .fileinput:after, a:hover .cssgradients .homepage-edition-preview-link.loading .btn, a:hover .cssgradients .homepage-edition-preview-link.loading .fileinput:after, a:focus .cssgradients .homepage-edition-preview-link.loading .btn, a:focus .cssgradients .homepage-edition-preview-link.loading .fileinput:after {
          background-color: transparent;
          background-position: right top; }
  .homepage-edition-preview-link.error {
    cursor: default;
    cursor: not-allowed; }
  .homepage-edition-preview-link:after {
    -webkit-transition: opacity 0.33s ease-out;
    transition: opacity 0.33s ease-out;
    opacity: 0;
    display: none; }
  .homepage-edition-preview-link.rendering {
    position: absolute;
    height: 100%;
    overflow: hidden; }
  .homepage-edition-preview-link.loaded {
    position: absolute;
    opacity: 0;
    height: auto;
    overflow: hidden;
    /*display: none;*/ }

.homepage-edition-preview-placeholder {
  position: relative; }

.homepage-edition-preview {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #505a6c;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  cursor: pointer;
  display: block;
  position: relative;
  height: 100%; }
  .homepage-edition-preview::before {
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    background-blend-mode: multiply;
    background: rgba(0, 0, 0, 0.65);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .homepage-edition-preview:active:before, .homepage-edition-preview:hover:before, .homepage-edition-preview:focus:before {
    background: rgba(0, 0, 0, 0.25); }
  .homepage-edition-preview .container, .homepage-edition-preview .local-header > .container > ul > li {
    padding-bottom: 1px;
    text-align: center;
    height: 100%;
    overflow: hidden; }
  .homepage-edition-preview .header {
    font-size: 36px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 52px; }
    @media screen and (max-width: 639px) {
      .homepage-edition-preview .header {
        font-size: 24px; } }
    .homepage-edition-preview .header strong {
      position: relative; }
      .homepage-edition-preview .header strong:after {
        background-color: #fff;
        bottom: 0;
        content: '';
        display: inline-block;
        height: 4px;
        position: absolute;
        width: 60px;
        left: 50%;
        margin-left: -30px; }
      @media screen and (max-width: 639px) {
        .homepage-edition-preview .header strong {
          position: relative; }
          .homepage-edition-preview .header strong:after {
            background-color: #fff;
            bottom: 0;
            content: '';
            display: inline-block;
            height: 3px;
            position: absolute;
            width: 45px;
            left: 50%;
            margin-left: -22.5px; } }
      .homepage-edition-preview .header strong:after {
        bottom: -11px; }
  @media screen and (max-width: 639px) {
    .homepage-edition-preview .header {
      padding-top: 70px; }
 }
  .homepage-edition-preview .timeframe {
    font-size: 16px;
    display: block;
    text-transform: uppercase;
    padding: 20px 0 0; }
    @media screen and (max-width: 639px) {
      .homepage-edition-preview .timeframe {
        font-size: 13px; } }
  .homepage-edition-preview .subtitle {
    font-size: 24px;
    font-weight: 400;
    padding: 0 0 18px;
    margin: 20px 0 6px;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out; }
    @media screen and (max-width: 639px) {
      .homepage-edition-preview .subtitle {
        font-size: 18px; } }
  .homepage-edition-preview .action {
    display: none;
    top: 100px;
    position: absolute;
    margin-left: -80px;
    left: 50%;
    -webkit-transition: transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
    -webkit-transform: translate(0, 102px);
    -ms-transform: translate(0, 102px);
    transform: translate(0, 102px); }
    .no-touch .homepage-edition-preview .action {
      display: block; }
  .no-touch .homepage-edition-preview:hover .action {
    -webkit-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    transform: translate(0, 0px); }
  .no-touch .homepage-edition-preview:hover .subtitle {
    opacity: 0; }

.homepage-edition-zero {
  color: #fff;
  padding-bottom: 200px;
  padding-top: 123px;
  text-align: center; }
  .homepage-edition-zero .title {
    margin-bottom: 20px; }
  .homepage-edition-zero .note {
    font-size: 44px; }
    @media screen and (max-width: 639px) {
      .homepage-edition-zero .note {
        font-size: 24px; } }
  .homepage-edition-zero a {
    color: #fff;
    text-decoration: underline; }
    .homepage-edition-zero a:active, .homepage-edition-zero a:hover, .homepage-edition-zero a:focus {
      text-decoration: none; }

@media screen and (max-width: 639px) {
  .homepage-edition-preview-container .homepage-cover .container, .homepage-edition-preview-container .homepage-cover .local-header > .container > ul > li {
    padding-top: 0; } }

.contentpage .page-header {
  margin-bottom: 10px; }
  .contentpage .page-header.has-visual {
    margin-bottom: -50px;
    overflow: hidden;
    padding-top: 60px; }
    .contentpage .page-header.has-visual::after {
      content: '';
      display: block;
      clear: both; }
    .contentpage .page-header.has-visual .page-intro {
      -webkit-transition: margin 500ms ease-in-out;
      transition: margin 500ms ease-in-out;
      margin-bottom: 400px;
      position: relative;
      z-index: 1; }
      @media screen and (min-width: 1280px) {
        .contentpage .page-header.has-visual .page-intro {
          margin-bottom: 520px; } }
  .contentpage .page-header .page-intro {
    padding-bottom: 35px;
    padding-top: 40px; }
  .contentpage .page-header .header {
    margin-bottom: 10px; }
.contentpage .frame {
  padding-bottom: 20px;
  padding-top: 52px; }
  .contentpage .frame .richtext:first-child, .contentpage .frame .h5:first-child, .contentpage .frame h5:first-child, .contentpage .frame .h4:first-child, .contentpage .frame h4:first-child, .contentpage .frame .h3:first-child, .contentpage .frame h3:first-child, .contentpage .frame .h2:first-child, .contentpage .frame h2:first-child, .contentpage .frame .h1:first-child, .contentpage .frame h1:first-child {
    margin-top: 0; }
@media screen and (max-width: 639px) {
  .contentpage .frame {
    padding-bottom: 20px;
    padding-top: 22px; }

  .contentpage .page-content {
    padding-top: 22px;
    overflow-x: hidden; }

  .contentpage .page-header .page-intro {
    padding-bottom: 16px;
    padding-top: 16px; }
  .contentpage .page-header.has-visual .page-intro {
    margin-bottom: 320px; }
 }

.contentpage.grid {
  background-color: #b4c5cc; }
  @media screen and (max-width: 639px) {
    .contentpage.grid .page-header.has-visual {
      display: none; }
 }
  .contentpage.grid .page-header.has-visual {
    min-height: 440px; }
  .contentpage.grid .grid-container {
    max-width: 960px;
    position: relative;
    left: 20px; }
    .contentpage.grid .grid-container .section-header {
      margin-right: 40px; }
    @media screen and (max-width: 959px) {
      .contentpage.grid .grid-container {
        max-width: 640px; } }
    @media screen and (max-width: 639px) {
      .contentpage.grid .grid-container {
        left: 0;
        padding: 0; }
        .contentpage.grid .grid-container .section-header {
          margin-right: 0; } }
    .contentpage.grid .grid-container:after {
      content: ' ';
      clear: both;
      display: block; }
    @media screen and (max-width: 639px) {
      .contentpage.grid .grid-container {
        padding-top: 40px; }
        .contentpage.grid .grid-container .grid-block:not(.big-banner), .contentpage.grid .grid-container .grid-block-mini {
          -webkit-transition: height 0.33s ease-in;
          transition: height 0.33s ease-in;
          background-color: transparent;
          color: #111f39;
          height: 60px;
          overflow: hidden;
          margin: 0;
          padding-top: 10px;
          padding-bottom: 15px; }
          .contentpage.grid .grid-container .grid-block:not(.big-banner).state-opened, .contentpage.grid .grid-container .grid-block-mini.state-opened {
            height: auto; }
            .contentpage.grid .grid-container .grid-block:not(.big-banner).state-opened > header, .contentpage.grid .grid-container .grid-block-mini.state-opened > header {
              color: inherit;
              border-color: rgba(17, 31, 57, 0.2); }
              .contentpage.grid .grid-container .grid-block:not(.big-banner).state-opened > header h2:after, .contentpage.grid .grid-container .grid-block-mini.state-opened > header h2:after {
                content: "\f16c"; }
            .contentpage.grid .grid-container .grid-block:not(.big-banner).state-opened > footer, .contentpage.grid .grid-container .grid-block-mini.state-opened > footer {
              position: static;
              border-top: none;
              visibility: visible; }
            .contentpage.grid .grid-container .grid-block:not(.big-banner).state-opened > .item-link, .contentpage.grid .grid-container .grid-block-mini.state-opened > .item-link {
              color: inherit;
              display: block; }
          .contentpage.grid .grid-container .grid-block:not(.big-banner).rate-contact-widget, .contentpage.grid .grid-container .grid-block-mini.rate-contact-widget {
            height: auto; }
          .contentpage.grid .grid-container .grid-block:not(.big-banner) > section.contact, .contentpage.grid .grid-container .grid-block-mini > section.contact {
            background-color: transparent;
            padding-top: 0;
            height: 60px; }
            .contentpage.grid .grid-container .grid-block:not(.big-banner) > section.contact.state-opened, .contentpage.grid .grid-container .grid-block-mini > section.contact.state-opened {
              height: auto; }
          .contentpage.grid .grid-container .grid-block:not(.big-banner) > header, .contentpage.grid .grid-container .grid-block-mini > header {
            border-bottom: 1px solid rgba(255, 255, 255, 0.5);
            padding-bottom: 13px;
            cursor: pointer;
            position: relative;
            color: #fff; }
            .contentpage.grid .grid-container .grid-block:not(.big-banner) > header h2:after, .contentpage.grid .grid-container .grid-block-mini > header h2:after {
              content: "\f161";
              float: right;
              position: absolute;
              right: 0;
              top: 0;
              font-weight: 400;
              font-size: 20px;
              line-height: 20px;
              vertical-align: middle; }
          .contentpage.grid .grid-container .grid-block:not(.big-banner) > footer, .contentpage.grid .grid-container .grid-block-mini > footer {
            visibility: hidden; }
          .contentpage.grid .grid-container .grid-block:not(.big-banner) .item-link, .contentpage.grid .grid-container .grid-block-mini .item-link {
            border-color: rgba(17, 31, 57, 0.2);
            color: inherit; }
        .contentpage.grid .grid-container section.rate {
          margin: 0 20px; } }

.project.page .section {
  overflow: hidden; }
.project .page-header.has-visual .visual {
  height: 100%; }
.project .page-intro {
  margin-top: -80px; }
  .project .page-intro .header {
    margin: 0 auto 0.5em;
    max-width: 70%;
    min-width: 280px; }
  .project .page-intro .readmore-content {
    margin-bottom: 22px; }
  .project .page-intro .project-shortmeta {
    font-size: 20px;
    border-top: 2px solid rgba(230, 230, 229, 0.3);
    padding: 20px 0 0; }
    .project .page-intro .project-shortmeta li {
      margin-left: 0.5em;
      margin-right: 0.5em; }
    .project .page-intro .project-shortmeta .icon {
      color: #fff;
      display: inline-block; }
    .project .page-intro .project-shortmeta .btn-icon {
      border-color: inherit;
      color: #fff; }
@media screen and (max-width: 959px) {
  .project .page-intro .project-shortmeta::after {
    content: '';
    display: block;
    clear: both; }
  .project .page-intro .project-shortmeta li {
    margin: 0 0 5px;
    float: right;
    width: 45%;
    width: calc(50% - 10px);
    padding-left: 30px;
    text-align: left; }
    .project .page-intro .project-shortmeta li:nth-child(odd) {
      clear: both;
      float: left; }
    .project .page-intro .project-shortmeta li .icon {
      float: left;
      margin-left: -30px; }
 }
@media screen and (max-width: 639px) {
  .project .page-header .container, .project .page-header .local-header > .container > ul > li {
    padding-left: 0;
    padding-right: 0; }

  .project .page-intro {
    text-align: left; }
    .project .page-intro .project-shortmeta li {
      padding-left: 20px; }
      .project .page-intro .project-shortmeta li .icon {
        margin-left: -20px; }

  .project.page .page-header.has-visual {
    min-height: 400px; }
  .project.page .page-title {
    font-size: 20px;
    font-weight: 100; }
  .project.page .page-type {
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 12px; }

  .project .page-intro .frame {
    padding-top: 16px;
    padding-bottom: 16px; }
  .project .page-intro .header {
    width: 100%;
    max-width: 100%;
    min-width: 100%; }
  .project .page-intro .project-shortmeta {
    font-size: 16px;
    padding-top: 15px; }

  .project .project-usps .section-header {
    padding-bottom: 35px;
    padding-top: 0; }
  @media screen and (max-width: 959px) {
    .project .project-usps .section-title {
      font-size: 36px; }
 }
  @media screen and (max-width: 639px) {
    .project .project-usps .section-header {
      padding-top: 10px; }

    .project .project-usps .icon {
      display: none; }
 }
 }
.project .section-related {
  padding-top: 10px; }
  .project .section-related .section-header {
    padding-bottom: 15px; }
.project .section-sharethis {
  margin-bottom: 25px; }

.expertise .page-header {
  margin-bottom: 73px;
  position: relative; }
  @media screen and (max-width: 639px) {
    .expertise .page-header {
      margin-bottom: 53px; } }
  .expertise .page-header .container, .expertise .page-header .local-header > .container > ul > li {
    position: static; }
    .expertise .page-header .container > p {
      position: relative; }
  .expertise .page-header.has-visual .visual {
    height: 100%; }
.expertise .page-intro {
  bottom: -40px;
  color: #fff;
  left: 50%;
  margin-left: -230px;
  max-width: 460px;
  position: absolute; }
  .expertise .page-intro .frame {
    min-height: 340px;
    padding-left: 40px;
    padding-right: 40px; }
  .expertise .page-intro .page-payoff {
    line-height: 1;
    margin-top: 32px;
    font-weight: 300; }
    @media screen and (max-width: 639px) {
      .expertise .page-intro .page-payoff {
        padding-bottom: 10px;
        margin-top: 15px; } }
.expertise .page-type {
  position: relative;
  margin-bottom: 9px; }
  .expertise .page-type:after {
    background-color: #fff;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 4px;
    position: absolute;
    width: 60px;
    left: 50%;
    margin-left: -30px; }
  @media screen and (max-width: 639px) {
    .expertise .page-type {
      position: relative; }
      .expertise .page-type:after {
        background-color: #fff;
        bottom: 0;
        content: '';
        display: inline-block;
        height: 3px;
        position: absolute;
        width: 45px;
        left: 50%;
        margin-left: -22.5px; } }
.expertise .section-contact {
  padding-bottom: 0;
  padding-top: 5px; }
.expertise .meta-tags {
  padding-top: 36px; }
.expertise .expertise-highlighted {
  padding-bottom: 20px; }
  .expertise .expertise-highlighted .container, .expertise .expertise-highlighted .local-header > .container > ul > li {
    max-width: 960px;
    position: relative;
    left: 20px; }
    .expertise .expertise-highlighted .container .section-header {
      margin-right: 40px; }
    @media screen and (max-width: 959px) {
      .expertise .expertise-highlighted .container, .expertise .expertise-highlighted .local-header > .container > ul > li {
        max-width: 640px; } }
    @media screen and (max-width: 639px) {
      .expertise .expertise-highlighted .container, .expertise .expertise-highlighted .local-header > .container > ul > li {
        left: 0;
        padding: 0; }
        .expertise .expertise-highlighted .container .section-header {
          margin-right: 0; } }
    @media screen and (min-width: 640px) and (max-width: 959px) {
      .expertise .expertise-highlighted .container, .expertise .expertise-highlighted .local-header > .container > ul > li {
        max-width: 480px; } }
  .expertise .expertise-highlighted .related-item {
    margin-left: 0; }
  @media screen and (min-width: 640px) and (max-width: 959px) {
    .expertise .expertise-highlighted .section-header {
      padding-left: 0;
      padding-right: 0; } }
@media screen and (max-width: 639px) {
  .expertise.page .page-title {
    font-size: 20px;
    font-weight: 100; }
  .expertise.page .page-type {
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 12px; }
    .expertise.page .page-type:after {
      height: 3px; }
  .expertise.page .page-intro .frame {
    padding-top: 16px;
    padding-bottom: 16px; }

  .expertise .page-header > .container > p, .expertise .local-header > .container > ul.page-header > li > p {
    margin-left: -20px; }

  .expertise .page-intro {
    left: auto;
    margin: 0 10px 15px;
    width: 90%;
    width: calc(100% - 60px); }
    .expertise .page-intro .frame {
      min-height: 0; }

  .expertise .section-sharethis {
    margin-bottom: 25px;
    margin-top: -15px; }
 }

.contentpage.news .container.frame-light, .contentpage.news .local-header > .container > ul > li.frame-light {
  background: #fff;
  padding-bottom: 0;
  padding-top: 50px; }
.contentpage.news .container.frame-white.page-intro, .contentpage.news .local-header > .container > ul > li.frame-white.page-intro {
  background: #e6e6e5;
  padding-bottom: 20px;
  padding-top: 50px; }
.contentpage.news .page-header {
  background: #e6e6e5; }
  .contentpage.news .page-header.has-visual .visual {
    height: 100%; }
  .contentpage.news .page-header:not(.has-visual) + .page-intro {
    padding-top: 100px; }
.contentpage.news .page-intro {
  margin-bottom: 0;
  margin-top: -77px;
  padding-bottom: 25px;
  padding-top: 0; }
  .contentpage.news .page-intro::after {
    content: '';
    display: block;
    clear: both; }
  .contentpage.news .page-intro.frame-white {
    background: #fff;
    color: #111f39; }
  @media screen and (max-width: 639px) {
    .contentpage.news .page-intro {
      margin: 0; } }
  .contentpage.news .page-intro .title {
    font-size: 50px;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
    max-width: 640px; }
    .contentpage.news .page-intro .title .strong, .contentpage.news .page-intro .title strong {
      font-weight: 700; }
    @media screen and (max-width: 639px) {
      .contentpage.news .page-intro .title {
        font-size: 22px;
        font-weight: bold; } }
  .contentpage.news .page-intro .intro {
    margin-left: auto;
    margin-right: auto;
    max-width: 640px; }
  .contentpage.news .page-intro .payoff {
    margin-bottom: 8px;
    margin-top: -5px; }
  .contentpage.news .page-intro .content {
    line-height: 1.4; }
.contentpage.news .related-item.type-banner .content {
  background-color: #e6e6e5; }
.contentpage.news .deepening:active, .contentpage.news .deepening:focus, .contentpage.news .deepening:hover {
  color: #e6e6e5; }
.contentpage.news .deepening-widget .richtext {
  background-color: #e6e6e5; }
.contentpage.news .figure figcaption {
  background-color: #e6e6e5; }
@media screen and (max-width: 639px) {
  .contentpage.news .container.frame-light, .contentpage.news .local-header > .container > ul > li.frame-light {
    padding-top: 20px; }

  .contentpage.news .page-backlink {
    left: 0;
    top: 40px; }

  .contentpage.news .figure .frame-light {
    padding-left: 0;
    padding-right: 0; }

  .contentpage.news .page-header {
    margin-bottom: 0; }
    .contentpage.news .page-header:not(.has-visual) + .page-intro {
      padding-top: 40px; }
      .contentpage.news .page-header:not(.has-visual) + .page-intro .title {
        max-width: calc(100% - 100px); }

  .contentpage.news .page-intro .payoff {
    font-weight: 900;
    margin-bottom: 10px;
    margin-top: -12px;
    font-size: 22px; }
  .contentpage.news .page-intro .title {
    margin-bottom: 23px;
    margin-top: -20px; }
  .contentpage.news .page-intro .date {
    margin-bottom: 5px; }
  .contentpage.news .page-intro + .frame-light {
    padding-top: 25px; }
 }
.contentpage.news .formrow input[type="text"], .contentpage.news .formrow input[type="email"] {
  background-color: #e6e6e5;
  border: 1px solid #e6e6e5; }
@media screen and (min-width: 1280px) {
  .contentpage.news .page-header.has-visual {
    min-height: 660px !important; }
 }
@media screen and (min-width: 640px) and (max-width: 959px) {
  .contentpage.news .section-contentfooter {
    max-width: 480px;
    margin: 0 auto; }
 }

.format {
  background: #b4c5cc;
  counter-reset: questionCount;
  padding-bottom: 0;
  overflow: hidden; }
  .format .frame {
    padding-bottom: 0;
    padding-top: 50px; }
  .format .page-header.has-visual .visual {
    height: 100%; }
  @media screen and (min-width: 1280px) {
    .format .page-header.has-visual {
      min-height: 660px !important; } }
  .format .page-intro {
    margin-bottom: 0;
    margin-top: -77px;
    padding-bottom: 25px;
    padding-top: 0; }
    .format .page-intro::after {
      content: '';
      display: block;
      clear: both; }
    .format .page-intro.frame-white {
      background: #fff;
      color: #111f39; }
    @media screen and (max-width: 639px) {
      .format .page-intro {
        margin: 0 0 15px 0; } }
    .format .page-intro .type-label {
      height: 110px;
      top: -35px;
      width: 100px; }
      @media screen and (max-width: 639px) {
        .format .page-intro .type-label {
          height: 70px;
          width: 60px; } }
    .format .page-intro .title {
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 18px; }
      @media screen and (max-width: 639px) {
        .format .page-intro .title {
          font-size: 18px; } }
    .format .page-intro .payoff {
      margin-bottom: 8px;
      margin-top: -5px; }
    .format .page-intro .content {
      line-height: 1.4; }
  .format.format-theideaformat .page-intro, .format.format-fivequestionformat .page-intro {
    margin-bottom: 28px; }
    @media screen and (max-width: 639px) {
      .format.format-theideaformat .page-intro, .format.format-fivequestionformat .page-intro {
        margin-bottom: 15px; } }
  .format .section-slideshow, .format .frame-light {
    background: transparent; }
  @media screen and (max-width: 639px) {
    .format .figure .frame-light {
      padding-left: 0;
      padding-right: 0; }

    .format .page-intro .payoff {
      font-weight: 900;
      margin-bottom: 10px;
      margin-top: -12px;
      font-size: 22px; }
    .format .page-intro .title {
      margin-top: -20px; }
    .format .page-intro .date {
      margin-bottom: -5px; }
 }
  @media screen and (min-width: 640px) and (max-width: 959px) {
    .format .section-contentfooter {
      max-width: 480px;
      margin: 0 auto; }
 }
  .format.format-fivequestionformat .banner-tweet {
    padding-top: 30px; }
  .format .slideshow-container .fake-slide {
    background: #fff; }
  .format .section-dark {
    background-color: rgba(57, 60, 71, 0.13); }
  .format .meta-tags {
    margin-bottom: -10px; }
  .format .question {
    line-height: 34px;
    color: #111f39;
    margin-bottom: 15px;
    margin-top: 40px;
    padding-bottom: 20px;
    position: relative;
    position: relative; }
    @media screen and (max-width: 639px) {
      .format .question {
        line-height: 26px; } }
    .format .question:first-of-type {
      margin-top: 0; }
    .format .question::before {
      content: counter(questionCount);
      counter-increment: questionCount;
      display: inline-block;
      left: 0;
      position: absolute;
      top: 0;
      font-size: 70px;
      font-weight: 300;
      line-height: 1;
      left: -62px;
      top: -4px; }
    .format .question:after {
      background-color: #111f39;
      bottom: 0;
      content: '';
      display: inline-block;
      height: 4px;
      position: absolute;
      width: 60px;
      left: 0; }
    @media screen and (max-width: 639px) {
      .format .question {
        position: relative; }
        .format .question:after {
          background-color: #111f39;
          bottom: 0;
          content: '';
          display: inline-block;
          height: 3px;
          position: absolute;
          width: 45px;
          left: 0; } }
  .format .header-centered {
    margin: 0 auto 20px;
    max-width: 530px;
    padding-bottom: 20px;
    padding-top: 0;
    text-align: center;
    position: relative; }
    .format .header-centered:after {
      background-color: #111f39;
      bottom: 0;
      content: '';
      display: inline-block;
      height: 4px;
      position: absolute;
      width: 60px;
      left: 50%;
      margin-left: -30px; }
    @media screen and (max-width: 639px) {
      .format .header-centered {
        position: relative;
        font-weight: bold; }
        .format .header-centered:after {
          background-color: #111f39;
          bottom: 0;
          content: '';
          display: inline-block;
          height: 3px;
          position: absolute;
          width: 45px;
          left: 50%;
          margin-left: -22.5px; } }
    .format .header-centered:first-child {
      margin-top: 40px; }
  .format .header-underlined {
    margin-bottom: 15px;
    margin-top: 20px;
    padding-bottom: 23px;
    position: relative; }
    .format .header-underlined:after {
      background-color: #111f39;
      bottom: 0;
      content: '';
      display: inline-block;
      height: 4px;
      position: absolute;
      width: 60px;
      left: 0; }
    @media screen and (max-width: 639px) {
      .format .header-underlined {
        position: relative; }
        .format .header-underlined:after {
          background-color: #111f39;
          bottom: 0;
          content: '';
          display: inline-block;
          height: 3px;
          position: absolute;
          width: 45px;
          left: 0; } }
  .format .quote-author, .format .quote {
    color: #fff; }
  .format .section-header {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff; }
  @media screen and (max-width: 639px) {
    .format .frame {
      padding-top: 20px; }

    .format.page .page-backlink {
      left: 0;
      top: 40px; }


    .format .question {
      margin-left: 50px; }
      .format .question:before {
        left: -52px; }

    .format .section-sharethis {
      padding-bottom: 0; }

    .format .widequote {
      left: 0; }
 }

.page-content {
  padding-bottom: 30px; }
  @media screen and (max-width: 639px) {
    .page-content {
      padding-bottom: 0; } }

.contentpage.format-appwithformat .container.narrow::after, .contentpage.format-appwithformat .local-header > .container > ul > li.narrow::after {
  content: '';
  display: block;
  clear: both; }
.contentpage.format-appwithformat .e-avatar {
  width: 70px;
  border-radius: 100%; }
.contentpage.format-appwithformat .e-name {
  font-size: 20px;
  font-weight: 900; }
  @media screen and (max-width: 639px) {
    .contentpage.format-appwithformat .e-name {
      font-size: 18px; } }
.contentpage.format-appwithformat .page-content {
  overflow-x: visible; }
.contentpage.format-appwithformat .c-person {
  width: 50%;
  min-width: 285px; }
  .contentpage.format-appwithformat .c-person .e-person-information {
    max-width: 200px; }
  .contentpage.format-appwithformat .c-person .e-function {
    font-size: 16px; }
  .contentpage.format-appwithformat .c-person.v-left {
    float: left;
    text-align: left; }
    .contentpage.format-appwithformat .c-person.v-left .e-avatar {
      float: left;
      margin-right: 15px; }
    .contentpage.format-appwithformat .c-person.v-left .e-person-information {
      float: left; }
  .contentpage.format-appwithformat .c-person.v-right {
    float: right;
    text-align: right;
    padding-bottom: 15px; }
    .contentpage.format-appwithformat .c-person.v-right .e-avatar {
      float: right;
      margin-left: 15px; }
    .contentpage.format-appwithformat .c-person.v-right .e-person-information {
      float: right; }
  @media screen and (max-width: 959px) {
    .contentpage.format-appwithformat .c-person {
      min-width: 225px; }
      .contentpage.format-appwithformat .c-person .e-person-information {
        max-width: 140px; } }
.contentpage.format-appwithformat .c-app-message {
  position: relative;
  /* TODO: Would be nice if we could add the .e-text to the generated p
       from the rich text editor */ }
  .contentpage.format-appwithformat .c-app-message .e-avatar {
    position: absolute;
    bottom: 10px; }
  .contentpage.format-appwithformat .c-app-message .e-figure {
    cursor: pointer;
    position: relative; }
    .contentpage.format-appwithformat .c-app-message .e-figure:after {
      content: "\f172";
      background-color: #feb900;
      bottom: 0;
      color: #fff;
      font-size: 25px;
      height: 40px;
      line-height: 40px;
      position: absolute;
      right: 0;
      text-align: center;
      width: 40px;
      z-index: 20; }
    .contentpage.format-appwithformat .c-app-message .e-figure:hover::after, .contentpage.format-appwithformat .c-app-message .e-figure:focus::after {
      background-color: #111f39; }
  .contentpage.format-appwithformat .c-app-message .e-message {
    position: relative;
    width: calc(100% - 90px);
    margin-bottom: 25px; }
  .contentpage.format-appwithformat .c-app-message .e-title {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    padding-bottom: 5px; }
    .contentpage.format-appwithformat .c-app-message .e-title .e-time {
      font-size: 20px;
      font-weight: 300;
      color: #4F596D;
      opacity: 0.8; }
      @media screen and (max-width: 639px) {
        .contentpage.format-appwithformat .c-app-message .e-title .e-time {
          font-size: 18px; } }
  .contentpage.format-appwithformat .c-app-message .e-text, .contentpage.format-appwithformat .c-app-message p {
    padding-left: 25px;
    padding-right: 25px;
    font-family: Segoe UI Emoji, Heijmans, Arial, sans-serif;
    margin: 0;
    padding-bottom: 15px; }
  .contentpage.format-appwithformat .c-app-message.v-left .e-avatar {
    left: 0;
    margin-right: 15px; }
  .contentpage.format-appwithformat .c-app-message.v-left .e-message {
    background-color: #a4b3bb;
    left: 90px; }
    .contentpage.format-appwithformat .c-app-message.v-left .e-message::after {
      content: ' ';
      position: absolute;
      bottom: 0;
      left: -20px;
      width: 0;
      height: 0;
      border-bottom: 20px solid #a4b3bb;
      border-left: 20px solid transparent;
      border-top: 20px solid transparent; }
  .contentpage.format-appwithformat .c-app-message.v-right .e-avatar {
    right: 0;
    margin-left: 15px; }
  .contentpage.format-appwithformat .c-app-message.v-right .e-message {
    background-color: #fff; }
    .contentpage.format-appwithformat .c-app-message.v-right .e-message::after {
      content: ' ';
      position: absolute;
      bottom: 0;
      right: -20px;
      width: 0;
      height: 0;
      border-bottom: 20px solid #fff;
      border-right: 20px solid transparent;
      border-top: 20px solid transparent; }
  @media screen and (max-width: 639px) {
    .contentpage.format-appwithformat .c-app-message .e-message {
      width: calc(100% - 20px); }

    .contentpage.format-appwithformat .c-app-message .e-avatar {
      display: none; }

    .contentpage.format-appwithformat .c-app-message.v-left .e-message {
      left: 20px; }

 }

.c-lightbox {
  background: rgba(17, 31, 57, 0.88);
  bottom: 0;
  cursor: pointer;
  height: 0;
  left: 0;
  margin: auto;
  position: fixed;
  right: 0;
  top: 0;
  transition: height 200ms ease-in, width 200ms ease-in;
  width: 0;
  z-index: -1; }
  .c-lightbox.active {
    height: 100%;
    width: 100%;
    z-index: 2000; }
    .c-lightbox.active .e-content {
      overflow: hidden; }
    .c-lightbox.active .e-image-container::after {
      display: block; }
  .c-lightbox.becoming-active .e-image-container::after {
    display: none; }
  .c-lightbox.becoming-inactive {
    z-index: 2000; }
  .c-lightbox .e-content {
    height: 100%;
    position: relative; }
  .c-lightbox .e-image-positioner {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0; }
  .c-lightbox .e-image-container {
    position: relative; }
    .c-lightbox .e-image-container:after {
      content: "\f13d";
      background: #feb900;
      color: #fff;
      display: none;
      height: 40px;
      line-height: 40px;
      position: absolute;
      right: 0;
      text-align: center;
      top: 0;
      width: 40px;
      z-index: 20; }
  .c-lightbox img {
    height: 100%;
    width: 100%; }

.format-theme-provada2016 .format {
  background: #fff; }
  .format-theme-provada2016 .format .frame.page-content, .format-theme-provada2016 .format .frame.frame-light {
    background: #fff; }
    .format-theme-provada2016 .format .frame.page-content figcaption, .format-theme-provada2016 .format .frame.frame-light figcaption {
      background-color: #e6e6e5; }
    .format-theme-provada2016 .format .frame.page-content .fake-slide, .format-theme-provada2016 .format .frame.frame-light .fake-slide {
      background-color: #e6e6e5; }
    .format-theme-provada2016 .format .frame.page-content .pullquote .quote, .format-theme-provada2016 .format .frame.page-content .pullquote .quote-author, .format-theme-provada2016 .format .frame.page-content .widequote .quote, .format-theme-provada2016 .format .frame.page-content .widequote .quote-author, .format-theme-provada2016 .format .frame.frame-light .pullquote .quote, .format-theme-provada2016 .format .frame.frame-light .pullquote .quote-author, .format-theme-provada2016 .format .frame.frame-light .widequote .quote, .format-theme-provada2016 .format .frame.frame-light .widequote .quote-author {
      color: #A4B3BB; }
    .cssgradients.no-touch .format-theme-provada2016 .format .frame.page-content .related-item .action .focus-label, .cssgradients.no-touch .format-theme-provada2016 .format .frame.frame-light .related-item .action .focus-label {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e6e6e5), color-stop(50.01%, #e6e6e5));
      background-image: -webkit-linear-gradient(left, color-stop(#e6e6e5 50%), color-stop(#feb900 50.01%));
      background-image: linear-gradient(to right, #e6e6e5 50%, #feb900 50.01%);
      background-repeat: repeat-x; }
    .format-theme-provada2016 .format .frame.page-content .related-item .action .link-more, .format-theme-provada2016 .format .frame.frame-light .related-item .action .link-more {
      background-color: #fff;
      color: #111f39; }
    .format-theme-provada2016 .format .frame.page-content .related-item:active .link-more, .format-theme-provada2016 .format .frame.page-content .related-item:hover .link-more, .format-theme-provada2016 .format .frame.page-content .related-item:focus .link-more, .format-theme-provada2016 .format .frame.frame-light .related-item:active .link-more, .format-theme-provada2016 .format .frame.frame-light .related-item:hover .link-more, .format-theme-provada2016 .format .frame.frame-light .related-item:focus .link-more {
      color: #fff;
      background-color: #feb900; }
    .format-theme-provada2016 .format .frame.page-content .related-item .content, .format-theme-provada2016 .format .frame.frame-light .related-item .content {
      background-color: #e6e6e5; }
  .format-theme-provada2016 .format span.deepening:active, .format-theme-provada2016 .format span.deepening:focus, .format-theme-provada2016 .format span.deepening:hover {
    color: #4F596D; }
.format-theme-provada2016 .deepening-widget .arrow-up {
  border-bottom-color: #e6e6e5; }
.format-theme-provada2016 .deepening-widget .richtext {
  background-color: #e6e6e5; }

.type-label.format-howisformat-provada2016, .type-label.format-alongthelineformat-provada2016 {
  background-image: url('/static/img/format_provada.svg?97c992b3a64c'); }

.c-lift {
  transition: opacity 500ms;
  opacity: 1;
  position: fixed;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  width: 80px;
  top: 50vh;
  transform: translate3d(0, 0, 0);
  z-index: 15000;
  pointer-events: none; }
  @media screen and (max-width: 959px) {
    .c-lift {
      left: auto;
      right: 50px; } }
  .c-lift.is-menu-open {
    pointer-events: inherit; }
    .c-lift.is-menu-open .e-notch {
      transition: 500ms transform 500ms; }
      .c-lift.is-menu-open .e-notch.v-section:not(.is-current) {
        border-color: #feb900; }
        .c-lift.is-menu-open .e-notch.v-section:not(.is-current) > span {
          color: #feb900;
          cursor: pointer; }
        .c-lift.is-menu-open .e-notch.v-section:not(.is-current) > h3 {
          cursor: pointer; }
    .c-lift.is-menu-open .e-notch.v-section > h3 {
      opacity: 1;
      transition: 200ms opacity; }
    .c-lift.is-menu-open .e-notch.v-section.is-current > h3 {
      color: #036; }
    .c-lift.is-menu-open .e-notch.v-section.is-current > h2 {
      display: none; }
    .c-lift.is-menu-open .e-notch:not(.v-section) {
      opacity: 0;
      transition: 500ms opacity; }
  .c-lift .e-notch {
    box-sizing: border-box;
    width: 80px;
    height: 125px;
    border-top: 5px solid #feb900;
    position: relative;
    transition: 500ms opacity 500ms; }
    .c-lift .e-notch:first-child {
      opacity: 0; }
    .c-lift .e-notch > span {
      display: block;
      text-transform: uppercase;
      font-size: 12px;
      text-align: right;
      color: #feb900;
      padding-top: 3px;
      font-weight: 700;
      -webkit-font-smoothing: antialiased; }
    .c-lift .e-notch.v-section {
      transition: 500ms transform;
      border-color: #036; }
      .c-lift .e-notch.v-section > span {
        color: #036; }
      .c-lift .e-notch.v-section > h2 {
        position: absolute;
        top: -55px;
        font-size: 40px;
        opacity: 0;
        color: #036;
        font-weight: 700;
        text-transform: uppercase;
        transition: 200ms opacity;
        letter-spacing: 0.5px; }
        @media screen and (max-width: 959px) {
          .c-lift .e-notch.v-section > h2 {
            right: 0;
            font-size: 44px;
            font-weight: 900; } }
      .c-lift .e-notch.v-section > h3 {
        position: absolute;
        top: -9px;
        right: 100px;
        text-transform: uppercase;
        color: #feb900;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        opacity: 0;
        transition: 200ms opacity; }
      .c-lift .e-notch.v-section.is-current > h2 {
        opacity: 1;
        transition: 500ms 250ms opacity; }

.is-detail-open .c-lift {
  opacity: 0;
  transition: opacity 200ms; }

.c-lift-buttons {
  position: fixed;
  right: 0;
  height: 100vh;
  bottom: 0;
  z-index: 10000;
  transition: 200ms opacity;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }
  @media screen and (max-width: 959px) {
    .c-lift-buttons {
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      width: 100%;
      bottom: 0;
      right: auto;
      height: 80px; } }
  .c-lift-buttons > .e-lift-button {
    appearance: none;
    font-size: 0;
    outline: none;
    border: none;
    width: 80px;
    height: 80px;
    background-size: 26px 16px;
    background-color: transparent;
    transition: 200ms opacity, 200ms background; }
    .c-lift-buttons > .e-lift-button[disabled] {
      opacity: 0;
      transition: 200ms opacity; }
    .c-lift-buttons > .e-lift-button polygon {
      fill: #feb900;
      transition: 200ms fill; }
    .c-lift-buttons > .e-lift-button:hover polygon {
      fill: #036;
      transition: 200ms fill; }

.is-menu-open .c-lift-buttons {
  opacity: 0;
  transition: 200ms opacity; }

.c-specials-building {
  width: 100vw;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }
  .c-specials-building > svg {
    height: 50%; }

.is-detail-open .global-header.hide:after {
  display: none; }

.special-mobile {
  background-color: #B3C3CA; }
  .special-mobile img {
    max-width: 100% !important; }

.c-specials-detail {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: #b4c5cc;
  padding: 0 0 180px;
  min-height: 200vh;
  -webkit-transform: translate3d(75vw, 0, -50vw) rotateY(90deg);
  transform: translate3d(75vw, 0, -50vw) rotateY(90deg);
  opacity: 0;
  backface-visibility: hidden;
  -webkit-transition: 1s -webkit-transform, 250ms opacity 250ms;
  transition: 1s transform, 250ms opacity 250ms;
  pointer-events: none; }
  .c-specials-detail.is-open {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg);
    transform: translate3d(0, 0, 0) rotateY(0deg); }
  .c-specials-detail h2 {
    font-size: 40px; }
  .c-specials-detail p {
    font-size: 18px;
    line-height: 26px; }
  .c-specials-detail .c-visual-composition {
    margin-bottom: 70px;
    margin-left: -80px;
    margin-top: 45px;
    width: 800px; }
    .c-specials-detail .c-visual-composition figcaption {
      padding: 0 0 0 20px;
      width: 260px; }
      .c-specials-detail .c-visual-composition figcaption p {
        font-size: 15px;
        line-height: 17px; }
    .c-specials-detail .c-visual-composition.v-variation-1 .e-visual.v-second {
      margin-left: 80px;
      margin-bottom: 0; }
    @media screen and (max-width: 959px) {
      .c-specials-detail .c-visual-composition {
        margin-left: 80px; }
        .c-specials-detail .c-visual-composition .e-visual.v-second {
          display: none; } }
  .c-specials-detail .e-button.v-meta.v-close:before {
    content: "\f13d";
    font-weight: 600; }
  .c-specials-detail .e-scroll-to-top .e-description {
    color: #fff;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    margin-right: 20px; }
  .c-specials-detail .e-scroll-to-top .e-button:before {
    content: "\f12d";
    font-weight: 600;
    position: relative;
    top: 3px; }
  .c-specials-detail .e-scroll-to-top:hover {
    cursor: pointer; }
    .c-specials-detail .e-scroll-to-top:hover .e-description {
      color: #111f39; }
    .c-specials-detail .e-scroll-to-top:hover .e-button.v-meta:before {
      color: #111f39; }
  .c-specials-detail .figure-small {
    margin-top: 0;
    padding: 0;
    width: auto; }
    .c-specials-detail .figure-small img {
      display: inline; }
    .c-specials-detail .figure-small figcaption {
      border-top: 2px solid #fff;
      margin-top: 15px; }
      .c-specials-detail .figure-small figcaption cite {
        color: #fff; }
  .c-specials-detail .figure-small.right {
    margin-right: -100px;
    right: -60px;
    text-align: left; }
  .c-specials-detail .figure-small.left {
    left: -60px;
    margin-left: -100px;
    text-align: right; }
  .c-specials-detail .frame {
    padding-top: 27px; }
  .page .c-specials-detail .container, .page .c-specials-detail .local-header > .container > ul > li {
    max-width: 780px;
    padding-right: 80px;
    padding-left: 80px; }
    @media screen and (max-width: 959px) {
      .page .c-specials-detail .container, .page .c-specials-detail .local-header > .container > ul > li {
        padding-right: 20px;
        padding-left: 20px; } }
    .page .c-specials-detail .container.v-bottom-controls, .page .c-specials-detail .local-header > .container > ul > li.v-bottom-controls {
      bottom: 0;
      left: 0;
      max-width: 940px;
      padding: 0;
      position: absolute;
      right: 0;
      text-align: right;
      width: 100%;
      z-index: 6; }
      .page .c-specials-detail .container.v-bottom-controls .section-sharethis .sharethis-content, .page .c-specials-detail .local-header > .container > ul > li.v-bottom-controls .section-sharethis .sharethis-content {
        text-align: center;
        padding-left: 80px; }
        @media screen and (max-width: 959px) {
          .page .c-specials-detail .container.v-bottom-controls .section-sharethis .sharethis-content, .page .c-specials-detail .local-header > .container > ul > li.v-bottom-controls .section-sharethis .sharethis-content {
            padding-left: 0; } }
    .page .c-specials-detail .container.v-top-controls, .page .c-specials-detail .local-header > .container > ul > li.v-top-controls {
      left: 0;
      max-width: 940px;
      padding: 0;
      position: absolute;
      right: 0;
      text-align: right;
      width: 100%;
      z-index: 6; }
  .page .c-specials-detail .page-header {
    padding-top: 0;
    min-height: 0;
    height: 540px; }
    .page .c-specials-detail .page-header .visual {
      height: 100%; }
    @media screen and (min-width: 1280px) {
      .page .c-specials-detail .page-header {
        min-height: 660px; } }
    @media screen and (max-width: 1279px) {
      .page .c-specials-detail .page-header {
        height: 340px; } }
  .page .c-specials-detail .page-intro {
    line-height: 30px;
    margin-top: -50px;
    text-align: left; }
    .page .c-specials-detail .page-intro .header {
      color: #111f39;
      font-weight: 400;
      margin-bottom: 15px; }
  .c-specials-detail .quote {
    color: #fff;
    font-size: 24px;
    line-height: 30px; }
  .c-specials-detail .richtext::after {
    content: '';
    display: block;
    clear: both; }
  .c-specials-detail .slideshow-inline {
    margin-bottom: 35px;
    margin-left: -160px;
    width: calc(100% + 320px); }
    @media screen and (max-width: 959px) {
      .c-specials-detail .slideshow-inline {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px); } }
    .c-specials-detail .slideshow-inline .slideshow-container {
      height: auto;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 35px;
      width: 100%; }
      .c-specials-detail .slideshow-inline .slideshow-container .swiper-container {
        width: 100%; }
      .c-specials-detail .slideshow-inline .slideshow-container .slideshow-nav::before {
        background: rgba(17, 31, 57, 0.5);
        border: none;
        border-radius: 0;
        font-weight: 600;
        height: 60px;
        left: 0;
        line-height: 40px;
        right: 0;
        width: 60px; }
      .c-specials-detail .slideshow-inline .slideshow-container .slideshow-nav.next {
        right: 0; }
      .c-specials-detail .slideshow-inline .slideshow-container .slideshow-nav.prev {
        left: 0; }
    .c-specials-detail .slideshow-inline .fake-slide {
      display: none; }
    @media screen and (max-width: 959px) {
      .c-specials-detail .slideshow-inline .e-caption {
        padding-left: 20px; }
 }
  @media screen and (min-width: 960px) {
    .c-specials-detail .widequote {
      left: -80px;
      width: calc(100% + 160px); } }

.c-specials-section .c-specials-header {
  -webkit-transition: 1s -webkit-transform;
  transition: 1s transform;
  backface-visibility: hidden; }
.c-specials-section.is-open .c-specials-header {
  -webkit-transform: translate3d(-50vw, 0, -50vw) rotateY(-90deg);
  transform: translate3d(-50vw, 0, -50vw) rotateY(-90deg);
  backface-visibility: hidden;
  -webkit-transition: 1s -webkit-transform;
  transition: 1s transform; }
.c-specials-section.is-open .c-specials-detail {
  -webkit-transform: translate3d(0, 0, 0) rotateY(0deg);
  transform: translate3d(0, 0, 0) rotateY(0deg);
  -webkit-transition: 1s -webkit-transform, 500ms opacity;
  transition: 1s transform, 500ms opacity; }

@media all and (-ms-high-contrast: none) {
  .c-specials-detail {
    transform: translate3d(100vw, 0, 0);
    transition: 1s transform; }

  .c-specials-section.is-open .c-specials-header {
    transform: translate3d(-100vw, 0, 0);
    transition: 1s transform; }
  .c-specials-section.is-open .c-specials-detail {
    transform: translate3d(0, 0, 0);
    transition: 1s transform; }
 }

.c-specials-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  -webkit-align-self: center;
  -moz-align-self: center;
  align-self: center; }
  @media screen and (max-width: 959px) {
    .c-specials-header {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      height: 100vh; } }
  .c-specials-header .e-specials-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    flex: 1;
    box-sizing: border-box;
    padding: 20px; }
    .c-specials-header .e-specials-info > h2 {
      color: #feb900;
      font-size: 28px;
      font-weight: 400;
      line-height: 1.15;
      margin-bottom: 0.25em;
      text-transform: uppercase; }
    .c-specials-header .e-specials-info > p {
      max-width: 22em;
      font-size: 14px;
      line-height: 1.5;
      font-weight: 100;
      color: #000;
      margin-bottom: 0.25em; }
    .c-specials-header .e-specials-info .e-read-more {
      -webkit-appearance: none;
      -moz-appearance: none;
      font-size: 14px;
      line-height: 1.5;
      border: none;
      outline: none;
      background: none;
      padding: 0;
      display: block;
      white-space: nowrap;
      color: #feb900;
      text-decoration: none; }
      .c-specials-header .e-specials-info .e-read-more:after {
        content: "\f12c"; }
      .c-specials-header .e-specials-info .e-read-more:after {
        font-size: 7px;
        line-height: 1;
        position: relative;
        top: -1px; }
      .c-specials-header .e-specials-info .e-read-more:hover {
        color: #036; }
  .c-specials-header .e-specials-button {
    background-color: #feb900;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: none;
    display: block;
    width: 80px;
    height: 80px;
    font-size: 0;
    right: 0; }
    .c-specials-header .e-specials-button:active, .c-specials-header .e-specials-button:hover, .c-specials-header .e-specials-button:focus, a:active .c-specials-header .e-specials-button, a:hover .c-specials-header .e-specials-button, a:focus .c-specials-header .e-specials-button {
      background-color: #036; }
    .cssgradients .c-specials-header .e-specials-button {
      -webkit-transition: background-position 0.1s linear;
      transition: background-position 0.1s linear;
      background-color: transparent;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(48.999%, #feb900), color-stop(49%, #feb900));
      background-image: -webkit-linear-gradient(left, color-stop(#feb900 48.999%), color-stop(#036 49%));
      background-image: linear-gradient(to right, #feb900 48.999%, #036 49%);
      background-repeat: repeat-x;
      background-position: left top;
      background-size: 206% auto; }
      .cssgradients .c-specials-header .e-specials-button:active, .cssgradients .c-specials-header .e-specials-button:hover, .cssgradients .c-specials-header .e-specials-button:focus, a:active .cssgradients .c-specials-header .e-specials-button, a:hover .cssgradients .c-specials-header .e-specials-button, a:focus .cssgradients .c-specials-header .e-specials-button {
        background-color: transparent;
        background-position: right top; }
    .c-specials-header .e-specials-button:after {
      margin-left: -10px;
      font-size: 28px; }
  .c-specials-header .e-header-section {
    transition: 500ms all;
    transition-timing-function: cubic-bezier(0.37, 0.645, 0.395, 1.125);
    opacity: 0.1; }
    .c-specials-header .e-header-section:first-child {
      -webkit-box-flex: 5;
      -webkit-flex: 5;
      -moz-box-flex: 5;
      -moz-flex: 5;
      flex: 5;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1;
      transform-origin: left center;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); }
    .c-specials-header .e-header-section:last-child {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      -moz-box-flex: 2;
      -moz-flex: 2;
      flex: 2;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -moz-order: 2;
      -ms-flex-order: 2;
      order: 2;
      transform-origin: right center;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); }
      .c-specials-header .e-header-section:last-child > .e-specials-info, .c-specials-header .e-header-section:last-child > .e-specials-button {
        opacity: 0;
        transition: 200ms opacity; }
  .c-specials-header.v-second .e-header-section:first-child {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    transform-origin: right center;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  .c-specials-header.v-second .e-header-section:last-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    transform-origin: left center;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
    .c-specials-header.v-second .e-header-section:last-child > .e-specials-button {
      margin-left: auto; }
  .c-specials-header.v-bottom section.e-header-section {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end; }

.e-specials-image {
  background-size: cover;
  background-position: center center;
  box-sizing: border-box;
  position: relative; }
  .e-specials-image > img {
    display: none; }
  .e-specials-image > video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .e-specials-image.v-main {
    max-height: calc(100vh - 80px);
    max-width: calc(100vh - 80px);
    position: relative; }
    @media screen and (max-width: 959px) {
      .e-specials-image.v-main {
        max-height: 55vh;
        max-width: 100vh;
        width: 100%; } }
    .e-specials-image.v-main:before {
      content: "";
      display: block;
      padding-top: 100%; }
  .e-specials-image.v-second {
    max-width: 40vh;
    min-width: 200px; }
    .e-specials-image.v-second:before {
      content: "";
      display: block;
      padding-top: 100%; }
    @media screen and (max-width: 959px) {
      .e-specials-image.v-second {
        display: none; } }

.c-specials-header section.e-header-section {
  max-width: 40vh; }
  @media screen and (max-width: 959px) {
    .c-specials-header section.e-header-section {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column; } }

.c-specials-section.is-current .c-specials-header .e-header-section {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: 720ms 500ms all;
  transition-timing-function: ease;
  opacity: 1; }

.c-specials-section.is-current .c-specials-header section.e-header-section {
  transition-delay: 750ms; }
  .c-specials-section.is-current .c-specials-header section.e-header-section > .e-specials-info, .c-specials-section.is-current .c-specials-header section.e-header-section > .e-specials-button {
    opacity: 1; }
  .c-specials-section.is-current .c-specials-header section.e-header-section > .e-specials-info {
    transition: 750ms opacity 1250ms; }
  .c-specials-section.is-current .c-specials-header section.e-header-section .e-specials-button {
    transition: 750ms opacity 1100ms, background-position 0.1s linear; }

@media all and (-ms-high-contrast: none) {
  .c-specials-header {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    margin: auto;
    max-width: 768px; }
 }

@media all and (min-height: 800px) and (-ms-high-contrast: none) {
  .c-specials-section:not(.v-intro) .c-specials-header {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    margin: auto;
    max-width: 1024px; }
 }

@media all and (min-height: 1024px) and (min-width: 1440px) and (-ms-high-contrast: none) {
  .c-specials-section:not(.v-intro) .c-specials-header {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    margin: auto;
    max-width: 1280px; }
 }

.c-specials-section {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  transition: opacity 200ms;
  background-size: cover;
  background-position: 50% 50%;
  padding: 80px;
  color: #111f39;
  position: relative;
  overflow: hidden;
  perspective: 2000px;
  perspective-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex; }
  @media screen and (max-width: 959px) {
    .c-specials-section {
      padding: 0; } }
  .c-specials-section > .e-logo {
    display: block;
    max-width: 98px !important;
    position: absolute;
    top: 2vw;
    left: 2vw; }
    @media screen and (max-width: 959px) {
      .c-specials-section > .e-logo {
        left: 4vw;
        bottom: auto;
        top: 4vw; } }
  .c-specials-section.v-intro {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    z-index: 12000;
    overflow: hidden;
    opacity: 1;
    transition: 500ms opacity; }
    .c-specials-section.v-intro:not(.is-outro) .is-outro {
      display: none; }
    .c-specials-section.v-intro .e-video {
      position: absolute;
      top: 50vh;
      left: 50vw;
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      min-width: 100vw;
      min-height: 100vh;
      width: auto;
      height: auto; }
    .c-specials-section.v-intro > header {
      text-transform: uppercase;
      -webkit-font-smoothing: antialiased;
      width: 100%;
      -webkit-align-self: center;
      -moz-align-self: center;
      align-self: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
      @media screen and (max-width: 959px) {
        .c-specials-section.v-intro > header {
          padding: 40px; } }
      .c-specials-section.v-intro > header > h1 {
        position: relative;
        font-weight: 700;
        color: #036;
        font-size: 54px;
        text-align: center; }
        .c-specials-section.v-intro > header > h1.is-intro {
          margin-right: 300px; }
          .c-specials-section.v-intro > header > h1.is-intro > .e-highlight {
            position: absolute;
            display: block;
            color: #fff;
            right: -90px;
            top: -100%; }
          @media screen and (max-width: 959px) {
            .c-specials-section.v-intro > header > h1.is-intro {
              margin-right: 0; }
              .c-specials-section.v-intro > header > h1.is-intro > .e-highlight {
                position: relative;
                right: auto;
                top: auto; } }
          .c-specials-section.v-intro > header > h1.is-intro > .e-subtitle {
            position: absolute;
            display: block;
            left: 100%;
            font-size: 18px;
            font-weight: 700;
            white-space: nowrap;
            text-align: left;
            margin-left: 20px;
            margin-top: 5px;
            color: #036; }
            @media screen and (max-width: 959px) {
              .c-specials-section.v-intro > header > h1.is-intro > .e-subtitle {
                white-space: normal;
                left: 62%; } }
        .c-specials-section.v-intro > header > h1.is-outro > .e-subtitle {
          display: block;
          font-size: 18px;
          font-weight: 700;
          white-space: nowrap;
          color: #036; }
      .c-specials-section.v-intro > header > button {
        margin-top: 5px;
        outline: none;
        width: 80px;
        height: 80px;
        font-size: 0;
        z-index: 1000;
        background-color: #feb900; }
        .c-specials-section.v-intro > header > button:active, .c-specials-section.v-intro > header > button:hover, .c-specials-section.v-intro > header > button:focus, a:active .c-specials-section.v-intro > header > button, a:hover .c-specials-section.v-intro > header > button, a:focus .c-specials-section.v-intro > header > button {
          background-color: #036; }
        .cssgradients .c-specials-section.v-intro > header > button {
          -webkit-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
          background-color: transparent;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(48.999%, #feb900), color-stop(49%, #feb900));
          background-image: -webkit-linear-gradient(top, #feb900 48.999%, #036 49%);
          background-image: linear-gradient(to bottom, #feb900 48.999%, #036 49%);
          background-repeat: repeat-x;
          background-position: left top;
          background-size: auto 206%; }
          .cssgradients .c-specials-section.v-intro > header > button:active, .cssgradients .c-specials-section.v-intro > header > button:hover, .cssgradients .c-specials-section.v-intro > header > button:focus, a:active .cssgradients .c-specials-section.v-intro > header > button, a:hover .cssgradients .c-specials-section.v-intro > header > button, a:focus .cssgradients .c-specials-section.v-intro > header > button {
            background-color: transparent;
            background-position: left bottom; }
        .c-specials-section.v-intro > header > button:after {
          font-weight: 700;
          font-size: 28px;
          margin-left: 0; }
        .c-specials-section.v-intro > header > button.is-hidden {
          opacity: 0;
          transition: 200ms opacity; }
      .c-specials-section.v-intro > header > p {
        position: absolute; }
    .c-specials-section.v-intro.is-outro {
      background-size: contain;
      background-color: #FBFCFE;
      background-repeat: no-repeat;
      z-index: 9000; }
      .c-specials-section.v-intro.is-outro .e-video {
        display: none; }
      .c-specials-section.v-intro.is-outro .is-intro {
        display: none; }
      .c-specials-section.v-intro.is-outro .e-logo {
        opacity: 0; }
      .c-specials-section.v-intro.is-outro button {
        display: none; }
      .c-specials-section.v-intro.is-outro .sharethis-content {
        width: 203px;
        overflow: hidden; }
      .c-specials-section.v-intro.is-outro .sharethis-list li:last-child {
        margin-right: 0; }
  .c-specials-section .e-related {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center; }
    .c-specials-section .e-related > ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      padding: 20px 40px 5px;
      text-align: left; }
      .c-specials-section .e-related > ul > li {
        max-width: 360px;
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -moz-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center; }
        .c-specials-section .e-related > ul > li a {
          text-decoration: none;
          display: inline-block; }
        .c-specials-section .e-related > ul > li figure {
          float: left;
          width: 80px;
          height: 80px;
          background-color: #eee;
          margin-right: 10px; }
        .c-specials-section .e-related > ul > li h3 {
          color: #036;
          text-transform: uppercase;
          font-size: 15px;
          line-height: 120%;
          margin-bottom: 5px;
          -webkit-font-smoothing: antialiased;
          margin-left: 90px;
          max-width: 200px; }
        .c-specials-section .e-related > ul > li p {
          font-size: 13px;
          max-width: 200px;
          position: relative;
          color: #036;
          margin-left: 90px; }
          .c-specials-section .e-related > ul > li p:after {
            content: "";
            position: absolute;
            bottom: -10px;
            width: 30px;
            height: 2px;
            left: 0;
            background-color: #036; }
          .c-specials-section .e-related > ul > li p:hover {
            color: #036; }
    .c-specials-section .e-related .e-hr {
      position: relative;
      text-align: center;
      text-transform: uppercase;
      font-size: 13px;
      display: inline-block;
      color: #A4B3BB; }
      .c-specials-section .e-related .e-hr:before, .c-specials-section .e-related .e-hr:after {
        content: "";
        display: block;
        position: absolute;
        width: 50vw;
        background-color: rgba(164, 179, 187, 0.5);
        height: 1px;
        top: 40%; }
      .c-specials-section .e-related .e-hr:before {
        right: 110%; }
      .c-specials-section .e-related .e-hr:after {
        left: 110%; }
    @media screen and (max-width: 959px) {
      .c-specials-section .e-related {
        display: none; } }

.is-menu-open .c-specials-section.v-intro.is-outro {
  opacity: 0;
  transition: 500ms opacity; }

.is-fast-elevating .c-specials-section {
  opacity: 0; }

@media all and (-ms-high-contrast: none) {
  .c-specials-section .e-related > ul {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    margin: auto;
    max-width: 768px; }
 }

@media (min-width: 1024px) and (-ms-high-contrast: none) {
  .c-specials-section .e-related > ul {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    margin: auto;
    max-width: 1024px; }
 }

.c-specials-menu {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  z-index: 10000;
  opacity: 1;
  transition: 200ms transform, 100ms opacity;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }
  @media screen and (max-width: 959px) {
    .c-specials-menu {
      display: none; } }
  .c-specials-menu > button {
    appearance: none;
    outline: none;
    border: none;
    background-color: transparent;
    width: 80px;
    height: 80px;
    position: relative;
    perspective: 50px; }
    .c-specials-menu > button > div {
      position: absolute;
      top: 0; }
    .c-specials-menu > button span {
      display: block;
      margin-top: -25px;
      color: #A4B3BB;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 11px;
      transition: 200ms color; }
    .c-specials-menu > button svg path, .c-specials-menu > button svg polygon {
      fill: #feb900; }
    .c-specials-menu > button:hover span {
      color: #036;
      transition: 200ms color; }
  .c-specials-menu .e-menu-plane {
    pointer-events: none;
    opacity: 0;
    height: 100%;
    position: fixed;
    top: 0;
    left: 80px;
    right: 0;
    transition: 200ms opacity; }
  .c-specials-menu .e-menu-colofon {
    position: fixed;
    bottom: calc(50vh - 245px);
    left: 65vw; }
    .c-specials-menu .e-menu-colofon > h3 {
      color: #828F9C;
      -webkit-font-smoothing: antialiased;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 100%;
      margin-bottom: 10px; }
    .c-specials-menu .e-menu-colofon > p {
      font-size: 13px;
      line-height: 135%;
      max-width: 220px; }
  .c-specials-menu .e-logo {
    display: block;
    position: absolute;
    top: 2vw;
    right: 2vw; }
  .c-specials-menu .e-close {
    transform: translate3d(15px, 0, -15px) rotateY(90deg);
    transition: 200ms transform, 100ms opacity;
    opacity: 0; }
  .c-specials-menu .e-open {
    transform: translate3d(0, 0, 0) rotateX(0deg);
    transition: 200ms transform, 100ms opacity;
    opacity: 1; }

.is-menu-open .c-specials-menu .e-menu-plane {
  pointer-events: auto;
  opacity: 1;
  transition: 200ms opacity; }
.is-menu-open .e-close {
  transform: translate3d(0, 0, 0) rotateY(0deg);
  transition: 200ms transform, 100ms opacity;
  opacity: 1; }
.is-menu-open .e-open {
  transform: translate3d(-15px, 0, -15px) rotateY(-90deg);
  transition: 200ms transform, 100ms opacity;
  opacity: 0; }

.is-animated-scrolling .c-specials-menu, .is-fast-elevating .c-specials-menu {
  opacity: 0;
  pointer-events: none;
  transition: 200ms transform, 100ms opacity; }

.usp-list {
  counter-reset: usps;
  display: block;
  list-style: none;
  margin: 0 auto;
  padding: 0 0 2em; }
  .usp-list .usp-item {
    display: block;
    list-style: none;
    margin: 0 auto 40px;
    max-width: 790px;
    padding: 0 0 0 60px;
    position: relative; }
    .usp-list .usp-item.has-visual {
      max-width: 530px; }
      .usp-list .usp-item.has-visual .usp-visual {
        position: absolute;
        z-index: 0; }
    .usp-list .usp-item.visual-right {
      margin-bottom: 20px;
      margin-left: 0;
      margin-top: 75px; }
      .usp-list .usp-item.visual-right .usp-content {
        min-height: 275px; }
      .usp-list .usp-item.visual-right .usp-visual {
        left: 380px;
        top: -75px; }
    .usp-list .usp-item.visual-left {
      margin-bottom: 60px;
      margin-right: 0;
      max-width: 510px;
      min-height: 440px; }
      .usp-list .usp-item.visual-left .usp-visual {
        left: -410px;
        top: 80px; }
    .usp-list .usp-item.novisual-left {
      margin-left: 0; }
    .usp-list .usp-item.novisual-right {
      margin-right: 0; }
    .usp-list .usp-item .usp-header {
      color: #111f39;
      line-height: 1.2;
      margin-bottom: -15px;
      padding-bottom: 0.75em;
      position: relative;
      z-index: 10;
      position: relative;
      position: relative; }
      .usp-list .usp-item .usp-header::before {
        content: counter(usps);
        counter-increment: usps;
        display: inline-block;
        left: 0;
        position: absolute;
        top: 0;
        font-size: 70px;
        font-weight: 300;
        line-height: 1;
        color: #111f39;
        left: -60px;
        top: -4px;
        z-index: 10; }
        @media screen and (max-width: 639px) {
          .usp-list .usp-item .usp-header::before {
            font-size: 56px; } }
      .usp-list .usp-item .usp-header:after {
        background-color: #111f39;
        bottom: 0;
        content: '';
        display: inline-block;
        height: 4px;
        position: absolute;
        width: 60px;
        left: 0; }
      @media screen and (max-width: 639px) {
        .usp-list .usp-item .usp-header {
          position: relative; }
          .usp-list .usp-item .usp-header:after {
            background-color: #111f39;
            bottom: 0;
            content: '';
            display: inline-block;
            height: 3px;
            position: absolute;
            width: 45px;
            left: 0; } }
    .usp-list .usp-item .usp-content {
      background: #fff;
      margin-left: -30px;
      padding: 30px;
      position: relative;
      z-index: 1; }
  @media screen and (max-width: 639px) {
    .usp-list {
      margin-bottom: 0; }
      .usp-list .usp-item {
        overflow: hidden;
        margin-bottom: 0;
        margin-left: -20px;
        max-width: initial;
        padding-left: 40px;
        width: 100%;
        width: calc(100% + 40px); }
        .usp-list .usp-item + .usp-item {
          margin-top: 2em; }
        .usp-list .usp-item .usp-content {
          margin-left: -20px;
          margin-top: 15px;
          min-height: initial;
          padding: 0;
          width: 100%; }
          .usp-list .usp-item .usp-content p:last-child {
            margin-bottom: 0; }
        .usp-list .usp-item .usp-header {
          margin-left: 20px; }
          .usp-list .usp-item .usp-header:before {
            left: -42px; }
        .usp-list .usp-item .usp-header + .usp-content {
          margin-top: 2em; }
        .usp-list .usp-item .usp-visual {
          margin-left: -40px;
          width: 100%;
          width: calc(100% + 40px); }
        .usp-list .usp-item.has-visual .usp-visual {
          height: auto;
          margin-top: 35px;
          max-height: 300px;
          max-width: initial;
          position: static; }
          .usp-list .usp-item.has-visual .usp-visual img {
            width: 100%;
            height: auto; }
        .usp-list .usp-item.visual-left, .usp-list .usp-item.visual-right {
          margin-bottom: 0;
          margin-left: -20px;
          max-width: initial; }
          .usp-list .usp-item.visual-left .usp-content, .usp-list .usp-item.visual-right .usp-content {
            min-height: initial; }
        .usp-list .usp-item.visual-right {
          margin-top: -5px; }
        .usp-list .usp-item.novisual-left {
          margin-left: -20px; }
        .usp-list .usp-item .usp-visual + .usp-content {
          margin-top: 0.5em; } }

.contentpage .c-video-simple.frame {
  padding-top: 0;
  padding-bottom: 0; }
  .contentpage .c-video-simple.frame .e-video {
    height: 0;
    padding-bottom: 56.25%;
    position: relative; }
    .contentpage .c-video-simple.frame .e-video iframe {
      height: 100%;
      position: absolute;
      width: 100%; }

.section-video {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #111f39;
  color: #fff;
  cursor: pointer;
  height: 475px;
  overflow: hidden;
  position: relative; }
  .section-video a {
    color: #fff;
    text-decoration: none; }
    .section-video a:hover, .section-video a:focus {
      color: #fff; }
  .section-video figure {
    height: 100%;
    overflow: hidden;
    width: 100%; }
    .section-video figure img {
      height: auto;
      width: 100%; }
  .section-video .figure-blurred {
    opacity: 0;
    position: relative;
    top: -100%; }
  .section-video .container, .section-video .local-header > .container > ul > li {
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5; }
  .section-video .video-container {
    height: 300px;
    width: 300px;
    z-index: 4; }
    .section-video .video-container.status-playing {
      display: block;
      height: 100%;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      top: 0;
      visibility: visible;
      width: 920px; }
    .section-video .video-container.status-stopped {
      display: block;
      height: 100%;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      top: 1000px;
      visibility: hidden;
      width: 920px; }
  .section-video .header {
    margin-left: 9px;
    position: relative;
    top: 159px; }
  .section-video .header-label {
    position: relative;
    font-size: 40px;
    font-weight: 900;
    color: #fff;
    display: block;
    margin-bottom: 11px;
    padding-bottom: 17px; }
    .section-video .header-label:after {
      background-color: #fff;
      bottom: 0;
      content: '';
      display: inline-block;
      height: 6px;
      position: absolute;
      width: 60px;
      left: 0; }
    @media screen and (max-width: 639px) {
      .section-video .header-label {
        font-size: 24px; } }
    @media screen and (min-width: 640px) and (max-width: 959px) {
      .section-video .header-label {
        font-size: 32px;
        line-height: 36px; } }
    @media screen and (max-width: 639px) {
      .section-video .header-label {
        position: relative; }
        .section-video .header-label:after {
          background-color: #fff;
          bottom: 0;
          content: '';
          display: inline-block;
          height: 3px;
          position: absolute;
          width: 45px;
          left: 0; } }
  .section-video .header-title {
    font-size: 40px;
    line-height: 42px;
    color: #fff;
    display: inline-block;
    max-width: 380px; }
    @media screen and (max-width: 639px) {
      .section-video .header-title {
        font-size: 24px;
        line-height: 28px; } }
    @media screen and (min-width: 640px) and (max-width: 959px) {
      .section-video .header-title {
        font-size: 32px;
        line-height: 36px; } }
  .section-video .video-play-button {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #fff;
    display: block;
    height: 70px;
    left: 50%;
    margin: -35px 0 0 -35px;
    position: absolute;
    top: 50%;
    width: 70px; }
  .section-video .icon-play:before {
    content: "\f169";
    color: #fff;
    display: inline-block;
    font-size: 26px;
    left: 17px;
    line-height: 26px;
    position: relative;
    top: 14px;
    vertical-align: middle; }
  .section-video:hover .video-play-button {
    border-color: #feb900; }
  .section-video:hover .icon-play:before {
    color: #feb900; }
  @media screen and (max-width: 959px) {
    .section-video {
      height: 350px;
      width: 100%; }
      .section-video figure img {
        height: 100%;
        width: auto; }
      .section-video .header {
        margin: 0;
        padding-left: 9px;
        padding-top: 10px;
        position: absolute;
        top: 10px; }
      .section-video .header-title {
        max-width: 250px; }
      .section-video .video-container {
        height: 300px;
        width: 100%;
        z-index: 4; }
        .section-video .video-container.status-playing {
          width: 100%; }
        .section-video .video-container.status-stopped {
          width: 100%; } }
  @media screen and (max-width: 639px) {
    .section-video {
      height: 200px; }
      .section-video .header {
        padding-left: 0; }
      .section-video .header-label {
        padding-bottom: 13px; }
        .section-video .header-label:after {
          height: 3px;
          width: 45px; }
      .section-video .video-container {
        height: 200px; }
      .section-video .video-play-button {
        border: 0;
        background-color: #feb900;
        height: 40px;
        width: 40px;
        margin: 0;
        bottom: 0;
        right: 0;
        left: auto;
        top: auto;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0; }
        .section-video .video-play-button .icon-play:before {
          color: #fff;
          content: '\f16d';
          left: 13px;
          top: 5px;
          font-size: 18px; }
      .section-video .icon-play:before {
        font-size: 19px;
        left: 6px;
        top: 0; } }

.swiper-container {
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1; }

.swiper-wrapper {
  -moz-box-sizing: content-box;
  -moz-transform: translate3d(0, 0, 0);
  -moz-transition-duration: 0;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-timing-function: ease;
  -ms-transform: translate3d(0, 0, 0);
  -ms-transition-duration: 0;
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 0;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-timing-function: ease;
  box-sizing: content-box;
  position: relative;
  transform: translate3d(0, 0, 0);
  transition-duration: 0;
  transition-property: transform, left, top;
  transition-timing-function: ease;
  width: 100%; }

.swiper-free-mode > .swiper-wrapper {
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  margin: 0 auto;
  transition-timing-function: ease-out; }

.swiper-slide {
  float: left; }

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x; }

.section-contentfooter {
  clear: both;
  padding-top: 5px;
  padding-bottom: 10px; }
  .section-contentfooter .subheader {
    color: #111f39;
    display: block;
    margin-bottom: 10px; }
  .section-contentfooter .meta-misc-data {
    list-style-type: none;
    margin-bottom: 25px; }
    .section-contentfooter .meta-misc-data li {
      display: inline-block;
      vertical-align: top;
      font-size: 16px; }
      .section-contentfooter .meta-misc-data li + li {
        margin-left: 40px; }
    .section-contentfooter .meta-misc-data li.download {
      max-width: 54.6875%; }

.span-1 {
  width: 280px; }

.span-2 {
  width: 280px; }

.span-3 {
  width: 440px; }

.span-4 {
  width: 600px; }

.span-5 {
  width: 760px; }

.span-6 {
  width: 920px; }

.span-7 {
  width: 1080px; }

.span-8 {
  width: 1240px; }

.grid-block {
  display: block;
  float: left;
  height: 515px;
  margin: 0 40px 40px 0;
  overflow: hidden;
  position: relative; }
  @media screen and (max-width: 959px) {
    .grid-block {
      max-width: 640px;
      /* Experiment */ } }
  @media screen and (max-width: 639px) {
    .grid-block {
      margin: 0 0 15px 0;
      width: 100% !important; }
      .grid-block:not(.fixed-size):not(.small) {
        height: 280px; }
      .grid-block.newslist {
        height: auto;
        padding-bottom: 55px; }
      .grid-block.related-item .description {
        display: none !important; }
      .grid-block.related-item .content {
        height: 110px; } }
  .grid-block.small {
    width: 280px; }
    .grid-block.small .description {
      max-height: 3.6em; }

.section-slideshow {
  background-color: #e6e6e5;
  padding-bottom: 60px; }
  .section-slideshow .section-header {
    padding-bottom: 22px;
    padding-top: 44px; }
    .section-slideshow .section-header .section-title {
      margin-bottom: 6px; }
  @media screen and (max-width: 639px) {
    .section-slideshow {
      overflow: hidden;
      padding-bottom: 2em; }
      .section-slideshow .section-header {
        padding-top: 24px; } }

.slideshow-inline {
  margin-bottom: 80px;
  margin-top: 40px; }
  @media screen and (max-width: 639px) {
    .slideshow-inline {
      margin-bottom: 40px;
      margin-top: 20px; } }

.slideshow-container {
  height: 525px;
  margin-bottom: 50px;
  position: relative;
  width: 800px;
  z-index: 1; }
  .container .slideshow-container, .local-header > .container > ul > li .slideshow-container {
    margin-left: 70px; }
  .container.narrow .slideshow-container, .local-header > .container > ul > li.narrow .slideshow-container {
    margin-left: -80px; }
    @media screen and (max-width: 959px) {
      .container.narrow .slideshow-container, .local-header > .container > ul > li.narrow .slideshow-container {
        margin-left: -20px; } }
  .slideshow-container .swiper-container {
    height: 525px;
    position: relative;
    width: 800px; }
    .slideshow-container .swiper-container.single-slide {
      cursor: default !important; }
      .slideshow-container .swiper-container.single-slide .slideshow-nav, .slideshow-container .swiper-container.single-slide .swiper-pagination {
        display: none; }
  .slideshow-container figure img {
    width: 100%;
    height: auto; }
  .slideshow-container .fake-slide {
    background-color: #b4c5cc;
    display: block;
    height: 425px;
    height: 100%;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 800px;
    width: 100%;
    z-index: 0; }
    .slideshow-container .fake-slide.num2 {
      left: 20px;
      top: 20px; }
    .slideshow-container .fake-slide.num3 {
      left: 30px;
      top: 30px; }
    .slideshow-container .fake-slide.num4 {
      left: 40px;
      top: 40px; }
    @media screen and (max-width: 639px) {
      .slideshow-container .fake-slide {
        display: none; } }
  .slideshow-container .slideshow-nav {
    color: #fff;
    height: 60px;
    left: 45px;
    margin: -25px 0 0;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    top: 50%;
    width: 60px;
    z-index: 10001; }
    .slideshow-container .slideshow-nav:active, .slideshow-container .slideshow-nav:focus {
      outline: none; }
      .slideshow-container .slideshow-nav:active:before, .slideshow-container .slideshow-nav:focus:before {
        border-color: #feb900;
        color: #feb900; }
    .slideshow-container .slideshow-nav:before {
      content: "\f10b";
      -webkit-border-radius: 50%;
      border-radius: 50%;
      border: 5px solid #fff;
      display: inline-block;
      font-size: 21px;
      height: 50px;
      left: 5px;
      line-height: 1;
      padding: 10px 0 0 8px;
      position: absolute;
      text-align: center;
      top: 6px;
      vertical-align: middle;
      width: 50px; }
    .slideshow-container .slideshow-nav.next {
      left: auto;
      right: 45px; }
      .slideshow-container .slideshow-nav.next:before {
        content: "\f12c";
        left: auto;
        padding: 10px 8px 0 0;
        right: 5px; }
  .no-touch .slideshow-container .slideshow-nav:before {
    opacity: 0.6; }
  .no-touch .slideshow-container .slideshow-nav:hover:before, .no-touch .slideshow-container .slideshow-nav:focus:before {
    opacity: 1; }
  .slideshow-container .e-caption {
    margin-top: 20px; }
    .slideshow-container .e-caption .e-rule {
      background-color: #111f39;
      height: 2px;
      margin-bottom: 10px;
      width: 60px; }
    .slideshow-container .e-caption p {
      color: #111f39;
      font-size: 15px;
      line-height: 17px; }
  @media screen and (max-width: 959px) {
    .slideshow-container {
      height: 400px;
      margin-left: -20px;
      width: 100%;
      width: calc(100% + 40px); }
      .container .slideshow-container, .local-header > .container > ul > li .slideshow-container {
        margin-left: -20px; }
      .slideshow-container .swiper-container {
        height: 400px;
        width: 100%; } }
  @media screen and (max-width: 639px) {
    .slideshow-container {
      height: 300px;
      margin-bottom: 30px; }
      .slideshow-container .swiper-container {
        height: 300px; }
      .slideshow-container .prev, .slideshow-container .next {
        display: none; }
      .slideshow-container .slide-caption {
        display: none; }
      .slideshow-container .fake-slide {
        width: 100%;
        width: calc(100% + 40px); }
      .slideshow-container .fake-slide.num3, .slideshow-container .fake-slide.num4 {
        display: none; } }

.img-slide {
  background-color: #b4c5cc;
  height: 425px;
  overflow: hidden;
  position: relative;
  width: 800px; }
  .img-slide .slide-caption {
    -webkit-transition: bottom 0.33s ease, opacity 0.5s ease;
    transition: bottom 0.33s ease, opacity 0.5s ease;
    background-color: #fff;
    bottom: 0;
    height: 130px;
    left: 0;
    max-height: 130px;
    padding: 16px 25px;
    position: absolute;
    right: 0; }
    .js .img-slide .slide-caption {
      bottom: -130px; }
    .img-slide .slide-caption.open {
      bottom: 0;
      z-index: 10010; }
    .img-slide .slide-caption .toggle {
      background-color: #fff;
      bottom: 100%;
      height: 48px;
      padding-left: 18px;
      position: absolute;
      right: 0;
      width: 48px;
      background-color: #fff; }
      .img-slide .slide-caption .toggle:hover {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        background-color: #feb900;
        color: #fff; }
      .img-slide .slide-caption .toggle:active, .img-slide .slide-caption .toggle:hover, .img-slide .slide-caption .toggle:focus, a:active .img-slide .slide-caption .toggle, a:hover .img-slide .slide-caption .toggle, a:focus .img-slide .slide-caption .toggle {
        background-color: #feb900; }
      .cssgradients .img-slide .slide-caption .toggle {
        -webkit-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
        background-color: transparent;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(48.999%, #feb900), color-stop(49%, #feb900));
        background-image: -webkit-linear-gradient(top, #feb900 48.999%, #fff 49%);
        background-image: linear-gradient(to bottom, #feb900 48.999%, #fff 49%);
        background-repeat: repeat-x;
        background-position: left bottom;
        background-size: auto 206%; }
        .cssgradients .img-slide .slide-caption .toggle:active, .cssgradients .img-slide .slide-caption .toggle:hover, .cssgradients .img-slide .slide-caption .toggle:focus, a:active .cssgradients .img-slide .slide-caption .toggle, a:hover .cssgradients .img-slide .slide-caption .toggle, a:focus .cssgradients .img-slide .slide-caption .toggle {
          background-color: transparent;
          background-position: left top; }
      .img-slide .slide-caption .toggle .icon {
        font-size: 14px; }
        .img-slide .slide-caption .toggle .icon:before {
          content: "\f166"; }
    .img-slide .slide-caption.open .toggle .icon {
      font-size: 11px; }
      .img-slide .slide-caption.open .toggle .icon:before {
        content: "\f13d"; }
    .img-slide .slide-caption .description {
      font-size: 16px;
      line-height: 24px; }

.swiper-pagination {
  bottom: 12px;
  height: 5px;
  line-height: 5px;
  position: absolute;
  text-align: center;
  width: 100%; }

.swiper-pagination-switch {
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 8px;
  margin: 0 3px;
  width: 8px; }
  .swiper-pagination-switch.swiper-active-switch {
    background-color: #feb900; }

.deepening {
  display: inline; }
  .deepening.state-open:after {
    content: "\f16b"; }
  .section-content.light .deepening:active, .section-content.light .deepening:focus, .section-content.light .deepening:hover {
    color: #4F596D; }
  .deepening > span {
    text-decoration: underline; }
  .deepening:after {
    content: "\f170";
    margin-left: 5px;
    font-size: 16px; }
  .deepening:active, .deepening:focus, .deepening:hover {
    color: #fff;
    cursor: pointer; }
    .deepening:active > span, .deepening:focus > span, .deepening:hover > span {
      text-decoration: none; }

.expansion-target {
  -webkit-transition: padding 250ms ease-out;
  transition: padding 250ms ease-out;
  box-sizing: content-box;
  display: inline-block;
  min-height: 30px;
  padding-bottom: 0;
  vertical-align: top; }

.deepening-widget {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 250ms ease-out;
  transition: height 250ms ease-out;
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 800px;
  z-index: 1000; }
  .deepening-widget.version-light .arrow-up {
    border-bottom-color: #e6e6e5; }
  .deepening-widget.version-light .richtext {
    background-color: #e6e6e5;
    color: #111f39; }
  .deepening-widget .arrow-up {
    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    margin-top: 5px;
    position: relative;
    width: 0; }
  .deepening-widget .richtext {
    background-color: #fff;
    color: #111f39;
    padding: 20px 40px 10px;
    margin-bottom: 13px; }
    .deepening-widget .richtext p {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 13px; }

.expandable-block {
  margin-bottom: 20px; }
  .expandable-block > header {
    border-bottom: 1px solid #b4c5cc;
    border-top: 1px solid #b4c5cc;
    padding: 13px 40px 13px 0;
    cursor: pointer;
    position: relative; }
    .expandable-block > header h2:after {
      content: "\f161";
      float: right;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -10px;
      font-weight: 400;
      font-size: 20px;
      line-height: 20px;
      vertical-align: middle; }
  .expandable-block > div {
    margin-bottom: 0;
    height: 0;
    overflow: hidden; }
    .expandable-block > div p:first-child, .expandable-block > div h3:first-child, .expandable-block > div h4:first-child {
      margin-top: 10px; }
  .expandable-block.state-opened > header {
    color: inherit; }
    .expandable-block.state-opened > header h2:after {
      content: "\f16c"; }
  .expandable-block.state-opened div {
    border-bottom: 1px solid #b4c5cc; }
  .expandable-block + .expandable-block header {
    border-top: 0; }
  .expandable-block + .expandable-block {
    margin-top: -20px; }

.section-list .list-head, .section-gallery .list-head {
  margin-bottom: 30px;
  min-height: 48px; }
  .section-list .list-head::after, .section-gallery .list-head::after {
    content: '';
    display: block;
    clear: both; }
  .section-list .list-head .result-count, .section-gallery .list-head .result-count {
    float: left;
    margin-top: 9px; }
    @media screen and (min-width: 640px) and (max-width: 959px) {
      .section-list .list-head .result-count, .section-gallery .list-head .result-count {
        float: none;
        display: block;
        clear: both;
        margin-bottom: -20px;
        padding-top: 20px;
        font-size: 16px; } }
    @media screen and (max-width: 639px) {
      .section-list .list-head .result-count, .section-gallery .list-head .result-count {
        padding-top: 10px;
        margin-bottom: -10px; } }
.section-list .list-filters, .section-gallery .list-filters {
  max-width: 1024px; }
  .section-list .list-filters header, .section-gallery .list-filters header {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    border: 1px solid #fff;
    display: none;
    margin: 0 0 5px;
    padding: 9px 15px;
    position: relative;
    width: 100%;
    cursor: pointer; }
    .section-list .list-filters header:after, .section-gallery .list-filters header:after {
      content: "\f161";
      color: #fff;
      font-size: 14px;
      height: 40px;
      line-height: 40px;
      position: absolute;
      right: 0;
      top: 0;
      width: 30px; }
  @media screen and (min-width: 640px) {
    .section-list .list-filters, .section-gallery .list-filters {
      float: right; } }
  .section-list .list-filters .filters-label, .section-gallery .list-filters .filters-label {
    display: inline-block;
    margin-right: 10px;
    text-transform: lowercase;
    vertical-align: middle; }
    @media screen and (max-width: 639px) {
      .section-list .list-filters .filters-label, .section-gallery .list-filters .filters-label {
        display: block; } }
    @media screen and (min-width: 640px) {
      .section-list .list-filters .filters-label, .section-gallery .list-filters .filters-label {
        margin-bottom: 10px; } }
  .section-list .list-filters .filter, .section-gallery .list-filters .filter {
    -webkit-transition: opacity 250ms ease-in;
    transition: opacity 250ms ease-in;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (min-width: 640px) {
      .section-list .list-filters .filter, .section-gallery .list-filters .filter {
        margin-left: 5px;
        margin-bottom: 10px; }
        .section-list .list-filters .filter .chosen-container, .section-gallery .list-filters .filter .chosen-container {
          min-width: 150px; } }
    @media screen and (min-width: 960px) {
      .section-list .list-filters .filter .chosen-container, .section-gallery .list-filters .filter .chosen-container {
        min-width: 200px; }
 }
    .section-list .list-filters .filter:after, .section-gallery .list-filters .filter:after {
      content: "\f12b";
      background-color: #505a6c;
      color: #fff;
      font-size: 14px;
      height: 40px;
      line-height: 40px;
      pointer-events: none;
      position: absolute;
      right: 0;
      top: 0;
      width: 30px;
      visibility: hidden; }
    .section-list .list-filters .filter.animated, .section-gallery .list-filters .filter.animated {
      -webkit-transition: height 250ms ease-in;
      transition: height 250ms ease-in; }
    .section-list .list-filters .filter.state-enabled:after, .section-gallery .list-filters .filter.state-enabled:after {
      content: "\f13d"; }
  .section-list .list-filters.state-open header:after, .section-gallery .list-filters.state-open header:after {
    content: "\f16c"; }
@media screen and (max-width: 639px) {
  .section-list .list-head, .section-gallery .list-head {
    min-height: 40px; }

  .section-list .list-filters, .section-gallery .list-filters {
    height: 40px;
    overflow: hidden; }
    .section-list .list-filters header, .section-gallery .list-filters header {
      display: block; }
    .section-list .list-filters .filter, .section-gallery .list-filters .filter {
      margin-left: 0;
      opacity: 0;
      position: relative;
      width: 100%; }
      .section-list .list-filters .filter + .filter, .section-gallery .list-filters .filter + .filter {
        margin-top: 5px; }
      .mobile .section-list .list-filters .filter:before, .mobile .section-gallery .list-filters .filter:before {
        background-color: #505a6c;
        content: ' ';
        display: block;
        height: 40px;
        left: 0;
        position: absolute;
        top: 0;
        width: 5px; }
      .mobile .section-list .list-filters .filter:after, .mobile .section-gallery .list-filters .filter:after {
        visibility: visible; }
      .section-list .list-filters .filter.state-disabled, .section-gallery .list-filters .filter.state-disabled {
        pointer-events: none; }
        .mobile .section-list .list-filters .filter.state-disabled select, .mobile .section-gallery .list-filters .filter.state-disabled select {
          background-color: #828F9C;
          color: #aaa; }
        .mobile .section-list .list-filters .filter.state-disabled:after, .mobile .section-list .list-filters .filter.state-disabled:before, .mobile .section-gallery .list-filters .filter.state-disabled:after, .mobile .section-gallery .list-filters .filter.state-disabled:before {
          background-color: #828F9C;
          content: ' '; }
    .section-list .list-filters .filters-label, .section-gallery .list-filters .filters-label {
      display: none; }
    .section-list .list-filters.state-open, .section-gallery .list-filters.state-open {
      height: auto;
      /* Make this fixed for now, fixes iPhone problem, and only 3 filters in use now anyway. */ }
      :not(.mobile) .section-list .list-filters.state-open, :not(.mobile) .section-gallery .list-filters.state-open {
        overflow: visible; }
      .section-list .list-filters.state-open .filter, .section-gallery .list-filters.state-open .filter {
        opacity: 1; }

  .section-list .list-head, .section-gallery .list-head {
    margin-bottom: 15px; }
 }

.section-list .list-filters header {
  color: #505a6c;
  border-color: #505a6c; }
  .section-list .list-filters header:after {
    color: #505a6c; }

.related-list::after {
  content: '';
  display: block;
  clear: both; }
@media screen and (min-width: 640px) {
  .page.expertise .related-list {
    max-height: 515px;
    overflow: hidden; } }
@media screen and (min-width: 640px) {
  .page.expertise .expertise-highlighted .related-list {
    max-height: 560px;
    overflow: hidden; } }
@media screen and (min-width: 640px) {
  .page.contentpage .related-list {
    max-height: 1090px;
    overflow: hidden; } }

.related-item {
  display: inline-block;
  position: relative;
  vertical-align: top; }
  .related-list .related-item {
    float: left; }
  .related-item.small, .related-item.box-float, .related-list .related-item {
    height: 515px;
    width: 280px; }
  .related-item.box-float, .related-list .related-item {
    margin-bottom: 40px;
    margin-right: 40px; }
  .related-item .visual {
    display: block;
    height: 350px;
    position: absolute;
    width: 100%; }
  .related-item.highlighted .visual {
    height: 386px; }
  .highlighted-content .related-item {
    height: 551px;
    margin-left: 40px;
    width: 440px; }
  .related-item.type-banner {
    display: block;
    float: none;
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
    margin-top: 20px; }
    .related-item.type-banner .visual {
      height: 100%;
      width: 200px; }
    .related-item.type-banner .content {
      position: relative;
      margin-left: 200px;
      width: calc(100% - 200px);
      height: 200px; }
    .related-item.type-banner .action {
      background: none;
      width: calc(100% - 200px); }
    .related-item.type-banner .focus-label {
      opacity: 0; }
    .related-item.type-banner .related-link:hover .content, .related-item.type-banner .related-link:active .content, .related-item.type-banner .related-link:focus .content {
      height: 200px; }
    @media screen and (min-width: 640px) {
      .related-item.type-banner .related-link:hover .description, .related-item.type-banner .related-link:active .description, .related-item.type-banner .related-link:focus .description {
        display: block;
        opacity: 1; } }
    .related-item.type-banner .related-link:hover .action, .related-item.type-banner .related-link:active .action, .related-item.type-banner .related-link:focus .action {
      background: none; }
    .related-item.type-banner .related-link:hover .focus-label, .related-item.type-banner .related-link:active .focus-label, .related-item.type-banner .related-link:focus .focus-label {
      opacity: 1; }
    .related-item.type-banner + .h4 {
      margin-top: 30px; }
    @media screen and (max-width: 639px) {
      .related-item.type-banner {
        height: 100px; }
        .related-item.type-banner .visual {
          width: 100px;
          height: 100px; }
        .related-item.type-banner .description {
          display: none; }
        .related-item.type-banner .content {
          margin-left: 100px;
          width: calc(100% - 100px); }
        .related-item.type-banner .action {
          display: none; }
        .related-item.type-banner .type {
          margin-bottom: 0; }
        .related-item.type-banner .title {
          line-height: 1.2;
          margin: 3px 0 2px;
          max-height: 2.8em;
          overflow: hidden; }
        .related-item.type-banner + .h4 {
          margin-top: 20px; } }
  .related-list .related-item:first-child {
    clear: left;
    margin-left: 0; }
  .related-item .content {
    -webkit-transition: height 200ms ease-in-out;
    transition: height 200ms ease-in-out;
    bottom: 0;
    height: 235px;
    left: 0;
    position: absolute;
    width: 100%; }
  .related-item .action {
    bottom: 0;
    position: absolute;
    right: 0;
    text-align: right;
    width: 100%; }
  @media screen and (max-width: 639px) {
    .related-item.box-float {
      margin: 0 0 10px 20px !important;
      display: block;
      width: 50%;
      height: 270px;
      float: right; }

    .related-item.small, .related-list .related-item:not(.highlighted) {
      height: 120px;
      width: 100%; }
      .related-item.small .visual, .related-list .related-item:not(.highlighted) .visual {
        width: 120px;
        height: 100%; }
      .related-item.small .content, .related-list .related-item:not(.highlighted) .content {
        height: 100%;
        width: 60%;
        width: calc(100% - 120px);
        left: 120px; }
      .related-item.small .type, .related-list .related-item:not(.highlighted) .type {
        font-size: 11px; }
      .related-item.small .action, .related-list .related-item:not(.highlighted) .action {
        display: none; }
      .related-item.small .description, .related-list .related-item:not(.highlighted) .description {
        font-size: 16px;
        line-height: 18px; }


    .related-item.box-float, .related-list .related-item {
      margin-bottom: 15px;
      margin-left: 0; }

    .related-item .visual {
      height: 175px; }

    .related-item .content {
      height: 150px; }

    .related-item.highlighted {
      width: 100% !important;
      height: 280px;
      margin-bottom: 20px; }
      .related-item.highlighted figure {
        width: 100%;
        height: 170px; }
      .related-item.highlighted .content {
        height: 110px; }
      .related-item.highlighted .description {
        display: none; }

    .related-item.highlighted .visual {
      height: 170px; }
 }

.related-item {
  overflow: hidden;
  position: relative; }
  .related-item .related-link {
    display: block;
    min-height: 100%;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none; }
    @media screen and (min-width: 640px) {
      .related-item .related-link:active, .related-item .related-link:hover, .related-item .related-link:focus {
        color: inherit;
        outline: none;
        text-decoration: none; }
        .related-item .related-link:active .action, .related-item .related-link:hover .action, .related-item .related-link:focus .action {
          background-color: white; }
          .related-item .related-link:active .action .link-more, .related-item .related-link:active .action .focus-label, .related-item .related-link:hover .action .link-more, .related-item .related-link:hover .action .focus-label, .related-item .related-link:focus .action .link-more, .related-item .related-link:focus .action .focus-label {
            background-color: #feb900; }
          .cssgradients.no-touch .related-item .related-link:active .action .focus-label, .cssgradients.no-touch .related-item .related-link:hover .action .focus-label, .cssgradients.no-touch .related-item .related-link:focus .action .focus-label {
            background-position: right top; }
        .related-item .related-link:active .visual::after, .related-item .related-link:hover .visual::after, .related-item .related-link:focus .visual::after {
          content: '';
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          width: 100%; }
        .related-item .related-link:active .content, .related-item .related-link:hover .content, .related-item .related-link:focus .content {
          height: 165px; }
        .related-item .related-link:active .description, .related-item .related-link:hover .description, .related-item .related-link:focus .description {
          -webkit-transition: opacity 200ms ease-in, visibility 0 linear 200ms;
          transition: opacity 200ms ease-in, visibility 0 linear 200ms;
          display: none;
          opacity: 0; } }
  .related-item .visual {
    background-color: #e6e6e5; }
  .related-item .content {
    -webkit-transition: height 200ms ease-in-out;
    transition: height 200ms ease-in-out;
    background-color: #fff;
    padding-bottom: 60px;
    padding: 28px 20px; }
  .related-item.big.type-baseformat .content {
    padding: 0 30px;
    text-align: center; }
  .related-item .type {
    color: #111f39;
    display: block;
    margin-bottom: 12px;
    text-transform: uppercase; }
  .related-item.homepage-block .type {
    margin-bottom: 6px; }
  .related-item .date {
    color: #111f39;
    display: block; }
  .related-item .title {
    color: #111f39;
    line-height: 1.4; }
  .related-item.big.type-baseformat .title {
    margin-bottom: 3px; }
  .related-item .description, .related-item .description p {
    -webkit-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    color: #111f39;
    display: block;
    opacity: 1;
    padding-top: 0;
    visibility: visible; }
    @media screen and (max-width: 639px) {
      .related-item .description, .related-item .description p {
        font-size: 16px;
        line-height: 18px; } }
  .related-item.small .description {
    max-height: 4.6em; }
  .related-item.big.type-newsitem .description {
    margin-bottom: 8px; }
  .related-item .action {
    -webkit-transition: background-color 200ms ease-in;
    transition: background-color 200ms ease-in;
    text-align: right; }
    .related-item .action .link-more {
      background-color: #b4c5cc; }
    .related-item .action .focus-label {
      background-color: #b4c5cc;
      padding-right: 0; }
    .related-item .action .link-more {
      padding-left: 6px; }
  .cssgradients.no-touch .related-item .focus-label {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50.01%, #fff));
    background-image: -webkit-linear-gradient(left, color-stop(#fff 50%), color-stop(#feb900 50.01%));
    background-image: linear-gradient(to right, #fff 50%, #feb900 50.01%);
    background-repeat: repeat-x;
    -webkit-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    background-color: transparent;
    background-position: left top;
    background-size: 200% auto; }
  @media screen and (max-width: 639px) {
    .related-item.small .content, .related-list .related-item .content {
      padding: 15px 20px; }

    .related-item.small .description, .related-list .related-item .description {
      max-height: 2.8em; }

    .related-item.small .date, .related-list .related-item .date {
      margin-top: 0; }

    .related-item.small .type, .related-list .related-item .type {
      margin-bottom: 0; }
 }
  @media screen and (max-width: 639px) {
    .related-item .content {
      padding-top: 11px;
      padding-bottom: 10px; }

    .related-item .description {
      max-height: 2.8em; }

    .related-item .title {
      line-height: 1.2;
      margin: 3px 0 2px;
      max-height: 2.8em;
      overflow: hidden; }

    .related-item.big .action {
      display: none; }

    .related-item.type-newsitem .page-date {
      display: none; }
    .related-item.type-newsitem .title {
      max-height: 4.6em; }
 }

.section-related {
  background-color: #b4c5cc;
  padding-top: 20px;
  padding-bottom: 20px; }
  .section-related .container, .section-related .local-header > .container > ul > li {
    max-width: 960px;
    position: relative;
    left: 20px; }
    .section-related .container .section-header {
      margin-right: 40px; }
    @media screen and (max-width: 959px) {
      .section-related .container, .section-related .local-header > .container > ul > li {
        max-width: 640px; } }
    @media screen and (max-width: 639px) {
      .section-related .container, .section-related .local-header > .container > ul > li {
        left: 0;
        padding: 0; }
        .section-related .container .section-header {
          margin-right: 0; } }
    @media screen and (min-width: 1280px) {
      .section-related .container, .section-related .local-header > .container > ul > li {
        max-width: 1280px; } }
  .section-related .section-header {
    color: #fff;
    padding-top: 8px;
    padding-bottom: 30px; }
    .section-related .section-header > h2 {
      font-size: 28px;
      font-weight: 700; }
  @media screen and (min-width: 640px) and (max-width: 1279px) {
    .section-related .related-item:last-child {
      display: none; }
 }
  @media screen and (max-width: 639px) {
    .section-related {
      padding-top: 10px;
      padding-left: 20px;
      padding-right: 20px; }
      .section-related .section-header {
        padding-bottom: 15px; }
        .section-related .section-header > h2 {
          font-size: 24px; } }

.banner-tweet.frame, .banner-tweet {
  font-size: 28px;
  font-weight: 300;
  line-height: 34px;
  background-color: #9bb2b9;
  background-color: rgba(57, 60, 71, 0.13);
  color: #fff;
  display: block;
  margin-bottom: 10px;
  margin-top: 20px;
  padding: 30px 0; }
  .banner-tweet.frame a, .banner-tweet a {
    color: #fff;
    text-decoration: none; }
    .banner-tweet.frame a:active, .banner-tweet.frame a:hover, .banner-tweet.frame a:focus, .banner-tweet a:active, .banner-tweet a:hover, .banner-tweet a:focus {
      color: #036; }

.banner-listitem, .banner-vacancy {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  line-height: 1.41667;
  color: #fff; }
  .banner-listitem .action, .banner-listitem .content, .banner-vacancy .action, .banner-vacancy .content {
    display: inline-block;
    margin: 0;
    vertical-align: middle; }
  .banner-listitem .content, .banner-vacancy .content {
    width: 79%; }
  .banner-listitem .action, .banner-vacancy .action {
    text-align: right;
    width: 20%; }
  @media screen and (max-width: 959px) {
    .banner-listitem .content, .banner-vacancy .content {
      display: block;
      width: initial;
      margin-bottom: 0.5em; }
 }

.big-banner {
  position: relative; }
  .big-banner figure.visual {
    height: 100%; }
  .big-banner h2 {
    color: #fff;
    margin-bottom: 20px; }
  .big-banner .center {
    bottom: 0;
    height: 120px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 400px;
    z-index: 2; }
  .big-banner .schmotz {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: -webkit-radial-gradient(#000000, rgba(0, 0, 0, 0) 60%);
    /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#000000, rgba(0, 0, 0, 0) 60%);
    /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#000000, rgba(0, 0, 0, 0) 60%);
    /* For Firefox 3.6 to 15 */
    background: radial-gradient(#000000, rgba(0, 0, 0, 0) 60%);
    /* Standard syntax */
    bottom: 0;
    display: none;
    height: 240px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 450px;
    z-index: 1; }
  @media screen and (max-width: 639px) {
    .big-banner .center {
      width: 90%; }

    .big-banner .schmotz {
      width: 100%; }
 }

.type-label {
  background: #feb900 center center no-repeat;
  background-size: 100%;
  display: block;
  height: 90px;
  margin-bottom: -10px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -30px;
  width: 80px; }
  .type-label.format-alongthelineformat {
    background-image: url('/static/img/format_alongtheline.svg?b84287f17dca'); }
  .type-label.format-fivequestionformat {
    background-image: url('/static/img/format_fivequestions.svg?7e90df0454ef'); }
  .type-label.format-howisformat {
    background-color: #111f39;
    background-image: url('/static/img/format_howis.svg?7e90df0454ef'); }
  .type-label.format-theideaformat {
    background-color: #111f39;
    background-image: url('/static/img/format_theidea.svg?7e90df0454ef'); }
  .type-label.format-howitworksformat {
    background-image: url('/static/img/format_howdoesitwork.svg?7e90df0454ef'); }
  .type-label.format-appwithformat {
    background-image: url('/static/img/format_appwith.svg?b84287f17dca'); }
  .type-label.format-timelineformat {
    background-image: url('/static/img/format_timeline.svg?b84287f17dca');
    background-size: cover; }
  @media screen and (max-width: 639px) {
    .type-label {
      height: 70px;
      width: 60px; } }

.format-preview {
  height: 540px;
  overflow: hidden;
  position: relative; }
  .page .format-preview .page-header {
    position: static;
    /* We don't want this to be relative */ }
  .format-preview .preview-link, .format-preview .page-intro {
    bottom: 0;
    left: 50%;
    margin-bottom: 0;
    margin-left: -460px;
    padding-top: 0;
    position: absolute;
    width: 920px; }
    @media screen and (max-width: 639px) {
      .format-preview .preview-link, .format-preview .page-intro {
        margin-left: -50%;
        width: 100%; } }
  .format-preview .preview-link {
    background-color: transparent;
    display: block;
    height: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none; }
    .format-preview .preview-link .text {
      -webkit-transition: opacity 200ms ease-in, height 200ms ease-in;
      transition: opacity 200ms ease-in, height 200ms ease-in;
      height: auto;
      line-height: inherit;
      opacity: 1;
      overflow: hidden; }
    .format-preview .preview-link .action {
      background-color: #fff;
      position: relative; }
    .format-preview .preview-link:hover .page-intro, .format-preview .preview-link.hover .page-intro {
      background-color: #feb900; }
    .format-preview .preview-link:hover .text, .format-preview .preview-link.hover .text {
      height: 0 !important;
      opacity: 0; }
    .format-preview .preview-link:hover .action, .format-preview .preview-link.hover .action {
      background-color: #feb900; }
    .format-preview .preview-link .type-label {
      height: 110px;
      top: -35px;
      width: 100px; }
      .format-preview .preview-link .type-label.ghostly {
        background-color: transparent; }
      @media screen and (max-width: 639px) {
        .format-preview .preview-link .type-label {
          height: 70px;
          width: 60px; } }
    @media screen and (max-width: 959px) {
      .format-preview .preview-link {
        max-width: 100%;
        left: 0;
        margin-left: 0; }
        .format-preview .preview-link .page-intro.container, .format-preview .preview-link .local-header > .container > ul > li.page-intro {
          max-width: 100%;
          left: 0;
          margin-left: 0; } }
    @media screen and (max-width: 639px) {
      .format-preview .preview-link .text {
        display: none; }
 }
  .format-preview:active .preview-link, .format-preview:hover .preview-link, .format-preview:focus .preview-link {
    color: inherit;
    outline: none;
    text-decoration: none; }
  .format-preview .page-intro {
    height: auto;
    width: 100%; }
  .format-preview .frame {
    background: #fff; }
  .format-preview .title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px; }
  @media screen and (max-width: 639px) {
    .format-preview {
      height: 340px; } }

.feed {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  padding: 20px 22px;
  position: relative;
  border-color: #aaa;
  border-color: rgba(170, 170, 170, 0.5); }
  .feed a {
    display: inline-block; }
  .feed header {
    border-color: inherit;
    border-style: solid;
    border-width: 0 0 1px;
    padding-bottom: 13px; }
  .feed .feed-footer {
    background-color: inherit;
    bottom: 7px;
    border-color: inherit;
    border-style: solid;
    border-width: 1px 0 0;
    padding-top: 6px;
    position: absolute;
    left: 22px;
    right: 22px; }
    .feed .feed-footer .btn, .feed .feed-footer .fileinput:after {
      display: block;
      position: relative;
      right: -16px;
      text-align: right; }
      .feed .feed-footer .btn:active, .feed .feed-footer .fileinput:active:after, .feed .feed-footer .btn:hover, .feed .feed-footer .fileinput:hover:after, .feed .feed-footer .btn:focus, .feed .feed-footer .fileinput:focus:after {
        color: #111f39; }
  .feed .item-link {
    color: #111f39;
    cursor: pointer;
    display: block;
    padding: 15px 0;
    text-decoration: none; }
    .feed .item-link:not(:last-of-type) {
      border-bottom: 1px solid;
      border-color: inherit; }
    .feed .item-link .date {
      font-size: 16px;
      display: block; }
    .feed .item-link .title {
      line-height: 1.4;
      margin-top: -2px; }
      .feed .item-link .title.auto-truncate {
        max-height: 2.8em;
        overflow: hidden; }
    .feed .item-link:last-child {
      margin-bottom: 35px; }
  .feed div.item-link {
    cursor: default; }
  @media screen and (max-width: 639px) {
    .feed {
      height: auto;
      padding-bottom: 45px; } }

.feed.agenda-feed {
  background-color: #fff;
  border-color: #aaa;
  border-color: rgba(170, 170, 170, 0.5);
  color: #111f39; }
  .feed.agenda-feed .feed-footer .btn:active, .feed.agenda-feed .feed-footer .fileinput:active:after, .feed.agenda-feed .feed-footer .btn:hover, .feed.agenda-feed .feed-footer .fileinput:hover:after, .feed.agenda-feed .feed-footer .btn:focus, .feed.agenda-feed .feed-footer .fileinput:focus:after {
    color: #4F596D; }
  .feed.agenda-feed .item-link .title {
    max-height: 4.2em; }

.feed.news-feed {
  background-color: #feb900;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
  color: #fff; }
  .feed.news-feed .item-link {
    color: #fff; }
    .feed.news-feed .item-link:active, .feed.news-feed .item-link:hover, .feed.news-feed .item-link:focus {
      color: #111f39; }
  .feed.news-feed .shareprice {
    font-size: 16px;
    color: #111f39;
    display: block; }
    .feed.news-feed .shareprice::after {
      content: '';
      display: block;
      clear: both; }
    .feed.news-feed .shareprice .name, .feed.news-feed .shareprice .change, .feed.news-feed .shareprice .price {
      display: inline-block;
      padding-right: 0.5em; }
    .feed.news-feed .shareprice .arrow {
      display: inline-block;
      margin-left: -2px;
      margin-top: -6px;
      vertical-align: middle; }

.feed.publications-feed {
  background-color: #fff;
  border-color: #aaa;
  border-color: rgba(170, 170, 170, 0.5);
  color: #111f39; }
  .feed.publications-feed .feed-footer .btn:active, .feed.publications-feed .feed-footer .fileinput:active:after, .feed.publications-feed .feed-footer .btn:hover, .feed.publications-feed .feed-footer .fileinput:hover:after, .feed.publications-feed .feed-footer .btn:focus, .feed.publications-feed .feed-footer .fileinput:focus:after {
    color: #4F596D; }
  .feed.publications-feed header {
    border-bottom: none;
    padding-bottom: 0; }
  .feed.publications-feed time {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: inherit;
    margin-top: 10px;
    padding-top: 15px; }
  .feed.publications-feed .download {
    display: inline-block;
    font-size: 16px;
    text-decoration: underline;
    line-height: 22px; }
    .feed.publications-feed .download:before {
      font-size: 14px;
      top: 6px; }
  .feed.publications-feed .item-link {
    border-bottom: none;
    border-color: inherit;
    padding-top: 3px;
    padding-bottom: 0; }
    .feed.publications-feed .item-link:active, .feed.publications-feed .item-link:hover, .feed.publications-feed .item-link:focus {
      color: inherit; }
    .feed.publications-feed .item-link:not(:last-of-type) {
      border-width: 0; }
  @media screen and (max-width: 639px) {
    .feed.publications-feed {
      border-color: #4F596D;
      border-color: rgba(79, 89, 109, 0.5);
      padding-bottom: 60px; }
      .feed.publications-feed .item-link:first-of-type time {
        border: none;
        margin-top: 0; } }

.format-timelineformat .page-content {
  background-color: #b4c5cc;
  padding: 0;
  /* We want to control this */ }
  .format-timelineformat .page-content.section-dark {
    background-color: #a4b3bb; }
  .format-timelineformat .page-content.v-timeline-section {
    padding-bottom: 100px;
    /* Make room for widget translation */ }
.format-timelineformat .frame:not(.page-intro) {
  padding-bottom: 1px;
  /* Catch margin overflow of inner widgets */
  padding-top: 1px; }
.format-timelineformat .frame.page-intro {
  margin-bottom: 50px;
  /* Maybe this can also be applied to other format intros (TODO) */ }
.format-timelineformat .section-contact .container.narrow, .format-timelineformat .section-contact .local-header > .container > ul > li.narrow {
  /* Make it align nicely with the timeline */
  max-width: 800px;
  padding-left: 10px; }
.format-timelineformat .section-video {
  z-index: 101;
  /* Higher than the timeline highlights */ }
  .format-timelineformat .section-video + .frame {
    padding-top: 120px; }
@media screen and (max-width: 639px) {
  .format-timelineformat .page-content {
    overflow-x: visible;
    /* Reverse of setting this to hidden which happens somewhere else... */ }
    .format-timelineformat .page-content.v-timeline-section {
      padding-bottom: 75px; }

  .format-timelineformat .frame.page-intro {
    margin-bottom: 20px; }

  .format-timelineformat .section-video + .frame {
    padding-top: 30px; }

  .format-timelineformat .section-contact {
    margin-top: 0; }
    .format-timelineformat .section-contact + .newsletter-upsell-scroll-container {
      margin-top: 20px; }
 }

.frame.v-timeline-left::before {
  background-color: #111f39;
  content: '';
  display: block;
  height: 100%;
  left: 150px;
  position: absolute;
  top: 31px;
  width: 5px; }
.frame.v-timeline-left.v-timeline-continuation::before {
  top: 0;
  height: calc(100% + 31px); }
@media screen and (max-width: 959px) {
  .frame.v-timeline-left::before {
    left: 0;
    margin: 0 auto;
    right: 0; }
 }

.frame.v-timeline-right::before {
  background-color: #111f39;
  content: '';
  display: block;
  height: 100%;
  right: 150px;
  position: absolute;
  top: 31px;
  width: 5px; }
.frame.v-timeline-right.v-timeline-continuation::before {
  top: 0;
  height: calc(100% + 31px); }
@media screen and (max-width: 959px) {
  .frame.v-timeline-right::before {
    left: 0;
    margin: 0 auto;
    right: 0; }
 }
@media screen and (max-width: 639px) {
  .frame.v-timeline-right::before {
    left: 0;
    right: 0;
    margin: 0 auto; }
 }

.frame.v-timeline-end::after {
  background-color: #111f39;
  border-radius: 50%;
  bottom: -32px;
  content: '';
  display: block;
  height: 20px;
  position: absolute;
  width: 20px; }
.frame.v-timeline-end.v-timeline-left::after {
  left: 142.5px; }
.frame.v-timeline-end.v-timeline-right::after {
  right: 142.5px; }
@media screen and (max-width: 959px) {
  .frame.v-timeline-end.v-timeline-left::after {
    left: 0;
    margin: 0 auto;
    right: 0; }

  .frame.v-timeline-end.v-timeline-right::after {
    left: 0;
    margin: 0 auto;
    right: 0; }
 }
@media screen and (max-width: 639px) {
  .frame.v-timeline-end.v-timeline-left::after, .frame.v-timeline-end.v-timeline-right::after {
    left: 0;
    right: 0;
    margin: 0 auto; }
 }

.c-timeline-nav.local-header > .e-container {
  overflow: visible; }
.c-timeline-nav.local-header .e-anchor {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: block;
  height: 50px;
  line-height: 50px;
  position: relative;
  text-align: center; }
  @media screen and (max-width: 639px) {
    .c-timeline-nav.local-header .e-anchor {
      font-size: 18px; } }
  .c-timeline-nav.local-header .e-anchor:hover, .c-timeline-nav.local-header .e-anchor:focus {
    background-color: #feb900;
    color: #fff; }
    .c-timeline-nav.local-header .e-anchor:hover.active::after, .c-timeline-nav.local-header .e-anchor:focus.active::after {
      border-color: #feb900 transparent transparent; }
  .c-timeline-nav.local-header .e-anchor.active::after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 10px;
    bottom: -19px;
    content: '';
    display: block;
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
    z-index: 100; }
.c-timeline-nav.local-header .e-list {
  list-style: none;
  padding: 0;
  position: static;
  /* To disable left offset set by mobile version */
  margin: 0; }
  .c-timeline-nav.local-header .e-list::after {
    content: '';
    display: block;
    clear: both; }
  .c-timeline-nav.local-header .e-list > li {
    float: left; }
    .c-timeline-nav.local-header .e-list > li + li {
      border-left: 1px solid #dfdfdf; }
@media screen and (max-width: 639px) {
  .c-timeline-nav.local-header {
    height: 50px;
    /* Force 50px height despite the 60px of the list. */ }
    .c-timeline-nav.local-header > .e-container {
      overflow: auto; }
    .c-timeline-nav.local-header .e-list {
      -webkit-transition: left 200ms ease-in-out;
      transition: left 200ms ease-in-out;
      height: 60px;
      /* Allow to see floepertje despite hidden overflow. */
      overflow: hidden;
      position: relative;
      width: 6000px; }
      .c-timeline-nav.local-header .e-list > li {
        width: auto !important;
        /* Override inline custom styling */ }
      .c-timeline-nav.local-header .e-list .e-anchor {
        padding-left: 30px;
        padding-right: 30px; } }

.c-section-intro {
  margin-bottom: 120px;
  position: relative;
  /* The z-index should be higher than the highlight widgets, which
     start from 100 and count down */
  z-index: 101; }
  .c-section-intro::before {
    background-color: #111f39;
    content: '';
    display: block;
    height: calc(100% - 30px);
    left: 90px;
    position: absolute;
    top: 30px;
    width: 5px; }
  .c-section-intro::after {
    background-color: #111f39;
    content: '';
    display: block;
    height: calc(100% - 30px);
    right: 90px;
    position: absolute;
    top: 30px;
    width: 5px; }
  .v-timeline-left .c-section-intro::after {
    height: 30px;
    top: 0; }
  .v-timeline-right .c-section-intro::before {
    height: 30px;
    top: 0; }
  .c-section-intro .e-block {
    background-color: #111f39;
    color: #fff;
    padding: 20px 30px;
    position: relative;
    left: 0;
    margin: -100px auto 0;
    width: 520px; }
    .c-section-intro .e-block::before {
      background-color: #111f39;
      content: '';
      display: block;
      height: 5px;
      left: -50px;
      position: absolute;
      top: 30px;
      width: 50px; }
    .c-section-intro .e-block::after {
      background-color: #111f39;
      content: '';
      display: block;
      height: 5px;
      right: -50px;
      position: absolute;
      top: 30px;
      width: 50px; }
    .v-timeline-start .c-section-intro .e-block {
      margin-top: 0; }
      .v-timeline-start .c-section-intro .e-block::after {
        display: none; }
    .c-section-intro .e-block .e-title {
      font-size: 28px;
      font-weight: 900;
      line-height: 32px;
      margin-bottom: 3px; }
      @media screen and (max-width: 639px) {
        .c-section-intro .e-block .e-title {
          font-size: 22px; } }
    .c-section-intro .e-block .e-text, .c-section-intro .e-block p {
      font-size: 20px;
      font-weight: 300;
      line-height: 1.5;
      margin-bottom: 0; }
      @media screen and (max-width: 639px) {
        .c-section-intro .e-block .e-text, .c-section-intro .e-block p {
          font-size: 18px;
          line-height: 1.44; } }
  .v-timeline-start .c-section-intro::after {
    display: none; }
  .v-timeline-start .c-section-intro .e-block {
    /* Design madness */
    left: 20px; }
    .v-timeline-start .c-section-intro .e-block::before {
      left: -70px;
      width: 70px; }
  @media screen and (max-width: 959px) {
    .c-section-intro::before {
      display: none; }

    .c-section-intro::after {
      display: none; }

    .c-section-intro .e-block {
      width: 480px; }
      .c-section-intro .e-block::before, .c-section-intro .e-block::after {
        display: none; }

    .v-timeline-start .c-section-intro .e-block {
      left: 0; }
 }
  @media screen and (max-width: 639px) {
    .c-section-intro {
      margin-bottom: 30px; }
      .c-section-intro .e-block {
        margin-top: -75px;
        padding: 15px 20px;
        width: 100%; }
        .c-section-intro .e-block::before, .c-section-intro .e-block::after {
          display: none; } }

.c-timeline-highlight {
  margin-bottom: 120px;
  position: relative; }
  .c-timeline-highlight::after {
    content: '';
    display: block;
    clear: both; }
  .c-timeline-highlight .e-date-display {
    float: left;
    margin-bottom: 14px;
    position: relative;
    z-index: 100; }
  .c-timeline-highlight .e-figure {
    background-color: #111f39;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    position: absolute;
    top: 0;
    transform: translateY(0);
    width: 610px; }
    .c-timeline-highlight .e-figure img {
      height: 0;
      width: 100%; }
    .c-timeline-highlight .e-figure iframe {
      height: 100%;
      position: absolute;
      width: 100%; }
    .c-timeline-highlight .e-figure .e-iframe-container {
      padding-bottom: 56.25%;
      position: relative; }
    .v-timeline-left .c-timeline-highlight .e-figure {
      right: -60px; }
    .v-timeline-right .c-timeline-highlight .e-figure {
      left: -60px; }
    .v-timeline-left .c-timeline-highlight .e-figure.discovered, .v-timeline-right .c-timeline-highlight .e-figure.discovered {
      background-color: green !important;
      transform: translateX(0); }
  .c-timeline-highlight .e-image-preserver {
    height: auto;
    width: 610px; }
    @media screen and (max-width: 959px) {
      .c-timeline-highlight .e-image-preserver {
        width: 540px; } }
  .c-timeline-highlight .e-related-item {
    background-color: #fff;
    height: auto;
    overflow: visible;
    margin: 0;
    padding: 20px 30px;
    position: relative;
    width: 400px;
    z-index: 100; }
    .c-timeline-highlight .e-related-item .action .link-more {
      background-color: #feb900; }
    .c-timeline-highlight .e-related-item .related-link {
      min-height: 0;
      position: static; }
      .c-timeline-highlight .e-related-item .related-link:hover .content, .c-timeline-highlight .e-related-item .related-link:focus .content {
        height: auto; }
    .c-timeline-highlight .e-related-item .content {
      height: auto;
      margin-left: 0;
      padding: 10px 0 0;
      width: 100%; }
    .c-timeline-highlight .e-related-item .type {
      font-size: 16px;
      font-weight: 400;
      line-height: 1;
      margin-bottom: 4px; }
    .c-timeline-highlight .e-related-item .title {
      font-size: 28px;
      font-weight: 900;
      line-height: 32px;
      margin-bottom: 2px; }
      @media screen and (max-width: 639px) {
        .c-timeline-highlight .e-related-item .title {
          font-size: 22px; } }
    .c-timeline-highlight .e-related-item .text {
      font-size: 20px;
      font-weight: 300;
      line-height: 1.5; }
      @media screen and (max-width: 639px) {
        .c-timeline-highlight .e-related-item .text {
          font-size: 18px;
          line-height: 1.44; } }
    .v-timeline-right .c-timeline-highlight .e-related-item {
      clear: right;
      float: right; }
  .c-timeline-highlight .e-text-block {
    background-color: #fff;
    color: #111f39;
    padding: 20px 30px;
    position: relative;
    width: 400px;
    z-index: 100; }
    .c-timeline-highlight .e-text-block .e-text-block-title {
      font-size: 28px;
      font-weight: 900;
      line-height: 1;
      margin-bottom: 10px; }
      @media screen and (max-width: 639px) {
        .c-timeline-highlight .e-text-block .e-text-block-title {
          font-size: 22px;
          line-height: 1.44; } }
    .c-timeline-highlight .e-text-block .e-text-block-text, .c-timeline-highlight .e-text-block p {
      font-size: 20px;
      font-weight: 300;
      line-height: 1.5;
      margin-bottom: 0; }
      @media screen and (max-width: 639px) {
        .c-timeline-highlight .e-text-block .e-text-block-text, .c-timeline-highlight .e-text-block p {
          font-size: 18px;
          line-height: 1.44; } }
  .c-timeline-highlight.v-two-images {
    width: calc(100% + 60px); }
    .c-timeline-highlight.v-two-images .e-figure.v-first {
      position: relative;
      width: calc(100% - 400px); }
    .c-timeline-highlight.v-two-images .e-figure.v-second {
      height: 160px;
      position: relative;
      width: 160px; }
    .c-timeline-highlight.v-two-images .e-date-display {
      margin-top: 10px; }
    .v-timeline-left .c-timeline-highlight.v-two-images {
      right: 0; }
      .v-timeline-left .c-timeline-highlight.v-two-images .e-figure.v-first {
        float: right;
        right: 0; }
      .v-timeline-left .c-timeline-highlight.v-two-images .e-figure.v-second {
        float: right;
        right: 0; }
    .v-timeline-right .c-timeline-highlight.v-two-images {
      left: -60px; }
      .v-timeline-right .c-timeline-highlight.v-two-images .e-figure.v-first {
        float: left;
        left: 0; }
      .v-timeline-right .c-timeline-highlight.v-two-images .e-figure.v-second {
        float: left;
        left: 0; }
  .v-timeline-left .c-timeline-highlight {
    padding-left: 10px;
    /* Design madness */ }
    .v-timeline-left .c-timeline-highlight .e-text-block, .v-timeline-left .c-timeline-highlight .e-related-item {
      clear: left;
      float: left; }
  .v-timeline-right .c-timeline-highlight {
    padding-right: 10px;
    /* Design madness */ }
    .v-timeline-right .c-timeline-highlight .e-text-block, .v-timeline-right .c-timeline-highlight .e-related-item {
      clear: right;
      float: right; }
  @media screen and (max-width: 959px) {
    .c-timeline-highlight {
      padding-left: 0; }
      .c-timeline-highlight .e-date-display {
        margin-bottom: 120px;
        left: 0; }
      .c-timeline-highlight .e-figure {
        background-size: contain;
        left: -60px;
        position: relative;
        right: 0;
        width: calc(100% + 120px); }
      .c-timeline-highlight .e-image-preserver {
        display: none; }
      .c-timeline-highlight .e-related-item {
        float: none;
        position: static; }
      .c-timeline-highlight .e-text-block {
        position: static; }
      .c-timeline-highlight:not(.v-video) {
        margin-bottom: 100px; }
        .c-timeline-highlight:not(.v-video) .e-related-item, .c-timeline-highlight:not(.v-video) .e-text-block {
          position: relative;
          top: -20px; }
      .c-timeline-highlight.v-two-images {
        direction: rtl;
        /* Omgf */
        font-size: 0;
        left: -60px;
        position: relative;
        width: calc(100% + 120px); }
        .c-timeline-highlight.v-two-images .e-text-block, .c-timeline-highlight.v-two-images .e-related-item {
          clear: both;
          direction: ltr; }
        .c-timeline-highlight.v-two-images .e-figure.v-first {
          direction: ltr;
          display: inline-block;
          vertical-align: bottom;
          width: 56.66667%; }
        .c-timeline-highlight.v-two-images .e-figure.v-second {
          direction: ltr;
          display: inline-block;
          height: auto;
          vertical-align: bottom;
          width: 43.33333%; }
          .c-timeline-highlight.v-two-images .e-figure.v-second img {
            padding-bottom: 100%;
            width: 100%; }
      .v-timeline-left .c-timeline-highlight {
        padding-left: 0; }
        .v-timeline-left .c-timeline-highlight .e-date-display {
          float: none;
          text-align: center; }
        .v-timeline-left .c-timeline-highlight .e-related-item, .v-timeline-left .c-timeline-highlight .e-text-block {
          float: none;
          margin: 0 auto;
          position: relative; }
        .v-timeline-left .c-timeline-highlight.v-two-images .e-figure.v-first, .v-timeline-left .c-timeline-highlight.v-two-images .e-figure.v-second {
          float: none; }
      .v-timeline-right .c-timeline-highlight {
        padding-right: 0; }
        .v-timeline-right .c-timeline-highlight .e-date-display {
          float: none;
          text-align: center; }
        .v-timeline-right .c-timeline-highlight .e-related-item, .v-timeline-right .c-timeline-highlight .e-text-block {
          float: none;
          margin: 0 auto;
          position: relative; }
        .v-timeline-right .c-timeline-highlight.v-two-images .e-figure.v-first, .v-timeline-right .c-timeline-highlight.v-two-images .e-figure.v-second {
          float: none; } }
  @media screen and (max-width: 639px) {
    .v-timeline-left .c-timeline-highlight, .v-timeline-right .c-timeline-highlight {
      margin-bottom: 30px; }
      .v-timeline-left .c-timeline-highlight .e-date-display, .v-timeline-right .c-timeline-highlight .e-date-display {
        margin-bottom: 35px; }
      .v-timeline-left .c-timeline-highlight .e-figure, .v-timeline-right .c-timeline-highlight .e-figure {
        left: -20px;
        right: -20px;
        width: calc(100% + 20px * 2); }
      .v-timeline-left .c-timeline-highlight .e-related-item, .v-timeline-right .c-timeline-highlight .e-related-item {
        padding-top: 5px; }
      .v-timeline-left .c-timeline-highlight .related-item, .v-timeline-left .c-timeline-highlight .e-text-block, .v-timeline-right .c-timeline-highlight .related-item, .v-timeline-right .c-timeline-highlight .e-text-block {
        width: 100%;
        margin: auto !important; }
      .v-timeline-left .c-timeline-highlight .related-item.type-banner .action, .v-timeline-left .c-timeline-highlight .related-item.type-banner .description, .v-timeline-right .c-timeline-highlight .related-item.type-banner .action, .v-timeline-right .c-timeline-highlight .related-item.type-banner .description {
        display: block; }
      .v-timeline-left .c-timeline-highlight .related-item.type-banner .action .focus-label, .v-timeline-right .c-timeline-highlight .related-item.type-banner .action .focus-label {
        display: none; }
      .v-timeline-left .c-timeline-highlight .related-item.type-banner .description, .v-timeline-right .c-timeline-highlight .related-item.type-banner .description {
        margin-bottom: 20px; }
      .v-timeline-left .c-timeline-highlight .related-item.type-banner .content, .v-timeline-right .c-timeline-highlight .related-item.type-banner .content {
        padding: 17px 0 0; }
      .v-timeline-left .c-timeline-highlight.v-two-images, .v-timeline-right .c-timeline-highlight.v-two-images {
        left: -20px;
        width: calc(100% + 20px * 2); }
        .v-timeline-left .c-timeline-highlight.v-two-images .e-figure, .v-timeline-right .c-timeline-highlight.v-two-images .e-figure {
          left: 0;
          right: 0; }
        .v-timeline-left .c-timeline-highlight.v-two-images .related-item, .v-timeline-right .c-timeline-highlight.v-two-images .related-item {
          width: calc(100% - 20px * 2); }
 }

.c-date-display {
  background-color: #b4c5cc; }
  .section-dark .c-date-display {
    background-color: #a4b3bb; }
  .v-timeline-right .c-date-display {
    float: right;
    text-align: right; }
    .v-timeline-right .c-date-display .e-title {
      margin-right: -6px;
      /* Font correction */ }
  .c-date-display.v-supertitle {
    padding-top: 15px; }
    .c-date-display.v-supertitle .e-supertitle {
      font-size: 16px;
      font-weight: 700;
      line-height: 1;
      text-transform: uppercase;
      color: rgba(17, 31, 57, 0.4); }
      @media screen and (max-width: 639px) {
        .c-date-display.v-supertitle .e-supertitle {
          font-size: 14px; } }
    .c-date-display.v-supertitle .e-title {
      font-size: 104px;
      font-weight: 900;
      line-height: 1;
      margin-top: -15px; }
      @media screen and (max-width: 639px) {
        .c-date-display.v-supertitle .e-title {
          font-size: 60px; } }
  .c-date-display.v-one-row .e-supertitle {
    display: none; }
  .c-date-display.v-one-row .e-title {
    font-size: 90px;
    font-weight: 900;
    line-height: 1; }
    @media screen and (max-width: 639px) {
      .c-date-display.v-one-row .e-title {
        font-size: 60px; } }
  .c-date-display.v-two-rows .e-supertitle {
    display: none; }
  .c-date-display.v-two-rows .e-title {
    font-size: 60px;
    font-weight: 900;
    line-height: 0.83;
    margin-bottom: 10px;
    margin-top: 10px; }
    @media screen and (max-width: 639px) {
      .c-date-display.v-two-rows .e-title {
        font-size: 50px;
        line-height: 0.8; } }

.info-block-widget {
  float: right;
  width: 280px;
  background-color: #CCFFCC;
  display: inline-block;
  margin-right: -80px; }

.grid-block.rate-contact-widget section + section {
  margin-top: 40px; }
.grid-block.rate-contact-widget section.contact {
  background-color: #fff;
  height: 195px;
  overflow: hidden;
  padding: 20px 22px;
  position: relative; }
  .grid-block.rate-contact-widget section.contact header {
    border-bottom: 1px solid #aaa;
    border-bottom: 1px solid rgba(170, 170, 170, 0.5);
    margin-bottom: 20px;
    padding-bottom: 13px; }
    .grid-block.rate-contact-widget section.contact header h2 {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased; }
  .grid-block.rate-contact-widget section.contact .contact-details .contact-content .avatar {
    margin-right: 13px; }
  .grid-block.rate-contact-widget section.contact .contact-details.compact .contact-content .contact-names {
    max-width: 155px;
    min-width: 0; }
  .grid-block.rate-contact-widget section.contact .contact-details.compact .contact-content .contact-list {
    width: 1000%;
    max-width: none; }
.grid-block.rate-contact-widget section.rate {
  background-color: #feb900;
  color: #fff;
  height: 280px;
  overflow: hidden;
  padding: 20px 22px;
  position: relative; }
  .grid-block.rate-contact-widget section.rate article {
    padding-top: 45px; }
  .grid-block.rate-contact-widget section.rate footer {
    color: #fff;
    bottom: 7px;
    border-top: 1px solid #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding-top: 6px;
    position: absolute;
    left: 22px;
    right: 22px; }
    .grid-block.rate-contact-widget section.rate footer .btn, .grid-block.rate-contact-widget section.rate footer .fileinput:after {
      display: block;
      position: relative;
      right: -13px;
      text-align: right; }
      .grid-block.rate-contact-widget section.rate footer .btn:active, .grid-block.rate-contact-widget section.rate footer .fileinput:active:after, .grid-block.rate-contact-widget section.rate footer .btn:hover, .grid-block.rate-contact-widget section.rate footer .fileinput:hover:after, .grid-block.rate-contact-widget section.rate footer .btn:focus, .grid-block.rate-contact-widget section.rate footer .fileinput:focus:after {
        color: #111f39; }
  .grid-block.rate-contact-widget section.rate .title {
    font-size: 36px;
    font-weight: 300;
    line-height: 36px; }
    @media screen and (max-width: 639px) {
      .grid-block.rate-contact-widget section.rate .title {
        font-size: 36px;
        line-height: 36px; } }
  .grid-block.rate-contact-widget section.rate .rate {
    font-size: 36px;
    font-weight: 300;
    line-height: 36px; }
    @media screen and (max-width: 639px) {
      .grid-block.rate-contact-widget section.rate .rate {
        font-size: 36px;
        line-height: 36px; } }
  .grid-block.rate-contact-widget section.rate .difference {
    font-size: 26px;
    font-weight: 300;
    line-height: 36px;
    line-height: 45px;
    opacity: 0.8;
    vertical-align: top; }
    @media screen and (max-width: 639px) {
      .grid-block.rate-contact-widget section.rate .difference {
        font-size: 26px;
        line-height: 36px; } }
    .grid-block.rate-contact-widget section.rate .difference.positive:before {
      content: "\f16f";
      line-height: 44px; }
    .grid-block.rate-contact-widget section.rate .difference.negative:before {
      content: "\f16e"; }
    .grid-block.rate-contact-widget section.rate .difference.positive::before, .grid-block.rate-contact-widget section.rate .difference.negative::before {
      font-size: 20px;
      line-height: 45px;
      margin-right: -5px;
      vertical-align: top; }
@media screen and (max-width: 639px) {
  .contentpage .grid-block.rate-contact-widget.grid-block {
    height: auto; }

  .grid-block.rate-contact-widget section + section {
    margin-top: 20px; }

  .grid-block.rate-contact-widget section.contact {
    height: auto; }
    .grid-block.rate-contact-widget section.contact .contact-details {
      width: 100%; }
    .grid-block.rate-contact-widget section.contact .contact-details .contact-content .avatar {
      margin-right: 13px; }
    .grid-block.rate-contact-widget section.contact .contact-details.compact .contact-content .contact-names {
      width: calc(100% - 80px);
      max-width: initial;
      min-width: 0;
      color: #111f39; }

  .grid-block.rate-contact-widget .grid-block-mini.rate {
    background-color: #feb900;
    color: #fff;
    height: auto;
    padding-bottom: 75px; }
    .grid-block.rate-contact-widget .grid-block-mini.rate article {
      padding-top: 0; }
      .grid-block.rate-contact-widget .grid-block-mini.rate article h2 {
        line-height: 45px; }
      .grid-block.rate-contact-widget .grid-block-mini.rate article .difference {
        line-height: 30px; }
        .grid-block.rate-contact-widget .grid-block-mini.rate article .difference::before {
          line-height: 31px; }
    .grid-block.rate-contact-widget .grid-block-mini.rate footer {
      visibility: visible; }
 }

.c-link.v-special {
  margin-bottom: 60px;
  margin-top: 60px; }
  .c-link.v-special .e-border {
    width: 60px;
    height: 5px;
    background-color: #111f39;
    margin-bottom: 10px; }
  .c-link.v-special a {
    color: #111f39;
    font-size: 18px;
    line-height: 24px;
    text-decoration: none; }
    .c-link.v-special a:hover {
      text-decoration: none; }
  .c-link.v-special:hover .e-border {
    background-color: #fff; }
  .c-link.v-special:hover a {
    color: #fff; }

.c-facts.v-special {
  margin: 0 -80px 0 0; }
  .c-facts.v-special::after {
    content: '';
    display: block;
    clear: both; }
  .c-facts.v-special .e-fact {
    width: calc(25% - 15px);
    float: left; }
    .c-facts.v-special .e-fact + .e-fact {
      margin-left: 20px; }
  .c-facts.v-special h4 {
    border-bottom: 2px solid #feb900;
    color: #fff;
    font-size: 40px;
    margin-bottom: 5px;
    font-weight: 400; }
  .c-facts.v-special p {
    color: #111f39;
    font-size: 15px;
    line-height: 24px; }
  @media screen and (max-width: 959px) {
    .c-facts.v-special {
      display: none; } }

.c-visual-composition {
  margin-bottom: 0;
  margin-left: -80px;
  margin-top: 30px;
  width: 800px; }
  .c-visual-composition::after {
    content: '';
    display: block;
    clear: both; }
  .c-visual-composition .e-visual {
    float: left; }
    .c-visual-composition .e-visual.v-first {
      margin-bottom: 50px; }
  .c-visual-composition figcaption {
    display: inline-block;
    float: left;
    line-height: 2px;
    /* size of .e-rule */
    margin: 20px 0 30px;
    padding: 0 0 0 20px;
    width: 260px; }
    .c-visual-composition figcaption .e-rule {
      background-color: #111f39;
      display: inline-block;
      height: 2px;
      margin-bottom: 10px;
      width: 40px; }
    .c-visual-composition figcaption p {
      color: #111f39;
      font-size: 16px;
      line-height: 1.4; }
  .c-visual-composition figcaption.v-portrait {
    display: none; }
  .c-visual-composition:last-child {
    margin-bottom: 20px; }
  .c-visual-composition.v-variation-1 .e-visual::after {
    content: '';
    display: block;
    clear: both; }
  .c-visual-composition.v-variation-1 .e-visual.v-first {
    margin-bottom: 50px; }
  .c-visual-composition.v-variation-1 .e-visual.v-second {
    margin-bottom: 50px;
    margin-left: 140px;
    margin-top: -10px; }
    .c-visual-composition.v-variation-1 .e-visual.v-second img, .c-visual-composition.v-variation-1 .e-visual.v-second video {
      float: right; }
    .c-visual-composition.v-variation-1 .e-visual.v-second figcaption {
      padding-right: 20px;
      padding-left: 0;
      text-align: right; }
  .c-visual-composition.v-variation-1 .e-visual figcaption {
    margin-top: 0; }
  @media screen and (max-width: 959px) {
    .c-visual-composition {
      height: auto;
      margin-left: 0;
      max-width: 100%; }
      .c-visual-composition figcaption.v-portrait {
        display: block; }
      .c-visual-composition figcaption.v-landscape {
        display: none; }
      .c-visual-composition figure {
        margin-left: 0;
        margin-right: 0; }
      .c-visual-composition figcaption {
        margin-top: 0;
        padding-left: 0; }
      .c-visual-composition .e-visual {
        float: none;
        height: auto;
        margin-bottom: 20px;
        max-width: 100%;
        width: 100%; }
        .c-visual-composition .e-visual.v-first {
          margin-bottom: 20px; }
        .c-visual-composition .e-visual.v-second {
          margin-top: -20px; }
      .c-visual-composition.v-variation-1 .e-visual.v-first {
        margin-bottom: 45px; }
        .c-visual-composition.v-variation-1 .e-visual.v-first figcaption {
          margin-bottom: 0;
          padding-left: 0; }
          .c-visual-composition.v-variation-1 .e-visual.v-first figcaption p:last-child {
            margin-bottom: 0; }
      .c-visual-composition.v-variation-1 .e-visual.v-second {
        margin-bottom: 45px;
        margin-left: 0;
        margin-top: -10px; }
        .c-visual-composition.v-variation-1 .e-visual.v-second figcaption {
          float: left;
          margin-bottom: 0;
          padding-left: 0;
          text-align: left; }
          .c-visual-composition.v-variation-1 .e-visual.v-second figcaption p {
            margin-bottom: 0; } }
  @media screen and (max-width: 639px) {
    .c-visual-composition {
      margin-left: -20px;
      margin-top: 20px;
      max-width: none;
      width: calc(100% + 40px); }
      .c-visual-composition .e-visual {
        width: 100%; }
      .c-visual-composition figcaption {
        margin-bottom: 10px;
        padding-left: 20px;
        width: calc(80%); }
        .c-visual-composition figcaption p {
          font-size: 13px; }
      .c-visual-composition.v-variation-1 .e-visual.v-first {
        margin-bottom: 25px; }
        .c-visual-composition.v-variation-1 .e-visual.v-first figcaption {
          padding-left: 20px; }
      .c-visual-composition.v-variation-1 .e-visual.v-second {
        margin-top: 15px;
        margin-bottom: 25px; }
        .c-visual-composition.v-variation-1 .e-visual.v-second figcaption {
          padding-left: 20px; } }

.c-newsletter-example {
  background: url('/static/img/newsletter-example.png?6a8bef1de1f4') no-repeat;
  background-size: 46%;
  padding-left: 210px; }
  @media screen and (max-width: 639px) {
    .c-newsletter-example {
      padding-left: 0;
      padding-top: 270px;
      background-position: center 20px;
      background-size: auto 230px; } }
  @media screen and (min-width: 640px) {
    .c-newsletter-example {
      background-size: 38%; } }
  @media screen and (min-width: 960px) {
    .c-newsletter-example {
      background-size: 26%; } }
  .c-newsletter-example ul {
    list-style-type: none; }
  .c-newsletter-example input[type=checkbox] {
    margin-right: 5px; }

.c-newsletter-interests ul {
  list-style-type: none; }
.c-newsletter-interests li {
  display: inline-block; }
.c-newsletter-interests li {
  margin-right: 30px; }
.c-newsletter-interests li:last-of-type {
  margin-right: 0; }
.c-newsletter-interests label {
  font-weight: bold; }

.page.search .page-intro {
  padding-bottom: 38px;
  padding-top: 45px; }
  .page.search .page-intro .header {
    margin-bottom: 10px;
    text-align: left; }
@media screen and (max-width: 639px) {
  .page.search .page-intro .header {
    text-align: center; }
 }

.search-widget {
  margin-left: -140px;
  position: relative;
  width: 920px; }
  .search-widget .search-query {
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 28px;
    -webkit-appearance: none;
    background-color: #b4c5cc;
    border: 0;
    border-bottom: 1px solid #036;
    color: #036;
    display: block;
    margin-left: 140px;
    margin-right: 140px;
    padding: 5px 60px 6px 2px;
    width: 640px; }
    @media screen and (max-width: 639px) {
      .search-widget .search-query {
        font-size: 20px; } }
    .search-widget .search-query:focus {
      outline: none; }
  .search-widget .search-submit {
    display: block;
    padding: 5px 10px 5px;
    position: absolute;
    right: 133px;
    top: 0;
    z-index: 1; }
    .search-widget .search-submit:before {
      content: "\f14c";
      font-size: 16px; }
  .search-widget .search-clearquery {
    display: block;
    padding: 5px 10px;
    position: absolute;
    right: 164px;
    top: 0;
    z-index: 1; }
    .search-widget .search-clearquery:before {
      content: "\f13d";
      color: #e6e6e5;
      font-size: 16px; }
  .search-widget .search-query:focus + .search-clearquery {
    visibility: visible; }
  .search-widget .tt-dropdown-menu {
    background-color: #b4c5cc;
    box-shadow: 0 6px 7px -3px rgba(17, 31, 57, 0.15); }
  .search-widget .tt-suggestion > div {
    margin-left: 140px;
    margin-right: 140px; }
  @media screen and (max-width: 959px) {
    .search-widget {
      width: 760px; }
      .search-widget .search-query {
        width: 480px; } }
  @media screen and (max-width: 639px) {
    .search-widget {
      margin: 0;
      padding: 0 10px;
      width: 100%;
      max-width: 100%; }
      .search-widget .search-query {
        width: 100%;
        max-width: 100%;
        margin: 0; }
      .search-widget .search-clearquery {
        padding-top: 0;
        right: 30px; }
      .search-widget .search-submit {
        padding-top: 0;
        right: 0; } }

.search-noresults {
  min-height: 180px;
  padding-top: 45px; }
  .search-noresults .title {
    font-weight: 300;
    margin-bottom: 3px; }
  .search-noresults .query {
    font-weight: 900; }

/* TODO: should be in more generic place */
.page.page-gallery .page-header, .page.page-list .page-header {
  margin-bottom: 30px; }
.page.page-gallery .page-intro, .page.page-list .page-intro {
  padding-bottom: 35px;
  padding-top: 40px; }
@media screen and (max-width: 639px) {
  .page.page-gallery .page-header, .page.page-list .page-header {
    margin-bottom: 15px; }

  .page.page-gallery .page-intro, .page.page-list .page-intro {
    padding-bottom: 23px;
    padding-top: 15px; }
    .page.page-gallery .page-intro p:not(.page-backlink), .page.page-list .page-intro p:not(.page-backlink) {
      display: none; }
 }

.section-list {
  padding-bottom: 60px; }
  @media screen and (max-width: 639px) {
    .section-list {
      padding-bottom: 30px; }
      .section-list h3, .section-list .h3 {
        line-height: 1; } }
  .section-list .list-head {
    margin-bottom: 10px; }
  .section-list .list {
    list-style: none;
    margin-bottom: 30px; }
    .section-list .list > li {
      display: block;
      list-style: none;
      margin: 0 0 20px; }
      @media screen and (max-width: 639px) {
        .section-list .list > li {
          margin-bottom: 15px; } }
  .section-list .listitem {
    background-color: #e6e6e5;
    display: block;
    height: 180px; }
    .section-list .listitem::after {
      content: '';
      display: block;
      clear: both; }
    .section-list .listitem figure {
      width: 280px;
      height: 180px; }
    .section-list .listitem .visual {
      display: block;
      float: left;
      background-color: #b4c5cc; }
    .section-list .listitem .date {
      display: block; }
    .section-list .listitem .content {
      padding: 25px 25px 25px 40px; }
    .section-list .listitem.has-visual .content {
      padding-left: 321px; }
    .section-list .listitem .type {
      color: #036;
      display: block;
      margin-bottom: 3px;
      text-transform: uppercase; }
    .section-list .listitem .title {
      color: #036;
      margin-bottom: 4px; }
    .section-list .listitem .date, .section-list .listitem .type {
      margin-top: -8px; }
    .section-list .listitem .description + .date {
      margin-top: 0; }
      @media screen and (max-width: 639px) {
        .section-list .listitem .description + .date {
          margin-top: -3px; } }
    .section-list .listitem .description {
      color: #111f39;
      max-height: 3em;
      overflow: hidden; }
      .section-list .listitem .description p {
        margin: 0; }
    .section-list .listitem.has-date .description {
      max-height: 2em; }
  .section-list .listitem-link {
    color: #111f39;
    display: block;
    height: 100%;
    outline: none;
    text-decoration: none; }
    .section-list .listitem-link::after {
      content: '';
      display: block;
      clear: both; }
    .no-touch .section-list .listitem-link:active, .no-touch .section-list .listitem-link:hover, .section-list .listitem-link:focus {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      background-color: #feb900;
      color: #fff; }
      .no-touch .section-list .listitem-link:active .type, .no-touch .section-list .listitem-link:active .title, .no-touch .section-list .listitem-link:active .date, .no-touch .section-list .listitem-link:active .description, .no-touch .section-list .listitem-link:hover .type, .no-touch .section-list .listitem-link:hover .title, .no-touch .section-list .listitem-link:hover .date, .no-touch .section-list .listitem-link:hover .description, .section-list .listitem-link:focus .type, .section-list .listitem-link:focus .title, .section-list .listitem-link:focus .date, .section-list .listitem-link:focus .description {
        color: #fff; }
  @media screen and (max-width: 959px) {
    .section-list .listitem {
      height: 162px; }
      .section-list .listitem figure {
        width: 162px;
        height: 162px; }
      .section-list .listitem .title {
        max-height: 2.2em;
        overflow: hidden; }
      .section-list .listitem .description {
        max-height: 1.6em;
        overflow: hidden; }
      .section-list .listitem.has-visual .content {
        padding-left: 200px; }
 }
  @media screen and (max-width: 639px) {
    .section-list .list {
      margin-bottom: 15px; }

    .section-list .listitem {
      height: 100px; }
      .section-list .listitem figure {
        width: 100px;
        height: 100px; }
      .section-list .listitem .title {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.1;
        max-height: 2.8em; }
        @media screen and (max-width: 639px) {
          .section-list .listitem .title {
            font-size: 18px;
            line-height: 22px; } }
      .section-list .listitem .description {
        display: none; }
      .section-list .listitem .content {
        padding: 20px 20px 12px; }
      .section-list .listitem .page-date {
        margin-bottom: 5px; }
      .section-list .listitem.has-visual .content {
        padding-left: 120px; }
 }

.js .dropdown-label {
  display: none; }

.js .changesubmit-button {
  display: none; }

@media screen and (max-width: 639px) {
  .page.page-gallery .page-intro p:not(.page-backlink) {
    display: none; }
 }

.section-gallery {
  background-color: #b4c5cc;
  padding-bottom: 30px;
  padding-top: 40px; }
  @media screen and (max-width: 639px) {
    .section-gallery {
      padding-bottom: 15px;
      padding-top: 15px; } }
  .section-gallery .gallery {
    list-style: none;
    margin: 0 auto;
    width: 100%; }
    .section-gallery .gallery::after {
      content: '';
      display: block;
      clear: both; }
    .section-gallery .gallery .gallery-item {
      float: left;
      margin: 0 0 20px; }
      @media screen and (max-width: 639px) {
        .section-gallery .gallery .gallery-item {
          margin-bottom: 15px; } }
      .section-gallery .gallery .gallery-item:first-child {
        clear: left;
        margin-left: 0; }
    @media screen and (min-width: 640px) {
      .section-gallery .gallery {
        width: 600px; }
        .section-gallery .gallery .gallery-item {
          float: left;
          margin-left: 40px;
          margin-bottom: 40px; } }
    @media screen and (min-width: 640px) and (max-width: 959px) {
      .section-gallery .gallery .gallery-item:nth-child(2n+1) {
        clear: left;
        margin-left: 0; }
 }
    @media screen and (min-width: 960px) {
      .section-gallery .gallery {
        width: 920px; } }
    @media screen and (min-width: 960px) and (max-width: 1279px) {
      .section-gallery .gallery .gallery-item:nth-child(3n+1) {
        clear: left;
        margin-left: 0; }
 }
    @media screen and (min-width: 1280px) {
      .section-gallery .gallery {
        width: 1240px; }
        .section-gallery .gallery .gallery-item:nth-child(4n+1) {
          clear: left;
          margin-left: 0; } }

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  min-width: 200px; }
  @media screen and (max-width: 639px) {
    .chosen-container {
      width: 100%; } }

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 0;
  color: #036;
  background: #fff; }
  .chosen-container .chosen-drop:before, .chosen-container .chosen-drop:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #036; }
  .chosen-container .chosen-drop:before {
    top: -43px;
    right: -5px;
    bottom: -5px;
    width: 5px; }
  .chosen-container .chosen-drop:after {
    top: 100%;
    right: -5px;
    width: 100%;
    height: 5px; }

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0; }

.chosen-container a {
  cursor: pointer; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 20px;
  height: 48px;
  border: 0;
  color: #fff;
  background-color: #393c47;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  white-space: nowrap;
  line-height: 48px; }
  .chosen-container-single .chosen-single:after {
    content: "\f12b";
    position: absolute;
    top: 16px;
    right: 25px;
    font-size: 14px; }
  @media screen and (max-width: 639px) {
    .chosen-container-single .chosen-single {
      height: 40px;
      line-height: 40px; }
      .chosen-container-single .chosen-single:after {
        top: 14px;
        right: 17px; } }

.chosen-container-single .chosen-default {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase; }

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 60px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect:after {
  display: none; }

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 30px; }

.chosen-container-single .chosen-single .search-choice-close {
  position: absolute;
  top: -2px;
  right: 19px;
  display: block;
  width: 10px;
  height: 10px; }
  .chosen-container-single .chosen-single .search-choice-close:after {
    content: "\f13d";
    font-size: 10px;
    color: #fff; }

.chosen-container-single .chosen-single .search-choice-close:hover:after {
  color: #feb900; }

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%; }

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%; }

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 13px 12px;
  white-space: nowrap; }
  .chosen-container-single .chosen-search:after {
    content: "\f14c";
    font-size: 15px;
    color: #036;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 20px;
    z-index: 1011; }

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 10px 30px 10px 12px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #036;
  font-size: 1em;
  line-height: normal;
  -webkit-border-radius: 0;
  border-radius: 0; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  max-height: 290px;
  -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 9px 10px 10px 20px;
  list-style: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-touch-callout: none;
  border-bottom: 1px solid #e6e6e5; }
  .chosen-container .chosen-results li[data-count] {
    position: relative;
    padding-right: 25px; }
    .chosen-container .chosen-results li[data-count]:after {
      content: attr(data-count);
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -0.75em;
      color: #aaa; }

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer; }

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default; }

.chosen-container .chosen-results li.highlighted {
  color: #fff;
  background-color: #036;
  border-color: #036;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4; }

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default; }

.chosen-container .chosen-results li.group-option {
  padding-left: 15px; }

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  cursor: text; }

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none; }

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  -webkit-border-radius: 0;
  border-radius: 0; }

.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999; }

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  background-color: #e4e4e4;
  color: #333;
  line-height: 13px;
  cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4; }

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0; }

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 0;
  color: #fff;
  background-color: #036;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 0; }
  .chosen-container-active.chosen-with-drop .chosen-single:after {
    content: "\f12d"; }

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent; }

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb; }

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default; }

.chosen-disabled .chosen-single {
  cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default; }

/* @end */
/* @group Right to Left */
/* @end */
/* @group Retina compatibility */
/* @end */
/* Chosen Click-through fix; props to Elco */
.chosen-drop {
  pointer-events: none !important; }

.chosen-search, .chosen-results {
  pointer-events: auto !important; }

/* Mobile styling */
.mobile select.dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 16px;
  line-height: 130%;
  background-color: #505a6c;
  border: none;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 41px;
  outline: none;
  padding: 0 10px;
  vertical-align: top;
  width: 100%; }

.custom-checkbox, .custom-radio {
  position: relative; }

.custom-radio input {
  left: 3px;
  margin: 0;
  position: absolute;
  top: 12px;
  z-index: 0; }

.custom-radio label {
  background: url('/static/img/custominput.hd.png?03ee03e484f5') no-repeat 0 -1px;
  background-size: 20px;
  cursor: pointer;
  display: block;
  line-height: 1;
  margin: 0 0 0.3em;
  padding: 0.5em 1em 0.5em 40px;
  position: relative;
  z-index: 1; }
  .custom-radio label.hover {
    background-position: 0 -36px; }
  .custom-radio label.checked, .custom-radio label:focus {
    background-position: 0 -71px; }

.custom-checkbox label {
  background-image: url('/static/_scss/custominput.png');
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .custom-checkbox label {
      background-image: url('/static/_scss/custominput.hd.png');
      -webkit-background-size: 20px 20px;
      background-size: 20px 20px; }
 }

.pagination {
  text-align: center; }
  .pagination li {
    display: inline-block; }
    .pagination li.prev {
      float: left; }
    .pagination li.next {
      float: right; }
  .pagination ul:after {
    clear: both;
    content: ' ';
    display: block; }
  .pagination .btn[disabled], .pagination [disabled].fileinput:after, .pagination .btn:disabled, .pagination .fileinput:disabled:after {
    background-image: none;
    background-color: #505a6c; }
  .pagination .ellipsis, .pagination .page {
    display: inline-block;
    min-width: 48px; }
  @media screen and (max-width: 639px) {
    .pagination .link-next, .pagination .link-prev {
      font-size: 0;
      padding-top: 14px;
      padding-bottom: 12px;
      width: 40px; }

    .pagination .link-next:after {
      margin-left: -6px; }

    .pagination .ellipsis, .pagination .page {
      display: inline-block;
      min-width: 40px; }
 }
  @media screen and (min-width: 640px) {
    .pagination .btn[disabled]:after, .pagination [disabled].fileinput:after, .pagination .btn:disabled:after, .pagination .fileinput:disabled:after, .pagination .btn[disabled]:before, .pagination .btn:disabled:before {
      content: ''; }
 }

.newsletter-upsell h2 {
  font-size: 24px;
  font-weight: 900;
  line-height: 40px; }
  @media screen and (min-width: 640px) {
    .newsletter-upsell h2 {
      font-size: 26px; } }
.newsletter-upsell p {
  font-size: 16px; }
  @media screen and (min-width: 640px) {
    .newsletter-upsell p {
      font-size: 18px; } }
.newsletter-upsell img {
  display: none; }
.newsletter-upsell .btn, .newsletter-upsell .fileinput:after {
  width: 100%;
  text-align: center; }
.newsletter-upsell .newsletter-upsell-slide {
  -webkit-transition: opacity 0.65s ease-out, max-height 0.65s ease-out;
  transition: opacity 0.65s ease-out, max-height 0.65s ease-out;
  opacity: 1;
  max-height: 400px;
  overflow: hidden; }
  .newsletter-upsell .newsletter-upsell-slide.is-hidden {
    opacity: 0;
    max-height: 0; }
.newsletter-upsell .custom-form {
  margin: 0; }
.newsletter-upsell button:focus {
  outline: none; }
.newsletter-upsell .error {
  color: #ff1400; }
.newsletter-upsell p.error {
  font-weight: 400; }
.newsletter-upsell .formrow {
  margin-bottom: 10px; }
  .newsletter-upsell .formrow input[type="text"], .newsletter-upsell .formrow input[type="email"] {
    color: #111f39;
    padding-right: 20px;
    width: 100%; }
  .newsletter-upsell .formrow:first-child {
    width: calc(50% - 5px);
    float: left; }
    .newsletter-upsell .formrow:first-child .active-label-floatlabel {
      display: none; }
    .newsletter-upsell .formrow:first-child + .formrow {
      width: calc(50% - 5px);
      float: right; }
      .newsletter-upsell .formrow:first-child + .formrow .active-label-floatlabel {
        display: none; }
      .newsletter-upsell .formrow:first-child + .formrow + .formrow {
        clear: both; }
        .newsletter-upsell .formrow:first-child + .formrow + .formrow .active-label-floatlabel {
          display: block; }
.newsletter-upsell .floatlabel .label-floatlabel {
  width: 65%; }
.newsletter-upsell .newsletter-upsell-container {
  background-position: -10000px;
  position: relative; }
  .newsletter-upsell .newsletter-upsell-container::after {
    content: '';
    display: block;
    clear: both; }
@media screen and (min-width: 640px) {
  .newsletter-upsell .newsletter-upsell-slide {
    float: right;
    width: calc(100% - 242px); }

  .newsletter-upsell .formrow {
    margin-bottom: 20px; }
    .newsletter-upsell .formrow:first-child, .newsletter-upsell .formrow:first-child + .formrow {
      width: calc(50% - 10px); }
      .newsletter-upsell .formrow:first-child .active-label-floatlabel, .newsletter-upsell .formrow:first-child + .formrow .active-label-floatlabel {
        display: block; }

  .newsletter-upsell .c-newsletter-example {
    background-size: 27%; }

  .newsletter-upsell span.btn, .newsletter-upsell span.fileinput:after {
    width: auto;
    min-width: 160px; }
 }
@media screen and (min-width: 960px) {
  .newsletter-upsell .formrow:nth-child(3) {
    width: calc(100% - 180px);
    float: left; }
    .newsletter-upsell .formrow:nth-child(3) + .btn, .newsletter-upsell .formrow:nth-child(3) + .fileinput:after {
      width: 160px;
      float: right; }

  .newsletter-upsell .c-newsletter-example {
    background-size: 18%; }
 }
.homepage-edition-preview-container .newsletter-upsell {
  display: none; }
.newsletter-upsell-inline-container .newsletter-upsell {
  background: #A4B3BB;
  color: #fff; }
  .newsletter-upsell-inline-container .newsletter-upsell .newsletter-upsell-container {
    padding: 30px 20px; }
  @media screen and (min-width: 640px) {
    .newsletter-upsell-inline-container .newsletter-upsell .newsletter-upsell-container {
      background-position: 0 50px;
      min-height: 280px;
      padding-left: 0;
      padding-right: 0;
      margin: 0 auto;
      max-width: 600px; }
 }
  @media screen and (min-width: 960px) {
    .newsletter-upsell-inline-container .newsletter-upsell .newsletter-upsell-container {
      max-width: 920px;
      padding-top: 50px; }
 }
@media screen and (min-width: 640px) {
  .newsletter-upsell .newsletter-upsell-scroll-container {
    height: 0; } }
.newsletter-upsell-scroll-container .newsletter-upsell {
  background-color: #fff;
  color: #111f39;
  outline: 10px solid rgba(17, 31, 57, 0.4);
  padding: 10px 20px 20px;
  margin: 10px 0; }
  .newsletter-upsell-scroll-container .newsletter-upsell .c-newsletter-example {
    padding-left: 0;
    padding-top: 0; }
  .newsletter-upsell-scroll-container .newsletter-upsell .close-popup-button {
    font-size: 0;
    text-decoration: none;
    position: absolute;
    top: 10px;
    right: 0; }
    .newsletter-upsell-scroll-container .newsletter-upsell .close-popup-button:before {
      content: "\f13d";
      font-size: 16px; }
  .newsletter-upsell-scroll-container .newsletter-upsell input[type="text"], .newsletter-upsell-scroll-container .newsletter-upsell input[type="email"] {
    background-color: #e6e6e5; }
  .newsletter-upsell-scroll-container .newsletter-upsell.is-hidden {
    display: none !important; }
  @media screen and (min-width: 640px) {
    .newsletter-upsell-scroll-container .newsletter-upsell {
      -webkit-transition: right 0.65s ease-out;
      transition: right 0.65s ease-out;
      position: fixed;
      bottom: 0;
      right: -100%;
      z-index: 9999;
      width: 830px;
      padding: 50px 55px;
      margin: 0;
      max-width: 100%; }
      .newsletter-upsell-scroll-container .newsletter-upsell img {
        display: inline-block;
        float: left;
        margin-right: 20px;
        width: 182px;
        height: auto; }
      .newsletter-upsell-scroll-container .newsletter-upsell .close-popup-button {
        top: -20px;
        right: -30px; }
      .newsletter-upsell-scroll-container .newsletter-upsell.is-inview {
        right: 0; } }