@charset "UTF-8";
/* ======================= */
/* = Styles WageningenUR = */
/* ======================= */
/* ====================== */
/* = Version : 1.59.1   = */
/* = Date  : 2016-10-20 = */
/* ====================== */
/* -------------------------------------------------------------------------------- */
/**
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
* html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

ul, ol {
  list-style: none; }

/* Normalize monospace sizing:
en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

/* Reseting apprearence in webkit */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button {
  cursor: pointer; }

/* Make buttons play nice in IE:
www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
  width: auto;
  overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

/* ================================================================ */
/* Additions from H5BP */
/* Consistent focus look */
a:focus {
  outline: thin dotted; }

a:hover, a:active {
  outline: 0; }

/* Corrects overflow not being hidden in IE9 */
svg:not(:root) {
  overflow: hidden; }

/* ================================================================ */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 14, 2012 */
@font-face {
  font-family: 'wurfont';
  src: url(../fonts/wurfont/wurfont-regular-webfont.eot?v=54f5c99af3fe1bb84a620616c3f1583b843c77a8954a6457a08313d7635a3d98);
  src: url(../fonts/wurfont/wurfont-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/wurfont/wurfont-regular-webfont.woff?v=19a89c3f475d1b01f9f3f44de5d43acab918cae9517535cff214388f5aeb3f2a) format("woff"), url(../fonts/wurfont/wurfont-regular-webfont.ttf?v=d6508453f79763649ffec549de0eb0be39a1d9d9e54fe4e00c28298b161eed8c) format("truetype"), url(../fonts/wurfont/wurfont-regular-webfont.svg#wurfontRegular) format("svg");
  font-weight: normal;
  font-style: normal; }

/* ============== */
/* = Typography = */
/* ============== */
/*

.fontsize-meta	.font-quote		.lineheight-12
.fontsize-aside	.font-content
.font-content	.font-icons

Why ? better scale down fonts for responsive,
      cleaner
      force consistenty

Think of it as the previous font-size: smaller; but with benefits

*/
.font-quote, .carrousel-caption-quote, .layout-subhome.for-services .carrousel .items .caption.testimonial p, .layout-subhome-institute.for-funding .carrousel .caption p.quote, .layout-subhome-audience .carrousel .items li .caption p, .pullquote blockquote, .content figure figcaption {
  font-family: Georgia, Times, serif; }

.font-content, .pullquote figcaption,
.content .pullquote figcaption {
  font-family: verdana, sans-serif; }

.font-size-meta, .site-wide, #breadcrumb, body > footer, #main > footer, .search-results .list.search .meta, .layout-home .info .links, .layout-home .carrousel .items li .caption p, .layout-subhome-theme .carrousel .items li .caption p, .layout-profile aside .form .subtile-link, .follow p,
.content .follow p, .content td,
.content th, .list.with-tweets .tweet_time a, .ui-datepicker, .audience-services .teaser, .audience-services .links li {
  font-size: 11px;
  /* Fallback */
  font-size: 1.1rem; }

.font-size-aside, aside .map, .sender-related, .content .audience-related .links, .site-search .results .notice, .site-search .results .all, #breadcrumb > ul div, .layout-profile .profile-info .study-tracks,
.layout-profile .profile-info .follow, .layout-profile .profile-info h2, .layout-profile .profile-info .button.with-emphasis, .contactinfo, header p.type, .content h3, .content > div > section.meta,
.content section.list, .content dl.meta,
.content p.meta, .meta table th, .pullquote figcaption,
.content .pullquote figcaption, .content table caption, .timeline li .meta, .factsheet .label, .factsheet dt, .factsheet table, .content .links li .type, input[type="submit"],
button.button,
a.button,
span.button, .form input.button.with-emphasis,
.form button.button.with-emphasis, .ui-datepicker .ui-datepicker-header, .ui-menu, .check-remove-avatar, .database.overview dl, .gallery.of-people .vcard .contact, .program, .program td:first-child, .banner p, nav.subnav h2 {
  font-size: 12px;
  /* Fallback */
  font-size: 1.2rem; }

.font-size-content, .primary-navigation .audience, .layout-subhome.for-development section.form, .layout-subhome-chairgroup #main .contentwrapper > header.title a.more, header.title a.more:hover,
header.title a.more, .content, select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"], .form .formsteps li, .form .gridelement td, section.search, .carrousel .items li .caption, .carrousel .items li .caption p, .gallery .items li a {
  font-size: 13px;
  /* Fallback */
  font-size: 1.3rem; }

.font-size-h3,
#main > footer h3,
body > footer h2,
.subnav,
aside .content h3,
.gallery .vcard .fn,
.contactinfo .fn,
.layout-home section.info h2,
.layout-subhome-campaign .title .intro,
.meta table td,
.audience-services h3,
.site-search .site-search-field {
  font-size: 14px;
  /* Fallback */
  font-size: 1.4rem; }

.font-size-intro, .search-results .list.search .title, .search-results .filters h2, .layout-subhome-chairgroup header .intro, .content .intro, .factsheet dd, .list.with-partner-logos strong, .content .audience-related h2, .program th,
.program td, .banner .meta {
  font-size: 15px;
  font-size: 1.5rem; }

/* H2 above defined section - not a .content h2 */
.font-size-section-h2,
.layout-subhome.for-development section.form .label,
.layout-subhome-institute p.intro,
.layout-profile.with-search .list.alumni > h2,
.layout-profile.with-search .list.alumni > ul > li .title,
.contactinfo h2,
.list.with-newsletters .title,
.form h3,
section.search h2,
section.details > h2,
.content .collection h2,
.content .collection .list h2,
aside .content h2,
aside .content .list h2,
aside .content .collection .list h2,
.stones .caption h2,
.font-size-subtitle, header.person .contact span {
  font-size: 16px;
  font-size: 1.6rem; }

.font-size-related-h2, .sender-related h2,
.pullquote blockquote {
  font-size: 18px;
  /* Fallback */
  font-size: 1.8rem; }

.font-size-h2, .layout-subhome.for-development aside .form h2, .carrousel-caption-quote, .layout-subhome.for-services .carrousel .items .caption.testimonial p, .layout-subhome-institute.for-funding .carrousel .caption p.quote, .layout-subhome-audience .carrousel .items li .caption p, .content h2, section.meta h2,
.content .list h2, .pullquote:before, .timeline h3, .timeline li .title, .carrousel .items li .caption h3, .gallery h2, .featured h2, .banner h2 {
  font-size: 20px;
  font-size: 2rem; }

.font-size-search-input, .layout-subhome.for-services .carrousel .items .caption h3, .factsheet h2 {
  font-size: 24px;
  font-size: 2.4rem; }

.font-size-subhome-h1, .layout-subhome-campaign .title h1, .layout-subhome-institute header h1, .layout-profile aside .subnav h2 {
  font-size: 25px;
  font-size: 2.5rem; }

.font-size-h1, .layout-home .mission, .layout-home .carrousel .items li .caption h3, .layout-subhome-theme .carrousel .items li .caption h3, header h1 {
  font-size: 30px;
  /* Fallback */
  font-size: 3rem; }

.font-size-h1-404, .layout-404 #main header h1 {
  font-size: 60px;
  font-size: 6rem !important; }

.font-size-intro-404, .layout-404 header .intro {
  font-size: 30px;
  font-size: 3rem; }

.font-size-content-404, .layout-404 p {
  font-size: 14px;
  font-size: 1.4rem; }

.sender-related {
  line-height: 1.5; }

.content .audience-related .links {
  line-height: 1.4; }

/* refactoring left-overs*/
.subnav,
aside .content h3,
.gallery .vcard .fn,
.contactinfo .fn {
  line-height: 1.4; }

.sender-related h2,
.pullquote blockquote {
  line-height: 1.3; }

#main > footer h2 {
  font-size: 22px;
  font-size: 2.2rem; }

/* as the comment below this defined untill h2 vs h3 debate has been settled */
.content .collection > section > h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.8; }

/* ============= */
/* = Variables = */
/* ============= */
/* Colors */
/* only on elements that have a green background */
/* Colors for social media hovers */
/* Colors for share button  */
/* TODO: Check colour. */
/* Colors for buttons and types of pages(?) */
/* Shade */
/* Measures */
/* margin used in forms */
/* Grid = 768 - 2 x 10px = 748px with 8 cols */
/* Calculated on http://grids.heroku.com/ */
/* Other measures */
/* .visual top offset */
/* study carrousel height */
/* Default content block margin*/
/* fixed header, sometimes required for meassurements */
/* Fontsize */
/* Masonry */
/* Breakpoints */
.faux-columns-bg, .layout-subhome .page, .layout-subhome.for-development .page, .layout-subhome-theme .page {
  /*
    Most unfortunately we cannot use a gradient here as Google Chrome in Mac has
    very strange linear-gradient bugs.
  */
  background-image: url(../images/backgrounds/white.png?v=bcc0f69ba0a1b8766729ba7770b0173100e10ce8084b1849a5db2ab1bbd8f100);
  background-position: 0 0;
  background-repeat: no-repeat;
  /* Set the background size in the extended class */
  background-size: 100% 100%;
  /* Override the background color in the extended class */
  background-color: #EEEDE6; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.hide-accessible, .icon span, .acc,
#skiplinks {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

html {
  font-size: 62.5%;
  /* Allow for REM font-sizing */
  font-family: verdana, sans-serif;
  height: 100%;
  /* Sticky footer */ }

body {
  font-size: 100%;
  color: #333;
  background: #ececec;
  height: 100%;
  /* Sticky footer */ }

body > .page {
  /* Sticky footer */
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6; }

.page {
  position: relative;
  max-width: 940px;
  padding: 0 20px;
  margin: 0 auto; }

/* ========== */
/* = Header = */
/* ========== */
body > .page > header {
  height: 37px;
  padding: 60px 20px 23px 29px;
  background: #fff;
  margin-bottom: 60px;
  /* 40px for breadcrumb */
  margin-left: -20px;
  margin-right: -20px; }

body > .page > header > .logo {
  position: absolute;
  z-index: 400;
  display: block; }

.no-js body > .page > header {
  margin-bottom: 100px;
  /* 80px for breadcrumb */ }

/* ================ */
/* = Fixed header = */
/* ================ */
body.fixed > .page > header {
  margin: 0 0 0 -20px;
  background: #fff;
  width: 930px;
  padding-left: 30px;
  padding-right: 20px;
  top: 0;
  padding-top: 23px;
  /* fixed point min original padding */ }

body.fixed > .page > header,
body.fixed .primary-navigation,
body.fixed #breadcrumb {
  position: fixed;
  z-index: 250;
  max-width: 980px; }

body.fixed #breadcrumb {
  top: 83px;
  overflow-x: visible; }

body.fixed .primary-navigation {
  width: 652px;
  margin-left: 295px;
  top: 21px;
  right: auto;
  z-index: 251; }

body.fixed > .page {
  /* page header height */
  padding-top: 180px; }

/* ============== */
/* = Navigation = */
/* ============== */
/* Site wide */
.site-wide {
  line-height: 1.5;
  position: absolute;
  top: 18px;
  right: 20px;
  z-index: 501; }

.fixed .site-wide {
  z-index: 10; }

.site-wide li,
.site-wide > ul {
  float: left; }

.site-wide li a {
  float: left;
  margin-left: 1em;
  color: #333;
  text-decoration: none; }

.site-wide li a .highlight {
  color: #3a84c1; }

.site-wide li a:hover {
  text-decoration: underline;
  color: #3a84c1; }

menu.language > a:hover {
  text-decoration: underline;
  color: #3a84c1; }

menu.language > a {
  float: left;
  margin-left: 1em;
  color: #333;
  text-decoration: none; }

/* Language menu */
menu.language,
menu.language ul {
  border-top: 1px solid #d6d6d6;
  border-right: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  border-left: 1px solid #d6d6d6;
  box-shadow: 1px 1px 2px #c1c1c1; }

menu.language {
  float: left;
  display: block;
  height: 18px;
  width: 135px;
  line-height: 18px;
  position: relative;
  /* making space for shadow */
  margin-left: 10px;
  z-index: 500; }

menu.language > a:after {
  content: "\F010";
  font-family: wurfont;
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 4px;
  height: 10px;
  line-height: 1;
  padding-left: 2px;
  border-left: 1px solid #c1c1c1; }

menu.language > a {
  display: block;
  height: 100%;
  width: 100%;
  outline: 0; }

menu.language ul {
  background: #fff;
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  z-index: 500; }

menu.language.display ul {
  /* Turning on the menu */
  display: block; }

menu.language a:hover {
  text-decoration: none;
  color: #333; }

menu.language ul li {
  display: block;
  float: none; }

menu.language ul a {
  display: block;
  float: none;
  margin: 0;
  padding-left: 1em; }

menu.language ul a:hover {
  background: #e1eff9; }

/* Primary navigation */
.primary-navigation {
  top: 60px;
  right: 13px;
  position: absolute;
  max-width: 65.88%; }

.primary-navigation .wrapper {
  float: right; }

/* ============ */
/* = Audience = */
/* ============ */
.primary-navigation .audience {
  line-height: 1.5;
  font-weight: bold;
  float: left; }

.primary-navigation .audience li {
  float: left; }

.primary-navigation .audience a {
  float: left;
  margin-right: 1.5em;
  text-decoration: none;
  color: #333; }

.primary-navigation .audience a:hover {
  color: #34B233; }

.primary-navigation .audience a:active {
  outline: none;
  color: #34662f; }

/* ================= */
/* = Search button = */
/* ================= */
.site-search {
  float: right;
  position: relative;
  width: 140px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 400; }

.site-search .input {
  border-left: 1px solid #d6d6d6;
  padding: 8px 10px 8px;
  margin-top: -8px;
  background: #fff;
  -webkit-transition: margin 0.6s ease;
  transition: margin 0.6s ease; }

.site-search.js--open .input {
  margin-left: -370px; }

.site-search .site-search-field {
  padding: 8px 30px 8px 15px;
  border-radius: 17px;
  width: 100%;
  background: #fff;
  float: none;
  box-shadow: inset 2px 2px 3px 0 #e0e0e0; }

.site-search .site-search-field::-webkit-input-placeholder {
  color: #333; }

.site-search .site-search-field::-moz-placeholder {
  color: #333; }

.site-search .site-search-field:-ms-input-placeholder {
  color: #333; }

.site-search .site-search-field::placeholder {
  color: #333; }

.site-search .button {
  background: none;
  color: #333;
  position: absolute;
  top: 0px;
  right: 9px; }

.site-search .button-close {
  opacity: 0;
  visibility: hidden; }

/* Search results */
.site-search .results {
  background: #fff;
  display: none;
  width: 450px;
  position: absolute;
  left: -340px;
  box-shadow: 5px 12px 15px -2px rgba(0, 0, 0, 0.4), -5px 12px 15px -2px rgba(0, 0, 0, 0.4);
  overflow: hidden; }
  .site-search .results .spinner {
    display: none;
    margin: 20px;
    text-align: center; }
  .site-search .results.loading .spinner {
    display: block; }
  .site-search .results .notice {
    padding: 8px 20px 7px;
    display: block; }

.site-search .results ul {
  width: 100%;
  display: table; }

.site-search .results li {
  font-size: 12px;
  line-height: 1.2;
  display: table-row; }

.site-search .results li.active {
  background: #34B233; }
  .site-search .results li.active .type,
  .site-search .results li.active .title {
    color: #fff; }

.site-search .results .type,
.site-search .results .title {
  border-top: 1px solid #d6d6d6;
  padding: 8px 20px 7px;
  display: table-cell;
  color: #333; }
  .site-search .results .type:hover,
  .site-search .results .title:hover {
    text-decoration: none; }

.site-search .results li:first-child .type,
.site-search .results li:first-child .title {
  border-top: 0; }

.site-search .results .type {
  padding-right: 10px;
  font-weight: bold; }

.site-search .results .title {
  padding-left: 5px; }

.site-search .results .all {
  display: block;
  padding: 8px 20px 7px;
  text-align: right; }

.site-search.js--open .results {
  display: block; }

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none; }

/* ============== */
/* = Breadcrumb = */
/* ============== */
#breadcrumb {
  background: url(../images/backgrounds/page-shadow.png?v=8039d8de204a6ceeff24ef70a11a40fe3b888599a62c4d899c136992eb8735bf) 50% 100% no-repeat;
  padding-bottom: 6px;
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -490px;
  width: 980px;
  max-height: 80px;
  z-index: 200; }

.breadcrumb__title {
  display: none; }

#breadcrumb > ul {
  position: relative;
  max-height: 80px;
  line-height: 40px;
  width: 100%;
  background: url(../images/backgrounds/header.png?v=7082c9ce5f0f4b13d85815d590d65f73c2ee87864b43498e68bbce74e88e4460) repeat-y; }

.js #breadcrumb > ul {
  max-height: 40px; }

#breadcrumb > ul:before {
  position: absolute;
  width: 930px;
  height: 6px;
  content: "";
  background: url(../images/backgrounds/page-shadow.png?v=8039d8de204a6ceeff24ef70a11a40fe3b888599a62c4d899c136992eb8735bf) 50% 0 no-repeat;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 10; }

/* Main level */
#breadcrumb > ul > li {
  float: left;
  padding-right: 18px;
  margin-left: -18px;
  z-index: 5; }

#breadcrumb > ul > li:last-child {
  background: url(../images/backgrounds/sprites.png?v=3e047831a39ca408edde5f87fb76765b50c0f1c12c53dfd60aedcacbe78edb6c) 100% -40px no-repeat; }

#breadcrumb > ul > li.last {
  background: url(../images/backgrounds/sprites.png?v=3e047831a39ca408edde5f87fb76765b50c0f1c12c53dfd60aedcacbe78edb6c) 100% -40px no-repeat; }

/* First element */
#breadcrumb > ul > li:first-child {
  margin-left: 0; }

#breadcrumb > ul > li:first-child a.label {
  padding-left: 33px; }

/* Elements without expanders */
#breadcrumb > ul > li.no-expand span {
  padding: 0 16px 0 4px; }

#breadcrumb > ul > li:first-child > span:before {
  content: none; }

#breadcrumb > ul > li > span:before {
  content: "";
  width: 18px;
  height: 40px;
  background: url(../images/backgrounds/sprites.png?v=3e047831a39ca408edde5f87fb76765b50c0f1c12c53dfd60aedcacbe78edb6c) -9361px -40px no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6; }

#breadcrumb > ul > li > span {
  height: 40px;
  overflow: hidden;
  float: right;
  text-align: right;
  white-space: nowrap;
  position: relative;
  padding-right: 40px; }

#breadcrumb > ul > li.collapsed > span {
  width: 10px; }

#breadcrumb .expander,
#breadcrumb .label {
  color: #fff;
  text-decoration: none;
  float: right;
  height: 40px; }

#breadcrumb .label {
  padding-left: 27px; }

#breadcrumb .expander {
  width: 40px;
  padding: 0;
  right: 0;
  text-indent: 10000px;
  direction: ltr;
  overflow: hidden;
  position: absolute; }

#breadcrumb .expander:after {
  content: "\F010";
  font-family: wurfont;
  position: absolute;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  left: 0;
  top: 3px;
  width: 40px;
  height: 40px;
  text-indent: 0; }

#breadcrumb > ul > li:hover {
  background: url(../images/backgrounds/sprites.png?v=3e047831a39ca408edde5f87fb76765b50c0f1c12c53dfd60aedcacbe78edb6c) #fff 100% -100px no-repeat;
  z-index: 200;
  position: relative; }

#breadcrumb > ul > li:hover > span a {
  color: #34B233; }

/* ============ */
/* = Submenus = */
/* ============ */
#breadcrumb > ul div {
  line-height: 1.4;
  visibility: hidden;
  position: absolute;
  top: 100%;
  background: #fff;
  padding: 0.4em 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  width: 198px;
  display: table-row; }

#breadcrumb > ul > li:hover div {
  visibility: visible;
  /*display: block;*/ }

#breadcrumb > ul ul li.more {
  border-top: 1px solid #ccc;
  margin-top: 0.4em;
  padding-top: 0.4em;
  white-space: nowrap; }

#breadcrumb > ul ul li.more a:before {
  content: ""; }

#breadcrumb > ul ul li.more a {
  padding-left: 22px; }

#breadcrumb > ul ul li a {
  display: block;
  width: 198px;
  padding: 0.4em 22px 0.4em 38px;
  color: #333;
  text-decoration: none;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  /* This is a fallback for browsers without string support below */
  text-overflow: ''; }

#breadcrumb > ul ul li a:hover {
  color: #fff;
  background-color: #34B233; }

/* Animation */
#breadcrumb > ul > li > span {
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear; }

#breadcrumb > ul > li > ul {
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

/* Only do the delay when we're collapsed */
#breadcrumb > ul > li.collapsed:hover > ul {
  -webkit-transition: visibility 0s linear 0.2s;
  transition: visibility 0s linear 0.2s; }

/* ================= */
/* = Second column = */
/* ================= */
#breadcrumb div.two-columns {
  width: 396px; }

#breadcrumb .two-columns > ul,
#breadcrumb .three-columns > ul {
  width: 50%;
  padding: 0;
  display: table-cell; }

#breadcrumb .three-columns > ul,
#breadcrumb .two-columns > ul {
  border-left: 1px solid #CCC; }

#breadcrumb .three-columns > ul:first-child,
#breadcrumb .two-columns > ul:first-child {
  border-left: none; }

/* ================ */
/* = Third column = */
/* ================ */
#breadcrumb div.three-columns {
  width: 594px; }

#breadcrumb .three-columns > ul {
  width: 33.3%; }

/* =============== */
/* = Mobile menu = */
/* =============== */
.mobile-menu {
  font-size: 16px;
  font-size: 1.6rem;
  box-sizing: border-box;
  display: none;
  background: #34B233;
  color: #fff;
  padding: 15px 17px;
  height: 70px;
  width: 64px;
  position: absolute;
  top: 0;
  left: 0; }
  .mobile-menu:hover {
    text-decoration: none;
    color: #fff; }

.mobile-menu__icon {
  display: block;
  width: 100%;
  height: 20px;
  position: relative;
  vertical-align: bottom;
  overflow: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

.mobile-menu__icon-bar {
  display: block;
  height: 4px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.82, 1.21);
  transition: all 0.3s cubic-bezier(0.42, 0, 0.82, 1.21);
  will-change: transform; }
  .mobile-menu__icon-bar:nth-child(2) {
    top: 8px; }
  .mobile-menu__icon-bar:nth-child(3) {
    top: 16px; }

.mobile-menu__label {
  text-transform: uppercase;
  font-size: 10px; }

.mobile-menu--open {
  background: #FF9933; }
  .mobile-menu--open .mobile-menu__icon-bar {
    width: 22px; }
  .mobile-menu--open .mobile-menu__icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    left: 7px;
    top: 0px; }
  .mobile-menu--open .mobile-menu__icon-bar:nth-of-type(2) {
    -webkit-transform: translate3d(-100%, 0, 0) rotate(0);
            transform: translate3d(-100%, 0, 0) rotate(0);
    opacity: 0; }
  .mobile-menu--open .mobile-menu__icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    left: 7px;
    top: 16px; }

.js-copy-menu {
  display: none; }

/* ======== */
/* = Main = */
/* ======== */
#main {
  padding-bottom: 320px;
  /* Header height + 60px - 40px for the content bottom margin*/ }

/* ========== */
/* = Footer = */
/* ========== */
body > footer {
  position: relative;
  color: #fff;
  background: url(../images/backgrounds/page-shadow.png?v=8039d8de204a6ceeff24ef70a11a40fe3b888599a62c4d899c136992eb8735bf) #34B233 50% 0 no-repeat;
  height: 303px;
  line-height: 1.4;
  margin-top: -330px;
  max-width: 900px;
  padding: 27px 40px 0;
  margin-left: auto;
  margin-right: auto;
  clear: both; }

body > footer a {
  color: #fff;
  text-decoration: none; }

body > footer a:hover,
body > footer .links a:hover {
  color: #fff;
  text-decoration: underline; }

body > footer .logo {
  margin: 0 0 20px -11px;
  display: block; }

body > footer h2 {
  padding-bottom: 4px; }

article > footer .links li,
body > footer .links li {
  /* We don't want to override padding left */
  padding-top: 4px;
  padding-bottom: 4px; }

body > footer .links a {
  color: #fff; }

body > footer nav ul li {
  padding-left: 12px; }

body > footer a.more,
body > footer p {
  margin-bottom: 16px;
  background: none; }

body > footer nav {
  clear: both;
  padding-top: 16px; }

body > footer nav ul {
  padding-top: 16px;
  border-top: 1px solid #72b86a;
  text-align: center; }

body > footer nav ul li {
  display: inline-block;
  margin-right: 36px; }

body > footer .site-wide-items {
  display: none; }
  @media (max-width: 600px) {
    body > footer .site-wide-items {
      display: inline-block; } }

/* Content footer */
#main > footer {
  line-height: 1.6;
  clear: both;
  margin: 0 -20px -20px;
  padding: 1px 40px 20px;
  background: #EEEDE6; }

#main > footer .article-footer__header .follow {
  float: right;
  margin-top: 0.76923em; }

#main > footer .article-footer__header h2 {
  float: left;
  margin: 1em 0; }

#main > footer h3 {
  margin-bottom: 5px; }

#main > footer h2 a,
#main > footer h3 a,
#main > footer h2 a:visited,
#main > footer h3 a:visited {
  color: #333;
  text-decoration: none; }

#main > footer h2 a:hover,
#main > footer h3 a:hover,
#main > footer h2 a:active,
#main > footer h3 a:active {
  color: #3a84c1;
  text-decoration: none; }

/* =========== */
/* = Layouts = */
/* =========== */
.layout-signin #main > .content,
.layout-subhome-study #main > .content,
.layout-article #main > .content {
  float: left;
  width: 52.12766%;
  margin-left: 20px; }

.layout-subhome-study #main > aside,
.layout-article #main > aside {
  position: relative;
  float: right;
  width: 40.42553%;
  margin-top: 0px; }

.layout-signin #main > .content.bottom,
.layout-subhome-study #main > .content.bottom,
.layout-article #main > .content.bottom,
.layout-subhome-campaign #main > .content.bottom {
  clear: both;
  float: none;
  width: auto; }

.layout-subhome-study #main > aside .content,
.layout-article #main > aside .content {
  margin-right: -20px;
  background: #fff;
  padding-right: 40px;
  padding-left: 20px; }

.layout-article aside .contactinfo:first-child {
  margin-top: -55px; }

/* ========================= */
/* = Article - with visual = */
/* ========================= */
.layout-article.with-visual #main > aside {
  padding-top: 409px; }

.layout-article #main .content .visual {
  float: right;
  width: 490px;
  height: 330px;
  max-width: none;
  margin: 79px -92.7551% 30px 22px; }

.layout-article.with-visual .contactinfo,
.layout-article.with-visual .contactinfo.with-extra {
  top: 0;
  right: -20px;
  position: absolute; }

.layout-article.with-visual aside .subnav h2,
.layout-article.with-top-visual aside .subnav h2 {
  position: absolute;
  bottom: 100%;
  right: 0; }

.layout-article.with-content-visual #main .visual {
  float: none;
  width: 108.16327%;
  height: auto;
  margin: 0 0 1.38462em -40px; }

/* Content */
.layout-article.with-visual #main aside .contactinfo + .content,
.layout-article.with-visual #main aside .content:first-child,
.layout-article.with-top-visual #main aside .contactinfo + .content,
.layout-article.with-top-visual #main aside .content:first-child {
  padding-top: 1em; }

/* Embed */
.layout-article.with-visual #main aside .contactinfo + .embed,
.layout-article.with-visual #main aside .embed:first-child,
.layout-article.with-top-visual #main aside .contactinfo + .embed,
.layout-article.with-top-visual #main aside .embed:first-child {
  margin-top: -40px; }

/* Factsheet */
.layout-article.with-visual aside .factsheet header {
  box-sizing: border-box;
  width: 100%;
  background: rgba(58, 132, 193, 0.7);
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 3;
  padding: 1px 40px 0 20px;
  /* 1px top & bottom to prevent margin collapsing */ }

.layout-article.with-visual aside .factsheet header h2 {
  border-bottom: 0;
  margin-bottom: 0; }

.layout-article.with-visual aside .factsheet .body {
  padding: 15px 0; }

/* ============================= */
/* = Article - with top visual = */
/* ============================= */
.layout-subhome .carrousel,
.layout-article.with-top-visual #main .content .visual {
  margin-top: -20px; }

.layout-article.with-top-visual #main > aside {
  background: #fff;
  z-index: 100;
  margin-top: 310px;
  margin-right: -20px;
  padding-right: 20px; }

.layout-article.with-top-visual .contactinfo,
.layout-article.with-top-visual .contactinfo.with-extra {
  position: relative; }

.layout-article.with-top-visual aside .contactinfo {
  margin-top: 0; }

/* ======================== */
/* = Article - for-person = */
/* ======================== */
header.person {
  margin-bottom: 40px; }

header.person h1 {
  color: #34B233;
  margin: 0 0 0.2em 0; }

header.person .contact span {
  display: block; }

header.person .contact {
  margin-bottom: 0.6em; }

header.person .photo-frame {
  margin-left: -40px;
  float: left;
  margin-right: 20px;
  width: 120px;
  height: 120px;
  overflow: hidden; }

header.person .photo-frame .photo {
  width: 120px; }

header.person .contact,
header.person .actions {
  margin-left: 100px; }

@media (max-width: 874px) {
  header.person h1 {
    font-size: 2rem; }
  header.person .photo-frame {
    margin-left: -20px; }
  header.person .contact,
  header.person .actions {
    margin-left: 120px; } }

/* ========== */
/* = Layout = */
/* ========== */
.search-results .results {
  width: 48.93617%;
  float: right;
  margin-right: 27.65957%;
  padding-top: 40px; }

.search-results .filters {
  width: 20.21277%;
  float: left;
  padding-top: 40px; }

/* ============== */
/* = Search bar = */
/* ============== */
.layout-search .main > header {
  background: #EEEDE6;
  margin: -20px;
  margin-bottom: 0;
  padding: 40px 20px 60px 25.53191%; }

.layout-search h1 {
  font-size: 18px;
  /* Fallback */
  font-size: 1.8rem;
  color: #34B233; }

.layout-search #main form {
  margin-left: -20px; }

.layout-search #main .input input {
  font-size: 24px;
  font-size: 2.4rem;
  width: 65.71429%;
  border-radius: 15px 0 0 15px/50% 0 0 50%;
  border-right: 0;
  padding: 3px 20px;
  height: 35px; }

.layout-search #main header .button {
  font-size: 24px;
  font-size: 2.4rem;
  border-radius: 0 15px 15px 0/0 50% 50% 0;
  border-left: 0;
  margin: 0;
  padding: 4px 20px;
  height: 35px; }

.layout-search #main header .button .icon {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  vertical-align: top;
  width: auto;
  height: auto; }

.layout-search #main header .form.stacked .button {
  font-size: 11px;
  /* Fallback */
  font-size: 1.1rem;
  background: #005172;
  color: #fff;
  border-radius: 10px / 50%;
  height: auto; }

/* ========== */
/* = Tabset = */
/* ========== */
.search-results .tab-bar {
  margin-top: -60px;
  margin-left: -20px; }

.search-results .tab-bar li {
  float: left;
  padding: 0;
  margin: 0; }

.search-results .tab-bar li:before {
  content: none; }

.search-results .tab-bar li a {
  padding: 10px 20px;
  float: left;
  border-left: 1px solid #fff;
  background: #EEEDE6;
  color: #333; }

.search-results .tab-bar li:first-child a {
  border: none; }

.search-results .tab-bar li.active a {
  background: #fff; }

/* =========== */
/* = Results = */
/* =========== */
.search-results.with-people .results, .search-results.list.with-tweets .results {
  margin-right: 0;
  padding-top: 20px;
  width: auto;
  float: none; }

.search-results.with-people .list.with-people,
.search-results.list.with-tweets .list.with-people,
.search-results.with-people .list.with-tweets,
.search-results.list.with-tweets .list.with-tweets,
.search-results .list.search {
  background: none;
  margin: 0;
  padding: 0; }

.search-results.with-people .list.with-people h2,
.search-results.list.with-tweets .list.with-people h2,
.search-results.with-people .list.with-tweets h2,
.search-results.list.with-tweets .list.with-tweets h2,
.search-results .list.search h2 {
  font-size: 11px;
  /* Fallback */
  font-size: 1.1rem;
  color: #525252;
  margin-bottom: 20px; }

.search-results.with-people .list.with-people .study-tracks li, .search-results.list.with-tweets .list.with-people .study-tracks li, .search-results.with-people .list.with-tweets .study-tracks li, .search-results.list.with-tweets .list.with-tweets .study-tracks li {
  padding-left: 0;
  margin-bottom: 0; }

.search-results .list.search li {
  margin: 0 0 30px 0; }

.search-results .list.search li:before {
  content: none; }

.search-results .list.search li a,
.search-results .list.search li a:hover {
  text-decoration: none;
  color: #333; }

.search-results .list.search .title,
.search-results .list.search .meta,
.search-results .list.search .body {
  display: block; }

.search-results .list.search .title {
  color: #3a84c1;
  font-weight: normal; }

.search-results .list.search .meta {
  color: #858585;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.search-results .list.search mark {
  font-weight: bold;
  background: none;
  color: inherit;
  font-style: normal; }

.search-results .list.search .published-in {
  font-style: italic; }

/* =========== */
/* = Filters = */
/* =========== */
.search-results .filters h2 {
  margin-bottom: 1.66667em; }

.search-results .facet {
  font-size: 12px;
  /* Fallback */
  font-size: 1.2rem;
  margin-bottom: 2.08333em; }

.search-results .facet h3 {
  font-weight: bold;
  margin-bottom: 0.4em; }

.search-results .facet.extended .extended {
  display: block; }

.search-results .facet .extended {
  display: none; }

.search-results .facet ul {
  margin-bottom: 0; }

.search-results .facet li,
.search-results .facet .extended li:first-child {
  border-top: 1px solid #d6d6d6;
  margin: 0; }

.search-results .facet li:before {
  content: none; }

.search-results .facet li:first-child {
  border-top: none; }

.search-results .facet li a,
.search-results .facet a.more,
.search-results .facet a.less {
  display: block;
  padding: 0.4em 0;
  color: #333; }

/* More and less */
.search-results .facet a.more,
.search-results .facet a.less {
  display: block;
  border-top: 1px solid #000;
  background: none;
  padding-right: 15px;
  position: relative; }

.search-results .facet a.more:after,
.search-results .facet a.less:after {
  font-family: wurfont;
  content: "\F101";
  position: absolute;
  right: 0; }

.search-results .facet a.less:after {
  content: "\F102"; }

/* Active */
.search-results .facet .active .icon {
  margin-left: 0.5em;
  color: #34B233; }

.layout-full .database.list {
  margin-left: -20px;
  margin-right: -20px; }

.layout-full .database.list > * {
  margin-left: 20px;
  margin-right: 20px; }

.layout-full .database.list table {
  width: 100%;
  margin-left: 0;
  margin-right: 0; }

.layout-home .mission {
  padding-top: 20px;
  line-height: 1.3; }

.layout-home .mission,
.layout-home .mission a {
  color: #34B233;
  display: block; }

.layout-home .mission a:hover {
  color: #0d426b;
  text-decoration: none; }

/* ======== */
/* = Info = */
/* ======== */
.layout-home .info {
  clear: none;
  background: #EEEDE6;
  margin-left: -20px;
  margin-right: -20px;
  padding: 15px 20px;
  margin-bottom: 40px;
  min-height: 170px; }

.layout-home .content > div > section.list.info {
  margin-top: 20px; }

.layout-home .list.info > ul > li {
  margin-bottom: 0.7em; }

.layout-home .info .links {
  margin-bottom: 0;
  -webkit-column-count: 2;
  -webkit-column-gap: 10px;
  -moz-column-count: 2;
  -moz-column-gap: 10px;
  column-count: 2;
  column-gap: 10px; }
  .layout-home .info .links li a {
    display: inline-block; }

/* ============= */
/* = Carrousel = */
/* ============= */
.layout-home .carrousel {
  float: left;
  margin-right: 30px;
  margin-left: -20px;
  width: 68.08511%;
  height: 380px; }

.layout-home .carrousel .items {
  height: 380px;
  margin-bottom: 60px;
  /* Add some space for the button */ }

.layout-home .carrousel .items li {
  right: 0;
  left: 0; }

.layout-home .carrousel .items li .caption {
  bottom: 0;
  left: 0;
  right: auto;
  width: 280px;
  padding: 25px 20px 20px 20px; }

.layout-home .carrousel .items li .caption h3 {
  line-height: 1.2;
  margin-bottom: 0.5em; }

.layout-home .carrousel .footer {
  box-sizing: border-box;
  position: absolute;
  background: rgba(52, 178, 51, 0.7);
  top: 100%;
  width: 100%;
  left: 0;
  padding: 20px 20px; }

.layout-home .carrousel .button {
  color: #34B233;
  background: #fff;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: bold; }

.layout-home .carrousel .pagination {
  left: auto;
  right: 20px;
  bottom: 20px; }

.layout-home .carrousel .pagination ul li:hover a,
.layout-home .carrousel .pagination ul li.active a {
  color: #34B233;
  -webkit-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in; }

body.layout-home > .page > header {
  margin-bottom: 0; }

/* Layout home doesn't have a breadcrumb */
body.layout-home.fixed > .page {
  padding-top: 122px; }

/* Tab bar */
.layout-home .tab-bar {
  clear: both;
  width: auto;
  text-align: center; }

.layout-home .content ul.tab-bar li:before {
  content: none; }

.layout-home .content ul.tab-bar li {
  display: inline-block;
  margin: 0;
  position: static;
  padding: 5px 15px;
  color: #fff;
  background: #34B233; }

.layout-home .content ul.tab-bar li.active {
  background: #34662f;
  color: #fff; }

.layout-home .content ul.tab-bar li a {
  color: #fff; }

/* Tab-window */
.layout-home .content.main .WUREditableContent > .list {
  width: 65.95745%; }

.layout-home .content.main .WUREditableContent > .list.info {
  width: auto; }

.layout-home .content.main .WUREditableContent > .collection {
  margin-left: -20px;
  margin-right: -20px; }

.layout-home .content.main .WUREditableContent > .collection .list.with-people > ul,
.layout-home .content.main .WUREditableContent > .collection .list.with-tweets > ul,
.layout-home .content.main .WUREditableContent > .collection .list.with-image > ul, .layout-home .content.main .WUREditableContent > .collection .list.with-partner-logos > ul {
  margin-left: 0; }

.layout-home .content.main .WUREditableContent > .collection .list ul li {
  padding-left: 0; }

.layout-home .content.main .WUREditableContent > .collection .list ul li:before {
  content: none; }

.layout-home .collection .columns {
  box-shadow: none;
  margin-top: 40px; }

.layout-home .collection:first-child .columns {
  margin-top: 0; }

.layout-longread #main {
  padding-left: 18.75%;
  padding-right: 18.75%; }

@media (max-width: 850px) {
  .layout-longread #main {
    padding-left: 10%;
    padding-right: 10%; } }

@media (max-width: 600px) {
  .layout-longread #main {
    padding-left: 0;
    padding-right: 0; } }

.layout-subhome #main h1 {
  color: #34B233; }

.layout-subhome #main > .content {
  float: left;
  width: 54.25532%;
  margin-left: 20px; }

.layout-subhome #main > aside {
  position: relative;
  float: right;
  width: 31.91489%;
  margin-top: -20px; }

.layout-subhome #main > .content.bottom {
  clear: both;
  float: none;
  width: auto;
  background: #fff;
  margin: 0 -20px -20px -20px;
  padding: 0 20px 20px 20px;
  border-top: 1px solid #d6d6d6; }

.layout-subhome #main > .content.bottom .collection {
  margin-left: -20px; }

.layout-subhome #main > aside .content {
  margin-right: -20px;
  background: #EEEDE6; }

/* ================================ */
/* = Layout .subhome.for-services = */
/* ================================ */
.layout-subhome.for-services .page {
  background-size: 67.02128% 100%; }

.layout-subhome.for-services #main > aside .content {
  padding: 35px 20px 20px 20px;
  margin-top: 418px; }

.layout-subhome.for-services aside section.search {
  margin-left: -80px;
  margin-right: -20px;
  z-index: 150;
  position: relative; }

/* carrousel */
.layout-subhome.for-services .carrousel {
  float: none;
  width: 121.17647%;
  margin-left: -40px;
  height: 416px;
  margin-top: 0;
  margin-bottom: 60px; }

.layout-subhome.for-services .carrousel .items {
  height: 240px; }

.layout-subhome.for-services .carrousel .items .caption {
  left: 100%;
  width: 284px;
  top: 0;
  bottom: 0;
  padding: 50px 20px 20px;
  right: auto;
  background: #34B233; }

.layout-subhome.for-services .carrousel .items .caption h3 {
  padding-bottom: 1em; }

.layout-subhome.for-services .carrousel .items .caption .button {
  background: #fff;
  color: #34B233;
  font-weight: bold; }

.layout-subhome.for-services .carrousel .items .caption.testimonial {
  background: rgba(106, 173, 228, 0.9);
  top: auto;
  width: 350px;
  left: 45%;
  bottom: -39px;
  overflow: hidden;
  padding: 20px 20px 50px; }

.layout-subhome.for-services .carrousel .items .caption.testimonial p {
  overflow: hidden; }

.layout-subhome.for-services .carrousel .items .caption.testimonial .author {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #6AADE4;
  padding: 10px 10px 10px 20px; }

.layout-subhome.for-services .carrousel .pagination {
  bottom: 20px; }

.layout-subhome.for-services .carrousel .pagination ul li:hover a,
.layout-subhome.for-services .carrousel .pagination ul li.active a {
  color: #34B233;
  -webkit-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in; }

/* Placements */
.layout-subhome.for-services .main .collection {
  margin-left: -40px;
  width: 137.45098%; }

.layout-subhome.for-services .main .collection .columns {
  box-shadow: none;
  border-collapse: separate;
  width: 100%; }

.layout-subhome.for-services .main .collection .columns .col:first-child {
  border-left: 0; }

.layout-subhome.for-services .main .collection .columns .col {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  border-left: 20px solid #fff; }

/* ===================================== */
/* = Layout - .subhome.for-development = */
/* ===================================== */
.layout-subhome.for-development .page {
  background-color: #6AADE4;
  background-size: 59.04255% 100%; }

.layout-subhome.for-development section.form {
  padding: 20px;
  color: #fff;
  background: transparent; }

.layout-subhome.for-development #main aside {
  width: 40.42553%; }

.layout-subhome.for-development aside .form h2 {
  color: #fff;
  margin-bottom: 0.8em; }

.layout-subhome.for-development section.form .label {
  color: #fff; }

/* =================================== */
/* = Layout - .subhome.for-knowledge = */
/* =================================== */
.layout-subhome.for-knowledge .page {
  background-size: 67.34043% 100%; }

.layout-subhome.for-knowledge #main > .content.bottom {
  border-top: 0; }

.layout-subhome.for-knowledge #main > aside .content {
  padding: 35px 40px 20px 60px; }

.layout-subhome.for-knowledge aside section.search {
  margin-left: -80px;
  margin-right: -20px; }

.layout-subhome.for-knowledge .content .stones {
  width: 142.85714%; }

/* subhome-campaign */
.layout-subhome-campaign .social {
  float: left;
  clear: left;
  padding: 20px;
  margin-bottom: 0;
  width: 100%; }

.layout-subhome-campaign #main {
  margin-top: -20px; }

.layout-subhome-campaign .content.main {
  float: left;
  width: 52.12766%;
  margin-left: 20px; }

.layout-subhome-campaign aside {
  position: relative;
  float: right;
  width: 40.42553%;
  margin-top: -20px; }

.layout-subhome-campaign aside .content {
  margin-right: -20px;
  background: #fff;
  padding-right: 40px;
  padding-left: 20px; }

.layout-subhome-campaign .carrousel {
  width: auto;
  height: auto;
  float: none;
  position: absolute;
  left: 0;
  right: 20px;
  /* pull el outside to get full page-size*/ }

.layout-subhome-campaign .carrousel .items {
  height: 440px;
  overflow: hidden; }

.layout-subhome-campaign .carrousel .pagination {
  right: 0;
  left: auto;
  bottom: 65px;
  top: auto;
  width: 40.42553%; }

.layout-subhome-campaign .carrousel .pagination ul {
  text-align: left; }

.layout-subhome-campaign .carrousel .pagination ul li:hover a,
.layout-subhome-campaign .carrousel .pagination ul li.active a {
  color: #3a84c1; }

.layout-subhome-campaign .carrousel + .details {
  clear: both; }

.layout-subhome-campaign #main > aside {
  margin-top: 396px;
  z-index: 149; }

.layout-subhome-campaign aside > .content:first-child {
  padding-top: 12px; }

.layout-subhome-campaign .content > header.title {
  background-color: #3a84c1;
  color: #fff;
  float: left;
  margin: 440px 50px 0 0;
  position: relative;
  overflow: visible;
  z-index: 149;
  padding: 20px; }

.layout-subhome-campaign .title h1,
.layout-subhome-campaign .content > header.title a.more {
  color: #fff;
  margin-bottom: 1em; }

.layout-subhome-campaign .title h1 {
  position: absolute;
  background-color: rgba(58, 132, 193, 0.85);
  color: #fff;
  padding: 20px;
  left: 0;
  right: 0;
  bottom: 100%;
  margin: 0; }

.layout-subhome-campaign .content > header.title .follow {
  margin-bottom: 0; }

.layout-subhome-campaign header.title .follow .icon {
  color: #3a84c1;
  background: #fff; }

@media (max-width: 980px) {
  .layout-subhome-campaign .carrousel {
    width: 980px;
    height: 440px;
    /* 440px / 980px is ratio */ } }

@media (max-width: 874px) {
  .layout-subhome-campaign .carrousel {
    width: 874px;
    height: 392.40816px;
    /* 440px / 980px is ratio */ }
  .layout-subhome-campaign .title h1 {
    font-size: 1.8rem; }
  .layout-subhome-campaign .title .intro {
    font-size: 1.3rem; }
  .layout-subhome-campaign .content > header.title {
    margin-top: 392px; }
  .layout-subhome-campaign #main > aside {
    margin-top: 346px; }
  .layout-subhome-campaign .carrousel img {
    max-width: none; } }

@media (max-width: 768px) {
  .layout-subhome-campaign .carrousel {
    width: 768px;
    height: 344.81633px;
    /* 440px / 980px is ratio */ }
  .layout-subhome-campaign .content > header.title {
    margin-top: 345px; }
  .layout-subhome-campaign #main > aside {
    margin-top: 304px; } }

@media (max-width: 725px) {
  .layout-subhome-campaign .carrousel {
    width: 725px;
    height: 325.5102px;
    /* 440px / 980px is ratio */ }
  .layout-subhome-campaign .content > header.title {
    margin-top: 326px; }
  .layout-subhome-campaign #main > aside {
    margin-top: 283px; } }

@media (max-width: 600px) {
  .layout-subhome-campaign .carrousel {
    width: 600px;
    height: 269.38776px;
    /* 440px / 980px is ratio */ }
  .layout-subhome-campaign .content.main {
    width: auto;
    float: none;
    margin-left: 0; }
  .layout-subhome-campaign .content > header.title {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 0; }
  .layout-subhome-campaign #main .title h1 {
    position: static;
    padding: 20px 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    font-size: 1.8rem; }
  .layout-subhome-campaign #main .title p {
    font-size: 1.4rem; }
  .layout-subhome-campaign .content > header.title {
    margin-top: 269px; } }

@media (max-width: 500px) {
  .layout-subhome-campaign .carrousel {
    width: 500px;
    height: 224.4898px;
    /* 440px / 980px is ratio */ }
  .layout-subhome-campaign .content > header.title {
    margin-top: 144px; } }

@media (max-width: 320px) {
  .layout-subhome-campaign .carrousel {
    width: 320px;
    height: 143.67347px;
    /* 440px / 980px is ratio */ } }

.layout-subhome-theme .page {
  background-size: 59.22747% 100%; }

.layout-subhome-theme .content.main {
  float: left;
  width: 52.12766%;
  margin-left: 20px; }

.layout-subhome-theme #main > aside {
  position: relative;
  float: right;
  width: 34.04255%;
  margin-top: 40px; }

.layout-subhome-theme .content.bottom {
  clear: both;
  float: none;
  width: auto;
  background: #fff;
  margin: 0 -20px -20px -20px;
  padding: 0 20px 20px 20px;
  border-top: 1px solid #d6d6d6; }

.layout-subhome-theme .content.bottom .collection {
  margin-left: -20px; }

/* ============= */
/* = Carrousel = */
/* ============= */
.layout-subhome-theme .carrousel {
  float: none;
  margin-right: 30px;
  margin-left: -40px;
  width: 118.36735%;
  height: 373px;
  margin-bottom: 90px;
  /* Add some space for the button */ }

.layout-subhome-theme .carrousel .items {
  height: 373px;
  margin-bottom: 60px;
  /* Add some space for the button */ }

.layout-subhome-theme .carrousel .items li {
  right: auto;
  left: 0; }

.layout-subhome-theme .carrousel .items li .caption {
  bottom: 0;
  left: 0;
  right: auto;
  width: 320px;
  padding: 40px 40px 20px 40px; }

.layout-subhome-theme .carrousel .items li .caption h3 {
  line-height: 1.2;
  margin-bottom: 0.5em; }

.layout-subhome-theme .carrousel .footer {
  box-sizing: border-box;
  position: absolute;
  background: rgba(52, 178, 51, 0.7);
  top: 100%;
  width: 100%;
  left: 0;
  padding: 20px 40px; }

.layout-subhome-theme .carrousel .button {
  color: #34B233;
  background: #fff;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-weight: bold; }

.layout-subhome-theme .carrousel .pagination {
  left: auto;
  right: 20px;
  bottom: 20px; }

/* ================= */
/* = List in aside = */
/* ================= */
.layout-subhome-theme aside .list ul {
  border-top: 1px solid #fff;
  margin-right: -20px; }

.layout-subhome-theme aside .list.with-image > ul > li, .layout-subhome-theme aside .list.with-partner-logos > ul > li {
  border-bottom: 1px solid #fff;
  margin: 0;
  /* Keep space for image */
  padding-left: 34.11765%; }

.layout-subhome-theme aside .list li a {
  padding: 10px 20px 10px 0;
  display: block; }

.layout-subhome-theme aside .list li a img {
  width: 47.05882%;
  margin-left: -56.86275%; }

.layout-subhome-theme aside .list .title {
  font-weight: normal; }

.layout-subhome-theme aside .list li:hover,
.layout-subhome-theme aside .list li a:hover,
.layout-subhome-theme aside .list li a:hover .title {
  color: #333;
  text-decoration: none;
  background: #DEDCCF; }

.layout-subhome-audience #main > .content,
.layout-subhome-institute #main > .content {
  margin-left: 20px; }

.layout-subhome-institute header h1 {
  line-height: 1.2;
  color: #34B233;
  margin-bottom: 0.5em; }

.layout-subhome-institute .content > header.title {
  float: left;
  width: 26.08696%;
  overflow: hidden; }

.layout-subhome-institute.with-visual .content > header.title {
  width: 39.13043%;
  /* grid_5 + 20px gutter */ }

.layout-subhome-institute .content > header.title .intro,
.layout-subhome-institute .content > header.title .follow {
  padding-right: 20px; }

.layout-subhome-institute p.intro {
  line-height: 1.5; }

.layout-subhome-institute .visual {
  float: right;
  margin-top: -20px;
  margin-right: -20px;
  width: 63.04348%; }

.layout-subhome-institute .visual img {
  display: block;
  height: auto; }

.layout-subhome-institute .carrousel {
  margin-top: -20px; }

.layout-subhome-institute #main {
  position: relative; }

.layout-subhome-institute #main aside .contactinfo {
  position: absolute;
  right: -20px;
  top: 290px;
  width: 400px;
  z-index: 15; }

.layout-subhome-institute.with-visual #main aside .contactinfo {
  top: 215px; }

.layout-subhome-institute #main aside .contactinfo li {
  display: block; }

.layout-subhome-institute #main aside .contactinfo li:first-child {
  display: block; }

.layout-subhome-institute .collection {
  margin-right: -20px;
  margin-left: -40px; }

/* =============== */
/* = For funding = */
/* =============== */
/* This page has another kind of carrousel */
.layout-subhome-institute.for-funding {
  /* ============= */
  /* = Carrousel = */
  /* ============= */
  /* ========== */
  /* = Button = */
  /* ========== */
  /* Make room for the button */ }
  .layout-subhome-institute.for-funding .carrousel .caption {
    width: 40%;
    right: 0;
    bottom: 10%;
    left: auto;
    top: auto;
    min-height: 120px;
    padding: 40px;
    background: #004A68;
    background: rgba(0, 74, 104, 0.85); }
  .layout-subhome-institute.for-funding .carrousel .caption > a {
    display: block;
    overflow: hidden; }
  .layout-subhome-institute.for-funding .carrousel .caption .button {
    margin-top: 10px;
    background: #fff;
    color: #004A68; }
  .layout-subhome-institute.for-funding .carrousel .caption p.quote {
    font-size: 15px;
    font-size: 1.5rem; }
  .layout-subhome-institute.for-funding .carrousel .caption .avatar {
    left: -120px;
    top: 50px;
    position: absolute; }
  .layout-subhome-institute.for-funding .content > header.title {
    padding-bottom: 53px; }
  .layout-subhome-institute.for-funding .content.main .button.big {
    width: 21.73913%;
    height: 27px;
    /* We have to fix the height here */
    overflow: hidden;
    margin-top: -53px;
    margin-bottom: 0;
    clear: both;
    float: left; }

/* subhome-chairgroup */
.layout-subhome-chairgroup .visual {
  margin: -20px 0 0 -20px;
  position: absolute;
  width: 76.59574%; }

.layout-subhome-chairgroup .visual img {
  max-width: 100%;
  height: auto; }

.layout-subhome-chairgroup .contentwrapper {
  width: 74.46809%;
  box-sizing: border-box;
  padding: 0 10px 0 20px;
  float: left; }

.layout-subhome-chairgroup #main aside .contactinfo {
  margin: -20px -20px 0 0;
  float: right;
  width: 181.81818%; }

.layout-subhome-chairgroup #main .contentwrapper > header.title {
  margin: -20px 0 0 -40px;
  padding: 20px 20px 85px 40px;
  background: rgba(53, 153, 42, 0.8);
  position: relative;
  float: left;
  width: 340px;
  min-height: 325px;
  z-index: 1;
  color: #fff; }

.layout-subhome-chairgroup #main .contentwrapper > header.title a.more {
  color: #fff;
  text-decoration: none;
  background: none;
  padding: 5px 4px;
  position: relative;
  margin-left: 15px; }

.layout-subhome-chairgroup #main .contentwrapper > header.title a.more:hover {
  text-decoration: underline; }

.layout-subhome-chairgroup #main .contentwrapper > header.title a.more:before {
  content: "\F006";
  font-family: 'wurfont';
  position: absolute;
  left: -15px; }

.layout-subhome-chairgroup header .intro {
  line-height: 1.6;
  margin-bottom: 1em; }

.layout-subhome-chairgroup #main .contentwrapper .content {
  float: left;
  margin-bottom: 0;
  width: 100%; }

.layout-subhome-chairgroup .content.bottom .collection {
  margin-left: -20px; }

.layout-subhome-chairgroup #main aside {
  float: right;
  width: 23.40426%;
  position: relative; }

.layout-subhome-chairgroup #main .subnav {
  clear: both;
  margin-right: -20px; }

.layout-subhome-chairgroup #main .subnav ul {
  width: auto;
  float: none;
  margin: 0; }

.layout-subhome-chairgroup #main .contentwrapper > header.title .follow {
  position: absolute;
  bottom: 0;
  padding-top: 10px;
  height: 60px;
  margin: 0; }

.layout-subhome-chairgroup header.title .follow .icon {
  color: rgba(53, 153, 42, 0.8);
  background: #fff; }

.layout-subhome-chairgroup #main .contentwrapper > header.title h1 {
  color: #fff; }

.layout-subhome-chairgroup .gallery,
.layout-subhome-chairgroup .content > div > .featured {
  box-sizing: border-box; }

.layout-subhome-chairgroup .gallery {
  float: left;
  width: 58.82353%;
  margin-right: 10px;
  overflow: hidden;
  padding-top: 1.2em; }

.layout-subhome-chairgroup .gallery.for-two {
  width: 102.05882%; }

.layout-subhome-chairgroup .content > div > .featured {
  width: 41.17647%;
  margin: -60px 10px 40px 10px;
  padding: 20px;
  background: none;
  float: left; }

/* Only way to get content to be below the featured block */
.layout-subhome-chairgroup .content > div > .featured + div,
.layout-subhome-chairgroup .content > div > .featured + section,
.layout-subhome-chairgroup .content > div > .featured + p {
  clear: both; }

.layout-subhome-audience .content > header.title {
  float: left;
  width: 31.91489%;
  padding: 0 20px 0 0;
  box-sizing: border-box; }

.layout-subhome-audience .carrousel {
  height: 430px;
  width: 640px;
  margin-top: -20px; }

.layout-subhome-audience .carrousel:after {
  content: "";
  clear: both; }

.layout-subhome-audience .carrousel .items li .caption {
  background-color: rgba(58, 132, 193, 0.8);
  left: 40px;
  width: 400px;
  padding: 20px 20px 35px 20px;
  bottom: 80px; }

.carrousel-caption-quote, .layout-subhome.for-services .carrousel .items .caption.testimonial p, .layout-subhome-institute.for-funding .carrousel .caption p.quote, .layout-subhome-audience .carrousel .items li .caption p {
  font-style: italic;
  margin: 0; }
  .carrousel-caption-quote:before, .layout-subhome.for-services .carrousel .items .caption.testimonial p:before, .layout-subhome-institute.for-funding .carrousel .caption p.quote:before, .layout-subhome-audience .carrousel .items li .caption p:before {
    content: "\201C"; }
  .carrousel-caption-quote:after, .layout-subhome.for-services .carrousel .items .caption.testimonial p:after, .layout-subhome-institute.for-funding .carrousel .caption p.quote:after, .layout-subhome-audience .carrousel .items li .caption p:after {
    content: "\201D"; }

.layout-subhome-audience .carrousel .pagination {
  left: 35px; }

.layout-subhome-audience .carrousel .pagination ul li:hover a,
.layout-subhome-audience .carrousel .pagination ul li.active a {
  color: #3a84c1; }

.layout-subhome-audience #main aside .contactinfo {
  position: absolute;
  top: 495px;
  right: 0;
  width: 400px;
  z-index: 15; }

.layout-subhome-audience .collection .col {
  background-color: #EEEDE6; }

.layout-subhome-audience .collection.inverted-background .col {
  background-color: #fff; }

.layout-subhome-audience .collection .columns {
  box-shadow: none; }

.layout-subhome-audience .collection {
  border-top: 1px solid #d6d6d6;
  margin-top: 40px;
  padding-top: 20px; }

.layout-subhome-audience .collection:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0; }

.layout-subhome-audience .collection > section > h2 {
  margin-left: 40px;
  color: #34B233;
  margin-bottom: 0.8em; }

/* ========== */
/* = Layout = */
/* ========== */
.layout-subhome-study #main,
.layout-subhome-school #main {
  margin-top: -20px;
  position: relative; }

.layout-subhome-study .content.main,
.layout-subhome-school .content.main {
  float: left;
  width: 74.46809%; }

.layout-subhome-school .content.main {
  margin-bottom: 0; }

/* ========= */
/* = Title = */
/* ========= */
.layout-subhome-study .main > .title,
.layout-subhome-school .main > .title {
  color: #fff;
  background: #004A68;
  background: rgba(0, 74, 104, 0.85);
  position: relative;
  z-index: 10;
  width: 48.57143%;
  margin-left: -40px;
  padding: 20px 20px 20px 40px;
  min-height: 265px;
  margin-bottom: 30px; }

.layout-subhome-study .main > .title h1,
.layout-subhome-study .main > .title a.more,
.layout-subhome-school .main > .title h1,
.layout-subhome-school .main > .title a.more {
  color: #fff; }

.layout-subhome-study .main > .title .follow,
.layout-subhome-school .main > .title .follow {
  padding-top: 10px;
  height: 60px;
  margin: 0; }

.layout-subhome-study header.title .follow .icon,
.layout-subhome-school header.title .follow .icon {
  background: #fff;
  color: #004A68; }

.layout-subhome-study .main > .title {
  margin-left: -60px; }

.layout-subhome-study .content > header.title {
  background-color: rgba(58, 132, 193, 0.85);
  box-sizing: border-box;
  margin-bottom: 0;
  width: 100%; }

/* ========== */
/* = Social = */
/* ========== */
.layout-subhome-study .social {
  padding: 20px;
  margin: 0; }

/* ============= */
/* = Carrousel = */
/* ============= */
.layout-subhome-study,
.layout-subhome-school {
  /* =========== */
  /* = Gallery = */
  /* =========== */ }
  .layout-subhome-study .carrousel,
  .layout-subhome-school .carrousel {
    width: auto;
    height: auto;
    float: none;
    position: absolute;
    left: -20px;
    right: -20px;
    margin-right: 0;
    top: 0; }
  .layout-subhome-study .carrousel .items,
  .layout-subhome-school .carrousel .items {
    height: 305px;
    overflow: hidden; }
  .layout-subhome-study .carrousel .pagination,
  .layout-subhome-school .carrousel .pagination {
    left: 42.55319%;
    bottom: 25px;
    top: auto;
    width: 40.42553%; }
  .layout-subhome-study .carrousel .pagination ul,
  .layout-subhome-school .carrousel .pagination ul {
    text-align: left; }
  .layout-subhome-study .carrousel .pagination ul li:hover a,
  .layout-subhome-study .carrousel .pagination ul li.active a,
  .layout-subhome-school .carrousel .pagination ul li:hover a,
  .layout-subhome-school .carrousel .pagination ul li.active a {
    color: #004A68; }
  .layout-subhome-study #main .main .carrousel + .gallery,
  .layout-subhome-school #main .main .carrousel + .gallery {
    margin-right: 0;
    margin-top: -120px;
    padding-top: 120px; }

/* ========= */
/* = Aside = */
/* ========= */
.layout-subhome-school aside {
  margin-top: 325px;
  float: right;
  position: relative;
  width: 23.40426%;
  z-index: 10; }
  .layout-subhome-school aside .contactinfo {
    margin: -40px -20px 0 0;
    float: right;
    width: 181.81818%; }
  .layout-subhome-school aside .subnav {
    margin-top: -20px;
    margin-right: -20px; }
  .layout-subhome-school aside .subnav ul {
    margin-left: 0;
    margin-right: 0;
    float: none;
    width: auto; }
  .layout-subhome-school aside .subnav h2 {
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 100%;
    padding-right: 20px;
    margin-right: 0px; }
  .layout-subhome-school aside .contactinfo + .subnav {
    margin: 0; }

.layout-subhome-study #main > aside {
  margin-top: 261px;
  z-index: 149; }

.layout-subhome-study aside > .content:first-child {
  padding-top: 12px; }

.layout-404 .content {
  background: #6AADE4;
  width: 100%;
  margin: 0 -20px;
  padding: 50px 20px;
  color: #FFF; }

.layout-404 > .page > header {
  margin-bottom: 0; }

.layout-404 #main header {
  width: 35%;
  padding: 0 20px; }

.layout-404 #main header h1 {
  color: #FFF;
  padding: 0;
  margin: 0; }

.layout-404 header .intro {
  line-height: 110%;
  font-weight: normal;
  padding: 0;
  margin: 0;
  padding-bottom: 5px; }

.layout-404 #main > footer {
  background: #FFF; }

.layout-profile > .page {
  background-color: #EEEDE6; }

.layout-profile > .page > article {
  padding-top: 20px;
  padding-right: 20px; }

.layout-profile .content.main {
  background: #fff; }

.layout-profile article > .content.main {
  float: right;
  width: 63.04348%;
  padding: 20px 40px 0 40px; }

.layout-profile aside .error-block {
  color: #f07600;
  margin-bottom: 12px; }

.layout-profile aside .error-block a {
  color: #f07600;
  text-decoration: underline; }

.layout-profile aside nav.subnav p.error a:before {
  content: ""; }

.layout-profile .contactinfo {
  width: auto;
  background: none;
  margin-bottom: 1em;
  margin-left: -20px; }

.layout-profile .contactinfo ul {
  margin-left: 0; }

.layout-profile .contactinfo .vcard {
  padding: 0 10px 10px 70px; }

.layout-profile .contactinfo .photo-frame {
  margin-left: -70px;
  width: 60px;
  height: 60px; }

.layout-profile .contactinfo .photo-frame .photo {
  width: 60px; }

.layout-profile .contactinfo .contact span {
  display: none; }

.layout-profile .contactinfo .fn {
  color: #333; }

.layout-profile .profile-info .study-tracks,
.layout-profile .profile-info .follow {
  margin-bottom: 3em; }

.layout-profile .profile-info h2 {
  font-weight: bold;
  margin-bottom: 1em; }

.layout-profile .profile-info .button.with-emphasis {
  background: #fff;
  color: #333;
  margin-bottom: 1em; }

.layout-profile article > aside {
  margin-left: -20px;
  padding-left: 20px;
  background-color: #EEEDE6;
  float: left;
  width: 25.54348%; }

.layout-profile aside .subnav p.error {
  font-size: 0.8em;
  color: #f07600;
  margin-bottom: 12px; }

.layout-profile aside .subnav ul {
  margin-left: -20px;
  margin-bottom: 40px; }

.layout-profile aside .subnav h2,
.layout-profile aside .subnav ul {
  margin-right: 0;
  float: none;
  width: auto; }

.layout-profile aside .subnav h2 {
  padding: 0;
  margin-left: 0;
  margin-bottom: 0.6em; }

.layout-profile aside .subnav li {
  margin-left: 0;
  border-top: 0;
  border-bottom: 1px solid #fff; }

.layout-profile aside .subnav li a {
  padding-left: 55px; }

.layout-profile .subnav a:before {
  left: 20px; }

.layout-profile aside .form .subtile-link {
  margin-left: 0;
  padding: 0;
  text-decoration: underline;
  color: #858585;
  border-radius: 0; }

.layout-profile aside .form.stacked {
  padding: 0; }

.layout-profile aside .form .field input[type=submit] {
  float: left; }

.layout-profile .content p.type,
.layout-profile .content p.icon,
.layout-profile .content h1,
.layout-profile .content > h2 {
  color: #34B233; }

.layout-profile .content p.icon,
.layout-profile .content p.type {
  margin-bottom: 0;
  line-height: 1.6;
  height: auto;
  width: auto; }

.layout-profile .content p.icon {
  font-family: 'wurfont';
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1; }

.layout-profile .content .form {
  margin-right: 100px;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  background: none; }

.layout-profile .content header .form .row .error-message {
  margin-left: 0;
  width: 97%; }

.layout-profile .content .form {
  /* positioning above field since there is no aside to flow into*/ }
  .layout-profile .content .form .row .error-message {
    width: 97%;
    position: relative;
    left: auto;
    margin-left: 180px;
    margin-bottom: 15px;
    background: #f07600; }
  .layout-profile .content .form .row .error-message li {
    margin: 0;
    padding: 0 10px; }
  .layout-profile .content .form .row .error-message li:before {
    content: none; }
  .layout-profile .content .form .row .error-message:before {
    border-top: 10px solid #f07600;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 100%;
    left: 50%; }
  .layout-profile .content .form .label {
    width: 140px; }
  .layout-profile .content .form .fields {
    margin-left: 180px; }
  .layout-profile .content .form.stacked .label {
    width: auto; }
  .layout-profile .content .form.stacked .fields {
    margin-left: 0; }

.layout-profile.with-search .content.main {
  width: 67.3913%;
  margin-right: -40px;
  padding-right: 40px;
  margin-bottom: 0;
  padding-bottom: 40px; }

.layout-profile.with-search .content.main > header {
  padding: 0px 40px;
  margin: -20px -40px 0 -40px;
  background: #EEEDE6; }

.layout-profile.with-search .content.main > header .form {
  width: 56.45161%; }

.layout-profile.with-search .content.main > header h1 {
  margin-top: 0; }

.layout-profile.with-search .content.main > header + .banner {
  float: right;
  margin-top: -125px;
  margin-right: -40px;
  width: 48.3871%; }

.layout-profile.with-search .list.alumni {
  margin-top: 0;
  clear: none; }

.layout-profile.with-search .list.alumni > h2 {
  font-size: normal;
  color: #525252; }

.layout-profile.with-search .list.alumni > ul {
  clear: both;
  padding-top: 20px; }

.layout-profile.with-search .list.alumni > ul > li {
  padding-left: 100px;
  position: relative;
  margin-bottom: 2em; }

.layout-profile.with-search .list.alumni > ul > li .photo-frame {
  width: 80px;
  height: 80px;
  margin-left: -100px;
  float: left;
  overflow: hidden; }

.layout-profile.with-search .list.alumni > ul > li img {
  width: 80px;
  margin-left: 0;
  float: none; }

.layout-profile.with-search .list.alumni > ul > li .follow {
  overflow: hidden;
  float: right;
  width: 180px;
  text-align: right; }

.layout-profile.with-search .list.alumni > ul > li .follow li {
  float: right; }

.layout-profile.with-search .list.alumni > ul > li .button:hover {
  text-decoration: none; }

.layout-profile.with-search .list.alumni > ul > li .actions,
.layout-profile.with-search .list.alumni > ul > li .contact {
  margin-top: 1em; }

.layout-profile.with-search .list.alumni > ul > li .study-tracks li {
  margin-left: 0;
  margin-bottom: 0; }

.layout-profile.with-search .list.alumni > ul > li .study-tracks li:before {
  content: ""; }

.layout-profile.with-search .list.alumni > ul > li .form {
  background: #EEEDE6;
  padding: 1px 0 1px 20px;
  margin: 0; }

.layout-profile.with-search .list.alumni > ul > li.display-contact .actions,
.layout-profile.with-search .list.alumni > ul > li .contact {
  display: none; }

.layout-profile.with-search .list.alumni > ul > li.display-contact .contact {
  display: block;
  clear: both; }

.layout-signin > .page {
  background-color: #EEEDE6; }

.layout-signin {
  /* Headings should be green */ }
  .layout-signin #main > aside {
    position: relative;
    float: right;
    width: 31.91489%;
    margin-top: 0px; }
  .layout-signin .content.main h2,
  .layout-signin header h1 {
    color: #34B233; }
  .layout-signin .form {
    margin-left: 0;
    padding: 0; }

/* =========== */
/* = Columns = */
/* =========== */
#main > footer .columns,
body > footer .columns {
  margin-right: -30px;
  margin-left: -30px; }

.columns .col {
  float: left;
  width: 25%;
  margin-bottom: 20px;
  overflow: visible;
  box-sizing: border-box;
  padding: 0 30px; }

/* 7 columns or more */
.columns .col:first-child:nth-last-child(n+7),
.columns .col:first-child:nth-last-child(n+7) ~ .col {
  width: 25%; }

/* 6 columns */
.columns .col:first-child:nth-last-child(6),
.columns .col:first-child:nth-last-child(6) ~ .col {
  width: 33%; }

/* 5 columns */
.columns .col:first-child:nth-last-child(5),
.columns .col:first-child:nth-last-child(5) ~ .col {
  width: 33%; }

/* 4 columns */
.columns .col:first-child:nth-last-child(4),
.columns .col:first-child:nth-last-child(4) ~ .col {
  width: 25%; }

/* 3 columns */
.columns .col:first-child:nth-last-child(3),
.columns .col:first-child:nth-last-child(3) ~ .col {
  width: 33%; }

/* 2 columns */
.columns .col:first-child:nth-last-child(2),
.columns .col:first-child:nth-last-child(2) ~ .col {
  width: 50%; }

/* clearing to make sure the 4th cq 5th start on a new row */
.columns .col:first-child:nth-last-child(5) ~ .col:nth-child(4),
.columns .col:first-child:nth-last-child(6) ~ .col:nth-child(4),
.columns .col:first-child:nth-last-child(n+7) ~ .col:nth-child(5) {
  clear: left; }

/* ================ */
/* = Social media = */
/* ================ */
div.social {
  margin-bottom: 1.53846em;
  /* = 20px */ }

div.social > * {
  vertical-align: top;
  display: inline-block; }

div.social .fb_iframe_widget_fluid {
  width: auto !important;
  display: inline-block !important;
  /* force ipad facebook button to overwrite inline style from the facebook */ }

div.social a.icon-email:before {
  font-family: wurfont;
  content: "\e00e";
  padding-right: 3px;
  color: #737373; }

a.share-email {
  display: inline-block;
  color: #333;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  line-height: 18px;
  padding: 0 3px;
  border: solid 1px #C5C5C5;
  border-radius: 3px;
  background-color: #F6F6F2;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #F6F6F2), color-stop(100%, #E6E6E1));
  background-image: -webkit-linear-gradient(top, #F6F6F2 0%, #E6E6E1 100%);
  background-image: -webkit-linear-gradient(#F6F6F2 0%, #E6E6E1 100%);
  background-image: linear-gradient(#F6F6F2 0%, #E6E6E1 100%); }

a.share-email:hover {
  text-decoration: none;
  color: #333;
  background-color: #FDFCFC;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #FDFCFC), color-stop(100%, #F6F6F2));
  background-image: -webkit-linear-gradient(top, #FDFCFC 0%, #F6F6F2 100%);
  background-image: -webkit-linear-gradient(#FDFCFC 0%, #F6F6F2 100%);
  background-image: linear-gradient(#FDFCFC 0%, #F6F6F2 100%); }

.content figure .share-pinterest--pin-it {
  position: absolute;
  top: 10px;
  right: 10px; }

.social .disabled,
.social .disabled:hover {
  text-decoration: none;
  color: #c1c1c1;
  font-size: 12px; }

.social .disabled img {
  vertical-align: bottom; }

.social .disabled .link-text {
  color: #3a84c1; }

.social .disabled:hover .link-text {
  text-decoration: underline; }

/* =============== */
/* = Contactinfo = */
/* =============== */
.contactinfo {
  line-height: 1.5;
  margin-bottom: 20px;
  position: relative;
  padding: 0;
  background: #fff; }

.contactinfo a {
  text-decoration: none; }

.contactinfo a:hover {
  text-decoration: underline; }

/* heading */
.contactinfo h2 {
  line-height: 1.2;
  display: block;
  color: #333;
  text-decoration: none;
  padding: 0.8em 0;
  margin-left: 20px;
  border-bottom: 1px solid #d6d6d6; }

/* vCard */
.contactinfo .vcard {
  padding: 20px 20px 20px 120px;
  font-style: normal; }

.contactinfo .vcard .contact {
  min-height: 48px;
  padding-bottom: 2em; }

.contactinfo .vcard .actions {
  margin-top: -1em; }

.contactinfo .vcard span {
  display: block; }

.contactinfo .fn {
  display: block;
  margin: 0.2em 0 0 0; }

/* The photo frame squares photos from we@wur */
.contactinfo .photo-frame {
  margin-left: -100px;
  float: left;
  height: 80px;
  width: 80px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  position: relative; }

.contactinfo .photo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 80px; }

/* More link */
.contactinfo a.more,
.contactinfo a.less {
  float: right;
  color: #333;
  text-decoration: none;
  display: block;
  color: #005172; }

.contactinfo a.more:hover,
.contactinfo a.less:hover {
  color: #3a84c1;
  text-decoration: underline; }

/* within a list */
.contactinfo ul {
  margin-left: 20px; }

.contactinfo ul > li .vcard {
  padding-left: 100px; }

.contactinfo ul > li > .vcard {
  border-bottom: 1px solid #d6d6d6; }

.contactinfo ul > li:last-child > .vcard {
  border-bottom: none; }

/* Extra cards */
/* (used for collapsing) */
.contactinfo .extra-cards ul {
  border-top: 1px solid #d6d6d6;
  display: none;
  margin-bottom: 0; }

/* with-heading */
.contactinfo h2 + .extra-cards ul {
  border-top: none; }

/* with-overlay */
.contactinfo.with-overlay .extra-cards {
  background: #fff;
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 100; }

.contactinfo.display.with-overlay {
  box-shadow: -1px 3px 3px rgba(0, 0, 0, 0.12); }

.contactinfo.display.with-overlay .extra-cards {
  border-bottom: 1px solid #ccc;
  box-shadow: -1px 3px 3px rgba(0, 0, 0, 0.12); }

.contactinfo.display ul,
.contactinfo.display .extra-cards ul {
  display: block; }

/* ============= */
/* = Placement = */
/* ============= */
aside .contactinfo {
  box-sizing: border-box;
  width: 105.52632%; }

.layout-longread .contactinfo {
  width: auto;
  background: #EEEDE6; }
  .layout-longread .contactinfo.with-overlay .extra-cards {
    background: #EEEDE6; }

.follow {
  margin-bottom: 1.53846em;
  /* = 20px */ }

/* ========================= */
/* = Social media - Follow = */
/* ========================= */
.follow ul,
.content .follow ul {
  margin-bottom: 0; }

.follow ul li,
.content .follow ul li {
  float: left;
  padding: 0;
  background: none;
  margin: 0 0.4em 0.4em 0; }

.follow ul li:before {
  content: none;
  display: none; }

.follow p,
.content .follow p {
  margin-bottom: 0.5em; }

.follow .icon {
  padding: 6px;
  border-radius: 50%;
  color: #fff;
  background: #999;
  text-indent: 0; }

.follow .icon:hover,
.article-footer__header .follow .icon {
  color: #fff !important;
  background: #0d426b !important;
  text-decoration: none; }

.follow .twitter:hover,
.article-footer__header .follow .twitter {
  background: #0099FF !important; }

.follow .gplus:hover,
.article-footer__header .follow .gplus {
  background: #D14836 !important; }

.follow .facebook:hover,
.article-footer__header .follow .facebook {
  background: #3A5998 !important; }

.follow .linkedin:hover,
.article-footer__header .follow .linkedin {
  background: #1A7CAD !important; }

.follow .youtube:hover,
.article-footer__header .follow .youtube {
  background: #C8312B !important; }

.follow .flickr:hover,
.article-footer__header .follow .flickr {
  background: #CA418B !important; }

.follow .foursquare:hover,
.article-footer__header .follow .foursquare {
  background: #15A6DA !important; }

.follow .hyves:hover,
.article-footer__header .follow .hyves {
  background: #F89736 !important; }

.follow .pinterest:hover,
.article-footer__header .follow .pinterest {
  background: #AD2F28 !important; }

.follow .skype:hover,
.article-footer__header .follow .skype {
  background: #52A8E5 !important; }

.follow .msn:hover,
.article-footer__header .follow .msn {
  background: #009AD9 !important; }

.follow .instagram:hover,
.article-footer__header .follow .instagram {
  background: #125688 !important; }

/* ======== */
/* = Icons = */
/* ======== */
.icon {
  vertical-align: middle;
  display: inline-block;
  font-family: "wurfont";
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  width: 16px;
  height: 16px; }

.icon.inline {
  display: inline;
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  vertical-align: baseline; }

/* ========= */
/* = Links = */
/* ========= */
a.twitter,
a.facebook {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-align: left;
  text-indent: -10000px;
  background: url(../images/backgrounds/sprites.png?v=3e047831a39ca408edde5f87fb76765b50c0f1c12c53dfd60aedcacbe78edb6c) no-repeat; }

a.twitter {
  background-position: 0 -60px; }

a.twitter:hover {
  background-position: -40px -60px; }

a.facebook {
  background-position: -20px -60px; }

a.facebook:hover {
  background-position: -60px -60px; }

body > footer a.facebook,
body > footer a.twitter {
  margin: 5px 5px 0 0; }

/* More content */
a.more,
a.less {
  display: block;
  padding-left: 12px;
  background: url(../images/backgrounds/sprites.png?v=3e047831a39ca408edde5f87fb76765b50c0f1c12c53dfd60aedcacbe78edb6c) no-repeat; }

/* More content inline */
.contactinfo a.more {
  background-position: -1875px -82px; }

.contactinfo a.less {
  background-position: -2814px -82px; }

.contactinfo a.more:hover {
  background-position: -937px -82px; }

.contactinfo a.less:hover {
  background-position: -1478px -82px; }

header.title a.more:hover,
header.title a.more {
  color: #3a84c1;
  text-decoration: none;
  background: none;
  position: relative;
  padding: 5px 4px;
  margin-left: 15px; }

header.title a.more:hover {
  text-decoration: underline; }

header.title a.more:before {
  content: "\F006";
  font-family: 'wurfont';
  position: absolute;
  left: -15px; }

/* Link */
a {
  color: #3a84c1;
  text-decoration: none; }

a:hover {
  color: #0d426b;
  text-decoration: underline; }

/* =========== */
/* = Headers = */
/* =========== */
header h1 {
  line-height: 1.3;
  color: #3a84c1;
  margin: 0.2em 0 0.66667em 0; }

header p.type {
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 0; }

/* ======== */
/* = Text = */
/* ======== */
.content {
  line-height: 1.6;
  margin-bottom: 40px; }

.content .intro {
  line-height: 1.6;
  margin-bottom: 1.53846em;
  /* Compensate for bigger font */ }

.sender-related p,
.sender-related ul,
.content p,
.content ul,
.content ol,
.pullquote {
  margin-bottom: 1.3em; }

/* Margin for bordered elements */
.content figure.block,
.content table {
  margin-bottom: 1.38462em;
  max-width: 108.16327%; }

.content strong {
  font-weight: bold;
  color: #525252; }

.content em {
  font-style: italic; }

.content h2 {
  line-height: 1.6;
  margin-bottom: 0.2em;
  margin-top: 1em; }

.content h2:first-child {
  margin-top: 0; }

.content h3 {
  text-align: left;
  font-weight: bold; }

aside .content h2 {
  margin-bottom: 1em; }

aside .content h3 {
  font-weight: normal;
  margin-bottom: 0.5em; }

.content > div > section.meta,
.content > div > section.list {
  line-height: 1.6;
  margin-top: 25px; }

.content > div > section.list:last-child {
  margin-bottom: 25px; }

section.meta h2,
.content .list h2 {
  line-height: 1.6;
  font-weight: normal;
  margin-bottom: 0.8em; }

/* ============ */
/* = Metadata = */
/* ============ */
dl.meta,
p.meta {
  margin-bottom: 1em;
  color: #858585; }

.content dl.meta,
.content p.meta {
  line-height: 1.6; }

.factsheet dt,
.factsheet dd,
dl.meta dt,
dl.meta dd {
  display: inline; }

.factsheet dd {
  line-height: 1.7; }

/* Possible IE7 fix: http://stackoverflow.com/questions/3515226/making-a-dl-clear-before-ever-dd-in-ie-7 */
.factsheet dt:before,
dl.meta dt:before {
  content: "\A";
  white-space: pre; }

.factsheet dt:first-child:before,
dl.meta dt:first-child:before {
  content: none; }

.content p.meta + dl.meta,
.content p.meta + p.meta {
  margin-top: -1em; }

/* Table based metadata */
.meta.with-background {
  background-color: #EEEDE6;
  color: #333;
  margin-left: -40px;
  margin-bottom: 20px;
  margin-right: 20px;
  max-width: 440px;
  padding: 10px 10px 10px 40px; }

.content .meta table {
  margin-left: 0; }

.meta table th,
.meta table td {
  padding-bottom: 10px;
  border-bottom: 0; }

.meta table th {
  font-weight: normal; }

.meta table tr th:first-child {
  padding-left: 0; }

.meta table td {
  line-height: 1.2; }

.meta table tr:last-child th,
.meta table tr:last-child td {
  padding-bottom: 0; }

.meta a.block {
  display: block; }

/* ============== */
/* = Pullquotes = */
/* ============== */
.pullquote {
  position: relative;
  padding-left: 58px;
  color: #3a84c1; }

.pullquote:before {
  content: "\F100";
  font-family: 'wurfont';
  position: absolute;
  left: 1px;
  top: -2px;
  display: block;
  color: #3a84c1; }

.pullquote blockquote {
  font-style: italic; }

.pullquote blockquote:before {
  content: "\201C"; }

.pullquote blockquote:after {
  content: "\201D"; }

.pullquote figcaption,
.content .pullquote figcaption {
  color: #3a84c1;
  display: block;
  margin: 0;
  padding: 0;
  background: none;
  font-style: normal;
  margin-top: 0.66667em; }

.pullquote a,
.pullquote a:hover {
  color: #3a84c1;
  text-decoration: none; }

.pullquote figcaption .more {
  color: #3a84c1;
  text-decoration: none;
  padding-left: 11px;
  display: block;
  position: relative; }

.pullquote figcaption .more:before {
  content: "\F006";
  font-family: 'wurfont';
  position: absolute;
  left: -4px;
  top: 0;
  font-size: 11px;
  display: block;
  color: #3a84c1; }

.pullquote figcaption .more:hover {
  text-decoration: underline; }

/* with-photo */
.pullquote.with-photo {
  min-height: 80px;
  background: none;
  padding-left: 0; }

.pullquote.with-photo:before {
  content: "";
  display: none; }

.pullquote.with-photo blockquote,
.pullquote.with-photo figcaption {
  margin-left: 58px; }

.pullquote.with-photo .photo-frame {
  margin-left: -40px;
  float: left;
  height: 80px;
  width: 80px;
  overflow: hidden; }

.pullquote.with-photo .photo-frame .photo {
  width: 80px; }

/* in collection */
.col .pullquote {
  padding-left: 0; }

.col .pullquote:before {
  content: ""; }

.content .col .pullquote figcaption {
  padding-left: 0; }

.content .col .pullquote.with-photo .photo-frame {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  margin-left: 0; }

.pullquote.with-photo blockquote,
.pullquote.with-photo figcaption {
  margin-left: 70px; }

/* ========== */
/* = Images = */
/* ========== */
.content img {
  max-width: 100%; }

.content figure {
  position: relative; }

.content figure.block {
  margin-left: -40px;
  display: block;
  width: 108.16327%; }

.content figure.left img,
.content figure.block img {
  display: block; }

.content figure.left {
  clear: left;
  float: left;
  width: 220px;
  margin: 0 1.69231em 1em -40px; }

.content figure.left.indented {
  margin: 0 1.69231em 1em 0; }

aside .content figure.left {
  clear: left;
  float: left;
  width: 90px;
  margin: 0 1em 1em 0; }

.content figure.left + figure.left {
  margin-top: 0.69231em;
  margin-bottom: 1em; }

.content figure figcaption {
  padding: 15px 20px 15px 40px;
  background: #f4f4f4;
  font-style: italic; }

/* figures inside col elements */
.content .col figure.left,
.content .col figure.block {
  margin: 0 1em 1em 0;
  max-width: 100%;
  width: auto; }

.content .col figure img {
  max-width: 100%; }

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

/* alignment */
.content figure.clear-block {
  margin-right: auto;
  float: none;
  clear: both;
  margin-bottom: 2em; }

.content h2.clear-block,
.content h3.clear-block,
.content figure.clear-block {
  clear: both; }

.content figure.clear-block + figure.align-with-text {
  margin-top: 0; }

.layout-longread figure.align-with-text {
  margin-left: 0; }

figure.align-with-text + p {
  margin-bottom: 1em; }

/* figure-block */
/* get alignment always right*/
.image-block {
  margin-bottom: 1em;
  clear: both; }

.image-block figure.left {
  margin-bottom: 0; }

.image-block .list {
  clear: none;
  overflow: hidden; }

.layout-longread figure.block {
  margin-left: 0;
  display: block;
  width: 100%; }

.layout-longread figure.block img {
  width: 160%;
  margin-left: -30%;
  margin-right: -30%;
  margin-left: calc(-30% - 20px);
  margin-right: calc(-30% - 20px);
  width: calc(160% + 41px);
  max-width: calc(160% + 41px); }

@media (max-width: 850px) {
  .layout-longread figure.block img {
    width: 125%;
    margin-left: -12.5%;
    margin-right: -12.5%;
    margin-left: calc(-12.5% - 20px);
    margin-right: calc(-12.5% - 20px);
    width: calc(125% + 40px); } }

@media (max-width: 600px) {
  .layout-longread figure.block img {
    margin-left: -20px;
    margin-right: -20px;
    width: 100%;
    width: calc(100% + 40px); } }

/* ========== */
/* = Tables = */
/* ========== */
/* also defines styles for table inside .program */
.program table,
.content table {
  border-collapse: collapse;
  margin-left: -40px; }

.content table caption {
  text-align: left;
  font-weight: bold;
  padding-left: 40px;
  padding-bottom: 0.66667em; }

.program tr th:first-child,
.program tr td:first-child,
.content tr th:first-child,
.content tr td:first-child {
  padding-left: 40px; }

.program th,
.program td,
.content th,
.content td {
  text-align: left;
  border-bottom: 1px solid #d6d6d6;
  padding: 0.38462em 36px 0.38462em 0; }

.content td,
.content th {
  line-height: 1.38; }

.program th,
.program td {
  border-bottom: 0; }

.content th {
  color: #333;
  font-weight: bold; }

.content thead th {
  font-weight: bold; }

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

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

/* .of-people */
.content table.of-people {
  width: 100%;
  margin-top: 20px; }

.content table.of-people th,
.content table.of-people td {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.content table.of-people tr:first-child th,
.content table.of-people tr:first-child td {
  border-top: 1px solid #d6d6d6; }

/* ========= */
/* = Lists = */
/* ========= */
.content li {
  margin-bottom: 0.38462em; }

.content ul ul,
.content ol ol,
.content ul ol,
.content ol ul {
  margin-top: 0.38462em;
  margin-bottom: 0; }

/* Bulletlists */
.content ul,
.content ol {
  overflow: hidden; }

.content ul > li {
  margin-left: 1.23077em;
  position: relative; }

.content ul > li:before {
  font-family: wurfont;
  content: "\F003";
  position: absolute;
  font-size: 0.7em;
  vertical-align: baseline;
  line-height: 2.1;
  width: 1.53846em;
  left: -1.53846em; }

.content ul ul li:before {
  font-size: 0.6em;
  line-height: 2.3; }

/* Numbered lists */
.content ol {
  counter-reset: numbered; }

.content ol > li {
  counter-increment: numbered;
  position: relative;
  margin-left: 2.46154em; }

.content ol > li:before {
  display: block;
  content: counter(numbered) ".";
  text-align: right;
  width: 1.69231em;
  margin-right: 0.76923em;
  position: absolute;
  left: -2.46154em; }

/* Linklist color/hover */
.links li a,
.content .downloads li a {
  color: #333;
  text-decoration: none; }

.links li a.button:hover,
.links li a.button {
  color: #fff; }

.sender-related li a:hover,
.links li a:hover,
.content .downloads li a:hover {
  color: #3a84c1; }

.content .downloads li a:hover,
.sender-related li a:hover {
  text-decoration: underline; }

.content .checks li:before {
  content: "\F105";
  font-family: "wurfont";
  font-size: 1.5em;
  line-height: 1;
  left: -16px;
  color: #34B233; }

.content .checks li {
  padding-left: 20px;
  margin-bottom: 10px; }

/* ============== */
/* = Pagination = */
/* ============== */
.pagination ul {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  border-top: 0;
  padding: 0;
  line-height: 1; }

div.pagination li,
.pagination li {
  display: inline-block;
  background: none;
  padding: 0 1px;
  margin: 0;
  vertical-align: middle; }

.pagination li:before {
  content: none;
  display: none; }

.pagination li a,
.pagination li span {
  text-decoration: none;
  display: inline-block;
  padding: 6px 8px; }

.pagination li .icon a,
.pagination li .icon span {
  padding: 0; }

.pagination li,
.pagination li a {
  color: #858585; }

.pagination li:hover a {
  background-color: #d6d6d6; }

.pagination li.active span,
.pagination li.active:hover span,
.pagination li.active a,
.pagination li.active:hover a {
  background: #34B233;
  font-weight: bold;
  color: #fff; }

.pagination li.next,
.pagination li.prev {
  width: 24px; }

.pagination li.next a,
.pagination li.prev a {
  background-image: url(../images/backgrounds/sprites.png?v=3e047831a39ca408edde5f87fb76765b50c0f1c12c53dfd60aedcacbe78edb6c);
  text-indent: -999px;
  text-overflow: clip;
  overflow: hidden;
  width: 8px; }

.pagination li.next a {
  background-position: -1526px 0.7em; }

.pagination li.prev a {
  background-position: -1326px 0.7em; }

/* used for pagination at comments */
footer.pagination a.next,
footer.pagination a.prev {
  width: 49%;
  float: left;
  text-decoration: none;
  color: #333; }

footer.pagination a.next {
  float: right;
  text-align: right; }

/* ============ */
/* = Timeline = */
/* ============ */
.timeline {
  margin-right: -50px; }

.timeline .stage {
  width: 50%;
  border-right: 2px solid #d6d6d6;
  overflow: visible;
  margin-left: -30px; }

.timeline .stage .content {
  width: 200%;
  margin-bottom: 0px;
  padding-top: 25px; }

.timeline h2,
.timeline h3 {
  width: 200%;
  background-color: #fff; }

.timeline h2 {
  margin: 0 0 0 -40px;
  padding: 20px 40px 0.2em 40px;
  border-top: 1px solid #d6d6d6;
  color: #3A84C1;
  font-size: 2.4rem; }

.timeline h3 {
  padding: 1em 0;
  text-align: center;
  font-weight: normal; }

.timeline h3 a:hover,
.timeline h3 a {
  color: #333;
  text-decoration: none; }

.timeline ul.entries-list {
  list-style: none;
  position: relative; }

.timeline ul.entries-list li {
  box-sizing: border-box;
  width: 50%;
  clear: left;
  float: left;
  margin: 0;
  padding: 30px; }

.timeline ul.entries-list li:nth-child(even) {
  clear: right;
  float: right; }

.timeline ul.entries-list li.absolute-left,
.timeline ul.entries-list li.absolute-right {
  position: absolute;
  float: none;
  clear: none; }

.timeline ul.entries-list li.absolute-left {
  left: 0;
  right: 50%; }

.timeline ul.entries-list li.absolute-right {
  left: 50%;
  right: 0; }

.timeline li figure,
.timeline li .body,
.timeline li .meta,
.timeline li .title {
  display: block;
  margin-bottom: 10px; }

.timeline li .title {
  font-weight: normal; }

.timeline li .meta {
  color: #858585; }

.timeline li .button {
  margin-bottom: 10px; }

.timeline ul.entries-list li:before {
  content: ""; }

.timeline ul.entries-list li article {
  position: relative;
  padding: 20px 20px 10px 20px;
  background-color: #F2F2EC;
  border-top: 2px solid #F2F2EC; }

.timeline ul.entries-list li article:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  width: 30px;
  border-top: 2px solid #d6d6d6;
  z-index: 1; }

.timeline ul.entries-list li:nth-child(even) article:before {
  right: auto;
  left: -30px; }

.timeline ul.entries-list li.absolute-left article:before {
  right: -30px;
  left: auto; }

.timeline ul.entries-list li.absolute-right article:before {
  right: auto;
  left: -30px; }

.timeline ul.entries-list li.absolute-left article:after,
.timeline ul.entries-list li article:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -48px;
  width: 24px;
  height: 19px;
  margin-top: -17px;
  padding-top: 5px;
  background-color: #999;
  border: 5px solid #fff;
  border-radius: 17px;
  text-align: center;
  color: #fff;
  z-index: 2;
  background-clip: padding-box; }

.timeline ul.entries-list li:nth-child(even) article:after {
  right: auto;
  left: -46px; }

.timeline ul.entries-list li.absolute-right article:after {
  right: auto;
  left: -46px; }

.timeline ul.entries-list li.absolute-left article:after {
  left: auto;
  right: -46px; }

.timeline ul.entries-list li article img {
  width: 100%;
  height: auto; }

.timeline ul.entries-list li.icon-conflict article:after,
.timeline ul.entries-list li.icon-conflict article:before {
  top: 70%; }

/********/
/* type */
/********/
/********/
/* news */
/********/
.timeline ul.entries-list li article.news {
  border-color: #3A84C1; }

.timeline ul.entries-list li article.news:after {
  font-family: "wurfont";
  content: ""; }

.timeline ul.entries-list li article.news:hover:after {
  background-color: #3A84C1; }

.timeline ul.entries-list li article.news .button {
  background-color: #3A84C1; }

/********/
/* blog */
/********/
.timeline ul.entries-list li article.blog {
  border-color: #ED7301; }

.timeline ul.entries-list li article.blog:after {
  font-family: "wurfont";
  content: ""; }

.timeline ul.entries-list li article.blog:hover:after {
  background-color: #ED7301; }

.timeline ul.entries-list li article.blog .button {
  background-color: #ED7301; }

/*********/
/* event */
/*********/
.timeline ul.entries-list li article.event {
  border-color: #5D0D30; }

.timeline ul.entries-list li article.event:after {
  font-family: "wurfont";
  content: ""; }

.timeline ul.entries-list li article.event:hover:after {
  background-color: #5D0D30; }

.timeline ul.entries-list li article.event .button {
  background-color: #5D0D30; }

/*********/
/* video */
/*********/
.timeline ul.entries-list li article.video {
  border-color: #0D426B; }

.timeline ul.entries-list li article.video:after {
  font-family: "wurfont";
  content: ""; }

.timeline ul.entries-list li article.video:hover:after {
  background-color: #0D426B; }

.timeline ul.entries-list li article.video .button {
  background-color: #0D426B; }

/***********/
/* project */
/***********/
.timeline ul.entries-list li article.project {
  border-color: #B52617; }

.timeline ul.entries-list li article.project:after {
  font-family: "wurfont";
  content: ""; }

.timeline ul.entries-list li article.project:hover:after {
  background-color: #B52617; }

.timeline ul.entries-list li article.project .button {
  background-color: #B52617; }

/***********/
/* article */
/***********/
.timeline ul.entries-list li article.article {
  border-color: #2B8222; }

.timeline ul.entries-list li article.article:after {
  font-family: "wurfont";
  content: ""; }

.timeline ul.entries-list li article.article:hover:after {
  background-color: #2B8222; }

.timeline ul.entries-list li article.article .button {
  background-color: #2B8222; }

/* ============= */
/* = Downlaods = */
/* ============= */
.content .downloads li {
  background: none;
  padding-left: 0;
  margin-left: 0; }

.content .downloads li a {
  display: block;
  padding-left: 26px;
  background: url(../images/backgrounds/sprites.png?v=3e047831a39ca408edde5f87fb76765b50c0f1c12c53dfd60aedcacbe78edb6c);
  background-position: -8442px -177px; }

.content .downloads .doc {
  background-position: -5628px -177px; }

.content .downloads .xls {
  background-position: -3752px -177px; }

.content .downloads .pdf {
  background-position: -4690px -177px; }

.content .downloads .ppt {
  background-position: -6566px -177px; }

.content .downloads .zip {
  background-position: -7504px -177px; }

.content .downloads .file {
  background-position: -8442px -177px; }

aside .factsheet,
aside .embed,
aside .content .overview,
aside .content .list,
aside .content > div > .list,
aside .content .program {
  margin-top: 0;
  margin-bottom: 30px; }

/*
 *   === Embed ===
 *
 *   Embed elements for video, google maps
 *
 *   Tabs in general shouldn't be required to load additional
 *   data
 *
 *   @structure
 *     section.embed
 *       > h2
 *       > div.frame
 *         > iframe (width=100%)
 *       > p
 */
.embed .frame {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  padding-right: 40px;
  height: 0;
  overflow: hidden; }

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

/* ============= */
/* = Placement = */
/* ============= */
.content .embed .frame {
  margin-left: -40px; }

.content.bottom .embed {
  margin-right: -20px; }

.content.bottom .columns .col .embed {
  margin-right: 0; }

.content.bottom .columns .col .embed .frame {
  margin-left: 0; }

aside .embed .frame {
  padding-bottom: 75%;
  /* 4/3 ration */
  padding-top: 0;
  margin-right: -20px; }

aside .content .embed .frame,
aside .content.embed .frame {
  margin-left: -20px;
  margin-right: -40px; }

/* =================== */
/* = layout-longread = */
/* =================== */
.layout-longread .embed .frame {
  width: 160%;
  margin-left: -30%;
  margin-right: -30%;
  padding-bottom: 90%;
  margin-left: calc(-30% - 20px);
  margin-right: calc(-30% - 20px); }

@media (max-width: 850px) {
  .layout-longread .embed .frame {
    width: 125%;
    margin-left: -12.5%;
    margin-right: -12.5%;
    padding-bottom: 70.3125%;
    margin-left: calc(-12.5% - 20px);
    margin-right: calc(-12.5% - 20px); } }

@media (max-width: 600px) {
  .layout-longread .embed .frame {
    margin-left: -20px;
    margin-right: -20px;
    width: 100%;
    padding-bottom: 56.25%; } }

t.list {
  clear: both; }

.list > ul > li {
  margin: 0 0 1em 0; }

.collection .list ul li:last-child,
aside .list ul li:last-child,
.list > ul > li:last-child {
  margin-bottom: 0; }

.list > ul > li > a:hover .body,
.list > ul > li > a:hover strong {
  text-decoration: underline; }

.list .time,
.list .meta {
  display: block;
  color: #858585; }

.list .title {
  display: block; }

.list > ul a:hover {
  text-decoration: underline; }

.list > ul a:hover .meta,
.list > ul a:hover .body,
.list > ul a:hover .title {
  color: #3a84c1; }

/* With inline meta */
.list.with-inline-meta .meta {
  display: inline; }

/* With image */
.list.with-people > ul > li,
.list.with-tweets > ul > li,
.list.with-image > ul > li,
.list.with-partner-logos > ul > li,
.list.with-newsletters.with-image > ul > li, .with-newsletters.list.with-partner-logos > ul > li {
  /* Calculated value for percentage width, based on placement in content column*/
  padding-left: 31.37255%;
  position: relative;
  margin-bottom: 2em; }

.list.with-people > ul > li:before,
.list.with-tweets > ul > li:before,
.list.with-image > ul > li:before, .list.with-partner-logos > ul > li:before {
  content: ""; }

.list.with-people > ul > li img,
.list.with-tweets > ul > li img,
.list.with-image > ul > li img, .list.with-partner-logos > ul > li img {
  float: left;
  width: 40%;
  margin-left: -45.71429%;
  height: auto;
  /* We must set this here as otherwise all hell will break loose) */
  margin-top: 5px; }

/* with meta after body */
.list .body + .meta {
  color: #333; }

/* list with image highlighted */
.list.with-image.with-highlight > ul > li,
.with-highlight.list.with-partner-logos > ul > li,
.list.with-image.with-highlight-transparent > ul > li, .with-highlight-transparent.list.with-partner-logos > ul > li {
  padding-left: 0; }

.list.with-image.with-highlight > ul > li img,
.with-highlight.list.with-partner-logos > ul > li img,
.list.with-image.with-highlight-transparent > ul > li img, .with-highlight-transparent.list.with-partner-logos > ul > li img {
  float: none;
  display: block;
  max-width: 620px;
  width: 100%;
  margin-left: 0; }

.list.with-image.with-highlight > ul > li img, .with-highlight.list.with-partner-logos > ul > li img {
  margin: 0 0 5px 0; }

/* list with image and semi-transparent overlay with title */
.list.with-image.with-highlight-transparent > ul > li, .with-highlight-transparent.list.with-partner-logos > ul > li {
  padding-left: 0; }

.list.with-image.with-highlight-transparent > ul > li img, .with-highlight-transparent.list.with-partner-logos > ul > li img {
  position: relative;
  margin: 0; }

.list.with-image.with-highlight-transparent > ul > li .title, .with-highlight-transparent.list.with-partner-logos > ul > li .title {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal;
  position: absolute;
  background: rgba(51, 51, 51, 0.4);
  overflow: hidden;
  color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px; }

/* With people */
.list.with-people > ul > li, .list.with-tweets > ul > li {
  padding-left: 90px; }

/* With actions */
.list.with-actions > ul > li .actions {
  margin-top: 10px; }

.list.with-actions > ul > li .actions .link {
  color: #666; }

.list.with-actions > ul > li .actions .button {
  float: right; }

/* photo-frame for squaring picture */
.list.with-people > ul > li .photo-frame, .list.with-tweets > ul > li .photo-frame {
  width: 80px;
  height: 80px;
  margin-left: -90px;
  float: left;
  overflow: hidden; }

.list.with-people > ul > li img, .list.with-tweets > ul > li img {
  width: 80px;
  margin-left: 0;
  float: none; }

/* .list.with-people.buttoned */
.list.with-people.buttoned > ul a:hover,
.list.with-tweets > ul a:hover,
.list.with-people.buttoned > ul a:hover .body, .list.with-tweets > ul a:hover .body {
  text-decoration: none;
  color: #333; }

.list.with-people.buttoned > ul a.button:hover,
.list.with-tweets > ul a.button:hover,
.list.with-people.buttoned > ul a:hover .button, .list.with-tweets > ul a:hover .button {
  text-decoration: none;
  background: #3a84c1;
  color: #fff; }

.list.with-people.buttoned > ul > li, .list.with-tweets > ul > li {
  padding-left: 70px; }

.list.with-people.buttoned > ul > li .photo-frame, .list.with-tweets > ul > li .photo-frame {
  width: 60px;
  height: 60px;
  margin-left: -70px; }

.list.with-people.buttoned > ul > li img, .list.with-tweets > ul > li img {
  width: 60px; }

.list.with-people.buttoned > ul > li .actions, .list.with-tweets > ul > li .actions {
  margin-top: 4px; }

.list.with-people.socialized > ul > li, .list.socialized.with-tweets > ul > li {
  padding-right: 200px; }

.list.with-people.socialized > ul > li a, .list.socialized.with-tweets > ul > li a {
  overflow: hidden; }

.list.with-people.socialized > ul > li .follow, .list.socialized.with-tweets > ul > li .follow {
  overflow: hidden;
  float: right;
  width: 180px;
  margin-right: -200px;
  text-align: right; }

.list.with-people.socialized > ul > li .follow li, .list.socialized.with-tweets > ul > li .follow li {
  float: right; }

.list.with-people .title, .list.with-tweets .title {
  font-weight: bold; }

/* Tweets list */
.list.with-tweets .tweet_list li {
  padding-left: 50px; }

.list.with-tweets .tweet_avatar {
  width: 40px;
  height: 40px;
  margin-left: -50px;
  float: left;
  overflow: hidden; }

.list.with-tweets .tweet_avatar img {
  width: 40px; }

.list.with-tweets .tweet_time a {
  display: block;
  margin-top: 3px;
  color: #858585; }

.list.with-tweets .fullname {
  font-weight: bold; }

h2 + .list.with-tweets {
  margin-top: 0.8em; }

/* with-people.grouped are used for departments etc. */
.list.with-people.grouped, .list.grouped.with-tweets {
  margin-left: -40px;
  padding-left: 40px; }

.list.with-people.grouped ul, .list.grouped.with-tweets ul {
  margin-right: -40px; }

.list.with-people.grouped + .list.with-people.grouped, .list.grouped.with-tweets + .list.with-people.grouped, .list.with-people.grouped + .list.grouped.with-tweets, .list.grouped.with-tweets + .list.grouped.with-tweets {
  border-top: 1px solid #d6d6d6;
  margin-top: -2em; }

.list.with-people.grouped h2, .list.grouped.with-tweets h2 {
  margin-top: 0.8em; }

.list.with-people.grouped > ul > li, .list.grouped.with-tweets > ul > li {
  width: 14.89362%;
  min-width: 120px;
  margin-right: 20px;
  margin-bottom: 25px;
  padding-left: 0;
  display: inline-block;
  vertical-align: top; }

.list.with-people.grouped > ul > li .photo-frame, .list.grouped.with-tweets > ul > li .photo-frame {
  margin-left: 0;
  float: none; }

.list.with-people.grouped > ul > li .title, .list.grouped.with-tweets > ul > li .title {
  font-weight: normal;
  color: #3a84c1;
  margin-top: 10px; }

.list.with-people.grouped a:hover .title, .list.grouped.with-tweets a:hover .title {
  color: #3a84c1; }

.list.with-people.grouped .title,
.list.grouped.with-tweets .title,
.list.with-people.grouped .body, .list.grouped.with-tweets .body {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block; }

.layout-subhome-study #main > .content .list.with-people.grouped > ul > li,
.layout-subhome-study #main > .content .list.grouped.with-tweets > ul > li,
.layout-article #main > .content .list.with-people.grouped > ul > li, .layout-article #main > .content .list.grouped.with-tweets > ul > li {
  width: 28.57143%; }

/* List with publications (.with-publications) */
.list.with-publications,
.list.with-publications a {
  color: #333; }

.list.with-publications > ul a:hover,
.list.with-publications > ul a:hover .title,
.list.with-publications > ul a:hover .body {
  text-decoration: none;
  color: #3984bf; }

.list.with-publications > ul li span {
  display: block; }

.list.with-publications .published-in {
  font-style: italic; }

/* list with-images as-gallery */
.list.with-images.as-gallery .links {
  margin-left: -20px; }

.list.with-images.as-gallery .links li {
  padding-left: 0;
  float: left;
  margin: 0 0 20px 20px;
  width: 150px;
  /* fixed width because of float */ }

.list.with-images.as-gallery .links li:before {
  content: none; }

.list.with-images.as-gallery .links a:after {
  content: none; }

.list.with-images.as-gallery .links a:hover:after {
  content: "\E102"; }

.layout-longread .list.with-images.as-gallery .links li {
  width: 45%;
  width: calc(50% - 20px); }
  .layout-longread .list.with-images.as-gallery .links li img {
    height: auto; }

@media (max-width: 600px) {
  .layout-longread .content .list.with-images.as-gallery .links li {
    width: auto;
    margin: 0 20px 20px; } }

h2 + .list.with-newsletters {
  margin-top: 1.333em; }

.list.with-newsletters.with-image > ul > li img, .with-newsletters.list.with-partner-logos > ul > li img {
  width: auto;
  max-width: 40%;
  max-height: 120px; }

.list.with-newsletters > ul > li {
  padding-left: 0; }

.list.with-newsletters > ul > li:before {
  content: ""; }

.list.with-newsletters .title {
  font-weight: normal; }

.list.with-newsletters .meta,
.list.with-newsletters .title {
  display: inline; }

.list.with-newsletters .meta {
  padding-left: 0.5em; }

.list.with-newsletters .actions .more {
  float: left;
  padding-left: 0;
  background: none;
  text-decoration: underline;
  color: #525252; }

.list.with-newsletters .actions .more:hover {
  color: #3a84c1; }

.list.with-newsletters .actions .more:after {
  font-family: wurfont;
  content: "\F006"; }

.list.with-newsletters .actions .button {
  background: #34B233;
  padding: 1px 2em;
  float: right; }

.list.with-newsletters .actions .button[disabled="disabled"] {
  opacity: 0.5; }

.list.with-newsletters.with-image .meta, .with-newsletters.list.with-partner-logos .meta {
  padding-left: 0; }

.list.with-newsletters.with-image .title, .with-newsletters.list.with-partner-logos .title {
  float: none;
  display: block; }

.list.with-newsletters.with-image .actions, .with-newsletters.list.with-partner-logos .actions {
  margin-top: 1em; }

.list.with-newsletters .actions .edition {
  float: left;
  white-spacing: nowrap; }

.list.with-newsletters .actions .edition label {
  white-spacing: nowrap; }

.list.with-newsletters.with-form .fields > label {
  display: block;
  clear: left;
  float: left;
  width: auto;
  color: #666; }

.list.with-newsletters.with-form .error-message {
  position: relative;
  background-color: #f07600;
  color: #fff; }

.list.with-newsletters.with-form .error-message:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: #f07600;
  color: #fff;
  border-top: 10px solid #f07600;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  background: none; }

.list.with-newsletters.with-form .links > li {
  margin-bottom: 32px;
  overflow: hidden; }

.list.with-newsletters.with-form .links .meta,
.list.with-newsletters.with-form .links .title {
  display: block;
  float: left;
  margin-bottom: 0.5em; }

.list.with-newsletters.with-form .links .title {
  clear: left; }

.list.with-newsletters.with-form .links .meta {
  padding-top: 0.4em; }

/* ======== */
/* = Tags = */
/* ======== */
.tag {
  display: inline-block;
  border: 1px solid #75a8d3;
  border-radius: 4px;
  padding: 0.07692em 0.61538em;
  text-decoration: none;
  color: #3a84c1;
  line-height: 1.2; }

.tag:hover {
  border-color: #3a84c1;
  background: #3a84c1;
  color: #fff;
  text-decoration: none; }

.list.with-partner-logos > ul > li {
  border-top: 1px solid #d6d6d6;
  padding-top: 2em; }

.list.with-partner-logos > ul > li:first-child {
  border-top: 0; }

.list.with-partner-logos > ul > li > a > img,
.list.with-partner-logos > ul > li > img,
.list.with-partner-logos > ul > li > article > img {
  width: auto; }

.list.with-partner-logos strong {
  font-weight: normal;
  color: #333;
  margin-bottom: 0.8em;
  display: block; }

.list.with-partner-logos .body {
  display: block; }

.list.with-partner-logos.columns {
  border-bottom: 1px solid #d6d6d6;
  margin-left: -20px; }
  .list.with-partner-logos.columns h2 {
    margin-left: 20px; }
  .list.with-partner-logos.columns ul {
    margin-bottom: 20px; }
  .list.with-partner-logos.columns > ul > li {
    border-top: 0;
    margin-bottom: 10px; }
  .list.with-partner-logos.columns > ul > li {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 100%; }
  .list.with-partner-logos.columns > ul > li > a,
  .list.with-partner-logos.columns > ul > li > article {
    margin-top: 90px;
    display: block;
    padding: 20px; }
  .list.with-partner-logos.columns > ul > li img {
    display: block;
    float: none;
    margin-left: 0;
    max-height: 70px;
    margin-top: -90px;
    /* 90px margin + 20px padding*/
    margin-bottom: 20px; }
  .list.with-partner-logos.columns > ul > li > strong.title,
  .list.with-partner-logos.columns > ul > li > img {
    margin-top: 0;
    margin-left: 20px; }

/* ============================= */
/* = Placement specific styles = */
/* ============================= */
.collection .list ul li,
aside .list ul li {
  margin: 0 0 1em 0; }

.content .collection .list h2,
aside .content .list h2 {
  margin: 0 0 1em 0; }

.collection .list .links li,
aside .list .links li {
  background-position: -140px 0.45em; }

.collection .list.with-image > ul > li,
.collection .list.with-partner-logos > ul > li,
aside .list.with-image > ul > li, aside .list.with-partner-logos > ul > li {
  margin-bottom: 1em; }

aside .list.with-image > ul > li .divider, aside .list.with-partner-logos > ul > li .divider {
  display: none; }

.details .list.with-image .links, .details .list.with-partner-logos .links {
  margin-left: -40px; }

.details .content .list {
  margin-top: 0; }

.content.main .list.with-partner-logos.columns ul li {
  width: 49%; }

.content.bottom .list.with-partner-logos.columns ul li {
  width: 32%; }

aside .list.with-partner-logos > ul > li {
  padding-top: 1em; }

.layout-article.without-intro .content > header + div > section.list,
.layout-article.without-intro .content > .social + div > section.list {
  clear: none; }

/* ============== */
/* = Factsheets = */
/* ============== */
.factsheet a {
  color: #fff;
  text-decoration: underline; }

.factsheet th,
.factsheet td {
  vertical-align: top; }

.factsheet a:hover {
  color: #0d426b; }

.factsheet .label {
  line-height: 1.5;
  margin: 0 0 0.7em 0;
  padding: 20px 0 0 0;
  display: block; }

.factsheet h2 {
  line-height: 1.4;
  margin-bottom: 0.6em;
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
  padding-right: 40px;
  margin-right: -40px; }

.factsheet dt {
  line-height: 1.5;
  color: #fff;
  margin-right: 0.3em; }

.factsheet dd ul,
.factsheet dd li {
  display: inline; }

.factsheet dd li:after {
  content: ", "; }

.factsheet dd li:last-child:after {
  content: ""; }

.factsheet dl,
.factsheet table {
  margin-bottom: 1.5em; }

.factsheet dl:first-child,
.factsheet table:first-child {
  margin-top: 20px; }

/* buttons */
.factsheet .buttons {
  margin-bottom: 20px; }

.factsheet .button {
  color: #0d426b;
  background: #fff; }

/* ================= */
/* = Table variant = */
/* ================= */
.factsheet table {
  width: 100%; }

.factsheet th,
.factsheet td {
  text-align: left;
  padding: 0.5em 1em 0.5em 0; }

/* ============= */
/* = Avaiblity = */
/* ============= */
.availability {
  margin-left: -3%;
  margin-bottom: 16px; }

.availability li {
  width: 17%;
  float: left;
  display: block;
  /* making place for positioning of weekday label*/
  padding-bottom: 20px;
  position: relative;
  margin-left: 3%; }

.availability li .morning,
.availability li .afternoon {
  box-sizing: border-box;
  width: 50%;
  /* image width */
  height: 0;
  padding-top: 12px;
  /* image height */
  overflow: hidden;
  display: block;
  background: rgba(255, 255, 255, 0.4);
  float: left;
  border-style: solid; }

.availability li .morning {
  margin-left: 0;
  border-right-width: 1px; }

.availability li .afternoon {
  border-left-width: 1px; }

.availability li span.available {
  background: #fff; }

.availability li .weekday {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }

.availability-legend {
  margin-bottom: 12px;
  font-size: 11px;
  font-size: 1.1rem; }

.availability-legend span {
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-left: 16px;
  background: rgba(255, 255, 255, 0.4); }

.availability-legend span.available {
  margin-left: 0;
  background: #fff; }

/* placement specific background
  we make ues of border-color because this removes pixel rounding
*/
aside .factsheet .availability li .morning,
aside .factsheet .availability li .afternoon {
  border-color: #6AADE4; }

/* ============= */
/* = Placement = */
/* ============= */
aside .factsheet {
  box-sizing: border-box;
  width: 105.52632%;
  background: #6AADE4;
  color: #fff;
  position: relative; }

aside .factsheet {
  padding: 1px 40px 1px 20px;
  /* 1px top & bottom to prevent margin collapsing */ }

.subnav + .factsheet {
  padding-top: 20px;
  margin-top: -60px; }

/* ==================== */
/* = Audience related = */
/* ==================== */
.audience-related {
  box-sizing: border-box;
  float: left;
  background: #6AADE4;
  width: 36.73469%;
  margin-left: -40px;
  margin-right: 8.16327%;
  margin-bottom: 20px;
  padding: 10px 13px 10px 40px;
  color: #fff; }

.audience-related h2:first-child {
  padding-top: 0;
  border-top: 0; }

.audience-related h2 {
  font-weight: normal;
  margin: 0 -13px 0.5em -40px;
  padding-left: 40px;
  border-top: 1px solid #fff;
  padding: 10px 20px 0 40px;
  color: #fff; }

.content .audience-related h2 {
  line-height: 1.3; }

/* TODO: .content is for selector overruling*/
.content .audience-related h3 {
  color: #333;
  font-weight: normal;
  padding-top: 0.5em;
  margin-bottom: 0.4em; }

.content .audience-related .links + .links {
  margin-top: -1.6em; }

.content .audience-related .links {
  margin-bottom: 2.9em; }

.content .audience-related .links:before {
  line-height: 1.6; }

.content .audience-related .links li a {
  color: #fff; }

.content .audience-related .links li a:hover {
  color: #0d426b;
  text-decoration: underline; }

/* ========================== */
/* = Sender related content = */
/* ========================== */
.sender-related {
  background: #EEEDE6;
  padding: 0 20px;
  margin-bottom: 25px;
  position: relative; }

aside .sender-related {
  margin-right: -20px; }

.sender-related header {
  padding: 10px 10px 0 0; }

.with-visual .sender-related header {
  background: rgba(238, 237, 230, 0.9);
  position: absolute;
  bottom: 100%;
  left: 0;
  padding-left: 20px;
  padding-bottom: 10px;
  width: 380px; }

.with-visual .sender-related p {
  padding: 5px 0; }

.sender-related header a {
  color: #333; }

.sender-related h2 {
  margin-bottom: 0.2em; }

.with-visual .sender-related h2 {
  margin-bottom: 0; }

.sender-related h3 {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0.8em 0 0.8em 0; }

.sender-related ul {
  border-bottom: 1px solid #fff;
  margin: 0 -20px 10px -10px; }

.sender-related ul li a {
  display: block;
  border-top: 1px solid #fff;
  padding: 10px;
  text-decoration: none;
  color: #333; }

.sender-related ul li a:hover,
.sender-related ul li a:active {
  color: #333;
  text-decoration: none;
  background: #DEDCCF; }

.sender-related ul li a img {
  width: 60px;
  margin-right: 22px;
  float: left; }

.sender-related ul li a span {
  display: block;
  overflow: auto;
  /* Clear it block-style */ }

.sender-related a.button {
  margin: 0 0 1.3rem 0; }

/* ========= */
/* = Links = */
/* ========= */
.links li,
.content .links li {
  padding-left: 16px;
  padding-left: 1.6rem;
  margin-left: 0;
  background: none;
  position: relative; }

body > footer a.more,
body > footer nav ul li,
#breadcrumb > ul ul li a {
  position: relative; }

#breadcrumb > ul ul li a:before,
.links li:before,
.content .links li:before,
body > footer a.more:before,
body > footer nav ul li:before,
.content .link li:before {
  content: "\F006";
  font-family: wurfont;
  position: absolute;
  margin: 0;
  left: -0.3em;
  color: inherit;
  line-height: inherit;
  font-size: 1em; }

#breadcrumb > ul ul li a:before {
  left: 19px;
  top: 0.3em; }

.links > li > a {
  display: block; }

.links li .type {
  color: #858585;
  display: block; }

.links.with-col li {
  width: 50%;
  float: left;
  box-sizing: border-box; }

/* ========== */
/* = abbreviation = */
/* ========== */
.content abbr {
  border-bottom: 2px dotted #6AADE4;
  text-decoration: none; }

/* ================ */
/* = Accessibility = */
/* ================ */
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
/* ================ */
/* = Autoclearing = */
/* ================ */
.clearfix:after,
.site-search .input:after,
#main > footer .article-footer__header:after,
header.person:after,
.layout-profile article > aside:after,
.layout-profile.with-search .list.alumni > ul > li:after,
figure.align-with-text + p:after,
.image-block:after,
.list.with-actions > ul > li:after,
.list.with-newsletters.with-image .actions:after,
.with-newsletters.list.with-partner-logos .actions:after, .list.with-partner-logos > ul > li > a:after,
.list.with-partner-logos > ul > li > img:after,
.list.with-partner-logos > ul > li > article:after,
.list.with-partner-logos strong:after,
.availability:after,
.button--livechat:after,
.form.with-tabs .tab-bar:after,
.masonry .tile:after,
.interactive-map .menu:after,
.interactive-map .menu ul:after,
.tab-bar:after,
.biography-block:after,
.countdown-bar:after,
.content:after,
aside .subnav:after,
.collection:after,
.columns:after,
.carrousel:after,
header.title:after,
.list.with-image > ul > li > a:after,
.list.with-partner-logos > ul > li > a:after,
.list.with-people > ul > li > a:after,
.list.with-tweets > ul > li > a:after,
.sender-related ul li a:after,
.contactinfo .vcard:after,
.layout-article .top:after,
.form .row:after,
.row .fields:after,
section.search:after,
form.comment .field:after,
#breadcrumb > ul:after,
.timeline form.filtering:after,
.timeline article.with-image:after,
.pagination ul:after,
footer.pagination:after,
#main > footer:after,
#main:after {
  content: "";
  visibility: hidden;
  clear: both;
  display: block;
  height: 0; }

/* =========== */
/* = Buttons = */
/* =========== */
input[type="submit"],
button.button,
a.button,
span.button {
  display: inline-block;
  text-decoration: none;
  background: #005172;
  color: #fff;
  border-radius: 10px/10px;
  line-height: 1.5;
  padding: 1px 11px;
  border: 0;
  outline: 0; }

input[type="submit"] {
  white-space: normal; }

button.button {
  padding: 5px 15px; }

a.button:hover {
  text-decoration: none;
  background: #3a84c1;
  color: #fff; }

a.button.color-orange,
input.button.color-orange,
button.button.color-orange,
span.button.color-orange {
  background: #FF9933; }

/* ================== */
/* = Bigger buttons = */
/* ================== */
input.button.big,
a.button.big,
button.button.big,
span.button.big {
  padding: 13px 25px;
  border-radius: 25px/25px;
  font-size: 18px;
  font-weight: normal; }
  input.button.big,
  input.button.big.color-orange,
  a.button.big,
  a.button.big.color-orange,
  button.button.big,
  button.button.big.color-orange,
  span.button.big,
  span.button.big.color-orange {
    background: #FF9933; }
  input.button.big.color-orange:hover,
  input.button.big:hover,
  a.button.big.color-orange:hover,
  a.button.big:hover,
  button.button.big.color-orange:hover,
  button.button.big:hover,
  span.button.big.color-orange:hover,
  span.button.big:hover {
    background: #ED7301; }
  input.button.big.color-blue,
  a.button.big.color-blue,
  button.button.big.color-blue,
  span.button.big.color-blue {
    background: #6AADE4; }
  input.button.big.color-blue:hover,
  a.button.big.color-blue:hover,
  button.button.big.color-blue:hover,
  span.button.big.color-blue:hover {
    background: #005172; }

/* ================= */
/* = Black buttons = */
/* ================= */
.form .button.color-black,
.button.color-black {
  background: #333;
  color: #fff; }

.form .button.color-black:hover,
.button.color-black:hover {
  background: #34B233; }

/* =============== */
/* = Buttons bar = */
/* =============== */
.buttons {
  margin: 10px 0 35px; }

/* ==================== */
/* = Buttons livechat = */
/* ==================== */
.button--livechat {
  position: fixed;
  right: calc(50% - 630px);
  top: calc(50% - 120px);
  margin: 0;
  z-index: 2; }
  .button--livechat span {
    display: block;
    font-weight: bold;
    margin-bottom: 10px; }
  .button--livechat a {
    position: relative;
    display: block;
    width: 140px;
    height: 340px;
    background: #34B233;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    padding: 20px;
    padding-bottom: 120px; }
  .button--livechat a:before {
    position: absolute;
    font-family: "wurfont";
    content: "\E119";
    font-size: 100px;
    color: #fff;
    left: 20px;
    right: auto;
    bottom: 20px; }
  .button--livechat a.online {
    background: #34B233; }
    .button--livechat a.online:before {
      content: "\E119"; }
  .button--livechat a.offline {
    background: #005172; }
    .button--livechat a.offline:before {
      content: "\E11A"; }
  .button--livechat a.busy {
    background: #FF9933; }
    .button--livechat a.busy:before {
      content: "\E11B"; }

/* ========= */
/* = Forms = */
/* ========= */
.form {
  background-color: #EEEDE6;
  color: #333;
  margin: 20px 0 1em -40px;
  padding: 20px 0 20px 40px; }

.form fieldset {
  min-width: 0;
  /* fix for webkit setting min-width shizzle*/ }

.content.bottom .form {
  max-width: 720px;
  padding-right: 20px; }

.form.with-background {
  background-color: #FF9933;
  color: #fff; }

.form h3 {
  padding-bottom: 20px;
  font-weight: normal; }

.form form {
  margin-right: 10px; }

/* =========================== */
/* =  generic field styling  = */
/* =========================== */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  border: 1px solid #a7a7a7;
  border-bottom: 1px solid  #bebebe;
  border-radius: 3px;
  box-shadow: inset 2px 2px 3px 0 #e0e0e0;
  outline: 0;
  margin: 0;
  padding: 5px;
  float: left;
  vertical-align: top;
  box-sizing: border-box; }

.form .fields select,
.form .fields textarea,
.form .fields input {
  width: 100%;
  box-sizing: border-box;
  float: left; }

.form textarea {
  resize: vertical; }

.form .fields select {
  margin-top: 3px; }

.form .row {
  padding-right: 150px;
  margin: 10px 0;
  position: relative; }

/* Let a row fill up all space, used for paragraphs */
.form .row.stretched {
  padding-right: 0; }

.form .row.stretched .fields {
  margin-left: 0; }

.form .formsectionelement {
  margin-top: 40px; }

/* Class that allow a extended-description to be addded to a descending field*/
.form .row.extended-description {
  margin-bottom: -10px; }

.form .label {
  float: left;
  width: 120px;
  padding: 4px 0 0 0; }

.form .fields {
  width: 100%;
  margin-left: 140px;
  margin-right: 30px;
  box-sizing: border-box; }

.form .fields input[type=radio],
.form .fields input[type=checkbox] {
  width: auto;
  margin-right: 10px; }

.form .fields input[type=checkbox] {
  vertical-align: middle; }

.form .fields .icon,
.form .fields .field.full,
.form .field {
  width: 97%;
  float: left;
  margin-left: 3%; }

.form .field:first-child {
  margin-left: 0; }

.form .fields .field:first-child {
  margin-left: 0; }

.form .fields .field.twothird {
  width: 63.666%; }

.form .fields .field.half {
  width: 47%; }

.form .fields .field.third {
  width: 30.333%; }

.form .fields .field.fourth {
  width: 22%; }

.form .fields .field label {
  display: none; }

.form .fields .field.offset-twothird {
  margin-left: 66.666%; }

.form .fields .field.offset-third {
  margin-left: 33.333%; }

/*
  Sizes for .fields (not .field)
  This is used for inside fields,
*/
.form .fields > label {
  display: block;
  float: left;
  vertical-align: top;
  width: 100%;
  /* Let labels behave the same as fields*/ }

/* checkbox/ radio buttons */
.form .fields.half > label {
  width: 47%; }

.form .fields.third > label {
  width: 30%; }

.form .fields.third > label,
.form .fields.half > label {
  margin-right: 3%; }

.form .fields.inline > label {
  display: inline;
  width: auto;
  margin-right: 3%; }

/* Aligning the actual text */
.form .fields > label .text {
  overflow: hidden;
  display: block; }

.form .row p {
  margin-top: 1.3em;
  margin-bottom: 0; }

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

/* fields with icon such as datepicker */
.form .fields .icon {
  width: 16px;
  padding: 4px 20px 0 0;
  color: #858585; }

.form.with-background .fields .icon {
  color: #fff; }

/* shared message styles */
.info-message .tooltip p,
.error-message li {
  padding: 4px 10px;
  background: none; }

.error-message ul,
.error-message ul > li {
  margin: 0; }

.error-message li:before {
  display: none; }

/* Info message */
.form .info-message {
  display: inline-block;
  background-color: #6AADE4;
  border-radius: 10px;
  color: #fff;
  height: 16px;
  width: 16px;
  text-align: center;
  text-decoration: none;
  position: relative;
  font-family: Georgia; }

.form .info-message .open {
  color: #fff;
  text-decoration: none; }

.form .info-message .tooltip {
  display: none;
  left: 100%;
  top: 50%;
  position: absolute;
  font-family: verdana, sans-serif;
  width: 300px;
  color: #fff;
  font-weight: normal;
  text-align: left;
  z-index: 100;
  padding: 0 15px; }

.form .info-message.align-left .tooltip {
  left: -330px; }

/* error message */
.form fieldset > .error-message {
  color: #fff;
  background-color: #f07600;
  margin-right: 20px; }
  .form fieldset > .error-message a {
    color: #fff;
    text-decoration: underline; }

.form .info-message .tooltip p:before {
  content: "";
  border-top: 10px solid #6AADE4;
  border-left: 10px solid transparent;
  position: absolute;
  left: -10px;
  top: 0; }

.form .info-message.align-left .tooltip p:before {
  border-left: 0;
  border-right: 10px solid transparent;
  left: auto;
  right: -10px;
  top: 0; }

.form .info-message .tooltip p {
  margin: 0;
  background: #6AADE4;
  position: relative; }

.form .info-message:hover .tooltip {
  display: block; }

.form.with-background .info-message,
form.comment .info-message {
  background-color: #6AADE4; }

form.comment .info-message .tooltip p {
  background-color: #fff;
  color: #34B233; }

.form.with-background .info-message .tooltip p:before {
  border-top: 10px solid #6AADE4; }

form.comment .info-message .tooltip p:before {
  content: "";
  border-top: 10px solid #fff; }

/* error message */
.form .row .error-message:before {
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #f07600;
  position: absolute;
  left: 0;
  top: -10px;
  height: 0;
  width: 0; }

.form.with-background .row .error-message:before {
  border-right: 10px solid #EEEDE6; }

.form .row .error-message {
  color: #fff;
  width: 97%;
  position: relative;
  margin: 10px 0 10px 140px; }

.form.with-background .row .error-message {
  color: #333; }

.form .row .error-message ul li {
  background: none; }

.form .row .error-message ul {
  margin-bottom: 0;
  background: #f07600; }

.form.with-background .row .error-message ul {
  background: #EEEDE6; }

.form .row.error input {
  color: #f07600;
  border-color: #f07600; }

/* STEP HEADER */
.form .formsteps ol {
  margin: 0; }

.form .formsteps li {
  display: none;
  color: #333;
  margin: 0; }

.form .formsteps li:before {
  content: none; }

.form .formsteps li.active {
  display: block; }

/* Submit buttons */
.form input.button:hover,
.form button.button:hover,
.form input.button,
.form button.button {
  background: #34B233;
  padding: 5px 15px;
  line-height: 1.5;
  border-radius: 15px / 50%; }

.form input.button.big,
.form button.button.big {
  font-size: 18px;
  /* Fallback */
  font-size: 1.8rem;
  padding: 13px 25px;
  border-radius: 25px/25px;
  font-weight: normal; }

.form input.button.color-orange,
.form button.button.color-orange {
  background: #FF9933; }

.form input.button.color-orange:hover,
.form button.button.color-orange:hover {
  background: #ED7301; }

.form .row input.button,
.form .row button.button {
  margin-top: 20px; }

.form .row .fields input.button,
.form .row .fields button.button {
  margin-top: 0;
  /* sigin up button */ }

.form input.button.with-emphasis,
.form button.button.with-emphasis {
  background: #fff;
  color: #0d426b;
  font-weight: bold; }

.form.with-background .button,
.form.with-background .button:hover {
  font-weight: normal;
  background: #fff;
  color: #0d426b; }

/* ================= */
/* = Subtile links = */
/* ================= */
/* Used when links should be more subtile */
.form .subtile-link:hover,
.form .subtile-link,
.form .prev,
.form.with-background .prev {
  color: #333;
  text-decoration: underline;
  background: none; }

.form .prev,
.form.with-background .prev {
  float: right;
  margin-right: 25px;
  padding-top: 5px; }

.form .next,
.form.with-background .next {
  float: right;
  margin-right: 30px; }

.form .row.align-right {
  padding-right: 0; }
  .form .row.align-right .button {
    float: right; }

/*
    Wide labels

    The typical labels are 120px wide, by applying the wide-label class the they are increased by 50%
 */
.form.wide-labels .row {
  padding-right: 230px; }

.form.wide-labels .label {
  width: 200px; }

.form.wide-labels .fields {
  margin-left: 220px; }

.form.wide-labels .row .error-message {
  margin-left: 220px; }

.form.wide-labels .row-section .error-message {
  margin-left: 0; }

.form.wide-labels .row.align-right {
  padding-right: 0; }

/* Stacked form styles

  The regular forms are horizontal aligned, with floats. However this solutions
  brings problems for smaller variants in which the form also must be used. Because
  of this we have a variant which vertically lines out the label + input.

  @compatible .form, .form.with-background
  @used       .form.stacked,
              @media (max-width: 600px){ .form }
  @since      1.2.0

*/
.form .gridelement .row,
.form.stacked .row {
  padding-right: 0; }

.form .gridelement .label,
.form.stacked .label {
  float: none;
  width: auto;
  padding-bottom: 4px; }

.form .gridelement .fields,
.form.stacked .fields {
  margin-left: 0; }

.form .gridelement .fields .field label,
.form.stacked .fields .field label {
  display: block; }

.form .gridelement .fields .field.twothird .button,
.form .gridelement .fields .field.half .button,
.form .gridelement .fields .field.third .button,
.form .gridelement .fields .field.fourth .button,
.form.stacked .fields .field.twothird .button,
.form.stacked .fields .field.half .button,
.form.stacked .fields .field.third .button,
.form.stacked .fields .field.fourth .button {
  margin-top: 28px;
  /* Average label height */
  margin-right: 0; }

.form .gridelement .row .error-message,
.form.stacked .row .error-message {
  margin-left: 0; }

.form .gridelement .info-message .tooltip,
.form.stacked .info-message .tooltip {
  width: 150px; }

.form .gridelement {
  padding: 0 0 0 40px; }

.form .gridelement table {
  table-layout: fixed; }

.form .gridelement td {
  padding: 10px 0 0 10px;
  border: 0; }

.form .gridelement td:first-child {
  padding-left: 0; }

.form .gridelement td table {
  margin: 0;
  border: 0;
  max-width: none; }

.form .gridelement td td {
  padding: 0; }

.form .gridelement .gridcontentareastyle {
  width: 50%; }

.form .row-section .row-section {
  display: none; }

.form .row-section .row {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0; }

.form .row-section .field .fields {
  margin: 0; }

.form .row-section .field .field {
  width: 100%; }

.form .row-section .field .label {
  display: none; }

.form .row-section .error-message {
  margin: 10px 0;
  width: auto; }

.ui-datepicker {
  background-color: #EEEDE6;
  border-radius: 3px;
  width: 220px;
  border: 1px solid #DEDCCF;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12); }

.ui-datepicker .ui-datepicker-header {
  background-color: #6AADE4;
  border-radius: 3px 3px 0 0;
  color: #fff;
  line-height: 17px;
  padding: 5px; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  width: 150px;
  left: 25px;
  right: 25px;
  position: relative;
  text-align: center; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  color: #fff;
  text-decoration: none;
  font-family: 'wurfont';
  cursor: pointer;
  /* no href on jquery ui elements */ }

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  float: left; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  float: right; }

.ui-datepicker .ui-datepicker-calendar {
  width: 100%;
  text-align: center;
  margin: 10px 0; }

.ui-datepicker .ui-datepicker-calendar td,
.ui-datepicker .ui-datepicker-calendar th {
  border-left: 1px solid #c1c1c1;
  color: #333; }

.ui-datepicker .ui-datepicker-calendar td:first-child,
.ui-datepicker .ui-datepicker-calendar th:first-child {
  border-left: 0; }

.ui-datepicker .ui-datepicker-calendar th {
  padding-bottom: 10px; }

.ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar th a {
  color: #333;
  text-decoration: none;
  border-radius: 3px;
  padding: 4px 0 5px 0;
  width: 22px;
  display: inline-block; }

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
  background-color: #6AADE4;
  color: #fff; }

.ui-datepicker .ui-datepicker-calendar td a:hover,
.ui-datepicker .ui-datepicker-calendar th a:hover {
  background-color: #c1c1c1;
  color: #333; }

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable {
  color: rgba(51, 51, 51, 0.5); }

/* Datepicker input & button*/
input.datepicker.hasDatepicker {
  width: 80%; }

.ui-datepicker-trigger {
  border: 0;
  padding: 0;
  background: none;
  width: 19%; }

.form .fields .ui-datepicker-trigger .icon {
  padding: 4px 5px 0 5px;
  padding: 4px calc(50% - 8px) 0 calc(50% - 8px); }

/* ================ */
/* = Autocomplete = */
/* ================ */
.ui-autocomplete {
  position: absolute;
  cursor: default;
  background: #fff;
  z-index: 4; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  border: 1px solid #d6d6d6;
  border-bottom: none;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); }

.ui-menu .ui-menu {
  margin-top: -3px; }

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
  border-bottom: 1px solid #d6d6d6; }

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 0.5em 1em;
  line-height: 1.5;
  zoom: 1;
  color: #333; }

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  color: #fff;
  background: #6AADE4; }

/* ================ */
/*    Aside Form    */
/* ================ */
aside .form {
  margin: 0; }

aside .form .row {
  padding-right: 0; }

aside .form .label {
  display: block;
  float: none;
  width: auto; }

aside .form .fields {
  display: block;
  float: none;
  margin: 20px 0 30px 0; }

/* inherited from radio & checkbox level */
aside .form .fields > label {
  margin-bottom: 10px; }

aside .form .field input[type=submit] {
  float: right; }

aside .content .form {
  margin: 0 -10px;
  padding: 20px 10px 1px 20px; }

/* ==================== */
/*    Search Section    */
/* ==================== */
section.search {
  background: #6AADE4;
  color: #fff;
  padding: 20px;
  margin-top: 4.61538em; }

section.search h2 {
  color: #fff;
  margin-bottom: 0.8em; }

aside section.search {
  margin-top: 0; }

section.search fieldset {
  position: relative; }

section.search .input input,
section.search .input button {
  box-sizing: border-box;
  height: 30px;
  /* Fallback */
  height: 3rem;
  line-height: 20px;
  /* Fallback */
  line-height: 2rem;
  vertical-align: middle;
  background: #fff;
  padding: 0; }

section.search .input input {
  border: 1px solid #a7a7a7;
  border-bottom: 1px solid #bebebe;
  border-right: 0;
  border-radius: 4px;
  width: 100%;
  box-shadow: inset 2px 2px 3px 0 #e0e0e0;
  outline: 0;
  text-align: left;
  padding: 5px 0; }

section.search .input button {
  border: 1px solid #a7a7a7;
  border-bottom: 1px solid #bebebe;
  border-left: 1px solid #bebebe;
  border-right: 1px solid #bdbdbd;
  border-radius: 0 4px 4px 0;
  box-shadow: inset 0 2px 3px 0 #e0e0e0;
  text-align: center;
  width: 60px;
  /* Fallback */
  width: 6rem;
  position: absolute;
  top: 0;
  right: 0; }

section.search .input button:active {
  box-shadow: inset 0 -2px 3px 0 #e0e0e0; }

section.search .filters {
  float: left;
  width: 40%; }

section.search .filters label {
  display: block; }

/* correct alignment for */
section.search .filters label input {
  vertical-align: baseline; }

section.search .input {
  float: left;
  width: 60%;
  margin-top: 5px; }

section.search .input.full {
  width: 100%; }

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none; }

/* Event actions, display comment form */
form.comment fieldset,
form.comment .submit {
  display: none; }

form.comment.display fieldset,
form.comment.display .submit {
  display: block; }

form.comment.display .submit {
  text-align: right;
  width: 98%; }

form.comment .submit .button {
  margin-right: 10px;
  margin-bottom: 10px;
  background: #334432; }

/* Content element styling */
.form.with-background strong {
  color: #fff; }

.form i {
  font-style: italic; }

.form b {
  font-weight: bold;
  color: #525252; }

.form.with-background b {
  color: #fff; }

.displayNone {
  display: none; }

/* === Form header ==
 *
 * A simple colored header above the form
 */
.form-header {
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  background: #c1c1c1;
  margin-left: -40px;
  padding: 20px 40px 20px;
  margin-bottom: -20px; }
  .form-header p {
    margin-bottom: 0; }

.form-header--campagne {
  padding-right: 80px;
  background: #34B233;
  color: #fff; }
  .form-header--campagne::after {
    content: "";
    width: 57px;
    height: 77px;
    background-image: url(../images/backgrounds/form-header-campagne.png);
    background-repeat: no-repeat;
    bottom: -12px;
    right: 10px;
    position: absolute;
    display: block; }

.col .form-header {
  margin-left: -20px;
  padding-left: 20px; }

.col .form {
  margin-left: -20px;
  padding-left: 20px; }

/*
  * === Tabs ===

  * Tabs navigation
  *
  * Tabs in general shouldn't be required to load additional
  * data
  *
  * @structure
  *   section.tabs
  *     > ul
  *       > li (width=100%)
  *       > li
  *
  *
*/
.form.with-tabs {
  width: 100%;
  padding-top: 0; }

.form.with-tabs .tab {
  margin-top: 0; }

.form.with-tabs .tab-bar {
  background: #fff;
  margin: 0 0 30px 0;
  z-index: 3;
  overflow: visible;
  margin-left: -40px;
  padding-left: 40px;
  margin-right: -20px; }

.form.with-tabs .tab-bar li {
  float: left;
  background: none;
  padding: 0;
  margin: 0;
  background-color: #fff;
  position: relative;
  bottom: -10px; }

.form.with-tabs .tab-bar li:before {
  content: none;
  display: none; }

.form.with-tabs .tab-bar li a {
  display: block;
  padding: 10px 15px;
  color: #333; }

.form.with-tabs .tab-bar li.active {
  background-color: #EEEDE6; }

.form.with-tabs .tab-bar li.active a:hover {
  text-decoration: none; }

.form.with-tabs .tab-bar li:first-child {
  padding-left: 25px;
  margin-left: -40px; }

.form.with-tabs .tab {
  display: none; }

.form.with-tabs .tab.active {
  display: block; }

/* re-defining .form.with-tabs for details sections*/
.details .form.with-tabs {
  background-color: #DEDCCF;
  padding-right: 20px; }

.details .form.with-tabs:last-child {
  margin-bottom: -43px; }

.details .form.with-tabs .tab-bar li.active {
  background-color: #DEDCCF; }

.details .form.with-tabs .tab-bar,
.details .form.with-tabs .tab-bar li {
  background-color: #EEEDE6; }

.placeholder {
  color: #999; }

/* Removing a avatar field*/
.check-remove-avatar {
  position: relative;
  top: -10px;
  left: 10px;
  text-decoration: underline; }

.removeavatar {
  display: none; }

.form .fields .field.avatar-upload {
  margin-left: 0; }

/* ============ */
/* = Sections = */
/* ============ */
/* Specific section inside .content */
/* ============= */
/* = List view = */
/* ============= */
.database.list thead td,
.database.list thead th {
  vertical-align: bottom; }

.database.list td,
.database.list th {
  padding: 0.61538em 0.5em 0.61538em 0.5em; }

.database.list td:first-child,
.database.list th:first-child {
  padding-left: 20px; }

.database.list td:last-child,
.database.list th:last-child {
  padding-right: 20px; }

.database.list tbody tr:nth-child(odd) td,
.database.list tbody tr:nth-child(odd) th {
  background: #EEEDE6; }

/* ============= */
/* = Overviews = */
/* ============= */
.database.overview {
  margin-top: 4.61538em; }

/* DL */
.database.overview dt {
  font-weight: bold; }

.database.overview dd {
  margin-bottom: 1em; }

.layout-profile .database.list table {
  margin-right: -40px;
  max-width: none; }
  .layout-profile .database.list table tr:last-child td {
    border-bottom: none; }

.layout-profile .database.list tbody tr:nth-child(odd) td,
.layout-profile .database.list tbody tr:nth-child(odd) th {
  background: none; }

section.details {
  padding: 13px 0;
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  margin-left: -40px;
  background: #fff; }

section.details + .details {
  border-top: 0; }

section.details > h2 {
  padding: 0;
  margin: 0; }

section.details > h2 a {
  color: #333;
  text-decoration: none;
  display: block;
  padding-left: 40px;
  margin: -13px 0;
  padding-top: 13px;
  padding-bottom: 13px;
  position: relative; }

section.details > h2 a:before {
  content: "\F101";
  font-family: wurfont;
  position: absolute;
  left: 7px;
  font-size: 16px; }

section.details .content {
  display: none;
  padding-left: 40px;
  padding-right: 20px;
  margin-bottom: 30px;
  margin-top: 20px; }

/* Display */
section.details:hover,
section.details.display {
  background: #EEEDE6; }

section.details.display > h2 a:before {
  content: "\F102"; }

section.details.display .content {
  display: block; }

.content .carrousel ul,
.content .carrousel ul li {
  background: none; }

.content .carrousel ul li:before {
  content: none;
  display: none; }

.carrousel {
  float: right;
  width: 72.82609%;
  position: relative;
  margin-right: -20px;
  height: 360px;
  /* Fixed height */
  z-index: 5; }

.carrousel .items:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/spinner.gif?v=d27febe5ce19038a5b1ad0b76242d153de7387e3e2e0ad31393bff4094ad631a) no-repeat 50% 50%; }

.carrousel.loaded .items:after,
.no-js .carrousel .items:after {
  content: none; }

.carrousel .items {
  height: 360px;
  /* Fixed height */ }

.carrousel .items li {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
  padding: 0;
  margin: 0; }

.carrousel .items li.show {
  visibility: visible; }

.carrousel .items .slide {
  position: relative; }

.carrousel .items .slide img {
  display: block; }

/*=== Carrousel caption styles ===*/
.carrousel .items li .caption {
  font-style: normal;
  background: rgba(52, 178, 51, 0.7);
  position: absolute;
  bottom: -30px;
  left: -30px;
  right: 40px;
  padding-top: 20px;
  padding-left: 60px;
  padding-bottom: 95px;
  /* making room for contact and pagination */
  color: #fff;
  line-height: 1.5; }

.carrousel .items li .caption a,
.carrousel .items li .caption strong {
  color: #fff;
  text-decoration: none; }

.carrousel .items li .caption h3 {
  font-weight: normal; }

.carrousel .items li .caption p {
  padding-right: 15px;
  margin: 0 0 10px 0; }

.carrousel .more {
  background: url(../images/backgrounds/sprites.png?v=3e047831a39ca408edde5f87fb76765b50c0f1c12c53dfd60aedcacbe78edb6c) -540px 0.45em no-repeat;
  padding-left: 12px;
  color: #fff;
  text-decoration: none;
  margin-bottom: -10px; }

.carrousel .more:hover {
  text-decoration: underline; }

/*=== Circle pagination ===*/
/*generic styling*/
.carrousel .pagination {
  padding: 0; }

.carrousel .pagination ul li a,
.carrousel .pagination ul li:hover a {
  color: #fff;
  background: none; }

.carrousel .pagination ul li:hover a,
.carrousel .pagination ul li.active a {
  color: #333333;
  -webkit-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in; }

.carrousel .pagination ul li a.icon,
.carrousel .pagination ul li.active a,
.carrousel .pagination ul li:hover a.icon,
.carrousel .pagination ul li.active:hover a {
  background: none;
  padding: 2px;
  font-weight: normal; }

.carrousel .pagination ul li a:hover {
  background: none; }

/* positioning */
.carrousel .pagination {
  position: absolute;
  bottom: 10px;
  left: 20px; }

.content .gallery ul,
.content .gallery ul li {
  background: none; }

.content .gallery ul li:before {
  content: none;
  display: none; }

.gallery {
  background: #EFEEE8;
  /*temp color */
  margin: 0 -20px 40px -40px;
  /* top padding based on precessors */
  padding: 0 0 0 40px;
  position: relative;
  clear: both;
  overflow: hidden; }

.gallery:before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 15px;
  z-index: 100;
  pointer-events: none;
  background: url(../images/backgrounds/gallery-shadow.png?v=c8518ee837ad419175c4cd302f5e93ca6f41b4a38d8eccf60e510581ac1c27da) -18px 50% no-repeat; }

#main .carrousel + .gallery,
#main .visual + .gallery {
  padding-top: 55px;
  z-index: 2; }

.gallery h2 {
  margin: 0 0 15px 0;
  font-weight: normal; }

.gallery .items {
  margin: 0 0 0 -20px;
  width: 150%;
  /* temp fix */ }

.gallery .items li {
  width: 150px;
  float: left;
  margin: 0 0 15px 20px;
  padding: 0; }

.gallery .items li a {
  display: block;
  text-decoration: none;
  color: #333; }

/* galary action menu */
.gallery .actions {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  background: #fff; }

.gallery .actions:before {
  content: "";
  position: absolute;
  width: 5px;
  right: 40px;
  top: 0;
  bottom: 0;
  z-index: 100;
  pointer-events: none;
  background: url(../images/backgrounds/gallery-shadow.png?v=c8518ee837ad419175c4cd302f5e93ca6f41b4a38d8eccf60e510581ac1c27da) -4px 50% no-repeat; }

.gallery .actions .next,
.gallery .actions .prev {
  width: 40px;
  display: block;
  text-align: center;
  margin: 5px 0;
  color: #333;
  position: absolute;
  bottom: 50%; }

.gallery .actions .next:hover,
.gallery .actions .prev:hover {
  text-decoration: none; }

.gallery .actions .prev {
  top: 50%; }

/* pagination */
.gallery .pagination {
  padding: 0 0 10px 0; }

.gallery .pagination ul li a,
.gallery .pagination ul li:hover a {
  color: rgba(51, 51, 51, 0.3);
  background: none; }

.gallery .pagination ul li:hover a,
.gallery .pagination ul li.active a {
  color: #333333;
  -webkit-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in; }

.gallery .pagination ul li a.icon,
.gallery .pagination ul li.active a,
.gallery .pagination ul li:hover a.icon,
.gallery .pagination ul li.active:hover a {
  background: none;
  padding: 2px;
  font-weight: normal;
  outline: 0; }

.gallery .pagination ul li a:hover {
  background: none; }

/* no-js styles */
.no-js .gallery .items {
  width: auto; }

.no-js .gallery .pagination {
  display: none; }

.gallery .items:after {
  content: "";
  visibility: hidden;
  clear: both;
  display: block;
  height: 0; }

/* ========================= */
/* = Variation - of-people = */
/* ========================= */
.gallery.of-people .items li {
  width: 270px; }

.gallery.of-people .vcard {
  padding: 0 0 0 90px;
  font-style: normal; }

.gallery.of-people .vcard .contact {
  line-height: 1.5;
  box-sizing: border-box;
  min-height: 80px;
  padding-bottom: 2em;
  margin-bottom: -1.5em; }

.gallery.of-people .vcard span {
  display: block; }

.gallery.of-people .fn {
  color: #3a84c1;
  display: block;
  margin: 0.2em 0 0 0; }

.gallery.of-people .fn:hover {
  color: #0d426b;
  text-decoration: underline; }

.gallery.of-people .photo-frame {
  margin-left: -90px;
  float: left;
  width: 80px;
  height: 80px;
  overflow: hidden; }

.gallery.of-people .photo-frame .photo {
  width: 80px; }

.featured h2 {
  line-height: 1.25;
  margin-top: 0;
  color: #34B233; }

.featured p.type {
  margin-bottom: 0; }

.collection {
  clear: both;
  border: 0; }

.content .collection h2,
.content .collection .list h2,
aside .content h2,
aside .content .list h2,
aside .content .collection .list h2 {
  line-height: 1.25; }

.collection > section > h2 {
  margin-bottom: 0.8em; }

.collection .columns {
  /* We have to use a shadow for this here as the white left/right borders will win otherwise */
  box-shadow: 0 -1px #d6d6d6;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.header-collection + .collection .columns,
.gallery + .collection .columns,
.collection:first-child .columns {
  box-shadow: none; }

.collection .columns .col {
  display: block;
  vertical-align: top;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
  padding: 20px;
  float: none;
  white-space: break-word;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.collection .columns .col:first-child {
  border-left-width: 20px; }

.collection .columns .col:last-child {
  border-right-width: 20px; }

.collection--narrow .columns .col {
  padding: 10px; }

/* ======================= */
/* = Inverted background = */
/* ======================= */
.collection.inverted-background .columns {
  box-shadow: none; }

.collection.inverted-background .col {
  background-color: #EEEDE6; }

/* =========================== */
/* = Daily tip, failure cols = */
/* =========================== */
.collection--daily-tip .col:nth-child(2),
.collection--failure .col:nth-child(2) {
  color: #fff; }
  .collection--daily-tip .col:nth-child(2) a,
  .collection--daily-tip .col:nth-child(2) .links a,
  .collection--daily-tip .col:nth-child(2) .title,
  .collection--failure .col:nth-child(2) a,
  .collection--failure .col:nth-child(2) .links a,
  .collection--failure .col:nth-child(2) .title {
    color: #fff; }
  .collection--daily-tip .col:nth-child(2) a:hover,
  .collection--daily-tip .col:nth-child(2) .links a:hover,
  .collection--daily-tip .col:nth-child(2) .links a:hover .body,
  .collection--daily-tip .col:nth-child(2) .links a:hover .title,
  .collection--failure .col:nth-child(2) a:hover,
  .collection--failure .col:nth-child(2) .links a:hover,
  .collection--failure .col:nth-child(2) .links a:hover .body,
  .collection--failure .col:nth-child(2) .links a:hover .title {
    color: #0d426b; }

.collection--daily-tip .col:nth-child(2),
.collection--daily-tip.inverted-background .col:nth-child(2) {
  background-color: #6AADE4; }

.collection--failure .col:nth-child(2),
.collection--failure.inverted-background .col:nth-child(2) {
  background-color: #ff7900; }

/* ============= */
/* = Placement = */
/* ============= */
.content.bottom .collection {
  margin-left: -40px;
  margin-right: -20px; }

.content.bottom .collection > section > h2 {
  margin-left: 40px;
  margin-right: 20px; }

.header-collection {
  position: relative;
  overflow: hidden; }

.header-collection__background {
  width: auto;
  padding-top: 36.17021%; }

.header-collection__background figure {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.header-collection__background figure.block {
  margin-left: 0;
  width: auto; }

.header-collection__background figure img {
  max-width: 100%; }

.header-collection__background figcaption {
  /* no support for figcation for the moment */
  display: none; }

.header-collection__content {
  background-color: #EEEDE6;
  position: absolute;
  z-index: 2;
  top: 20px;
  width: 48.93617%;
  left: 40px;
  padding: 20px 30px; }

.header-collection__content .meta {
  margin: 0 0 20px 0;
  padding: 0; }

.header-collection__title {
  font-size: 25px;
  font-size: 2.5rem;
  margin-bottom: 10px;
  color: #3a84c1; }

.header-collection + .collection,
.header-collection + .collection .collection {
  width: 100%; }

@media (max-width: 850px) {
  .header-collection__background {
    padding: 0; }
  .header-collection__background figure.block {
    position: static; }
    .header-collection__background figure.block.block {
      margin-right: 0;
      margin-left: 0; }
  .header-collection__content {
    width: auto;
    position: static;
    padding: 20px; }
  .header-collection__content .meta table {
    margin: 0; } }

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

.number-highlight__number {
  font-size: 2.5rem;
  font-weight: bold;
  color: #333; }

.program {
  background: #fff;
  position: relative;
  top: -50px;
  background: #FFF;
  padding: 15px;
  padding-top: 12px;
  width: 380px;
  padding-right: 20px;
  left: -20px; }

aside .program {
  margin: 0 0 20px 0; }

/* program tables defined at the other table styles */
.program th,
.program td {
  border-bottom: 0;
  line-height: 1.5; }

.masonry {
  margin: 0 -20px;
  position: relative; }
  .masonry .tile {
    position: static;
    margin: 0 0 20px 0;
    padding-left: 31.37255%; }
  .masonry .tile:before {
    content: none; }
  .masonry .tile:hover .tile-overlay-wrapper {
    background: 0; }
  .masonry a {
    display: block;
    position: relative;
    padding: 0px 15px 0px 5px;
    margin-right: 20px; }
  .masonry .tile img {
    float: left;
    width: 40%;
    margin-left: -45.71429%;
    margin-top: 4px;
    height: auto; }
  .masonry .tile-overlay-wrapper {
    position: relative;
    display: block;
    color: #333;
    font-weight: bold;
    margin-bottom: 0; }
  .masonry .tile-overlay {
    margin-bottom: 0; }
  .masonry .tile-overlay__date {
    font-weight: normal;
    color: #858585;
    display: inline-block;
    margin-bottom: 4px; }
  .masonry .tile-overlay__label {
    font-size: 11px;
    /* Fallback */
    font-size: 1.1rem;
    display: block;
    font-weight: normal; }
  .masonry .tile.without-photo a:before {
    content: '';
    position: relative;
    float: left;
    width: 40%;
    margin-left: -45.71429%;
    margin-top: 4px;
    height: 85px;
    max-height: 100%;
    background: #6AADE4; }

@media (max-width: 600px) {
  .masonry .banner {
    overflow: visible; }
    .masonry .banner .button {
      display: none; }
    .masonry .banner a:before {
      content: '';
      float: left;
      position: relative;
      width: 40%;
      margin-left: -45.71429%;
      height: 80px;
      max-height: 100%;
      background: #6AADE4; }
    .masonry .banner.with-photo .body {
      margin-right: 0; }
    .masonry .banner.with-photo img {
      display: none; }
    .masonry .banner .body {
      color: #333;
      padding: 0;
      height: auto;
      margin-bottom: 0;
      border: 0; }
    .masonry .banner .body > h2 {
      font-weight: bold;
      margin-bottom: 0;
      font-size: 1.2rem; }
    .masonry .banner .body p {
      display: none; }
    .masonry .banner.color-blue a,
    .masonry .banner.color-orange a {
      background: none; }
    .masonry .banner.color-blue:hover a,
    .masonry .banner.color-orange:hover a {
      background: none; }
      .masonry .banner.color-blue:hover a h2,
      .masonry .banner.color-orange:hover a h2 {
        text-decoration: underline; }
    .masonry .banner.color-orange a:before {
      background: #FF9933; }
    .masonry .banner.color-blue a:before {
      background: #6AADE4; } }

@media (min-width: 601px) {
  .masonry {
    margin: 0; }
  .masonry .tile {
    overflow: hidden;
    padding: 0;
    width: 50%;
    padding-right: 10px;
    box-sizing: border-box;
    float: left;
    padding-top: 33.93617%;
    position: relative; }
  .masonry .tile > .banner,
  .masonry .tile > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 10px;
    overflow: hidden; }
  .masonry .tile:nth-child(2n) > .banner,
  .masonry .tile:nth-child(2n) > a {
    left: 10px;
    right: 0; }
  .masonry a {
    position: relative;
    padding: 0;
    margin: 0;
    display: block; }
  .masonry a:hover {
    text-decoration: none; }
  .masonry .tile .tile-overlay-wrapper {
    position: absolute;
    background: rgba(51, 51, 51, 0.4);
    overflow: hidden;
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px; }
  .masonry .tile:hover .tile-overlay-wrapper {
    background: rgba(51, 51, 51, 0.8); }
  .masonry .tile img {
    float: none;
    width: auto;
    margin: 0;
    display: block;
    max-width: 100%; }
  .masonry .tile-overlay__meta {
    font-size: 11px;
    /* Fallback */
    font-size: 1.1rem;
    display: block; }
  .masonry .tile-overlay__date {
    color: inherit;
    display: inline; }
  .masonry .tile-overlay__label {
    display: inline; }
  .masonry .tile-overlay__label + .tile-overlay__date:before {
    content: " - "; }
  .masonry .banner {
    margin: 0; }
  .masonry .banner,
  .masonry .banner a {
    max-height: 100%;
    height: 100%;
    min-height: 100%; }
  .masonry .banner a:before {
    content: none; }
  .masonry .without-photo a {
    background: #6AADE4; }
  .masonry .without-photo:before {
    content: none; }
  .masonry .without-photo:hover .tile-overlay-wrapper,
  .masonry .without-photo .tile-overlay-wrapper,
  .masonry .without-photo .tile-overlay-wrapper:hover {
    position: static;
    display: block;
    background: none;
    width: auto;
    text-overflow: ellipsis; }
  .masonry .without-photo a:hover {
    background: #005172; } }

@media (min-width: 850px) {
  .masonry {
    padding-top: 58.51064%; }
  .masonry > ul {
    margin-top: -58.51064%; }
  .masonry .tile {
    width: 31.91489%;
    padding-top: 21.91489%;
    height: 0;
    overflow: hidden;
    padding-right: 0;
    margin-right: 2.12766%; }
    .masonry .tile .tile-overlay-wrapper {
      font-weight: normal;
      font-size: 15px;
      font-size: 1.5rem; }
  .masonry .tile > .banner,
  .masonry .tile > a,
  .masonry .tile:nth-child(2n) > .banner,
  .masonry .tile:nth-child(2n) > a,
  .masonry-layout-alpha .tile:nth-child(-n+6) > .banner,
  .masonry-layout-alpha .tile:nth-child(-n+6) > a {
    left: 0;
    right: 0; }
  .masonry-layout-alpha .tile:first-child {
    width: 48.93617%;
    padding-top: 34.04255%;
    height: 0;
    overflow: hidden;
    left: 0%;
    margin-top: 0%;
    position: absolute; }
    .masonry-layout-alpha .tile:first-child .tile-overlay-wrapper {
      font-weight: normal;
      font-size: 20px;
      font-size: 2rem; }
  .masonry-layout-alpha .tile:nth-child(2) {
    left: 51.06383%;
    margin-top: 0%;
    position: absolute; }
  .masonry-layout-alpha .tile:nth-child(3) {
    width: 14.89362%;
    padding-top: 21.91489%;
    height: 0;
    overflow: hidden;
    left: 85.10638%;
    margin-top: 0%;
    position: absolute; }
  .masonry-layout-alpha .tile:nth-child(4) {
    left: 0%;
    margin-top: 36.06383%;
    position: absolute; }
  .masonry-layout-alpha .tile:nth-child(5) {
    width: 14.89362%;
    padding-top: 21.91489%;
    height: 0;
    overflow: hidden;
    left: 34.04255%;
    margin-top: 36.06383%;
    position: absolute; }
  .masonry-layout-alpha .tile:nth-child(6) {
    width: 48.93617%;
    padding-top: 34.04255%;
    height: 0;
    overflow: hidden;
    left: 51.06383%;
    margin-top: 24.04255%;
    position: absolute; }
  .masonry-layout-alpha .tile:nth-child(3n + 9) {
    margin-right: 0; }
  .masonry-layout-alpha .tile:nth-child(7),
  .masonry-layout-alpha .tile:nth-child(8),
  .masonry-layout-alpha .tile:nth-child(9) {
    margin-top: 60.10638%; }
  .masonry-layout-beta .tile:nth-child(1),
  .masonry-layout-beta .tile:nth-child(2) {
    width: 48.93617%;
    padding-top: 34.04255%;
    height: 0;
    overflow: hidden; }
    .masonry-layout-beta .tile:nth-child(1) .tile-overlay-wrapper,
    .masonry-layout-beta .tile:nth-child(2) .tile-overlay-wrapper {
      font-weight: normal;
      font-size: 20px;
      font-size: 2rem; }
  .masonry-layout-beta .tile:nth-child(2),
  .masonry-layout-beta .tile:nth-child(3n+5) {
    margin-right: 0; }
  .masonry-layout-gamma .tile:nth-child(4),
  .masonry-layout-gamma .tile:nth-child(5) {
    width: 48.93617%;
    padding-top: 34.04255%;
    height: 0;
    overflow: hidden; }
    .masonry-layout-gamma .tile:nth-child(4) .tile-overlay-wrapper,
    .masonry-layout-gamma .tile:nth-child(5) .tile-overlay-wrapper {
      font-weight: normal;
      font-size: 20px;
      font-size: 2rem; }
  .masonry-layout-gamma .tile:nth-child(3),
  .masonry-layout-gamma .tile:nth-child(5),
  .masonry-layout-gamma .tile:nth-child(3n + 8) {
    margin-right: 0; }
  .masonry-layout-delta .tile:nth-child(3n) {
    margin-right: 0; } }

/* ==================== */
/* = Stepping stones  = */
/* ==================== */
/* Flow into page_gutter */
.stones {
  margin-left: -40px;
  z-index: 100;
  position: relative;
  width: auto; }

.stones ul {
  list-style: none;
  margin-left: -20px;
  margin-bottom: 0; }

.stones .stone {
  float: left;
  width: 220px;
  height: 175px;
  overflow: hidden;
  background-image: none;
  padding-left: 0;
  display: block;
  margin: 0 0 20px 20px;
  position: relative; }

.stones .stone img {
  width: 220px;
  height: 160px;
  display: block; }

.stones .caption {
  position: absolute;
  width: 180px;
  top: 102%;
  right: 0;
  padding: 10px;
  background-color: rgba(52, 178, 51, 0.85);
  cursor: pointer; }

.stones .caption h2 {
  padding: 10px;
  position: absolute;
  width: 180px;
  bottom: 100%;
  right: 0;
  margin-bottom: 0;
  background-color: #34B233;
  color: #fff;
  font-weight: normal; }

.stones .caption p {
  color: #fff; }

.stones .caption p:after {
  content: '\F006';
  font-size: inherit;
  font-family: 'wurfont'; }

.stones .stone:hover .caption:hover {
  top: 0;
  left: 20px;
  right: 0;
  bottom: 0; }

.stones .stone .caption:hover h2 {
  position: static;
  padding: 0;
  margin-bottom: 0.5em;
  background-color: rgba(52, 178, 51, 0); }

.carrousel.badge-top-programme::before {
  position: absolute;
  display: block;
  content: '';
  background: no-repeat url(../images/badges/topopleiding_eng.png?v=fb678fbdd07e705fc74a1d129dfc203a7292c226fa4bce8d32205fb8e635a213);
  background-size: contain;
  z-index: 401;
  top: 20px;
  right: 40px;
  height: 200px;
  width: 200px; }
  [lang="nl_NL"] .carrousel.badge-top-programme::before {
    background-image: url(../images/badges/topopleiding.png?v=7011a4aa039982e7de98a435a320cf3344de1330c8170f0edd16575c99e09750); }
  @media (max-width: 850px) {
    .carrousel.badge-top-programme::before {
      right: 100px;
      width: 150px;
      height: 150px; } }
  @media (max-width: 600px) {
    .carrousel.badge-top-programme::before {
      width: 130px;
      height: 130px;
      right: 70px; } }

.carrousel.badge-best-uni::before {
  position: absolute;
  display: block;
  content: '';
  background: no-repeat url(../images/badges/besteuni_eng.png?v=7cb59c9a10cb93578ed250d64504cb28045c9ac56abe5678b547eaa85c20b58a);
  background-size: contain;
  z-index: 401;
  top: 20px;
  right: 40px;
  height: 200px;
  width: 200px; }
  [lang="nl_NL"] .carrousel.badge-best-uni::before {
    background-image: url(../images/badges/besteuni.png?v=98dca3a13da6b74ddaa76cce786152f42d0cecbfcdd3161af41fbcc558341bef); }
  @media (max-width: 850px) {
    .carrousel.badge-best-uni::before {
      right: 100px;
      width: 150px;
      height: 150px; } }
  @media (max-width: 600px) {
    .carrousel.badge-best-uni::before {
      width: 130px;
      height: 130px;
      right: 70px; } }

figure.block.badge-top-programme::before {
  position: absolute;
  display: block;
  content: '';
  background: no-repeat url(../images/badges/topopleiding_eng.png?v=fb678fbdd07e705fc74a1d129dfc203a7292c226fa4bce8d32205fb8e635a213);
  background-size: contain;
  top: 20px;
  right: 40px;
  height: 200px;
  width: 200px; }
  [lang="nl_NL"] figure.block.badge-top-programme::before {
    background-image: url(../images/badges/topopleiding.png?v=7011a4aa039982e7de98a435a320cf3344de1330c8170f0edd16575c99e09750); }
  @media (max-width: 850px) {
    figure.block.badge-top-programme::before {
      width: 150px;
      height: 150px; } }
  @media (max-width: 600px) {
    figure.block.badge-top-programme::before {
      width: 130px;
      height: 130px; } }

figure.block.badge-best-uni::before {
  position: absolute;
  display: block;
  content: '';
  background: no-repeat url(../images/badges/besteuni_eng.png?v=7cb59c9a10cb93578ed250d64504cb28045c9ac56abe5678b547eaa85c20b58a);
  background-size: contain;
  top: 20px;
  right: 40px;
  height: 200px;
  width: 200px; }
  [lang="nl_NL"] figure.block.badge-best-uni::before {
    background-image: url(../images/badges/besteuni.png?v=98dca3a13da6b74ddaa76cce786152f42d0cecbfcdd3161af41fbcc558341bef); }
  @media (max-width: 850px) {
    figure.block.badge-best-uni::before {
      width: 150px;
      height: 150px; } }
  @media (max-width: 600px) {
    figure.block.badge-best-uni::before {
      width: 130px;
      height: 130px; } }

.banner {
  margin: 20px 0 20px 0;
  padding: 0;
  position: relative;
  overflow: hidden; }

aside .banner {
  margin-left: 10px;
  margin-right: 10px; }

.banner a {
  color: #fff;
  display: block; }

.banner a:hover {
  text-decoration: none; }

.banner .body {
  position: relative;
  padding: 20px 20px 0 20px;
  /* Make some room for the button */
  /* we use a border her because it won't interfere with overflow */
  border-bottom: 65px solid transparent; }

.banner h2 {
  line-height: 1.3;
  margin-bottom: 0.75em; }

.banner .meta {
  color: #fff;
  margin-bottom: 1.5em; }

.banner p {
  line-height: 1.5; }

.banner .button {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #fff;
  color: #333; }

/* ======================= */
/* = Banner - with photo = */
/* ======================= */
.banner.with-photo .body {
  margin-right: 100px; }

.banner.with-photo img {
  position: absolute;
  top: 0;
  right: 0; }

/* =========================== */
/* = Banner - without button = */
/* =========================== */
.banner.without-button .body {
  border-bottom: 0;
  padding-bottom: 20px; }

.banner.without-button h2 {
  margin: 0; }

.banner.without-button h2:after {
  content: " \F004";
  font-family: "wurfont"; }

/* =================== */
/* = Banner - colors = */
/* =================== */
.banner a,
.banner.color-blue a {
  background: #6AADE4; }

.banner.color-orange a {
  background: #FF9933; }

.banner a:hover,
.banner.color-blue a:hover {
  background: #005172; }

.banner.color-orange a:hover {
  background: #ED7301; }

/* ====================== */
/* = Banner - Placement = */
/* ====================== */
/* Restricted sizes */
.collection .banner {
  margin-left: -20px;
  margin-right: -20px; }

.collection .banner:first-child {
  margin-top: 0; }

aside .content .banner {
  margin-left: -10px;
  margin-right: -10px; }

.tile.size-1x2 .banner h2 {
  line-height: 1.6; }

.tile.size-1x2 .banner .body {
  height: 141px; }

.tile.size-1x2 .banner p,
.tile.size-1x2 .banner .button {
  display: none; }

.tile.size-2x3 .banner .body,
.collection .banner .body {
  overflow: hidden;
  height: 234px; }

/* Without body */
.tile.size-2x2 .banner .body,
.collection .banner.without-body .body {
  height: 121px; }

/* Without button */
.tile.size-2x1 .banner .body,
.collection .banner.without-button .body {
  height: 53px; }

/*
  * === Overlaywindow ===

  * A overlay sliding in from the right gutter
  *
  * Content in this window is (by default) loaded by ajax, for more info: overlay.js.
  *
  * @todo
  *   - Some more general approach for this window, in all content can
  *     be loaded into the window. (and test!)
  *   - Fallback for devices in where the animation is not supported or unwanted
  *
*/
.contact-overlay {
  background-color: #fff;
  position: absolute;
  top: 0;
  right: -100%;
  width: 91.48936%;
  z-index: 150;
  box-shadow: -5px 5px 15px rgba(51, 51, 51, 0.5), 5px -5px 5px rgba(51, 51, 51, 0.5); }

/* Needs some more refactoring - more generic usable */
.contact-overlay .wrapper {
  padding: 50px 20px 50px 40px; }

.contact-overlay .content {
  float: left;
  width: 53.48837%;
  margin-bottom: 0; }

.contact-overlay aside {
  width: 46.51163%;
  float: left;
  position: relative;
  right: -1px;
  bottom: -1px; }

/* Close button */
.contact-overlay .close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 51;
  color: #333; }

.contact-overlay .close:hover {
  color: #333;
  text-decoration: none; }

.contact-overlay .form {
  background: none; }

.contact-overlay .form.with-tabs {
  background: #EEEDE6;
  padding-right: 20px; }

/*  === Overlay reset ===

    Because of the HTML structure we currently cannot assure everything
    works just out of the magic box. Some objects can behave strange based
    on the layout they're in. Because of this we reset certain properties.
*/
.layout-article.with-visual .contact-overlay .contactinfo,
.layout-article.with-visual .contact-overlay .contactinfo.with-extra {
  position: static; }

.layout-article aside .contactinfo:first-child {
  margin-top: -10px; }

.audience-services {
  position: relative;
  padding: 185px 0 20px 20px;
  width: 200px; }

.audience-services img {
  display: block;
  max-width: none;
  position: absolute;
  left: 0;
  top: 0; }

.audience-services h2,
.audience-services h2:first-child {
  background: rgba(52, 178, 51, 0.9);
  color: #fff;
  margin-bottom: 0;
  padding: 10px 20px;
  position: relative;
  z-index: 2;
  margin-top: -40px; }

/* ========== */
/* = Teaser = */
/* ========== */
.audience-services .teaser {
  background: #34B233;
  display: block;
  color: #fff;
  padding: 10px 20px;
  margin-bottom: 20px;
  position: relative; }

.audience-services .teaser:hover {
  text-decoration: none; }

.audience-services .teaser h3 {
  margin: 0;
  font-weight: bold; }

.audience-services h3 {
  margin-bottom: 15px;
  font-weight: normal;
  margin-left: 15px; }

/* Video */
.audience-services .teaser.video {
  padding-left: 65px; }

.audience-services .teaser.video:before {
  font-family: wurfont;
  content: "\F012";
  color: #0d426b;
  font-size: 16px;
  line-height: 1.3;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  padding: 8px;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -16px;
  border-radius: 50%;
  background: #fff;
  text-indent: 2px; }

.audience-services .links li {
  padding: 0;
  margin: 0;
  border-top: 1px solid #fff; }

.audience-services .links li:before {
  content: ""; }

.audience-services .links {
  border-bottom: 1px solid #fff; }

.audience-services .links a {
  padding: 15px; }

.audience-services .links a:hover {
  background: #DEDCCF;
  color: #333; }

.interactive-map {
  height: auto; }

.interactive-map .map {
  height: 400px;
  width: 100%; }

/* Fix needed for Google Maps */
.interactive-map .map img {
  max-width: none !important; }

/* Menu -> used for zooming etc.. */
.interactive-map .menu,
.interactive-map .menu ul {
  margin-bottom: 0; }

.interactive-map .menu li {
  float: left;
  border-left: 1px solid #d6d6d6;
  padding: 10px 20px 10px;
  margin: 0; }

.interactive-map .menu li:before {
  content: ""; }

.interactive-map .menu li:first-child {
  border-left: 0;
  padding-left: 20px; }

.interactive-map .menu li a,
.interactive-map .menu li a:visited,
.interactive-map .menu li a:hover {
  color: #333; }

/* Styles for map overlay */
.map-overlay {
  max-width: 450px;
  min-height: 65px;
  line-height: normal;
  white-space: nowrap;
  overflow: auto; }

.map-overlay p {
  margin-bottom: 0.8em; }

.map-overlay .heading {
  font-size: 15px;
  display: block; }

.content .map-overlay table,
.content .map-overlay table td {
  margin: 0;
  border: 0;
  padding: 12px 10px 3px 7px;
  vertical-align: top; }

.content .map-overlay .body {
  padding-right: 33px;
  line-height: 1.5; }

.content .interactive-map .map {
  margin-left: -40px;
  width: auto; }

.content.bottom .interactive-map .map {
  margin-right: -20px;
  height: 540px; }

.content.bottom .interactive-map:last-child {
  margin-bottom: -30px; }

aside .content .interactive-map .map {
  margin-right: -40px;
  margin-left: 0; }

.interactive-map iframe {
  width: 100%;
  height: 100%; }

.layout-full .interactive-map,
.layout-subhome.for-knowledge .interactive-map {
  height: auto;
  width: auto;
  display: block; }

.layout-full .interactive-map .map,
.layout-subhome.for-knowledge .interactive-map .map {
  margin-left: 0; }

.layout-full .content .interactive-map:last-child,
.layout-subhome.for-knowledge .content .interactive-map:last-child {
  margin-bottom: 10px; }

.layout-full .interactive-map h2,
.layout-subhome.for-knowledge .interactive-map h2 {
  margin-left: 20px; }

.layout-subhome.for-knowledge .interactive-map {
  margin: 0 0 0 -20px; }

.layout-subhome.for-knowledge .interactive-map .map {
  height: 540px; }

.layout-full .content.main .interactive-map {
  margin: 0 -20px -30px -20px; }

.layout-full .interactive-map .map {
  height: 540px; }

.layout-full .interactive-map h2 {
  margin-left: 20px; }

@media (max-width: 600px) {
  .content.bottom .interactive-map:last-child {
    margin-bottom: -80px; } }

.form.poll .fields {
  float: none;
  margin-left: 0; }

.form.poll .fields label {
  margin-bottom: 6px; }

.form.poll p {
  margin-bottom: 12px;
  padding-right: 90px; }

.form.poll p:last-child {
  font-size: 0.9em; }

.form.poll .indicator {
  position: relative;
  display: block;
  height: 1.3em;
  margin-top: 4px;
  background-color: #34B233; }

.poll-value {
  position: absolute;
  right: -10px;
  width: 0;
  color: #34B233;
  font-size: 1.15em;
  line-height: 1.3em;
  text-align: left; }

.tabs {
  margin-bottom: 20px; }

.js .tab {
  display: none; }

.tab.active {
  display: block; }

.content .tab-bar > li:before {
  content: none; }

.tab-bar li {
  margin: 0; }

.tabs--content {
  border-bottom: 1px solid #34B233;
  padding: 0 20px 10px; }

.tabs--content .tab-bar {
  margin-left: -20px;
  margin-right: -20px; }

.tabs--content .tab-bar {
  overflow: visible;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.tabs--content .tab-bar li {
  background: #fff;
  text-align: center;
  margin: 0 0 5px 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: block;
  color: #333; }

.tabs--content .tab-bar a {
  position: relative;
  border: 1px solid transparent;
  border-bottom: 1px solid #34B233;
  display: block;
  padding: 10px 15px;
  color: #333;
  margin-left: -1px; }
  .tabs--content .tab-bar a:after {
    content: "";
    height: 1px;
    width: 2px;
    background: #34B233;
    position: absolute;
    bottom: -1px;
    right: 0px;
    z-index: 300; }

.tabs--content .tab-bar a:hover,
.tabs--content .tab-bar a:focus {
  position: relative;
  outline: 0;
  border-left: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6; }

.tabs--content li.active a:after {
  content: none; }

.tabs--content li.active a,
.tabs--content li.active a:hover,
.tabs--content li.active a:focus {
  z-index: 300;
  border: 1px solid #34B233;
  border-bottom: 1px solid #fff; }

.tabs--content li.active a:focus {
  box-shadow: -1px -3px 6px rgba(0, 0, 0, 0.12); }

.biography-block i {
  font-style: italic; }

.biography-block .embed {
  margin-bottom: 13px;
  /* match 1em ... */ }

.colored-paragraph {
  clear: both;
  background-color: #6AADE4;
  color: #FFF;
  margin-bottom: 1.3em;
  padding: 10px; }
  .colored-paragraph a {
    color: #fff;
    text-decoration: underline; }
  .colored-paragraph strong {
    color: #fff; }
  .colored-paragraph p:last-child {
    margin-bottom: 0; }

.colored-paragraph--orange {
  background-color: #FF9933; }

.colored-paragraph--gray {
  background-color: #ADADAD; }

.colored-paragraph--blue {
  background-color: #6AADE4; }

.countdown-bar {
  background: #e4f1fa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px; }

.countdown-timer {
  float: left;
  background: #004A68;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch; }

.countdown-timer__number,
.countdown-timer__unit {
  display: block; }

.countdown-timer__number {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 0 0 5px 0;
  letter-spacing: 5px; }

.countdown-timer__unit {
  font-size: 10px;
  /* Fallback */
  font-size: 1.0rem;
  border-top: 1px solid #3e7890;
  padding: 7px 0 10px; }

.countdown-bar__content {
  font-size: 16px;
  font-size: 1.6rem;
  float: left;
  font-weight: bold;
  padding: 10px 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #3a84c1; }

/* Vendor styles and customs styles for lightbox */
/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(fancybox_sprite.png); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(fancybox_loading.gif) center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(blank.gif);
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(fancybox_overlay.png); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

a.lightbox:after {
  font-family: wurfont;
  content: "\E102";
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  position: absolute;
  left: 10px;
  bottom: 6px; }

a.lightbox {
  position: relative;
  display: block; }

a.lightbox:hover {
  text-decoration: none; }

.fancybox-title {
  font-weight: bold; }

.fancybox-title span {
  float: right;
  font-weight: normal; }

.fancybox-title,
.fancybox-error {
  font-family: verdana, sans-serif; }

/* image fix :-) */
.fancybox-overlay {
  background: url(../images/backgrounds/fancybox_overlay.png?v=b9125253210ad6d1ef6ff489496c90fca935f5480de9a75dd47f0f3dd5d2bd36); }

.fancybox-nav {
  background: transparent url(../images/backgrounds/blank.gif?v=b1442e85b03bdcaf66dc58c7abb98745dd2687d86350be9a298a1d9382ac849b);
  /* helps IE */ }

#fancybox-loading div {
  background: url(../images/backgrounds/fancybox_loading.gif?v=1496dc51eb8a5c71111f9975683029e72f023aaf94649304cc28b4469ba93595) center center no-repeat; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(../images/backgrounds/fancybox_sprite.png?v=b9d6fddb0988440902fcfc72f371ecfa80ee2eb36073f9eebc17449ee41c886f); }

#fancybox-loading, .fancybox-close {
  background-image: none; }

.fancybox-close:hover,
.fancybox-close {
  top: 2px;
  right: 3px;
  font-size: 15px;
  font-family: wurfont;
  width: auto;
  height: auto;
  color: #333;
  text-decoration: none; }

/* @group Base */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.form .row .chzn-container {
  width: 100% !important; }

.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 1010; }

/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #aaaaaa;
  box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 0 0 0 8px;
  color: #444444;
  text-decoration: none; }

.chzn-container-single .chzn-default {
  color: #999; }

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

.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) -42px 1px no-repeat; }

.chzn-container-single .chzn-single abbr:hover {
  background-position: -42px -10px; }

.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: -42px -10px; }

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

.chzn-container-single .chzn-single div b {
  background: url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) no-repeat 0px 2px;
  display: block;
  width: 100%;
  height: 100%; }

.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010; }

.chzn-container-single .chzn-search input {
  float: none;
  background: #fff url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) no-repeat 100% -20px;
  background: url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
  box-sizing: content-box; }

.chzn-container-single .chzn-drop {
  border-radius: 0 0 4px 4px;
  background-clip: padding-box; }

/* @end */
.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px; }

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative; }

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

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

.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  box-shadow: none; }

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

.chzn-container-multi .chzn-choices .search-choice {
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default; }

.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
  border: 1px solid #cccccc;
  padding-right: 5px; }

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

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) -42px 1px no-repeat; }

.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: -42px -10px; }

.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: -42px -10px; }

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

.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0; }

.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
  position: static;
  color: #333; }

.chzn-container .chzn-results li:before {
  content: "";
  display: none; }

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

.chzn-container .chzn-results .highlighted {
  background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff; }

.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal; }

.chzn-container .chzn-results .highlighted em {
  background: transparent; }

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

.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold; }

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

.chzn-container-multi .chzn-drop .result-selected {
  display: none; }

.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  /* This should by dynamic with js */
  z-index: 1; }

.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px; }

.chzn-container .chzn-results-scroll-down {
  bottom: 0; }

.chzn-container .chzn-results-scroll-down span {
  background: url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) no-repeat -4px -3px; }

.chzn-container .chzn-results-scroll-up span {
  background: url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) no-repeat -22px -3px; }

/* @end */
/* @group Active  */
.chzn-container-active .chzn-single {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb; }

.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 #fff inset;
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

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

.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 2px; }

.chzn-container-active .chzn-choices {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb; }

.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important; }

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

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

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

/* @group Right to Left */
.chzn-rtl {
  text-align: right; }

.chzn-rtl .chzn-single {
  padding: 0 8px 0 0;
  overflow: visible; }

.chzn-rtl .chzn-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl; }

.chzn-rtl .chzn-single div {
  left: 3px;
  right: auto; }

.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto; }

.chzn-rtl .chzn-choices .search-field input {
  direction: rtl; }

.chzn-rtl .chzn-choices li {
  float: right; }

.chzn-rtl .chzn-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 3px 5px 3px 0; }

.chzn-rtl .chzn-choices .search-choice .search-choice-close {
  left: 4px;
  right: auto; }

.chzn-rtl.chzn-container-single .chzn-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0; }

.chzn-rtl .chzn-results .group-option {
  padding-left: 0;
  padding-right: 15px; }

.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
  border-right: none; }

.chzn-rtl .chzn-search input {
  background: #fff url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) no-repeat -30px -20px;
  background: url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url(../images/backgrounds/chosen-sprite.png?v=e670fdcaf8cd467a9a1a67e9a5c1f73288089f59dc08031b118dc26fbd233c80) no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl; }

.chzn-container-single.chzn-rtl .chzn-single div b {
  background-position: 6px 2px; }

.chzn-container-single.chzn-rtl .chzn-single-with-drop div b {
  background-position: -12px 2px; }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
    background-image: url(../images/backgrounds/chosen-sprite@2x.png?v=edc297359fe8a5f6ee0bc4a1abc36ce4a773104a9225e17bbe592f820c617a72) !important;
    background-repeat: no-repeat !important;
    background-size: 52px 37px !important; } }

/* @end */
/* Vendor styles and customs styles for jquery.tweet */
nav.subnav {
  position: relative;
  z-index: 10; }

nav.subnav h2 {
  line-height: 1.5;
  background: #EEEDE6;
  background: rgba(238, 237, 230, 0.9);
  width: 100%;
  box-sizing: border-box;
  padding: 10px 40px 10px 30px; }

nav.subnav ul {
  background: #EEEDE6; }

nav.subnav li:first-child {
  border-top: none; }

nav.subnav li {
  border-top: 1px solid #fff;
  margin-left: 10px; }

nav.subnav a {
  display: block;
  position: relative;
  padding: 10px 40px 10px 35px;
  color: #333;
  text-decoration: none; }

nav.subnav a:hover {
  background: #DEDCCF; }

nav.subnav a:before {
  color: #BEBEB8;
  font-family: "wurfont";
  content: "\F004";
  position: absolute;
  font-size: 21px;
  height: 21px;
  width: 21px;
  line-height: 21px;
  left: 5px;
  vertical-align: middle; }

nav.subnav .publications a:before,
nav.subnav .icon-publications a:before {
  content: "\E103"; }

nav.subnav .achievements a:before,
nav.subnav .icon-achievements a:before {
  content: "\E104"; }

nav.subnav .people a:before,
nav.subnav .icon-people a:before {
  content: "\E105"; }

nav.subnav .research a:before,
nav.subnav .icon-research a:before {
  content: "\E106"; }

nav.subnav .education a:before,
nav.subnav .icon-alumni a:before,
nav.subnav .icon-education a:before {
  content: "\E107"; }

nav.subnav .network a:before,
nav.subnav .icon-network a:before {
  content: "\E108"; }

nav.subnav .icon-profile a:before {
  content: "\E10A"; }

nav.subnav .icon-student a:before {
  content: "\E10B"; }

nav.subnav .icon-employee a:before {
  content: "\E10C"; }

nav.subnav .icon-newsletters a:before {
  content: "\E10D"; }

nav.subnav .icon-magazines a:before {
  content: "\E117"; }

nav.subnav .icon-events a:before {
  content: "\E10E"; }

nav.subnav .icon-password a:before {
  content: "\E10F"; }

nav.subnav .icon-email a:before {
  content: "\E110"; }

nav.subnav .icon-business a:before {
  content: "\E111"; }

/* ============= */
/* = Placement = */
/* ============= */
aside .subnav {
  margin-bottom: 40px;
  position: relative; }

aside .subnav h2,
aside .subnav ul {
  margin-right: -20px;
  width: 63.15789%;
  float: right; }

/* =================================================== */
.ie9 textarea {
  font-family: verdana;
  overflow: auto; }

.ie9 .pagination li.prev a {
  background-position: -1326px 15px; }

.ie9 .pagination li.next a {
  background-position: -1532px 15px; }

.ie9 a {
  outline: 0; }

.ie9 body.fixed #breadcrumb {
  width: 100%; }

.ie9 .layout-home .info .links {
  width: 290px;
  list-style-type: none; }

.ie9 .layout-home .info .links li:before {
  top: 1px;
  font-size: 1.2em; }

.ie9 .layout-home .info .links li {
  width: 120px;
  float: left; }

.ie8 .site-search .results {
  border: 1px solid #c0c0c0;
  border-top: 0; }

.ie8 .contactinfo.display.with-overlay {
  border-left: 1px solid #ccc; }

.ie8 .contactinfo.display.with-overlay .extra-cards {
  border-left: 1px solid #ccc;
  padding-bottom: 10px;
  left: -1px; }

.ie8 .contactinfo ul > li > .vcard {
  border-bottom-width: 0; }

.ie8 .contactinfo ul > li > .vcard {
  border-top: 1px solid #ccc; }

.ie8 .contactinfo ul > li:first-child > .vcard {
  border-top-width: 0; }

.ie8 .contactinfo.display.with-overlay .extra-cards ul {
  border-top: 10px solid #D6D6D6; }

.ie8 .contactinfo.display.with-overlay .extra-cards ul {
  border-top: 1px solid #D6D6D6; }

.ie8 .contactinfo .extra-cards ul {
  border-top-width: 1px; }

.ie8 .layout-subhome.for-development aside {
  background-color: #69B0E1;
  margin-right: -20px; }

.ie8 .layout-subhome .page {
  background-color: #fff; }

.ie8 .layout-profile > .page,
.ie8 .layout-signin > .page {
  background-color: #EEEDE6; }

.ie8 div.content.bottom .collection .columns .col {
  width: 33%; }

.ie8 .layout-subhome-study .main header.title h1,
.ie8 .layout-article.with-visual section.factsheet header {
  background-image: url(../images/backgrounds/bluebg.png?v=6f8d06160ee79c7c2b79bcba1cd9b1da36a1269d5f8c806b5aa1e34e2ef7ccf2);
  background-repeat: repeat; }

.ie8 .layout-subhome-school .main > .title {
  background: url(../images/backgrounds/subhome-school-header-title.png?v=e8ffc51cf25c3ae4c190ed5dd50acea0cca9303142e322484de84587a511a00f); }

.ie8 div.page {
  padding-bottom: 20px; }

.ie8 div.page,
.ie8 .layout-subhome,
.ie8 .layout-subhome #main,
.ie8 .layout-subhome.for-development .page {
  background-color: #fff; }

.ie8 #breadcrumb .collapsed .label {
  display: none; }

.ie8 .layout-home .carrousel .footer,
.ie8 .stones .caption {
  background-image: url(../images/backgrounds/greenbg.png?v=3b23bf524cef316ad4a3ffea23a9f9ef88a11a11ee86df1b2828a5d3cd7e6ddb);
  background-repeat: repeat;
  text-decoration: none; }

.ie8 .stones .caption:hover h2 {
  background-color: transparent; }

.ie8 article footer .columns .col:first-child + .col + .col + .col,
.ie8 article footer .columns .col:first-child + .col + .col + .col + .col + .col + .col,
.ie8 article footer .columns .col:first-child + .col + .col + .col + .col + .col + .col + .col + .col + .col {
  clear: left; }

.ie8 #breadcrumb > ul div {
  border: solid 1px #f2f2f2;
  border-top-width: 0; }

.ie8 .primary-navigation > form input {
  background-image: url(../images/backgrounds/sprite-ie.png?v=3f97b6b96a3a407acf705985901826a6e1fc5a9aa161957db8b6ba13efe25218);
  background-repeat: no-repeat;
  background-position: 0 0;
  border-width: 0; }

.ie8 .primary-navigation > form button {
  background-image: url(../images/backgrounds/sprite-ie.png?v=3f97b6b96a3a407acf705985901826a6e1fc5a9aa161957db8b6ba13efe25218);
  background-repeat: no-repeat;
  background-position: -254px 0;
  border-width: 0; }

.ie8 div.social iframe.twitter-share-button {
  margin-left: 5px; }

.ie8 textarea {
  overflow: auto;
  font-family: verdana, sans-serif;
  font-size: 13px; }

.ie8 a {
  outline: none; }

.ie8 .collection:first-child .columns,
.ie8 .collection.inverted-background .columns {
  border-top: 0; }

.ie8 .collection .columns {
  border-top: 1px #D6D6D6 solid; }

.ie8 article footer .columns .col {
  width: 33%; }

.ie8 .pagination li.prev a {
  background-position: -1326px 14px;
  margin-left: -4px; }

.ie8 .pagination li.next a {
  background-position: -1532px 14px;
  margin-left: -9px; }

.ie8 .pagination li.next a,
.ie8 .pagination li.prev a {
  background-image: url(../images/backgrounds/sprites.png?v=3e047831a39ca408edde5f87fb76765b50c0f1c12c53dfd60aedcacbe78edb6c);
  text-indent: 15px;
  padding-left: 20px;
  width: 10px; }

.ie8 .pagination li.next a, .ie8 .pagination li.prev a {
  display: inline-block;
  padding: 6px;
  text-decoration: none; }

.ie8 .layout-home .carrousel .pagination {
  left: 530px; }

.ie8 .with-visual .sender-related header {
  background-image: url(../images/backgrounds/beigebg.png?v=d0ae27c4ffce7409ce042f43927a693ca6ab8571bf95fdd8dce3eea56cfef428);
  background-repeat: repeat; }

.ie8 .sender-related a.button {
  margin: 0 0 1.3em; }

.ie8 .masonry .tile .caption {
  background-image: url(../images/backgrounds/lightgraybg.png?v=7e52d99a91ee7894707acc52e830e0708590eb4820e3ae9e1d442845a8ceb12d);
  background-repeat: repeat; }

.ie8 .masonry .tile:hover .caption {
  background-image: url(../images/backgrounds/darkgraybg.png?v=e1b1ce7623d89c142d836e8a54e86d079a997202ead05709114286487f970df4);
  background-repeat: repeat; }

.ie8 .masonry .tile.without-photo .caption,
.ie8 .masonry .tile.without-photo:hover .caption {
  background: none; }

.ie8 .layout-home .info .links {
  width: 290px;
  list-style-type: none; }

.ie8 .layout-home .info .links li {
  display: inline;
  width: 125px;
  float: left; }

.ie8 .carrousel .items li .caption,
.ie8 .layout-subhome-chairgroup #main .contentwrapper > header.title {
  background-image: url(../images/backgrounds/greenbg.png?v=3b23bf524cef316ad4a3ffea23a9f9ef88a11a11ee86df1b2828a5d3cd7e6ddb);
  background-repeat: repeat; }

.ie8 html, .ie8 body {
  min-width: 740px; }

.ie8 .fields div.field.half button span {
  width: 20px;
  display: block; }

.ie8 .content .carrousel ul li .slide img {
  max-width: none; }

/* ================= */
/* = Media queries = */
/* ================= */
@media (min-width: 600px) {
  .logo__img--mobile {
    display: none; }
  .logo__img {
    display: block; } }

@media (max-width: 1250px) {
  .button--livechat {
    position: relative;
    width: 100%;
    right: auto;
    top: auto; }
    .button--livechat a {
      width: auto;
      min-height: 60px;
      height: auto;
      margin: 0 0 20px 0;
      padding: 20px 55px 20px 20px; }
    .button--livechat a:before {
      right: 20px;
      bottom: 10px;
      left: auto;
      font-size: 35px; } }

@media (max-width: 980px) {
  body {
    height: auto; }
  body > .page {
    border-left: none;
    border-right: none;
    min-height: 0; }
  body > footer {
    margin-top: 0;
    height: auto; }
  body > footer nav ul {
    padding-bottom: 16px; }
  #main {
    padding-bottom: 20px; }
  body > footer .logo {
    max-width: 135%;
    margin-left: -8px; }
  .banner p {
    font-size: 12px;
    /* Fallback */
    font-size: 1.2rem;
    line-height: 1.5; }
  #breadcrumb {
    width: 100%;
    left: 0;
    margin-left: 0; }
  /* increase height of breadcrumb*/
  #breadcrumb > ul,
  .js #breadcrumb > ul {
    max-height: 80px; }
  .audience-related {
    width: 180px; }
  .carrousel ul {
    position: relative;
    overflow: visible; }
  .carrousel ul li .slide > img {
    width: 100%;
    height: auto; }
  .carrousel .pagination {
    display: none; }
  .pullquote.with-photo .photo-frame {
    margin-left: -20px; }
  /* ========================= */
  /* = Layout - home = */
  /* ========================= */
  .layout-home .carrousel {
    width: 558px;
    height: 331.3125px;
    /* 380px / 640px is ratio */ }
  .layout-home .carrousel .items {
    height: 331.3125px;
    /* 380px / 640px is ratio */ }
  /* ============================= */
  /* = Layout - subhome Audience = */
  /* ============================= */
  .layout-subhome-audience .carrousel {
    width: 557px;
    height: 374.23438px;
    /* 430px /  640px is ratio */ }
  .layout-subhome-audience #main aside .contactinfo {
    top: 540px;
    width: 350px;
    float: right; }
  .layout-subhome-audience .carrousel .items li .caption {
    width: 300px;
    bottom: 40px;
    left: 20px;
    padding: 12px 12px 28px 12px; }
  .layout-subhome-audience .carrousel .items li .caption p {
    font-size: 16px; }
  .layout-subhome-audience .content.bottom {
    padding-top: 30px; }
  /* ============================== */
  /* = Layout - Subhome (generic) = */
  /* ============================== */
  .carrousel,
  .carrousel .items {
    height: auto; }
  .carrousel .pagination {
    top: 300px; }
  /* ===================== */
  /* = Layout - institute = */
  /* ===================== */
  .layout-subhome-institute .content > header.title {
    padding-right: 640px;
    width: auto; }
  .layout-subhome-institute .carrousel {
    float: none;
    margin-right: -20px;
    margin-left: auto; }
  .layout-subhome-institute .carrousel {
    width: 610px;
    height: 327.76119px;
    /* 360px / 670px is ratio */
    margin-bottom: 40px; }
  .layout-subhome-institute .carrousel .items li .caption {
    padding-bottom: 95px; }
  .layout-subhome-institute #main aside .contactinfo {
    top: 290px; }
  .layout-subhome-institute .carrousel {
    margin-top: 0;
    top: -20px; }
  .layout-subhome-institute.with-visual .content > header.title {
    padding-right: 0;
    width: 39.13043%; }
  .layout-subhome-institute.with-visual #main aside .contactinfo {
    top: 180px; }
  .layout-subhome-institute.for-funding .carrousel .items li .caption {
    padding: 20px 40px; }
  /* ========================= */
  /* = Layout - for-services = */
  /* ========================= */
  .layout-subhome.for-services .carrousel {
    width: 538px;
    height: 362.14887px;
    /* 416px / 618px is ratio */ }
  .layout-subhome.for-services #main > aside .content {
    margin-top: 418px; }
  .layout-subhome.for-services .carrousel .items .caption.testimonial {
    left: 0;
    max-width: 100%; }
  /* ============================= */
  /* = Layout - School & study   = */
  /* ============================= */
  .layout-subhome-study .carrousel,
  .layout-subhome-school .carrousel {
    width: 980px;
    height: 305px;
    /* 305px / 980px is ratio */ }
  /* ===================== */
  /* = Layout - Theme    = */
  /* ===================== */
  .layout-subhome-theme .carrousel {
    width: 540px;
    height: 360.31034px;
    /* 387px / 580px is ratio */ }
  .layout-subhome-theme .page {
    background-size: 540px 100%; }
  .layout-subhome-theme .content.main {
    width: 480px;
    /* 60px is left-margin plus padding */ }
  /* ===================== */
  /* =      elements     = */
  /* ===================== */
  aside .factsheet {
    width: auto;
    margin-right: -20px; } }

@media (max-width: 874px) {
  /* TODO: CLEAN*/
  .layout-article #main .content .visual img {
    width: 100%;
    height: 300px; }
  .layout-article.with-visual #main > aside {
    padding-top: 379px; }
  .layout-article.with-top-visual #main > aside {
    margin-top: 280px; }
  .layout-article #main > .content {
    margin-left: 0;
    /* reset content margin */
    width: 56.20929%;
    /* appriox added width */ }
  /* ========================= */
  /* = Layout - home = */
  /* ========================= */
  .layout-home .carrousel {
    width: 486px;
    height: 288.5625px;
    /* 380px / 640px is ratio */ }
  .layout-home .carrousel .items {
    height: 288.5625px;
    /* 380px / 640px is ratio */ }
  /* ===================== */
  /* = Layout - institue = */
  /* ===================== */
  .layout-subhome-institute .content > header.title {
    padding-right: 530px;
    width: auto; }
  .layout-subhome-institute .carrousel {
    float: none;
    margin-right: -20px;
    margin-left: auto; }
  .layout-subhome-institute .carrousel {
    width: 500px;
    height: 268.65672px;
    /* 360px / 670px is ratio */
    margin-bottom: 40px; }
  .layout-subhome-institute .carrousel .items li .caption {
    padding-bottom: 55px; }
  .layout-subhome-institute #main aside .contactinfo {
    top: 229px; }
  .layout-subhome-institute.for-funding .carrousel .caption .type,
  .layout-subhome-institute.for-funding .carrousel .caption p.quote {
    display: none; }
  .layout-subhome-institute.with-visual #main aside .contactinfo {
    top: 150px; }
  .layout-subhome-institute.for-funding .carrousel .caption .avatar {
    top: 10px; }
  /* ===================== */
  /* = Layout - Audience = */
  /* ===================== */
  .layout-subhome-audience .carrousel {
    width: 483px;
    height: 324.51562px;
    /* 430px /  640px is ratio */ }
  .layout-subhome-audience #main aside .contactinfo {
    top: 425px; }
  .layout-subhome-audience .content.bottom {
    padding-top: 0; }
  /* ============================== */
  /* = Layout - Subhome (generic) = */
  /* ============================== */
  .layout-subhome.with-visual #main aside .contactinfo {
    top: 185px; }
  .layout-subhome #main aside .contactinfo {
    top: 250px; }
  .carrousel .pagination {
    top: 250px; }
  /* ========================= */
  /* = Layout - for-services = */
  /* ========================= */
  /* ======================= */
  /* = Layout - Chairgroup = */
  /* ======================= */
  .layout-subhome-chairgroup #main .contentwrapper > header.title {
    min-height: 290px;
    width: 250px; }
  .layout-subhome-chairgroup .content > div > .featured {
    margin-top: 0; }
  /* ====================== */
  /* === Layout - Study === */
  /* ====================== */
  .layout-subhome-study #main > aside {
    margin-top: 228px; }
  /* ====================== */
  /* === Layout - School === */
  /* ====================== */
  .layout-subhome-study .carrousel,
  .layout-subhome-school .carrousel {
    width: 874px;
    height: 272.0102px;
    /* 305px / 980px is ratio */ }
  .layout-subhome-school aside {
    margin-top: 292px; }
  /* ===================== */
  /* = Layout - Theme    = */
  /* ===================== */
  .layout-subhome-theme .carrousel {
    width: 500px;
    height: 333.62069px;
    /* 387px / 580px is ratio */ }
  .layout-subhome-theme .page {
    background-size: 500px 100%; }
  .layout-subhome-theme .content.main {
    width: 440px;
    /* 60px is left-margin plus padding */ }
  .layout-subhome-theme #main > aside {
    width: 30%; }
  /* ============ */
  /* === Form === */
  /* ============ */
  .form .fields.half > label {
    float: none;
    width: auto;
    clear: left;
    margin-right: 0; }
  /* ============ */
  /* = homepage = */
  /* ============ */
  .layout-home .mission {
    padding-top: 10px;
    margin-bottom: 10px; }
  .layout-home .mission,
  .layout-home .mission a {
    font-size: 2.4rem; }
  .layout-home .content > div > section.list.info {
    margin-top: 10px; }
  /* ====================================== */
  /* = Layout - subhome (for-development) = */
  /* ====================================== */
  .stones .stone img,
  .stones .stone {
    width: 170px;
    height: 140px; }
  .stones .stone a:hover {
    color: #fff; }
  .stones .stone .caption {
    width: 80%; }
  .stones .stone .caption h2 {
    font-size: 1.4rem;
    width: auto; }
  .stones .stone:hover .caption:hover {
    top: 102%;
    bottom: auto;
    right: 0;
    left: auto; }
  .stones .stone .caption:hover h2 {
    background-color: #34B233;
    padding: 10px;
    margin-bottom: 0; }
  .stones .stone .caption p {
    display: none; }
  /* ====================================== */
  /* = Layout - subhome (for-development) = */
  /* ====================================== */
  .follow .icon {
    padding: 5px; }
  /* = font sizes = */
  .font-size-intro, .search-results .list.search .title, .search-results .filters h2, .layout-subhome-chairgroup header .intro, .content .intro, .factsheet dd, .list.with-partner-logos strong, .content .audience-related h2, .program th,
  .program td, .banner .meta {
    font-size: 1.4rem; }
  .font-size-section-h2, .layout-subhome.for-development section.form .label, .layout-subhome-institute p.intro, .layout-profile.with-search .list.alumni > h2, .layout-profile.with-search .list.alumni > ul > li .title, .contactinfo h2, .list.with-newsletters .title, .form h3, section.search h2, section.details > h2, .content .collection h2,
  .content .collection .list h2,
  aside .content h2,
  aside .content .list h2,
  aside .content .collection .list h2, .stones .caption h2 {
    font-size: 1.6rem; }
  .content .collection > section > h2 {
    font-size: 1.8rem; }
  .font-size-subhome-h1, .layout-subhome-campaign .title h1, .layout-subhome-institute header h1, .layout-profile aside .subnav h2 {
    font-size: 2rem; } }

/* ============ */
/* = Portrait = */
/* ============ */
@media (max-width: 768px) {
  body > .page > header {
    min-height: 0; }
  body > .page > header img {
    height: 30px; }
  .layout-home .tab > .list {
    width: auto; }
  body.fixed .primary-navigation,
  .primary-navigation {
    width: auto;
    padding-left: 30%;
    max-width: 70%; }
  .primary-navigation .audience {
    font-size: 1.2rem; }
  .primary-navigation > form {
    text-align: right; }
  section.details {
    margin-left: -20px;
    margin-right: -20px; }
  /* ========================= */
  /* = Layout - home = */
  /* ========================= */
  .layout-home .carrousel {
    width: 456px;
    height: 270.75px;
    /* 380px / 640px is ratio */ }
  .layout-home .carrousel .items {
    height: 270.75px;
    /* 380px / 640px is ratio */ }
  /* ========================= */
  /* = Layout - for-services = */
  /* ========================= */
  .layout-subhome.for-services .carrousel {
    width: 475px;
    height: 319.7411px;
    /* 416px / 618px is ratio */ }
  .layout-subhome.for-services #main > aside .content {
    margin-top: 300px; }
  /* ==================== */
  /* = Layout - Audience = */
  /* ==================== */
  .layout-subhome-audience .carrousel {
    width: 453px;
    height: 304.35938px;
    /* 430px /  640px is ratio */ }
  .layout-subhome-audience #main aside .contactinfo {
    top: 445px; }
  /* ===================== */
  /* = Layout - institue = */
  /* ===================== */
  .layout-subhome-institute .content > header.title {
    padding-right: 510px;
    width: auto; }
  .layout-subhome-institute .carrousel {
    float: none;
    margin-right: -20px;
    margin-left: auto; }
  .layout-subhome-institute .carrousel {
    width: 480px;
    height: 257.91045px;
    /* 360px / 670px is ratio */
    margin-bottom: 40px; }
  .layout-subhome-institute .carrousel .items li .caption {
    padding-bottom: 45px; }
  .layout-subhome-institute #main aside .contactinfo {
    top: 228px; }
  /* ========================= */
  /* = Layout - for-services = */
  /* ========================= */
  .layout-subhome.for-services .carrousel .items .caption.testimonial p {
    font-size: 1.3em; }
  /* ==================== */
  /* = Layout - Article = */
  /* ==================== */
  .layout-article.with-visual #main > aside {
    padding-top: 338px; }
  .layout-article.with-top-visual #main > aside {
    margin-top: 249px; }
  aside .subnav h2, aside .subnav ul {
    width: 81%; }
  /* ===================== */
  /* = Layout - Subhome = */
  /* ===================== */
  .layout-subhome.with-visual #main aside .contactinfo {
    top: 155px; }
  .layout-subhome #main aside .contactinfo {
    top: 200px; }
  .carrousel .pagination {
    top: 200px; }
  /* =========================== */
  /* = Layout - School & study = */
  /* =========================== */
  .layout-subhome-study .carrousel,
  .layout-subhome-school .carrousel {
    width: 768px;
    height: 239.02041px;
    /* 305px / 980px is ratio */ }
  .layout-subhome-study #main > aside {
    margin-top: 195px; }
  .layout-subhome-school aside {
    margin-top: 239px; }
  .layout-subhome-school aside .subnav {
    margin-top: 0; }
  .layout-subhome-school .contactinfo .photo-frame {
    width: 60px;
    height: 60px; }
  .layout-subhome-school .contactinfo .photo {
    width: 60px; }
  /* ===================== */
  /* = Layout - Theme    = */
  /* ===================== */
  .layout-subhome-theme .carrousel {
    width: 480px;
    height: 320.27586px;
    /* 387px / 580px is ratio */ }
  .layout-subhome-theme .page {
    background-size: 480px 100%; }
  .layout-subhome-theme .content.main {
    width: 420px;
    /* 60px is left-margin plus padding */ }
  /* ============= */
  /* = font-size = */
  /* ============= */
  .layout-subhome header h1,
  header h1 {
    font-size: 2.4rem; }
  .layout-article header h1 {
    font-size: 3rem; }
  /* ========== */
  /* = search = */
  /* ========== */
  section.search .filters label {
    display: inline; }
  section.search fieldset.input {
    width: 100%; }
  section.search fieldset.filters {
    float: none;
    width: auto; }
  /* =========== */
  /* = banners = */
  /* =========== */
  .collection .banner .body {
    margin-right: 0; }
  .collection .banner img {
    display: none; }
  /* =============== */
  /* = contactinfo = */
  /* =============== */
  aside .contactinfo {
    width: 115%; }
  .contactinfo .vcard,
  .contactinfo ul > li .vcard {
    font-size: 1.1rem;
    padding-left: 80px; }
  .subnav,
  aside .content h3,
  .gallery .vcard .fn,
  .factsheet dd,
  .contactinfo .fn {
    font-size: 1.3rem; }
  .contactinfo .vcard .contact {
    min-height: 0;
    padding-bottom: 0.5em; }
  .contactinfo .vcard .actions {
    margin-top: 0; }
  .contactinfo .vcard .actions .more,
  .contactinfo .vcard .actions .less {
    line-height: 18px;
    padding: 0; }
  .contactinfo .photo-frame {
    width: 60px;
    height: 60px;
    margin-left: -80px; }
  .contactinfo .photo {
    width: 60px; }
  section.search h2 {
    font-size: 1.4rem; }
  /* = factsheet =*/
  .factsheet h3 {
    font-size: 2rem; }
  .carrousel .pagination {
    display: none; }
  .form.wide-labels .row {
    padding-right: 0; }
  .form.wide-labels .label {
    float: none;
    width: auto;
    padding-bottom: 4px; }
  .form.wide-labels .fields {
    margin-left: 0; }
  .form.wide-labels .fields .field label {
    display: block; }
  .form.wide-labels .fields .field.twothird .button,
  .form.wide-labels .fields .field.half .button,
  .form.wide-labels .fields .field.third .button,
  .form.wide-labels .fields .field.fourth .button {
    margin-top: 28px;
    /* Average label height */
    margin-right: 0; }
  .form.wide-labels .row .error-message {
    margin-left: 0; }
  .form.wide-labels .info-message .tooltip {
    width: 150px; } }

@media (max-width: 725px) {
  .contactinfo .vcard .contact {
    padding-bottom: 4em;
    margin-bottom: -3.5em; }
  .contactinfo .vcard .actions .more,
  .contactinfo .vcard .actions .less {
    float: none; }
  .layout-home .mission, .layout-home .mission a {
    font-size: 2rem; }
  .layout-subhome-study .title h1 {
    font-size: 2rem; }
  .layout-home .tab-window.with-article-size {
    width: auto; }
  .site-search {
    width: 68px; }
  .site-search .results {
    width: 330px; }
  /* ========================= */
  /* = Layout - home = */
  /* ========================= */
  .layout-home .carrousel {
    width: 350px;
    height: 207.8125px;
    /* 380px / 640px is ratio */ }
  .layout-home .carrousel .items {
    height: 207.8125px;
    /* 380px / 640px is ratio */ }
  /* =========================== */
  /* = Layout - School & study = */
  /* =========================== */
  .layout-subhome-study .carrousel,
  .layout-subhome-school .carrousel {
    width: 725px;
    height: 225.63776px;
    /* 305px / 980px is ratio */ }
  .layout-subhome-study #main > aside {
    margin-top: 182px; }
  .layout-subhome-school aside {
    margin-top: 226px; }
  /* ==================== */
  /* = Layout - Audience = */
  /* ==================== */
  .layout-subhome-audience .carrousel {
    width: 300px;
    height: 201.5625px;
    /* 430px /  640px is ratio */ }
  /* ===================== */
  /* = Layout - institue = */
  /* ===================== */
  .layout-subhome-institute .content > header.title {
    padding-right: 430px;
    width: auto; }
  .layout-subhome-institute .carrousel {
    float: none;
    margin-right: -20px;
    margin-left: auto; }
  .layout-subhome-institute .carrousel {
    width: 400px;
    height: 214.92537px;
    /* 360px / 670px is ratio */
    margin-bottom: 40px; }
  .layout-subhome-institute .carrousel .items li .caption {
    padding-bottom: 45px; }
  .layout-subhome-institute #main aside .contactinfo {
    top: 228px; }
  .layout-subhome-institute .caption .more,
  .layout-subhome-institute .caption p {
    display: none; }
  /* ========================= */
  /* = Layout - for-services = */
  /* ========================= */
  .layout-subhome.for-services .carrousel {
    width: 358px;
    height: 240.98382px;
    /* 416px / 618px is ratio */ }
  .layout-subhome.for-services #main > aside .content {
    margin-top: 418px; }
  .layout-subhome.for-services .carrousel .items .caption.testimonial {
    padding: 20px;
    bottom: 0; }
  .layout-subhome.for-services .carrousel .items .caption.testimonial .author {
    display: none; }
  /* ===================== */
  /* = Layout - Theme    = */
  /* ===================== */
  .layout-subhome-theme .carrousel {
    width: 390px;
    height: 260.22414px;
    /* 387px / 580px is ratio */ }
  .layout-subhome-theme .page {
    background-size: 390px 100%; }
  .layout-subhome-theme .content.main {
    width: 330px;
    /* 60px is left-margin plus padding */ }
  .layout-subhome-theme .carrousel .items li .caption {
    padding: 10px 40px;
    width: 310px; }
  .layout-subhome-theme .carrousel .items li .caption h3 {
    font-size: 2rem; }
  .layout-subhome-theme .carrousel .footer {
    padding: 10px 40px; } }

/* ================== */
/* = Mobile version = */
/* ================== */
@media (max-width: 600px) {
  body {
    min-width: 300px; }
  /* hide site-wide menu */
  body .site-wide > ul,
  body.fixed .site-wide > ul {
    display: none; }
  body > .page > header {
    box-sizing: border-box;
    height: 70px;
    position: relative;
    padding: 5px 20px;
    text-align: center; }
  .logo {
    display: inline-block; }
  .logo__img {
    display: none; }
  body > .page > header img {
    height: 60px; }
  .primary-navigation .audience {
    margin: 0 -20px;
    width: auto;
    position: static;
    max-height: none;
    font-weight: bold;
    background: none;
    font-size: 1.2rem; }
  .primary-navigation .audience > ul {
    line-height: 3rem;
    padding: 0; }
  /* ========== */
  /* = Header = */
  /* ========== */
  body {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    height: 100%;
    overflow-x: hidden; }
  body.nav--open {
    -webkit-transform: translate3d(80%, 0, 0);
            transform: translate3d(80%, 0, 0);
    overflow-x: hidden; }
  body.nav--open #breadcrumb {
    display: block;
    max-width: 80%; }
  body .page {
    position: static; }
  .mobile-menu {
    display: block; }
  #breadcrumb {
    background: #EEEDE6;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    padding-top: 10px;
    max-height: none; }
    #breadcrumb .breadcrumb__title {
      display: block;
      margin: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      color: #858585; }
  #breadcrumb div.submenu {
    width: auto; }
  #breadcrumb .js-side-nav {
    margin: 10px 20px 20px; }
  #breadcrumb .js-side-nav ul {
    width: 100%;
    display: block;
    border: 0; }
  #breadcrumb .js-side-nav ul li {
    display: block;
    margin-bottom: 5px; }
    #breadcrumb .js-side-nav ul li a {
      font-size: 12px;
      /* Fallback */
      font-size: 1.2rem;
      padding: 15px 20px 15px 40px;
      background: #3bb03c;
      display: block;
      color: #fff;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative; }
    #breadcrumb .js-side-nav ul li a:before {
      content: '';
      background: url(../images/backgrounds/menu_arrow_right.svg?v=8c5a53d9445310bbda3b8a30efaa56df24452839365f7866d9f28852051e5afa) center/100% no-repeat;
      position: absolute;
      top: 0;
      left: 15px;
      width: 10px;
      height: 100%; }
  #breadcrumb .js-side-nav-secondary-title {
    font-weight: bold;
    color: #000;
    font-size: 14px;
    display: block;
    text-align: center;
    padding-top: 15px; }
  #breadcrumb .js-side-nav--secondary ul li {
    margin-bottom: 0;
    border-bottom: 1px solid #EEEDE6; }
    #breadcrumb .js-side-nav--secondary ul li a {
      padding: 10px 20px 10px 30px;
      color: #333;
      background-color: #fff;
      line-height: 1.5; }
    #breadcrumb .js-side-nav--secondary ul li a:active {
      background: #3bb03c; }
    #breadcrumb .js-side-nav--secondary ul li a:before {
      font-family: 'wurfont';
      content: '\F006';
      background: 0;
      top: 10px;
      left: 10px; }
  #breadcrumb > ul,
  .js #breadcrumb > ul {
    background: #fff;
    box-shadow: 0 10px 10px -10px #000;
    margin: 10px 20px;
    width: auto;
    max-height: none; }
    #breadcrumb > ul:before,
    .js #breadcrumb > ul:before {
      content: none; }
  #breadcrumb > ul > li,
  #breadcrumb > ul > li > span,
  #breadcrumb > ul > li > span .label {
    color: #34662f;
    float: none;
    font-size: 14px;
    line-height: 1.5;
    height: auto;
    display: block;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    overflow: hidden; }
  #breadcrumb > ul > li > span .label {
    white-space: pre-wrap;
    word-break: break-word; }
  #breadcrumb > ul > li:first-child > span:before,
  #breadcrumb > ul > li > span:before,
  #breadcrumb > ul > li > span:after {
    content: '';
    display: block;
    background: #e6e5de;
    height: 2px;
    position: absolute;
    width: calc(50% - 60px);
    left: 20px;
    bottom: 8px;
    top: auto; }
  #breadcrumb > ul > li > span:after {
    left: auto;
    right: 20px; }
  #breadcrumb > ul > li:last-child > span:before,
  #breadcrumb > ul > li:last-child > span:after {
    display: none; }
  #breadcrumb > ul > li > span .label,
  #breadcrumb > ul > li:first-child a.label {
    padding: 10px 20px 25px 20px;
    color: #3bb03c; }
  #breadcrumb > ul > li:hover,
  #breadcrumb > ul > li:first-child:hover {
    background: none; }
    #breadcrumb > ul > li:hover > span .label,
    #breadcrumb > ul > li:first-child:hover > span .label {
      color: #3a84c1;
      text-decoration: underline; }
  #breadcrumb > ul .submenu,
  #breadcrumb > ul > li > span .expander {
    display: none; }
  #breadcrumb > ul > li > span .label:before {
    content: url(../images/backgrounds/menu_arrow_down.svg?v=23bff013dba7bc74bb95a879bca3fc53833f591775adf3e01cc5a67e1fa231e5);
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 36px;
    height: 12px;
    margin-left: -18px; }
  #breadcrumb > ul > li:last-child {
    background: none; }
    #breadcrumb > ul > li:last-child:hover > span .label {
      text-decoration: none; }
  #breadcrumb > ul > li:last-child > span .label {
    font-weight: bold;
    color: #000; }
    #breadcrumb > ul > li:last-child > span .label:before {
      content: none; }
  .primary-navigation .audience > ul > li {
    display: block;
    float: none;
    margin: 0;
    padding: 0 0 0 20px;
    position: static;
    line-height: 1.5;
    font-size: 1.6rem;
    width: auto; }
  .primary-navigation .audience > ul > li a {
    padding-left: 0; }
  .primary-navigation .audience > ul > li {
    font-size: 1.4rem; }
  /* .site-search */
  .site-search {
    background-color: #fff;
    height: 70px;
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease; }
    .site-search .button {
      padding: 15px;
      right: 5px;
      top: 10px; }
    .site-search .button .icon {
      font-size: 20px;
      height: 20px;
      width: 20px; }
    .site-search .button-close {
      color: #f07600;
      -webkit-transition: visibility 0.3s, opacity 0.3s ease;
      transition: visibility 0.3s, opacity 0.3s ease; }
    .site-search .button-close .icon {
      font-size: 25px;
      height: 25px;
      width: 25px; }
    .site-search .button-search {
      -webkit-transition: right 0.3s ease;
      transition: right 0.3s ease; }
    .site-search .input {
      height: 100%;
      margin: 0;
      padding: 0 0 0 20px; }
    .site-search fieldset {
      box-sizing: border-box;
      height: 100%;
      padding: 10px 20px 10px 0; }
    .site-search .site-search-field {
      opacity: 0; }
  /* .site-search.js--open */
  .site-search.js--open {
    box-sizing: border-box;
    width: 100%; }
    .site-search.js--open .button-close {
      opacity: 1;
      visibility: visible; }
    .site-search.js--open .button-search {
      right: 62px; }
    .site-search.js--open .input {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: auto; }
    .site-search.js--open .site-search-field {
      opacity: 1;
      width: calc(100% - 40px); }
  /* search-results */
  .layout-search .main > header {
    padding: 40px 20px 60px; }
  .layout-search #main form,
  .layout-search .main > header form {
    margin-left: 0; }
  .search-results .filters,
  .search-results .results {
    float: none;
    width: auto; }
  .search-results .results {
    margin-right: 0; }
  .search-results .filters {
    border-top: 1px solid #d6d6d6;
    margin: 0 -20px;
    padding: 20px; }
  .search-results .filters h2 {
    font-size: 1.6rem; }
  /* .layout-signin */
  .layout-signin #main > .content {
    width: auto;
    float: none;
    margin-left: 0; }
  /* ========== */
  /* = Footer = */
  /* ========== */
  body > footer {
    margin-top: 0; }
  footer .page div {
    display: none; }
  footer .page div:first-child {
    display: block;
    width: auto;
    margin: 0;
    float: none; }
  body > footer nav ul {
    text-align: left; }
  body > footer nav ul li {
    margin-bottom: 0.7em; }
  /* ============ */
  /* = Language = */
  /* ============ */
  menu.language {
    margin: 40px -20px 0;
    background: #f4f4f4;
    width: auto;
    height: auto;
    display: block;
    float: none;
    box-shadow: none;
    border: none;
    font-size: 1.6rem;
    z-index: 0; }
  menu.language.top {
    margin: 0;
    position: absolute;
    /*    width: 100%;*/
    top: 0;
    left: -20px;
    right: -20px; }
  menu.language > a {
    color: #999; }
  menu.language > a,
  menu.language ul a {
    padding: 0.65em 52px 0.65em 28px;
    float: none;
    margin: 0;
    display: block;
    width: auto;
    border-bottom: 1px solid #ccc;
    background: #f4f4f4; }
  menu.language > a {
    padding-top: 0.8em;
    padding-bottom: 0.7em; }
  menu.language > a::after {
    font-size: 32px;
    right: 5px;
    top: 9px;
    height: 22px; }
  menu.language ul {
    position: static;
    box-shadow: none;
    border: none; }
  /* ========== */
  /* = Social = */
  /* ========== */
  div.social {
    margin-left: -10px; }
  div.social > * {
    margin: 0 10px 10px 0 !important; }
  div.social > script {
    margin: 0 !important; }
  /* ========== */
  /* = Audience-services = */
  /* ========== */
  .audience-services {
    width: 100%;
    box-sizing: border-box;
    padding: 185px 0 20px 0px; }
    .audience-services h3 {
      margin-left: 0; }
    .audience-services ul.links a:hover {
      background: transparent;
      color: #333; }
    .audience-services ul.links li {
      padding-left: 1.6rem; }
    .audience-services ul.links li:hover {
      background: #DEDCCF;
      color: #333; }
  /* =========== */
  /* = Layouts = */
  /* =========== */
  .layout-home menu.language {
    margin-top: 20px; }
  menu.language > a:after {
    width: 32px;
    height: 20px;
    font-size: 24px;
    padding-top: 4px;
    text-align: center;
    overflow: hidden; }
  .layout-subhome-study #main > aside,
  .layout-article #main > aside {
    float: none;
    clear: both;
    width: 100%; }
  .layout-article .content > header {
    margin-bottom: 0; }
  .layout-article .content > header.person {
    margin-bottom: 20px; }
  .layout-article #main > .content {
    width: 100%;
    padding: 0 0 40px;
    /* padding-top -> line-height*2 (18px) + 1em bottom margin (12px) */
    margin-bottom: 20px;
    position: relative;
    margin-left: 0; }
  .layout-article #main .content .visual {
    margin-top: -10px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    overflow: hidden; }
    .layout-article #main .content .visual img {
      margin: -100%;
      vertical-align: middle; }
  .layout-article .content figure.left,
  .layout-article .content figure.block {
    margin-left: -20px; }
  .layout-article .content .col figure.left,
  .layout-article .content .col figure.block {
    margin-left: 0; }
  .layout-article .content figure.left {
    width: 160px; }
  .layout-article.with-visual #main .content .visual,
  .layout-article.with-top-visual #main .content .visual {
    margin: 0 -20px 10px -20px;
    float: none;
    width: auto;
    /* retaining the original size, on retina displays this is a issue */ }
  .layout-article #main .content .visual,
  .layout-article #main .content .visual img {
    height: auto;
    /* retaining the original size, on retina displays this is a issue */ }
  .layout-article #main > .content div.social {
    margin: 1.5rem 0;
    bottom: -10px; }
  .layout-article aside .factsheet {
    margin-right: 0; }
  .layout-article.with-visual #main > aside {
    padding-top: 0; }
  .layout-article.with-visual aside .factsheet header {
    position: static; }
  .layout-article.with-visual .contactinfo,
  .layout-article.with-visual .contactinfo.with-extra {
    position: static; }
  .contactinfo .vcard .actions .more,
  .contactinfo .vcard .actions .less {
    margin-top: 10px; }
  aside .subnav ul {
    margin-right: 0;
    margin-left: 20px;
    float: none;
    width: auto; }
  .with-visual .sender-related header {
    position: static;
    padding-left: 0; }
  aside .sender-related {
    margin-right: 0; }
  .sender-related a.button {
    margin-bottom: 0; }
  /* Subhome */
  .layout-subhome-audience #main > .content,
  .layout-subhome-institute #main > .content,
  .layout-subhome-study #main > .content,
  .layout-subhome #main > .content {
    width: auto;
    float: none;
    margin-left: 0; }
  .layout-subhome-theme .page,
  .layout-subhome.for-services .page,
  .layout-subhome.for-knowledge .page {
    background: none;
    background-color: #fff; }
  .layout-subhome.for-knowledge .content .stones {
    width: auto; }
  /* ================== */
  /* = Layout - Study = */
  /* ================== */
  .layout-subhome-study .content.main header.title {
    height: auto;
    overflow: hidden;
    -webkit-transition: height 0.4s ease;
    transition: height 0.4s ease;
    padding: 20px 20px 30px 40px; }
    .layout-subhome-study .content.main header.title:before {
      font-family: wurfont;
      font-size: 16px;
      content: '\F013';
      display: block;
      position: absolute;
      bottom: 0;
      padding: 0 0 5px 0;
      text-align: center;
      margin-left: -20px;
      width: 100%;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      background: -webkit-linear-gradient(bottom, transparent, rgba(0, 81, 114, 0.5));
      background: linear-gradient(to top, transparent, rgba(0, 81, 114, 0.5)); }
    .layout-subhome-study .content.main header.title:hover:before {
      cursor: pointer; }
  .layout-subhome-study .content.main header.title--expanded:before {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    background: none;
    padding: 5px 0; }
  .layout-subhome-study .social ~ div p .button {
    clear: both; }
  .layout-subhome-study .carrousel .pagination {
    display: none; }
  .layout-subhome #main > aside {
    float: none; }
  .layout-subhome.for-services #main > aside .content {
    margin-top: 0;
    margin-right: 0; }
  /* institutes */
  .layout-subhome-institute.with-visual .content > header.title,
  .layout-subhome-institute .content > header.title,
  .layout-subhome-institute .carrousel {
    float: none;
    width: auto; }
  .layout-subhome-institute .content > header.title {
    padding-right: 0; }
  .layout-subhome-institute .carrousel {
    width: 600px;
    height: 322.38806px;
    margin: 20px 0 0 -20px; }
  .layout-subhome-institute .carrousel .items li .caption {
    padding: 20px;
    bottom: 0;
    left: 0; }
  .layout-subhome-institute .carrousel .pagination,
  .layout-subhome-institute .carrousel .items .caption p,
  .layout-subhome-institute .carrousel .items .caption .more {
    display: none; }
  .layout-subhome-institute .carrousel:after {
    content: "";
    display: table;
    clear: both; }
  .layout-subhome-institute .visual {
    margin: 20px 0 20px -20px; }
  .layout-subhome-institute .visual,
  .layout-subhome-audience .content > header.title {
    width: auto;
    float: none; }
  .layout-subhome-institute.for-funding .content.main .button.big {
    margin-top: 10px;
    width: auto; }
  .layout-subhome-institute.for-funding .carrousel .caption .avatar {
    display: none; }
  .layout-subhome-audience #main aside .contactinfo {
    position: static;
    float: none;
    width: auto; }
  .layout-subhome-audience .content .carrousel {
    float: none;
    position: relative;
    width: 320px;
    height: 215px;
    margin: 0 0 0 -20px;
    overflow: hidden; }
  .layout-subhome-audience .content .carrousel:last-child {
    margin-bottom: -40px; }
  .layout-subhome-audience .carrousel .items li .caption {
    padding: 10px; }
  .layout-subhome-chairgroup .visual {
    margin-right: -20px;
    position: static;
    width: auto; }
  .layout-subhome-chairgroup .contentwrapper {
    width: auto;
    float: none;
    padding: 0; }
  .layout-subhome-chairgroup #main .contentwrapper > header.title {
    width: auto;
    margin-right: -30px; }
  .layout-subhome-chairgroup .content > div > .featured,
  .layout-subhome-chairgroup .gallery {
    float: none;
    width: auto; }
  .layout-subhome-chairgroup .content > div > .featured {
    margin: 0; }
  /* subhome for development & for knowledge */
  .layout-subhome.for-knowledge .page,
  .layout-subhome.for-development .page {
    background: #fff; }
  .layout-subhome.for-knowledge #main > aside,
  .layout-subhome.for-development #main > aside {
    background-color: #6AADE4;
    width: auto;
    float: none; }
  .layout-subhome.for-knowledge #main > aside {
    background-color: #EEEDE6; }
  .layout-subhome.for-services aside section.search,
  .layout-subhome.for-knowledge aside section.search {
    width: auto;
    margin-left: 0;
    margin-right: 0; }
  .layout-subhome.for-services .carrousel {
    margin: 0 0 20px -20px;
    height: 230px; }
  .layout-subhome.for-services .carrousel .pagination {
    display: none; }
  .layout-subhome.for-services .carrousel .caption {
    display: none; }
  .layout-subhome.for-services .carrousel .items {
    height: 240px; }
  .layout-subhome.for-services .carrousel .items .caption.testimonial {
    display: block;
    left: 0;
    width: 260px; }
  /* Layout - school */
  .layout-subhome-school .content.main {
    width: auto;
    float: none; }
  .layout-subhome-school aside {
    padding-top: 1em;
    float: none; }
  .layout-subhome-school aside .contactinfo {
    float: none;
    width: auto; }
  /* Layout - thema */
  .layout-profile article > .content.main,
  .layout-subhome-theme #main > aside,
  .layout-subhome-theme .content.main {
    width: auto;
    float: none;
    margin-left: 0; }
  .layout-subhome-theme #main > aside {
    background-color: #EEEDE6; }
  .layout-subhome-theme .carrousel {
    width: 320px;
    height: 215px;
    margin-left: -20px;
    margin-bottom: 40px; }
  .layout-subhome-theme .carrousel .items li .caption p,
  .layout-subhome-theme .carrousel .items li .caption .footer {
    display: none; }
  .layout-subhome-theme .content.main .carrousel .pagination {
    display: none; }
  /* layout-profile */
  .layout-profile .page > #main {
    position: relative;
    padding-top: 80px; }
  .layout-profile article > .content.main {
    margin: 0 -20px;
    padding: 20px; }
  .layout-profile .contactinfo .contact span {
    display: block;
    font-size: 1.6rem; }
  .layout-profile aside .contactinfo {
    position: absolute;
    top: 0;
    left: 0;
    border-top: 0; }
  .layout-profile .content .form {
    margin-right: 0; }
    .layout-profile .content .form .fields {
      margin-left: 0; }
    .layout-profile .content .form .row .error-message {
      margin-left: 0; }
  .layout-profile.with-search .content.main {
    width: 100%;
    margin-right: 0; }
  .layout-profile .profile-info .button.with-emphasis {
    clear: both; }
  /* =========== */
  /* = Content = */
  /* =========== */
  #main {
    padding: 0; }
  #main .top header {
    width: 100%; }
  aside .contactinfo {
    width: auto; }
  /* Hide it in the top as it will be repositioned by JS */
  #main .top .contactinfo {
    display: none; }
  /* =========== */
  /* = Table = */
  /* =========== */
  .content table {
    max-width: 116.32653%;
    margin-left: -40px;
    margin-right: -40px; }
  .program th:last-child,
  .program td:last-child,
  .content th:last-child,
  .content td:last-child {
    padding: 0.38462em 1em 0.38462em 0; }
  /* =========== */
  /* = Sidebar = */
  /* =========== */
  body .page > #main > aside {
    display: block;
    width: auto;
    margin: 0 -20px; }
  aside .content .embed .frame,
  aside .content.embed .frame {
    margin-left: 0;
    margin-right: -20px; }
  .primary-navigation .audience li:first-child {
    border-top: 1px solid #000;
    margin-bottom: 0; }
  #main > aside > .sender-related,
  #main > aside > .content {
    border-top: 1px solid #c1c1c1; }
  .primary-navigation .audience li:first-child {
    border-top-color: #d6d6d6; }
  .layout-subhome.for-knowledge #main > aside .content,
  #main > aside > section,
  #main > aside > .content {
    padding: 20px; }
  .layout-article.with-visual .contactinfo {
    position: static; }
  #main aside section:last-child {
    margin-bottom: 0; }
  .sender-related h2 a {
    text-decoration: none; }
  /* repositining primary navigation */
  body.fixed .site-wide, .site-wide,
  body.fixed .primary-navigation,
  .primary-navigation {
    position: static;
    padding: 0;
    width: 100%;
    max-width: none;
    display: block; }
  .primary-navigation .wrapper {
    float: none;
    width: 100%; }
  .primary-navigation:after,
  .primary-navigation .wrapper:after {
    content: "";
    visibility: hidden;
    clear: both;
    display: block;
    height: 0; }
  .primary-navigation .audience {
    display: block;
    float: none; }
  .primary-navigation .audience li {
    border-bottom: 1px solid #d6d6d6; }
  .primary-navigation .audience a {
    position: relative;
    float: none;
    display: block;
    padding: 10px 15px 10px 10px;
    margin-right: 20px; }
  .layout-home .primary-navigation .audience a {
    padding-left: 0; }
  .primary-navigation .audience a:after {
    position: absolute;
    top: 50%;
    right: -6px;
    margin-top: -12px;
    content: "\F004";
    font-family: "wurfont";
    font-size: 1.3em;
    color: #C0C0C0; }
  .primary-navigation .audience a br {
    display: none; }
  .primary-navigation .search-button {
    margin: 0 0 20px 0;
    position: absolute;
    top: 10px;
    /* header height + padding (header.height is used for spacing )*/
    right: 5px;
    width: auto; }
  /* buttonsize increase for all buttons? */
  a.button {
    display: block;
    font-size: 1.3rem; }
  /* Contactinfo */
  .contactinfo,
  .contactinfo.with-extra {
    margin-bottom: 0;
    border-top: 1px solid #d6d6d6; }
  .contactinfo > .vcard:first-child,
  .contactinfo > .vcard {
    border-bottom: 0; }
  .contactinfo .vcard .contact {
    margin-bottom: -2.5em; }
  .contactinfo .vcard .actions .more,
  .contactinfo .vcard .actions .less {
    margin-top: 15px; }
  .contactinfo.display .extra-cards,
  .contactinfo .extra-cards {
    padding: 0;
    margin: 0;
    position: static;
    border-top: 1px solid #d6d6d6;
    box-shadow: none; }
  .contactinfo.display .extra-cards,
  .contactinfo .extra-cards,
  .contactinfo.display.with-overlay .extra-cards {
    border: 0; }
  .contactinfo ul {
    margin-left: 0; }
  .contactinfo ul li {
    background: none;
    padding: 0;
    margin-bottom: 0; }
  .layout-subhome-institute #main aside .contactinfo {
    position: static;
    right: 0;
    width: auto;
    padding-right: 0; }
  .layout-subhome-chairgroup #main aside .contactinfo {
    float: none;
    margin: 0;
    width: auto; }
  /* ======== */
  /* = Text = */
  /* ======== */
  .content h2 {
    margin-top: 1em; }
  /* ======== */
  /* = Form = */
  /* ======== */
  .form {
    /* make form behave stacked */ }
    .form .row {
      padding-right: 0; }
    .form .label {
      float: none;
      width: auto;
      padding-bottom: 4px; }
    .form .fields {
      margin-left: 0; }
    .form .fields .field label {
      display: block; }
    .form .fields .field.twothird .button,
    .form .fields .field.half .button,
    .form .fields .field.third .button,
    .form .fields .field.fourth .button {
      margin-top: 28px;
      /* Average label height */
      margin-right: 0; }
    .form .row .error-message {
      margin-left: 0; }
    .form .info-message .tooltip {
      width: 150px; }
    .form .fields .field.third,
    .form .fields .field.twothird {
      width: 100%;
      margin-left: 0; }
  .form .fields select,
  .form .fields textarea,
  .form .fields input {
    font-size: 16px; }
  .col .form-header {
    margin-left: -40px;
    padding-left: 40px; }
  .collection .banner.without-body .body,
  .collection .banner .body {
    height: auto; }
  .meta,
  .meta.with-background {
    max-width: none;
    margin-right: 0; }
    .meta table,
    .meta.with-background table {
      margin-bottom: 10px; }
    .meta th,
    .meta.with-background th {
      font-weight: bold;
      font-size: 11px;
      padding-right: 20px; }
    .meta td,
    .meta.with-background td {
      padding-right: 0; }
  /* ======== */
  /* = Form = */
  /* ======== */
  .contact-overlay {
    display: none; }
  .contact-overlay aside,
  .contact-overlay .content {
    float: none;
    width: auto; }
  .contact-overlay aside {
    margin-left: -21px; }
  .contact-overlay .wrapper {
    padding: 40px 10px 0 20px; }
  .contact-overlay .wrapper .form {
    margin-top: 10px;
    padding-top: 10px; }
  .contact-overlay .wrapper .factsheet {
    margin-bottom: 0; }
  /* =========== */
  /* = Columns = */
  /* =========== */
  #main > footer {
    padding: 1px 20px 20px;
    margin-bottom: -40px; }
  #main > footer .article-footer__header .follow,
  #main > footer .article-footer__header h2 {
    float: none; }
  #main > footer .col {
    padding: 0 30px 20px 30px; }
  /* 7 columns or more */
  .columns .col:first-child:nth-last-child(n+7),
  .columns .col:first-child:nth-last-child(n+7) ~ .col,
  .columns .col:first-child:nth-last-child(6),
  .columns .col:first-child:nth-last-child(6) ~ .col,
  .columns .col:first-child:nth-last-child(5),
  .columns .col:first-child:nth-last-child(5) ~ .col,
  .columns .col:first-child:nth-last-child(4),
  .columns .col:first-child:nth-last-child(4) ~ .col,
  .columns .col:first-child:nth-last-child(3),
  .columns .col:first-child:nth-last-child(3) ~ .col,
  .columns .col:first-child:nth-last-child(2),
  .columns .col:first-child:nth-last-child(2) ~ .col,
  .columns .col:first-child:nth-last-child(5) ~ .col:nth-child(4),
  .columns .col:first-child:nth-last-child(6) ~ .col:nth-child(4),
  .columns .col:first-child:nth-last-child(n+7) ~ .col:nth-child(5) {
    width: auto;
    margin-bottom: 0; }
  .content.bottom .collection {
    margin-left: -20px; }
  .content.bottom .collection:last-child .columns {
    margin-bottom: 0; }
  .content.bottom .collection > section > h2 {
    margin-left: 20px; }
  .collection .columns {
    display: block; }
  .collection .columns .col {
    padding: 20px;
    display: block;
    margin-right: 0;
    border-left: none;
    border-right: none; }
  .collection .columns .col + .col {
    padding-top: 0; }
    .collection .columns .col + .col .list {
      padding-top: 20px; }
  .collection .columns .col .list .button {
    margin-bottom: 20px; }
  .layout-subhome-institute .collection {
    margin-left: -20px; }
  /* ========== */
  /* = Footer = */
  /* ========== */
  body > footer {
    padding-left: 20px;
    padding-right: 20px; }
  body > footer .columns {
    margin-left: -20px;
    margin-right: -20px; }
  body > footer .col {
    display: none;
    width: auto;
    margin-bottom: 0; }
  body > footer .columns .col {
    padding-left: 20px;
    padding-right: 20px; }
  body > footer .col:first-child {
    display: block; }
  body > footer nav ul {
    text-align: left; }
  body > footer nav ul li {
    margin-right: 16px; }
  body > footer .col.current-pillar {
    display: block; }
  body > footer .col.current-pillar h2 {
    margin-top: 10px;
    font-size: 16px; }
  /* ========= */
  /* = Fonts = */
  /* ========= */
  /* Mobile should understand REM unit so no fallback needed */
  #main,
  #main .content,
  body > footer, .contactinfo .vcard,
  .contactinfo .vcard.inline .fn {
    font-size: 1.2rem; }
  .content p.intro {
    font-size: 1.4rem; }
  .sender-related h2,
  .pullquote blockquote {
    font-size: 1.6rem; }
  #main h1 {
    font-size: 2.5rem; }
  .font-size-h2, .layout-subhome.for-development aside .form h2, .carrousel-caption-quote, .layout-subhome.for-services .carrousel .items .caption.testimonial p, .layout-subhome-institute.for-funding .carrousel .caption p.quote, .layout-subhome-audience .carrousel .items li .caption p, .content h2, section.meta h2,
  .content .list h2, .pullquote:before, .timeline h3, .timeline li .title, .carrousel .items li .caption h3, .gallery h2, .featured h2, .banner h2 {
    font-size: 1.7rem; }
  /* ========= */
  /* = Lists = */
  /* ========= */
  .list.with-people.grouped > ul > li, .list.grouped.with-tweets > ul > li {
    min-width: 100px; }
  .content.main .list.with-partner-logos.columns ul li,
  .content.bottom .list.with-partner-logos.columns ul li {
    width: 100%; }
  .content .list:not(.with-people):not(.with-highlight):not(.with-highlight-transparent) ul.links,
  .audience-services ul.links,
  .content .columns .col ul.links {
    margin-left: -20px;
    margin-right: -20px; }
  .content .list:not(.with-people):not(.as-gallery):not(.with-highlight):not(.with-highlight-transparent) ul.links li,
  .audience-services ul.links li,
  .content .columns .col ul.links li {
    font-size: 14px;
    /* Fallback */
    font-size: 1.4rem;
    margin-bottom: 0;
    border-bottom: 1px solid #d6d6d6; }
    .content .list:not(.with-people):not(.as-gallery):not(.with-highlight):not(.with-highlight-transparent) ul.links li:first-child,
    .audience-services ul.links li:first-child,
    .content .columns .col ul.links li:first-child {
      border-top: 1px solid #d6d6d6; }
    .content .list:not(.with-people):not(.as-gallery):not(.with-highlight):not(.with-highlight-transparent) ul.links li:before,
    .audience-services ul.links li:before,
    .content .columns .col ul.links li:before {
      display: none; }
    .content .list:not(.with-people):not(.as-gallery):not(.with-highlight):not(.with-highlight-transparent) ul.links li a:not(.more),
    .audience-services ul.links li a:not(.more),
    .content .columns .col ul.links li a:not(.more) {
      display: block;
      position: relative;
      padding: 10px 15px 10px 5px;
      margin-right: 20px; }
      .content .list:not(.with-people):not(.as-gallery):not(.with-highlight):not(.with-highlight-transparent) ul.links li a:not(.more):after,
      .audience-services ul.links li a:not(.more):after,
      .content .columns .col ul.links li a:not(.more):after {
        position: absolute;
        top: 50%;
        right: -6px;
        margin-top: -12px;
        content: "\F004";
        font-family: "wurfont";
        font-size: 1.3em;
        color: #C0C0C0;
        visibility: visible; }
  .content .list.with-highlight ul.links li,
  .content .list.with-highlight-transparent ul.links li {
    margin: 0; }
  .layout-home section.info h2 {
    font-weight: bold; }
  .layout-home .info .links {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1; }
  .content .list.with-image ul.links li, .content .list.with-partner-logos ul.links li {
    overflow: hidden; }
    .content .list.with-image ul.links li img, .content .list.with-partner-logos ul.links li img {
      margin-bottom: 15px; }
    .content .list.with-image ul.links li .body,
    .content .list.with-partner-logos ul.links li .body,
    .content .list.with-image ul.links li .meta, .content .list.with-partner-logos ul.links li .meta {
      font-size: 12px; }
  .content .list.with-highlight ul.links li a:not(.more),
  .content .list.with-highlight-transparent ul.links li a:not(.more) {
    display: block;
    padding: 10px 5px; }
  .content .list.with-image.with-highlight-transparent > ul > li .title, .content .with-highlight-transparent.list.with-partner-logos > ul > li .title {
    left: 5px;
    right: 5px;
    bottom: 10px; }
  .content .list.with-image.with-highlight-transparent > ul > li img, .content .with-highlight-transparent.list.with-partner-logos > ul > li img {
    display: block;
    margin-bottom: 0; }
  .content .list.with-images.as-gallery ul.links li,
  .content .list.with-newsletters ul.links li {
    border-bottom: 0; }
    .content .list.with-images.as-gallery ul.links li:first-child,
    .content .list.with-newsletters ul.links li:first-child {
      border-top: 0; }
  .list.with-newsletters ul li {
    padding: 10px 15px 10px 20px; }
  .list.with-newsletters.with-image > ul > li img,
  .with-newsletters.list.with-partner-logos > ul > li img,
  .list.with-newsletters.with-partner-logos > ul > li img {
    padding-left: 10px; }
  .list.with-partner-logos > ul > li > a > img,
  .list.with-partner-logos > ul > li > img,
  .list.with-partner-logos > ul > li > article > img {
    margin-right: 10px; }
  .list.with-partner-logos .body {
    display: block;
    margin-left: -45.71429%; }
  /* ============ */
  /* = Sections = */
  /* ============ */
  section.details {
    margin-left: -20px;
    margin-right: -20px;
    padding-right: 5px; }
  section.database.list {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 20px; }
    section.database.list::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 14px;
      height: 14px; }
    section.database.list::-webkit-scrollbar-thumb {
      border-radius: 8px;
      border: 3px solid #fff;
      background-color: rgba(0, 0, 0, 0.3); }
    section.database.list table {
      margin-bottom: 0; }
  .gallery h2 {
    margin-bottom: 1em; }
  #main .carrousel + .gallery {
    padding-top: 20px;
    margin-top: -20px; }
  #main .gallery {
    padding-top: 20px; }
  .stones {
    margin-right: -20px;
    margin-left: -20px; }
    .stones ul {
      margin-left: 0; }
  .stones .stone {
    width: 47%;
    margin-bottom: 20px;
    margin-left: 0;
    height: 95px;
    background-color: #34B233; }
    .stones .stone img {
      display: none; }
    .stones .stone .caption {
      box-sizing: border-box;
      position: static;
      height: 100%;
      width: 100%;
      margin-bottom: 20px; }
    .stones .stone .caption h2 {
      position: static;
      background: none; }
  .stones .stone:nth-child(2n + 1) {
    margin-right: 6%; }
  /* ============ */
  /* = Timeline = */
  /* ============ */
  .timeline .stage {
    width: auto;
    border-right: 0; }
  .timeline .stage .content {
    padding-top: 0; }
  .timeline h2, .timeline h3,
  .timeline ul.entries-list li,
  .timeline .stage .content {
    width: auto; }
  .timeline h3 {
    text-align: left; }
  .timeline ul.entries-list li.isLeft,
  .timeline ul.entries-list li.isRight,
  .timeline ul.entries-list li:nth-child(even),
  .timeline ul.entries-list li.undoEven,
  .timeline ul.entries-list li {
    padding: 0 0 15px 0; }
  .timeline ul.entries-list li article.news:after,
  .timeline ul.entries-list li article.blog:after,
  .timeline ul.entries-list li article.event:after,
  .timeline ul.entries-list li article.video:after,
  .timeline ul.entries-list li article.project:after,
  .timeline ul.entries-list li article.article:after,
  .timeline ul.entries-list li article.news:before,
  .timeline ul.entries-list li article.blog:before,
  .timeline ul.entries-list li article.event:before,
  .timeline ul.entries-list li article.video:before,
  .timeline ul.entries-list li article.project:before,
  .timeline ul.entries-list li article.article:before,
  .timeline ul.entries-list li.icon-conflict article:after,
  .timeline ul.entries-list li.icon-conflict article:before {
    content: none; }
  /* ================ */
  /* = aside subnav = */
  /* ================ */
  aside .subnav {
    display: none; }
  .is-person article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .is-person article .content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .is-person article aside {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .is-person .factsheet {
    margin-bottom: 0; }
  .is-person aside .subnav {
    display: block;
    margin-bottom: 0; }
    .is-person aside .subnav ul {
      margin-left: 0; }
    .is-person aside .subnav + .factsheet {
      margin-top: 0; }
  /* ============ */
  /* = Homepage = */
  /* ============ */
  .layout-home .primary-navigation .audience,
  .layout-home .content .list.info {
    display: none; }
  .layout-home .carrousel {
    float: none;
    margin-right: -30px; }
  .layout-subhome-theme .carrousel .items li .caption,
  .layout-home .carrousel .items li .caption {
    padding: 20px;
    width: 260px; }
  .layout-subhome-theme .carrousel .items li .caption h3,
  .layout-home .carrousel .items li .caption h3 {
    font-size: 24px;
    margin: 0; }
  .layout-home .mission,
  .layout-home .mission a,
  .layout-home .carrousel .footer,
  .layout-subhome.for-services .carrousel .pagination,
  .layout-home .pagination {
    display: none; }
  .layout-home .content > div > section.list.info {
    margin-top: 0; }
  .layout-home .content.main .WUREditableContent > .list {
    width: auto; }
  .layout-home .content.main .WUREditableContent > .collection .list ul li {
    padding-left: 1.6rem; }
  .layout-home .content.main,
  .layout-home .tab .collection .columns {
    margin-bottom: 0; }
  .layout-home .tab .collection .col {
    padding-bottom: 0; }
  .layout-home .info {
    min-height: auto; }
  .layout-home .tab-bar {
    margin: 25px 0; }
  .pullquote.with-photo .photo-frame {
    margin-left: -20px; }
  /* ========================= */
  /* = Layout - home = */
  /* ========================= */
  .layout-home .carrousel {
    width: 600px;
    height: 356.25px;
    /* 380px / 640px is ratio */ }
  .layout-home .carrousel .items {
    height: 356.25px;
    /* 380px / 640px is ratio */ }
  /* ==================== */
  /* = Layout - Audience = */
  /* ==================== */
  .layout-subhome-audience .carrousel {
    width: 500px;
    height: 335.9375px;
    /* 430px /  640px is ratio */ }
  /* ================== */
  /* = Layout - School = */
  /* ================== */
  .layout-subhome-study .carrousel,
  .layout-subhome-school .carrousel {
    width: 600px;
    height: 186.73469px;
    /* 305px / 980px is ratio */ }
  .layout-subhome-study #main {
    margin-top: 0; }
  .layout-subhome-study .content.main,
  .layout-subhome-school .content.main {
    padding-top: 187px; }
  .layout-subhome-study .content > header.title,
  .layout-subhome-school .content > header.title {
    min-height: 0;
    width: 100%;
    box-sizing: content-box;
    margin-left: -40px; }
  .layout-subhome-study #main h1,
  .layout-subhome-school #main h1 {
    font-size: 1.8rem;
    font-size: 18px; }
  /* ========================= */
  /* = Layout - for-services = */
  /* ========================= */
  .layout-subhome.for-services .carrousel {
    width: 600px;
    height: 403.8835px;
    /* 416px / 618px is ratio */ }
  .layout-subhome.for-services #main > aside .content {
    margin-top: 418px; } }

/* max-width: 600px */
@media (max-width: 500px) {
  /* ========================= */
  /* = Layout - home = */
  /* ========================= */
  .layout-home .carrousel {
    width: 500px;
    height: 296.875px;
    /* 380px / 640px is ratio */ }
  .layout-home .carrousel .items {
    height: 296.875px;
    /* 380px / 640px is ratio */ }
  /* ================== */
  /* = Layout - Institute = */
  /* ================== */
  .layout-subhome-institute .carrousel {
    width: 500px;
    height: 268.65672px;
    margin: 20px 0 0 -20px; }
  /* =========================== */
  /* = Layout - School & study = */
  /* =========================== */
  .layout-subhome-study .carrousel,
  .layout-subhome-school .carrousel {
    width: 500px;
    height: 155.61224px;
    /* 305px / 980px is ratio */ }
  .layout-subhome-study .content.main,
  .layout-subhome-school .content.main {
    padding-top: 156px; }
  /* ========================= */
  /* = Layout - for-services = */
  /* ========================= */
  .layout-subhome.for-services .carrousel {
    width: 500px;
    height: 336.56958px;
    /* 416px / 618px is ratio */ }
  .layout-subhome.for-services #main > aside .content {
    margin-top: 418px; } }

/* max-width: 500px */
@media (max-width: 430px) {
  .layout-profile.with-search .content.main > header + .banner {
    float: none;
    margin-top: 20px;
    margin-right: 0;
    width: 100%; }
  .layout-profile.with-search .content.main > header .form {
    width: 100%; }
  /* ========================= */
  /* = Layout - home = */
  /* ========================= */
  .layout-home .carrousel {
    width: 430px;
    height: 255.3125px;
    /* 380px / 640px is ratio */ }
  .layout-home .carrousel .items {
    height: 255.3125px;
    /* 380px / 640px is ratio */ }
  /* ================== */
  /* = Layout - School = */
  /* ================== */
  .layout-subhome-study .carrousel,
  .layout-subhome-school .carrousel {
    width: 430px;
    height: 133.82653px;
    /* 305px / 980px is ratio */ }
  .layout-subhome-study .content.main,
  .layout-subhome-school .content.main {
    padding-top: 134px; }
  /* ================== */
  /* = Layout - Institute = */
  /* ================== */
  .layout-subhome-institute .carrousel {
    width: 430px;
    height: 231.04478px;
    margin: 20px 0 0 -20px; }
  /* ========================= */
  /* = Layout - for-services = */
  /* ========================= */
  .layout-subhome.for-services .carrousel {
    width: 430px;
    height: 289.44984px;
    /* 416px / 618px is ratio */ }
  .layout-subhome.for-services #main > aside .content {
    margin-top: 418px; } }

/* max-width: 430px */
@media (max-width: 320px) {
  /* =========== */
  /* = Layouts = */
  /* =========== */
  .layout-subhome-institute .content > header.title {
    padding-bottom: 0; }
  .layout-subhome-institute .carrousel .items {
    height: 240px; }
  /* ========================= */
  /* = Layout - home = */
  /* ========================= */
  .layout-home .carrousel {
    width: 320px;
    height: 190px;
    /* 380px / 640px is ratio */ }
  .layout-home .carrousel .items {
    height: 190px;
    /* 380px / 640px is ratio */ }
  /* ================== */
  /* = Layout - School = */
  /* ================== */
  .layout-subhome-study .carrousel,
  .layout-subhome-school .carrousel {
    width: 320px;
    height: 99.59184px;
    /* 305px / 980px is ratio */ }
  .layout-subhome-study .content.main,
  .layout-subhome-school .content.main {
    padding-top: 100px; }
  /* ================== */
  /* = Layout - Institute = */
  /* ================== */
  .layout-subhome-institute .carrousel {
    width: 320px;
    height: 171.9403px;
    margin: 20px 0 0 -20px; }
  /* ========================= */
  /* = Layout - for-services = */
  /* ========================= */
  .layout-subhome.for-services .carrousel {
    width: 320px;
    height: 215.40453px;
    /* 416px / 618px is ratio */ }
  .layout-subhome.for-services #main > aside .content {
    margin-top: 418px; } }

/* max-width: 320px */
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a.lightbox:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  body > footer,
  #breadcrumb,
  .primary-navigation,
  .social,
  .site-wide,
  .follow,
  .pagination {
    display: none; }
  header,
  .pullquote.with-photo .photo-frame {
    padding: 0 !important;
    margin: 0 !important; }
  header {
    margin-bottom: 10px !important; }
  .pullquote.with-photo blockquote {
    margin-left: 100px !important; } }

.no-js {
  /* =========== */
  /* = Masonry = */
  /* =========== */
  /* =========== */
  /* = Gallery = */
  /* =========== */
  /* ============ */
  /* = Carousel = */
  /* ============ */
  /* =================== */
  /* = Detail sections = */
  /* =================== */
  /* ======== */
  /* = Tabs = */
  /* ======== */ }
  .no-js .masonry .tile {
    position: relative;
    float: left; }
  .no-js .gallery .actions {
    display: none; }
  .no-js .carrousel .slide:first-child {
    display: block;
    position: relative;
    visibility: visible; }
  .no-js .details .content {
    display: block; }
  .no-js .form.with-tabs .tab {
    display: block;
    border-bottom: #FFF solid 20px; }