@font-face {
  font-family: 'AktivGroteskBold';
  src: url("../assets/fonts/AktivGrotesk/2F97E5_0_0.5be062614a69.eot");
  src: url("../assets/fonts/AktivGrotesk/2F97E5_0_0.5be062614a69.eot?#iefix") format('embedded-opentype'),
    url("../assets/fonts/AktivGrotesk/2F97E5_0_0.d0f6fe8ccf00.woff2") format('woff2'),
    url("../assets/fonts/AktivGrotesk/2F97E5_0_0.a7f1742da3cf.woff") format('woff'),
    url("../assets/fonts/AktivGrotesk/2F97E5_0_0.facf98a89b17.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AktivGroteskLight';
  src: url("../assets/fonts/AktivGrotesk/2F97E5_1_0.8eac6d696ff4.eot");
  src: url("../assets/fonts/AktivGrotesk/2F97E5_1_0.8eac6d696ff4.eot?#iefix") format('embedded-opentype'),
    url("../assets/fonts/AktivGrotesk/2F97E5_1_0.475e1e7a0a25.woff2") format('woff2'),
    url("../assets/fonts/AktivGrotesk/2F97E5_1_0.bc287ca726e5.woff") format('woff'),
    url("../assets/fonts/AktivGrotesk/2F97E5_1_0.eb7b429ed48f.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AktivGroteskMedium';
  src: url("../assets/fonts/AktivGrotesk/2F97E5_2_0.b367014ce8ad.eot");
  src: url("../assets/fonts/AktivGrotesk/2F97E5_2_0.b367014ce8ad.eot?#iefix") format('embedded-opentype'),
    url("../assets/fonts/AktivGrotesk/2F97E5_2_0.dd644c15a753.woff2") format('woff2'),
    url("../assets/fonts/AktivGrotesk/2F97E5_2_0.449571402391.woff") format('woff'),
    url("../assets/fonts/AktivGrotesk/2F97E5_2_0.70072ffa5b52.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AktivGroteskRegular';
  src: url("../assets/fonts/AktivGrotesk/2F97E5_3_0.fce918f675b3.eot");
  src: url("../assets/fonts/AktivGrotesk/2F97E5_3_0.fce918f675b3.eot?#iefix") format('embedded-opentype'),
    url("../assets/fonts/AktivGrotesk/2F97E5_3_0.adfbe535a82c.woff2") format('woff2'),
    url("../assets/fonts/AktivGrotesk/2F97E5_3_0.00f09c212d53.woff") format('woff'),
    url("../assets/fonts/AktivGrotesk/2F97E5_3_0.91dbb2bb44ba.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:url("../assets/fonts/icons/icomoon.75406c441969.eot?o5vrxi");
  src:url("../assets/fonts/icons/icomoon.75406c441969.eot?o5vrxi#iefix") format('embedded-opentype'),
    url("../assets/fonts/icons/icomoon.41ec5d055453.woff?o5vrxi") format('woff'),
    url("../assets/fonts/icons/icomoon.ee4f65029213.ttf?o5vrxi") format('truetype'),
    url("../assets/fonts/icons/icomoon.b7cd012169d6.svg?o5vrxi#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/*No cross for input in IE*/
input::-ms-clear {
    display: none;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -webkit-appearance: none;
}

b,
strong {
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  font-weight: 400;
}

/* overwrite the mapbox controls z-index */
body .leaflet-bottom,
body .leaflet-top {
  z-index: 10;
}

html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background-color: #f7f6f2;
  color: #333332;
  font-family: "AktivGroteskRegular", Arial, sans-serif;
  font-size: 12px;
  width: 100%;
  height: auto;
  overflow-x: hidden;
}

input,
textarea {
  outline: none;
  resize: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: 400;
  margin: 0;
  padding: 0;
}

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

ul li {
  margin: 0;
  padding: 0;
  display: block;
}

a {
  color: #59b1c9;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.site-container {
  width: 1280px;
  padding: 0 20px;
  margin: 0 auto;
  background-color: #FFF;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .site-container {
    width: 1360px;
    padding: 0 60px;
  }
}
@media (min-width: 1020px) and (max-width: 1279px) {
  .site-container {
    width: 1020px;
    padding: 0 20px;
  }
}
@media (min-width: 720px) and (max-width: 1019px) {
  .site-container {
    width: 720px;
    padding: 0 20px;
  }
}
@media (max-width: 719px) {
  .site-container {
    width: 100%;
    padding: 0 10px;
  }
}

main {
  position: relative;
  width: 100%;
}

.section-container section {
  margin-top: 60px;
}

.section-container section:first-child {
  margin-top: 0;
}

section,
footer {
  opacity: 0;
}

.mobile section,
.tablet section,
.mobile footer,
.tablet footer {
  opacity: 1;
}

.standard-form {
  background-color: #faf9f5;
  padding: 20px;
}

.standard-form input[type=text],
.standard-form input[type=email],
.standard-form textarea {
  border: none;
  display: block;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
  color: #91908f;
  font-size: 12px;
  padding: 5px 12px;
  margin-bottom: 5px;
}

.standard-form input[type=text],
.standard-form input[type=email] {
  height: 40px;
}

.standard-form label {
  color: #91908f;
  margin-bottom: 5px;
  display: block;
}

.standard-form input[type=submit] {
  margin-top: 15px;
}

.standard-form ul.errorlist li {
  color: red;
}

.contact-confirmation {
  margin-top: 1em;
}

.map-marker {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 6px;
  border: 4px solid #ff921e;
  transition: border-color 0.1s linear;
  -webkit-transition: border-color 0.1s linear;
  -moz-transition: border-color 0.1s linear;
  -ms-transition: border-color 0.1s linear;
  -o-transition: border-color 0.1s linear;
}

.map-marker:hover {
  border-color: #e44b00;
}

.map-marker-selected {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 6px;
  border: 4px solid #e44b00;
}

.map-cluster-marker {
  width: 25px;
  height: 25px;
  background-color: #ff921e;
  border-radius: 13px;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  font-size: 10px;
  font-family: "AktivGroteskBold", Arial, sans-serif;
  padding-top: 1px;
  transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}

.map-cluster-marker:hover {
  background-color: #e44b00;
}

.shutdown {
	background-color: #88cbe0;
  margin-left: -20px;
  margin-right: -20px;
  padding: 1rem;
  font-size: 1rem;
  text-align: center;
}

.shutdown p {
    font-weight: 1000;
}
.list-empty {
	text-align: center;
	padding: 40px 0;
	color: #4d4c4b;
}

.hidden {
    display: none;
}

.section-headline-container {
    /*height: 45px;
    padding-top: 8px;*/
    height: 38px;
    overflow: hidden;
}

.section-headline-container .section-headline {
    display: block;
    color: #3d3d3b;
    font-size: 20px;
    margin-top: -2px;
    float: left;
}

.section-headline-container .section-description {
	display: block;
	clear: both;
	width: 100%;
	margin-top: 90px;
	margin-bottom: 30px;
	line-height: 1.4em;
	font-size: 13px;
}

@media all and (min-width: 1020px) {
	.section-headline-container .section-description {
		width: 50%;
	}
}

.section-headline-container .section-headline.short {
    display: none;
}

.section-headline-container .text-cta {
    float: right;
    margin-top: 2px;
}

.arrow-sprite {
    /*TODO: delete this */
    background-image: url("../assets/images/ui/arrow-sprite@2x.9d00b0d0fdc2.png");
    background-repeat: no-repeat;
    background-size: 96px auto;
}

.arrow-sprite-small {
    /*TODO: delete this */
    background-image: url("../assets/images/ui/arrow-sprite@2x.9d00b0d0fdc2.png");
    background-repeat: no-repeat;
    background-size: 64px auto;
}

.icon-sprite {
    background-image: url("../assets/images/ui/icons-sprite@2x.2105740c6382.png");
    background-repeat: no-repeat;
    background-size: 96px auto;
}

.text-cta {
    text-decoration: none;
    position: relative;
}

.text-cta .text {
    font-size: 15px;
    color: #59b2ca;
    padding: 0;
    left: 0;
    position: relative;
    transition: color .15s linear, left .15s ease-in-out;
    -webkit-transition: color .15s linear, left .15s ease-in-out;
    -moz-transition: color .15s linear, left .15s ease-in-out;
    -ms-transition: color .15s linear, left .15s ease-in-out;
    -o-transition: color .15s linear, left .15s ease-in-out;
}

.text-cta::after {
    content: "\e906";
    font-family: 'icomoon';
    font-size: 12px;
    color: #59b2ca;
    vertical-align: top;
    line-height: 1em;
    padding-top: 2px;
    display: inline-block;
    margin-left: 5px;
    transition: color .15s linear, left .15s ease-in-out;
    -webkit-transition: color .15s linear, left .15s ease-in-out;
    -moz-transition: color .15s linear, left .15s ease-in-out;
    -ms-transition: color .15s linear, left .15s ease-in-out;
    -o-transition: color .15s linear, left .15s ease-in-out;

    /*content: '';*/
    /*width: 5px;
    height: 15px;*/
    /*line-height: 1em;*/
    /*display: inline-block;*/
    /*margin-left: 5px;*/
    /*background-image: url("../assets/images/ui/arrow-sprite@2x.9d00b0d0fdc2.png");
    background-repeat: no-repeat;
    background-size: 96px auto;
    background-position: -3px -191px;*/
}

.text-cta .circle-arrow {
    display: none;
}

.text-cta .text.short {
    display: none;
}

.desktop .text-cta:hover {
    text-decoration: none;
}

.desktop .text-cta:hover .text {
    color: #057b91;
    left: 3px;
    text-decoration: none;
}

.desktop .text-cta:hover::after {
    color: #057b91;
}

.desktop .text-cta:hover .circle-arrow {
    background-color: #5c8b99;
}

.circle-arrow {
    background-position: 4px -108px;
    width: 19px;
    height: 19px;
    background-color: #6ba2b3;
    border-radius: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: -3px;
    margin-left: 0;
    transition: background-color .15s linear;
    -webkit-transition: background-color .15s linear;
    -moz-transition: background-color .15s linear;
    -ms-transition: background-color .15s linear;
    -o-transition: background-color .15s linear;
}

.circle-icon {
    background-position: 0 0;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #FFF;
    display: inline-block;
}

.circle-icon-large {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background-color: #FFF;
}

.plain-icon {
    background-position: 0 0;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.icon-education {
    background-position: 0 0;
}
.icon-education-large {
    background-position: 4px 4px;
}

.icon-travel {
    background-position: 0 -32px;
}
.icon-travel-large {
    background-position: 4px -28px;
}

.icon-research {
    background-position: 0 -64px;
}
.icon-research-large {
    background-position: 4px -60px;
}

.icon-search {
    background-position: 0 -96px;
}
.icon-search-large {
    background-position: 4px -92px;
}

.icon-mail {
    background-position: 0 -128px;
}
.icon-mail-large {
    background-position: 4px -124px;
}

.icon-plus {
    background-position: 0 -160px;
}
.icon-plus-large {
    background-position: 4px -156px;
}

.icon-minus {
    background-position: 0 -192px;
}
.icon-minus-large {
    background-position: 4px -188px;
}

.icon-print {
    background-position: 0 -224px;
}
.icon-print-large {
    background-position: 4px -220px;
}

.icon-schedule {
    background-position: 0 -256px;
}
.icon-schedule-large {
    background-position: 4px -252px;
}

.icon-info {
    background-position: 0 -288px;
}
.icon-info-large {
    background-position: 4px -284px;
}

.icon-launch {
    background-position: 0 -320px;
}
.icon-launch-large {
    background-position: 4px -316px;
}

.icon-arrival {
    background-position: 0 -352px;
}
.icon-arrival-large {
    background-position: 4px -348px;
}

.icon-end-date {
    background-position: 0 -384px;
}
.icon-end-date-large {
    background-position: 4px -380px;
}

.icon-mission {
    background-position: 0 -416px;
}
.icon-mission-large {
    background-position: 4px -412px;
}

.icon-target {
    background-position: 0 -448px;
}
.icon-target-large {
    background-position: 4px -444px;
}

.icon-location {
    background-position: 0 -480px;
}
.icon-location-large {
    background-position: 4px -476px;
}

.icon-webcast {
    background-position: 0 -512px;
}
.icon-webcast-large {
    background-position: 4px -508px;
}

.icon-white {
    background-position-x: -32px;
}
.icon-white-large {
    background-position-x: -28px;
}

.icon-dark {
    background-position-x: -64px;
}
.icon-dark-large {
    background-position-x: -60px;
}

.cta-button {
    width: 310px;
    height: 40px;
    background-color: #59b1c9;
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

.cta-button .text-container {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: block;
}

.cta-button .text-container::after {
    content: "\e905";
    font-family: 'icomoon';
    font-size: 12px;
    color: #fff;
    vertical-align: top;
    line-height: 1em;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 13px;
    transition: right .15s ease-in-out;
    -webkit-transition: right .15s ease-in-out;
    -moz-transition: right .15s ease-in-out;
    -ms-transition: right .15s ease-in-out;
    -o-transition: right .15s ease-in-out;
}

.cta-button .cta-text {
    text-transform: uppercase;
    color: #FFF;
    display: inline-block;
    margin-top: 15px;
    font-size: 10.5px;
    margin-left: 20px;
    float: left;
    font-family: 'AktivGroteskBold', Arial, sans-serif;
    transition: padding .15s ease-in-out;
    -webkit-transition: padding .15s ease-in-out;
    -moz-transition: padding .15s ease-in-out;
    -ms-transition: padding .15s ease-in-out;
    -o-transition: padding .15s ease-in-out;
}

.cta-button .cta-arrow {
    width: 12px;
    height: 40px;
    display: none;
    float: right;
    margin-right: 14px;
    background-position: 0 -42px;
    transition: margin .15s ease-in-out;
    -webkit-transition: margin .15s ease-in-out;
    -moz-transition: margin .15s ease-in-out;
    -ms-transition: margin .15s ease-in-out;
    -o-transition: margin .15s ease-in-out;
}

.cta-button .arrow-bg {
    width: 47px;
    height: 100%;
    margin-left: 100%;
    position: absolute;
    top: 0;
    margin-top: 0;
    left: 0px;
    background-color: #057b91;
    transition: left .15s ease-in-out;
    -webkit-transition: left .15s ease-in-out;
    -moz-transition: left .15s ease-in-out;
    -ms-transition: left .15s ease-in-out;
    -o-transition: left .15s ease-in-out;
}

.section-top-border {
    /*width: 1280px;
    height: 0px;
    position: relative;
    background: #f7f6f2;
    z-index: 1;
    margin-left: -20px;
    padding-left: 20px;
    margin-bottom: 44px;*/
		display: none;
}

.desktop .cta-button:hover .arrow-bg {
    left: -47px;
}

.desktop .cta-button:hover .text-container::after {
    right: 18px;
}

/*.desktop .cta-button:hover .cta-arrow {
    margin-right: 18px;
}*/

.desktop .cta-button:hover .cta-text {
    padding-left: 4px;
}

.see-more-bar {
	display: block;
    width: 100%;
    height: 40px;
    background-color: #90d1e4;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.see-more-bar.disabled .blue-bg {
    top: 100% !important;
}

.see-more-bar .blue-bg {
    width: 100%;
    height: 100%;
    top: 100%;
    position: absolute;
    z-index: 1;
    background-color: #59b2ca;
    transition: top .15s ease-in-out;
    -webkit-transition: top .15s ease-in-out;
    -moz-transition: top .15s ease-in-out;
    -ms-transition: top .15s ease-in-out;
    -o-transition: top .15s ease-in-out;
}

.desktop .see-more-bar.hover .blue-bg {
    top: 0;
}

.see-more-bar span {
    font-size: 11px;
    color: #fff;
    font-family: 'AktivGroteskBold', Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1.3em;
    display: inline-block;
    margin-top: 14px;
    z-index: 2;
    position: relative;
}

.see-more-bar span:after {
    content: '\e902';
    display: inline-block;
    margin-left: 7px;
    font-family: 'icomoon';
    font-size: 6px;
    position: relative;
    top: -2px;
}

@media all and (min-width: 1600px) {
    .section-top-border {
        width: 1360px;
        margin-left: -60px;
    }
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
    .cta-button {
        width: 230px;
    }

    .section-top-border {
        width: 1020px;
    }
}

@media all and (min-width: 720px) and (max-width: 1019px) {
    .cta-button {
        width: 340px;
    }

    .section-top-border {
        width: 720px;
    }
}

@media all and (max-width: 719px) {
    .section-headline-container {
        height: auto;
        min-height: 30px;
        margin-bottom: 5px;
    }

    .section-headline-container .section-headline {
        font-size: 16px;
        margin-top: 2px;
    }

    .cta-button {
        width: 50%;
    }

    .cta-button .text-container .cta-text {
        font-size: 10.5px;
        margin-top: 14px;
        margin-left: 10px;
    }

    .text-cta {
        font-size: 10px;
    }

    .section-top-border {
        width: 110%;
        margin-bottom: 24px;
    }
}

.page-home .table-block .block-container {
	overflow: hidden;
}

/*.page-home .table-block .list-container .list-item {
	height: 82px;
}*/

.page-home .table-block .list-container.funding-container .list-item {
	overflow: hidden;
}

@media all and (max-width: 1019px) {
	.page-home .media-strip .list-multi-row .news-item:nth-child(5),
	.page-home .media-strip .list-multi-row .news-item:nth-child(6) {
		display: none;
	}
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	/*.page-home .table-block .list-container .list-item {
		height: 140px;
	}*/
}

@media all and (max-width: 599px) {
	/*.page-home .table-block .list-container .list-item {
		height: 120px;
	}	*/

	.page-home .table-block .section-headline-container .text-cta .text,
	.page-home .locations-map .section-headline-container .text-cta .text,
	.page-home .locations-map .section-headline-container .section-headline {
		display: none;
	}

	.page-home .table-block .section-headline-container .text-cta .short.text,
	.page-home .locations-map .section-headline-container .text-cta .short.text {
		display: inline;
	}

	.page-home .locations-map .section-headline-container .section-headline.short {
		display: inline;
	}
}

.page-news .section-headline-container:first-of-type {
	padding-top: 15px;
}

.page-news .content-header {
	margin-top: 44px;
	margin-bottom: 10px;
}

.page-news .content-header .section-headline-container {
	float: left;
}

.page-news .content-header .filter-wrap {
	float: right;
	clear: none;
	/*width: 475px; */
	/* 680px */
}

.page-news .content-header .filter-wrap > * {
	float: left;
}

/* Sub News page */
/*.page-news.page-news-sub .content-header .filter-wrap {
	width: 265px;
}*/

.page-news .resources-block {
	margin-top: 60px;
}

.page-news .resources-block .section-headline-container {
	margin-top: 44px;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.page-news .content-header .filter-wrap {
		/*width: 377px;*/ /* 536px; */
	}

	/* Sub News page */
	.page-news.page-news-sub .content-header .filter-wrap {
		/*width: 265px;*/ /* 536px; */
	}
}

@media all and (max-width: 1019px) {
     .page-news .filter-wrap {
        display: block;
    }

    .page-news .content-header .filter-wrap .title,
    .page-news .content-header .filter-wrap .dropdown {
        display: none;
    }
}

@media all and (min-width: 449px) and (max-width: 1019px) {
	.page-news .content-header .filter-wrap {
		/*width: 197px;*/
	}

	/* Sub News page */
	.page-news.page-news-sub .content-header .filter-wrap {
		/*width: 197px;*/ /* 536px; */
	}
}

@media all and (max-width: 719px) {
	.page-news .content-header {
		margin-top: 34px;
	}

	.page-news .media-strip,
	.page-news .featured-media {
		margin-top: 20px;
	}
}

@media all and (max-width: 450px) {
	.page-news .section-headline-container:first-of-type {
		padding-top: 8px;
	}

    .page-news .content-header .filter-wrap .title,
    .page-news .content-header .filter-wrap .dropdown {
        display: none;
    }

	.page-news .content-header .filter-wrap,
	.page-news .content-header .filter-wrap .search-box{
		width: 100%;
		margin-bottom: 5px;
	}
}

.page-missions .content-header {
	margin-top: 44px;
	margin-bottom: 20px;
}

/*.page-missions .content-header .section-headline-container {
	float: left;
}*/

/*.page-missions .content-header .time-navigation {
	float: left;
	display: inline-block;
	clear: both;
}*/

/*.page-missions .content-header .filter-wrap {
	float: right;
	display: inline-block;
	width: 611px;
}*/

.page-missions #past-missions.missions-blocks {
	padding-bottom: 20px;
}

.page-missions .resources-block .section-headline-container {
	margin-top: 44px;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	/*.page-missions .content-header .filter-wrap {	
		width: 467px;	
	}	*/
}


@media all and (min-width: 720px) and (max-width: 1019px) {
	.page-missions .content-header .filter-wrap {
    	display: block;
    }

	/*.page-missions .content-header .filter-wrap {	
		width: auto;	
	}			*/
}

@media all and (max-width: 1019px) {
    .page-missions .content-header .filter-wrap .dropdown {
        display: none;
    }
}

@media all and (max-width: 719px) {
	.page-missions .content-header {
		margin-top: 20px;
	}

	/*.page-missions .content-header .filter-wrap {
		display: none;
	}*/

	.page-missions .section-headline-container:first-of-type {
		display: none;
	}

	/*.page-missions .missions-blocks .section-headline-container:first-of-type {
		margin-top: 0;
	}*/
	
}

@media all and (max-width: 340px) {
	.time-navigation .nav-box {
	    width: 80px;
	}

	.time-navigation .bg-box {
		width: 81px;
	}
}
.page-funding .featured-media {
	margin-top: 20px !important;
}

.page-funding .content-header {
	margin-top: 44px;
	margin-bottom: 20px;
}

.page-funding .content-header .section-headline-container {
	float: left;
}

.page-funding .content-header .month-selector {
	float: left;
	display: inline-block;
	clear: both;
}

.page-funding .content-header .time-navigation {
	float: left;
	display: inline-block;
	margin-right: 10px;
}

.page-funding .content-header .time-navigation .bg-box.first {
	width: 93px;
}

.page-funding .content-header .time-navigation .nav-box.first {
	width: 93px;
}

.page-funding .table-block .block-container {
	/*margin-bottom: 20px;*/
}

.page-funding .table-block .block-container.last {
	margin-bottom: 0;
}

.page-funding .expandable-panel {
	margin-top: 60px;
}

.page-funding .table-block .list-container .list-item .date {
	float: left;
}

.page-funding .see-more-bar {
	margin-bottom: 24px;
}

.page-funding .filter-wrap {
	float: right;
	clear: none;
	margin-bottom: 0;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {

	.page-funding .content-header .time-navigation .bg-box,
	.page-funding .content-header .time-navigation .bg-box.first {
		width: 75px;
	}

	.page-funding .content-header .time-navigation .nav-box,
	.page-funding .content-header .time-navigation .nav-box.first {
		width: 75px;
	}

	/*.page-funding .filter-wrap .dropdown,*/
	.page-funding .filter-wrap .search-box {
		width: 230px;
	}

}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.page-funding .content-header .time-navigation {
		float: right;
		margin-right: 0;
	}
}

@media all and (max-width: 719px) {
	.page-funding .content-header .time-navigation {
		display: none;
	}
}

@media all and (max-width: 442px) {
	.page-funding .content-header .month-selector {
		width: 100%;
	}
}

.page-events .content-header {
	margin-top: 44px;
	margin-bottom: 10px;
}

.page-events .content-header .section-headline-container {
	float: left;
}

.page-events .content-header .filter-wrap {
	float: right;
	clear: none;
	margin-bottom: 0;
	margin-top: -9px;
}

/*.page-events .content-header .month-selector {
	float: left;
	display: inline-block;
	clear: both;
}*/

.page-events .content-header .time-navigation {
	float: left;
	display: inline-block;
	margin-right: 10px;
}

.page-events .content-header .time-navigation .bg-box.first {
	width: 93px;
}

.page-events .content-header .time-navigation .nav-box.first {
	width: 93px;
}

.page-events .table-block .block-container {
	margin-bottom: 20px;
}

.page-events .table-block .block-container.last {
	margin-bottom: 0px;
}

.page-events .see-more-bar {
}

@media all and (min-width: 1020px) and (max-width: 1279px) {

	.page-events .content-header .time-navigation .bg-box,
	.page-events .content-header .time-navigation .bg-box.first {
		width: 75px;
	}

	.page-events .content-header .time-navigation .nav-box,
	.page-events .content-header .time-navigation .nav-box.first {
		width: 75px;
	}

	/*.page-events .filter-wrap .dropdown,*/
	.page-events .filter-wrap .search-box {
		width: 215px;
	}

}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.page-events .filter-wrap {
		display: block;
	}

	.page-events .filter-wrap .dropdown {
		display: none;
	}

	.page-events .filter-wrap .search-box {
		float: right;
	}
}

@media all and (max-width: 719px) {
	.page-events .content-header {
		margin-top: 20px;
	}
}

@media all and (max-width: 442px) {
	.page-events .content-header .time-navigation {
		display: none;
	}

	.page-events .content-header .month-selector {
		width: 100%;
	}
}

.page-faq .featured-header {
	margin-top: 20px !important;
}

.page-faq .content-header {
	margin-top: 44px;
}

/*.page-faq .content-header {
	margin-top: 44px;
	margin-bottom: 10px;
}*/

/*.page-faq .content-header .section-headline-container {
	float: left;
}*/

/*.page-faq .content-header .filter-wrap {
	float: right;
	clear: none;
	margin-top: -8px;
	margin-bottom: 0;
}*/

.page-faq .featured-media {
	margin-top: 0 !important;
	margin-bottom: 20px;
}

.page-faq .see-more-bar {
	margin-top: -20px;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	/*.page-faq .content-header .filter-wrap {
		float: right;
		width: 377px;
	}*/
}

@media all and (max-width: 1019px) {
	/*.page-faq .content-header .filter-wrap {
		width: 197px;
		display: inline-block;
	}	*/

	.page-faq .content-header .filter-wrap .title {
		display: none;
	}

    .page-faq .content-header .filter-wrap .dropdown {
        display: none;
    }
}

@media all and (max-width: 719px) {
	.page-faq .content-header {
		margin-top: 20px;
	}
}

@media all and (max-width: 450px) {
	/*.page-faq .content-header .filter-wrap {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}	*/

    .page-faq .filter-wrap .search-box {
    	width: 100% !important;
    }
}

.page-mission-details .slideshow {
	margin-top: 20px !important;
}

.page-mission-details .article-header .col-2 h2 {
	margin-top: 50px;
}

.page-mission-details .section-headline-container {
	overflow: visible;
}

.section-container section.article-header:first-child {
	margin-top: 20px;
}

.section-container section.article-header.has-slideshow:first-child {
	margin-top: 0;
}

.page-mission-details .article-container {
	margin-top: 40px;
}

.page-mission-details .slide-container .info-list {
	width: 340px;
}

.page-mission-details .slideshow .info-list .info-item {
	height: 40px;
	position: absolute;
	bottom: 0;
	cursor: pointer;
}

.page-mission-details .slideshow .info-list .subtitle {
	line-height: 9px;
}

.page-mission-details .slideshow .info-list.open {
	height: 150px;
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.page-mission-details .slideshow .slide-container {
		height: 280px;
	}

	.page-mission-details .slideshow .slide-controls {
		bottom: 100px;
	}

	.page-mission-details .article-header .col-2 h1,
	.page-mission-details .article-header .col-2 h2{
		padding-right: 15px;
	}

	.page-mission-details .article-header .col-1 {
		width: auto;
		height: 100%;
		float: left;
		margin-left: 20px;
	}

	.page-mission-details .article-header .col-1 img {
		max-width: 90%;
		max-height: 197px;
		margin: 0 auto;
		display: block;
	}

	.page-mission-details .article-header .col-2 {
		width: 450px;
	}
}

@media all and (max-width: 1000px) {
	.page-mission-details .slideshow .info-list {
		float: right;
	}

	.page-mission-details .slideshow .slide-container {
		height: 280px;
	}

	.page-mission-details .slideshow .slide-controls {
		bottom: 100px;
	}
}

@media all and (max-width: 720px) {
	.page-mission-details .slideshow .slide-container {
		height: auto;
	}
	.page-mission-details .slideshow .info-list {
		width: 100%;
	}

	.page-mission-details .article-header .col-1 {
		display: none;
	}
}

@media all and (max-width: 500px) {

	.page-mission-details .slide-container .info-list .subtitle {
		display: none;
	}

	.page-mission-details .article-header h2 {
		display: none;
	}
}

.page-careers .featured-header {
	margin-top: 20px !important;
}

.page-careers .content-header {
	margin-top: 44px;
}

.page-careers .content-header .section-headline-container {
	float: left;
}

.page-careers .about-summary .info-container .headline {
	font-size: 40px;
}

.page-careers .table-block .icon-text {
	margin-left: 0;
}

.page-careers .table-block {
	margin-top: 0;
}

.page-careers .text-cta {
	float: right;
	margin-top: 1px;
}

@media all and (max-width: 719px) {
	.page-careers .content-header {
		margin-top: 20px;
	}		

	.page-careers .text-cta {
		margin-top: 2px;
	}
}	

@media all and (max-width: 599px) {	
	.page-careers .about-summary .info-container .bottom-container {
		display: block;
	}

	.page-careers .about-summary .info-container .headline {
		font-size: 30px !important;
	}

	.page-careers .text-cta .text {
		display: none;
	}

	.page-careers .text-cta .text.short {
		display: inline-block;
	}
}
.page-multimedia .section-headline-container:first-of-type {
	padding-top: 15px;
}

.page-multimedia .content-header {
	margin-top: 44px;
	margin-bottom: 10px;
}

.page-multimedia .content-header .section-headline-container {
	float: left;
}

.page-multimedia .content-header .filter-wrap {
	float: right;
	/*width: 680px;*/
	clear: none;
}

.page-multimedia .content-header .filter-wrap form {
	float: left;
}

.page-multimedia .resources-block {
	margin-top: 20px;
}

.page-multimedia .resources-block .section-headline-container {
	margin-top: 44px;
}

.page-multimedia .media-strip .news-item {
	margin-right: 10px;
	margin-bottom: 10px;
	display: block !important;
}

.page-multimedia .media-strip .news-item:nth-child(3n) {
	margin-right: 10px;
}

.page-multimedia .media-strip .news-item:nth-child(4n) {
	display: block;
}

@media all and (min-width: 1280px) {
	.page-multimedia .media-strip .news-item:nth-child(3n) {
		margin-right: 0;
	}

	.page-multimedia .media-strip .news-item {
		margin-right: 20px;
		margin-bottom: 20px;
	}
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	/*.page-multimedia .content-header .filter-wrap {	
		width: 536px;	
	}	*/

	.page-multimedia .media-strip .news-item:nth-child(3n) {
		margin-right: 0;
	}
}

@media all and (max-width: 1019px) {
	.page-multimedia .filter-wrap {
        display: block;
    }

    .page-multimedia .content-header .filter-wrap .title,
    .page-multimedia .content-header .filter-wrap .dropdown {
        display: none;
    }

    .page-multimedia .media-strip .news-item:nth-child(2n) {
		margin-right: 0;
	}
}


@media all and (max-width: 719px) {
	.page-multimedia .content-header {
		margin-top: 34px;
	}

	.page-multimedia .media-strip {
		margin-top: 40px;
	}

	.page-multimedia .media-strip .news-item:nth-child(2n) {
		margin-right: 0;
	}
}

/*@media all and (min-width: 449px) and (max-width: 1019px) {
	.page-multimedia .content-header .filter-wrap {	
		width: 197px;	
	}
}*/

@media all and (max-width: 450px) {
	.page-multimedia .media-strip .news-item:nth-child(2n) {
		margin-right: 0;
	}

	.page-multimedia .section-headline-container:first-of-type {
		padding-top: 8px;
	}
	
    .page-multimedia .content-header .filter-wrap .title,
    .page-multimedia .content-header .filter-wrap .dropdown {
        display: none;
    }

	.page-multimedia .content-header .filter-wrap,
	.page-multimedia .content-header .filter-wrap .search-box{	
		width: 100%;	
		margin-bottom: 5px;
	}   
}

.page-article .slide-container .readmore {
	display: none;
	padding: 0 10px;
	margin-top: 5px;
	color: white;
}

.page-article .media-strip .section-headline-container {
	margin-top: 44px;
}

.page-article .news-headline {
	font-family: 'AktivGroteskRegular', Arial, sans-serif !important;
}

.page-article section:first-child {
	margin-top: 20px !important;
}

.page-article .article-container section:first-child {
	position: absolute;
	margin-top: 0 !important;
	z-index: 1;
	width: auto;
}

@media all and (max-width: 1019px) {
	.page-article .slideshow .slide-container {
		height: 280px;
	}

	.page-article .article-container section:first-child {
		position: relative;
	}
}

@media all and (max-width: 719px) {
	.page-article .slideshow .slide-container {
		height: auto;
	}
}

.page-education .section-headline-container {
	margin-top: 44px;
}

.page-education .resources-block {
	margin-top: 20px;
}

.page-education .text-strip .news-item {
	height: 280px;
}

@media all and (max-width: 719px) {
	.page-education .resources-block .section-headline-container {
		margin-top: 20px;
	}
}	
.page-resources .section-headline-container {
	margin-top: 44px;
}

.page-resources .extra-info .info-container .headline {
	color: #fff;
}

.page-resources .extra-info .text-cta {
	float: right;
	margin-top: 7px;
}

@media all and (max-width: 719px) {
	.page-resources .section-headline-container {
		margin-top: 20px;
	}	
}	

@media all and (max-width: 400px) {
	.page-resources .text-cta .text {
		display: none;
	}

	.page-resources .text-cta .text.short {
		display: inline-block;
	}
}
.page-text-template .article-header {
  margin-top: 20px !important;
  margin-bottom: 36px;
}
.page-text-template .article-image {
  /*margin-bottom: 40px;*/
}
@media all and (max-width: 719px) {
  .page-text-template .article-image {
    margin-bottom: 20px;
  }
}
@media all and (min-width: 1020px) and (max-width: 1279px) {
  .page-text-template .article-content.last .article-col.middle-col {
    width: 480px;
  }
}

.page-graphic-novels .featured-header {
  margin-top: 20px !important;
}

@media all and (max-width: 719px) {
	.page-graphic-novels .graphic-novels-blocks .section-headline-container {
		margin-top: 20px;
	}
}	

.page-science .section-headline-container {
  margin-top: 44px;
}
.page-science .table-block .text-cta,
.page-science .statistics-block .text-cta {
  float: right;
  margin-top: 7px;
}
.page-science .resources-block {
  margin-top: 20px;
}
@media all and (max-width: 719px) {
  .page-science .section-headline-container {
    margin-top: 20px;
  }
}
@media all and (max-width: 719px) {
  .page-science .astrobiology-map {
    margin-bottom: 56px;
  }
}
@media all and (max-width: 340px) {
  .page-science .statistics-block .canvas-container .number-container {
    top: auto !important;
  }
}
@media all and (max-width: 719px) {
  .page-science .statistics-block .canvas-container .number-container {
    top: 150px !important;
  }
}
@media all and (max-width: 719px) {
  .page-science .statistics-block .canvas-container .number-container.statistic-1 {
    left: 20px;
  }
}
@media all and (max-width: 719px) {
  .page-science .statistics-block .canvas-container .number-container.statistic-2 {
    left: 30%;
    width: 55px;
  }
}
@media all and (max-width: 719px) {
  .page-science .statistics-block .canvas-container .number-container.statistic-3 {
    left: 52%;
    margin-right: 15px;
  }
}
@media all and (max-width: 719px) {
  .page-science .statistics-block .canvas-container .number-container.statistic-4 {
    left: 78%;
  }
}
@media all and (max-width: 440px) {
  .page-science .text-cta .text {
    display: none;
  }
}
@media all and (max-width: 440px) {
  .page-science .text-cta .text.short {
    display: inline-block;
  }
}

.page-about .article-quote .quote {
	font-style: italic;
	font-size: 22px;
	margin-top: 44px;
	display: block;
}

.page-about .article-list ul.bullet-list {
	margin-bottom: -14px;
}

.page-about .statistics-block {
	margin-bottom: 44px;
}

.page-about .statistics-block .canvas-container {
	height: 540px;
}

.page-about .statistics-block .canvas-container .number-container .number {
	font-size: 70px;
}

.page-about .statistics-block .canvas-container .number-container .name {
	font-size: 11px;
}

.page-about .statistics-block .canvas-container .number-container.statistic-1 {
	left: 40px;
}

.page-about .media-strip {
	margin-bottom: 20px;
}

.page-about .astrobiology-map {
	margin-bottom: 44px;
}

.page-about .video-player {
	height: 359px;
	position: relative;
	margin-top: 3px;
}

.page-about .video-player {
	height: 100%;
}

.page-about .audio-player {
	margin-top: 2px;
}

@media all and (max-width: 1279px) and (min-width: 1020px) {

	.page-about .statistics-block .canvas-container .number-container.statistic-4 {
		left: 750px;
	}

	.page-about .statistics-block .canvas-container .number-container.statistic-3 {
		left: 500px;
	}
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.page-about .statistics-block .canvas-container .number-container .number {
		font-size: 50px;
	}

	.page-about .statistics-block .canvas-container .number-container .name {
		width: 100px;
	}

	.page-about .slideshow {
		margin-bottom: 44px;
	}

	.page-about .slideshow .slide-container {
		height: 280px;
	}	
}

@media all and (max-width: 719px) {
	.page-about .statistics-block .canvas-container .number-container .number {
		font-size: 22px;
	}	

	.page-about .statistics-block .canvas-container .number-container .name {
		font-size: 9px;
	}

	.page-about .statistics-block .canvas-container .number-container.statistic-1 {
		left: 20px;
	}

	.page-about .statistics-block .canvas-container .number-container.statistic-2 {
		left: 30%;
	}

	.page-about .statistics-block .canvas-container .number-container.statistic-3 {
		left: 52%;
	}

	.page-about .statistics-block .canvas-container .number-container.statistic-4 {
		left: 78%;
	}

	.page-about	.astrobiology-map {
		margin-bottom: 80px;
	}	

	.page-about .article-quote .quote {
		font-size: 18px;
	}

	.page-about .slideshow {
		margin-bottom: 24px;
	}	

	.page-about .slideshow .slide-container {
		height: auto;
	}	
}

@media all and (max-width: 400px) {
	.page-about .text-cta .text {
		display: none;
	}

	.page-about .text-cta .text.short {
		display: inline-block;
	}
}
.page-directory .content-header {
	margin-top: 44px;
	margin-bottom: 20px;	
}

.page-directory .content-header .section-headline-container {
  float: left;
}

.page-directory .section-headline-container:first-of-type {
  padding-top: 16px;
}

.page-directory .content-header .filter-wrap {
  float: right;
  width: 887px;
}

.page-directory .section-container .directory-block {
	margin-top: 20px;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.page-directory .content-header .filter-wrap {	
		width: 695px;	
	}	
}

@media all and (max-width: 1019px) {
	.page-directory .section-headline-container:first-of-type {
	  padding-top: 14px;
	}

     .page-directory .content-header .filter-wrap{
        display: block;
    }

    .page-directory .content-header .filter-wrap .title,
    .page-directory .content-header .filter-wrap .dropdown {
        display: none;
    }
}

@media all and (max-width: 719px) {
	.page-directory .content-header {
		margin-top: 34px;
	}
}

@media all and (min-width: 449px) and (max-width: 1019px) {

	.page-directory .content-header .filter-wrap {	
		width: 197px;	
	}
}

@media all and (max-width: 450px) {
	.page-directory .section-headline-container:first-of-type {
		padding-top: 8px;
	}
	
    .page-directory .content-header .filter-wrap .title,
    .page-directory .content-header .filter-wrap .dropdown {
        display: none;
    }

	.page-directory .content-header .filter-wrap,
	.page-directory .content-header .filter-wrap .search-box{	
		width: 100%;	
		margin-bottom: 5px;
	}   
}
.page-directory-detail .article-header {
	padding-bottom: 20px;
}

.page-directory-detail .article-header .image-container {
	position: relative;
	overflow: hidden;
}

.page-directory-detail .article-header .image-container img {
	float: left;
}

.page-directory-detail .article-header .cta-button {
	position: absolute;
	bottom: 0;
	right: 0;
}

.page-directory-detail .article-header .cta-button .cta-arrow.icon-sprite {
	width: 32px;
	background-position: -32px -128px;
	margin: 3px 8px 0 0;
}

.page-directory-detail .article-header.has-image .col-1 {
	margin-top: 30px;
}

.page-directory-detail .article-header .col-1 img {
	width: 162px;
	height: 162px;
	border-radius: 81px;
	border: 6px solid #fff;
}

.page-directory-detail .article-header.has-image .col-2 {
	margin-top: 44px;
}

.page-directory-detail .article-header .col-2 .subheadline {
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}

.page-directory-detail .article-header .col-2 h1 {
	margin-top: 3px;
	margin-bottom: 30px;
}

.page-directory-detail .article-header .col-2 h2 {
	color: #333332;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	margin-top: 3px;
}

.page-directory-detail .article-container {
	margin-top: 40px;
}

.page-directory-detail .article-container .article-list strong {
	margin-top: 18px;
}

.page-directory-detail .right-col .article-source {
	margin-top: 55px;
}

.page-directory-detail .directory-block .block {
	background-color: #f7f6f4;
}

@media (max-width: 1279px) {
	.page-directory-detail .right-col .article-source {
		margin-top: 0px;
	}
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.page-directory-detail .article-header .col-1, .article-header .col-2 {
	  display: inline-block;
	}	

	.page-directory-detail .article-header .col-1 {
		width: 210px;
	}

	.page-directory-detail .article-header .col-2 {
		width: 470px;
		float: left;
		padding-left: 0;
	}

	.page-directory-detail .article-header.has-image .col-2 {
		margin-top: 40px;
	}

	.page-directory-detail .article-header .col-1 img {
		width: 138px;
		height: 138px;
		border-radius: 69px;
	}

	.page-directory-detail .directory-block .block .section:nth-of-type(-n+3) {
		margin-bottom: 0px;
	}	
}

@media (max-width: 1019px) {
	.page-directory-detail .article-content .article-col.left-col {
		margin-bottom: 54px;
	}	
}

@media (max-width: 719px) {
	.page-directory-detail .article-header.has-image .col-2 {
		margin-top: 4px;
	}

	.page-directory-detail .article-header .col-2 h1 {
		font-size: 22px;
	}

	.page-directory-detail .article-header .col-2 h2 {
		font-size: 14px;
	}

	.page-directory-detail .directory-block .block .section:nth-of-type(-n+4) {
		margin-bottom: 0px;
	}		
}
.page-search-results .article-header {
  margin-top: 20px !important;
  margin-bottom: 36px;
}
.page-search-results .article-header .col-2 {
  margin-left: 310px;
}
@media all and (min-width: 1020px) and (max-width: 1279px) {
  .page-search-results .article-header .col-2 {
    margin-left: 230px;
  }
}
@media all and (max-width: 1019px) {
  .page-search-results .article-header .col-2 {
    margin-left: 0px;
  }
}
.page-search-results .article-header .col-2 h1 {
  margin-top: 40px;
}
.page-search-results .search-results-box {
  margin-top: 10px;
  margin-bottom: 40px;
}
@media all and (max-width: 1019px) {
  .page-search-results .search-results-box {
    margin-top: 10px;
  }
}
.page-search-results .article-content.last {
  margin-bottom: 44px;
}
@media all and (max-width: 1019px) {
  .page-search-results .left-col {
    display: none;
  }
}

.page-history .milestones-slideshow  {
	margin: 64px 0 84px
}

.page-history .article-quote .quote {
	font-style: italic;
	font-size: 22px;
	margin-top: 44px;
	display: block;
}

.page-history .article-list ul.bullet-list {
	margin-bottom: -14px;
}

.page-history .statistics-block {
	margin-bottom: 44px;
}

.page-history .statistics-block .canvas-container {
	height: 540px;
}

.page-history .statistics-block .canvas-container .number-container .number {
	font-size: 70px;
}

.page-history .statistics-block .canvas-container .number-container .name {
	font-size: 11px;
}

.page-history .statistics-block .canvas-container .number-container.statistic-1 {
	left: 40px;
}

.page-history .media-strip {
	margin-bottom: 20px;
}

.page-history .astrobiology-map {
	margin-bottom: 44px;
}

.page-history .video-player {
	height: 359px;
	position: relative;
	margin-top: 3px;
}

.page-history .video-player {
	height: 100%;
}

.page-history .audio-player {
	margin-top: 2px;
}

@media all and (max-width: 1279px) and (min-width: 1020px) {

	.page-history .statistics-block .canvas-container .number-container.statistic-4 {
		left: 750px;
	}

	.page-history .statistics-block .canvas-container .number-container.statistic-3 {
		left: 500px;
	}
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.page-history .statistics-block .canvas-container .number-container .number {
		font-size: 50px;
	}

	.page-history .statistics-block .canvas-container .number-container .name {
		width: 100px;
	}

	.page-history .slideshow {
		margin-bottom: 44px;
	}

	.page-history .slideshow .slide-container {
		height: 280px;
	}	
}

@media all and (max-width: 719px) {
	.page-history .statistics-block .canvas-container .number-container .number {
		font-size: 22px;
	}	

	.page-history .statistics-block .canvas-container .number-container .name {
		font-size: 9px;
	}

	.page-history .statistics-block .canvas-container .number-container.statistic-1 {
		left: 20px;
	}

	.page-history .statistics-block .canvas-container .number-container.statistic-2 {
		left: 30%;
	}

	.page-history .statistics-block .canvas-container .number-container.statistic-3 {
		left: 52%;
	}

	.page-history .statistics-block .canvas-container .number-container.statistic-4 {
		left: 78%;
	}

	.page-about	.astrobiology-map {
		margin-bottom: 80px;
	}	

	.page-history .article-quote .quote {
		font-size: 18px;
	}

	.page-history .slideshow {
		margin-bottom: 24px;
	}	

	.page-history .slideshow .slide-container {
		height: auto;
	}	
}

@media all and (max-width: 400px) {
	.page-history .text-cta .text {
		display: none;
	}

	.page-history .text-cta .text.short {
		display: inline-block;
	}
}
.page-locations .table-block .list-container .list-item .column-1 {
	color: #004759;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	padding-top: 33px;
}

.page-locations .table-block .list-container .list-item .column-1 .icon-text {
	width: 245px;
}

.page-locations .table-block .list-container .list-item .column-3 {
	color: #004759;
	font-size: 10px;
	font-family: 'AktivGroteskRegular', Arial, sans-serif;
	padding-top: 36px;
}

.page-locations .section-headline-container .text-cta {
	display: none;
}

@media all and (min-width: 1019px) and (max-width: 1279px) {
	.page-locations .table-block .list-container .list-item .column-1 .icon-text {
		width: 165px;
	}
}

@media all and (max-width: 1019px) {
	.page-locations .table-block .list-container .list-item .column-1 .icon-text {
		width: 90%;
	}
}

@media all and (max-width: 719px) {
	
}
.page-newsletters {

}

.page-newsletters .section-headline-container .section-headline {
	margin-top: 0;
}

.page-newsletters .filter-wrap {
	margin-bottom: 10px;
}

.page-newsletters .filter-wrap .text-cta {
	padding-top: 13px;
}

.desktop.page-newsletters .filter-wrap .text-cta:hover {
	color: #057b91;
}

.page-newsletters .filter-wrap .text-cta::after {
	font-size: 9px;
}

.page-newsletters .media-strip .news-item:nth-child(4n) {
	display: block;
}

.page-newsletters .media-strip .news-item {
	margin-bottom: 20px;
}

@media (max-width: 1019px) and (min-width: 600px) {
	.page-newsletters .media-strip .news-item:nth-child(3n),
	.page-newsletters .media-strip .news-item:nth-child(4n) {
		display: block;
	}

	.page-newsletters .media-strip .news-item:nth-child(3n) {
		margin-right: 10px;
	}

	.page-newsletters .media-strip .news-item:nth-child(2n) {
		margin-right: 0;
	}
}

@media (max-width: 599px) {
	.page-newsletters .media-strip .news-item {
		display: block;
	}
}

.page-learning-materials .image-header {
	margin-bottom: 0;
}
.page-learning-materials .image-header .blue-panel {
	height: 100px;
}
.page-learning-materials section.content-header > div.filter-wrap {
	margin-left: 1043px;
}
header {
  width: 100%;
  height: 160px;
}
@media all and (min-width: 720px) and (max-width: 1019px) {
  header {
    height: 150px;
  }
}
@media all and (max-width: 719px) {
  header {
    height: 65px;
  }
}
header a {
  text-decoration: none;
}
header .subheader {
  position: relative;
  width: 1280px;
  background-color: #f7f6f2;
  height: 45px;
  margin-left: -20px;
}
@media all and (min-width: 1600px) {
  header .subheader {
    width: 1360px;
    margin-left: -60px;
  }
}
@media all and (min-width: 1020px) and (max-width: 1279px) {
  header .subheader {
    width: 1020px;
  }
}
@media all and (min-width: 720px) and (max-width: 1019px) {
  header .subheader {
    width: 720px;
  }
}
@media all and (max-width: 719px) {
  header .subheader {
    display: none;
    margin-left: 0;
    width: 100%;
    background-color: none;
    height: auto;
  }
}
header .subheader ul {
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  float: right;
}
@media all and (max-width: 719px) {
  header .subheader ul {
    width: 100%;
    float: none;
  }
}
header .subheader li {
  height: 100%;
  float: left;
  margin-right: 30px;
  position: relative;
}
@media all and (max-width: 719px) {
  header .subheader li {
    display: block;
    float: none;
    margin: 0;
    padding: 15px 10px;
    height: auto;
  }
}
header .subheader li:last-child {
  margin-right: 0;
}
@media all and (max-width: 719px) {
  header .subheader li:last-child {
    display: none;
  }
}
header .subheader li:hover .dropdown {
  display: block;
}
header .subheader li .dropdown {
  display: none;
  position: absolute;
  background-color: #f7f6f2;
  top: 45px;
  left: -20px;
  z-index: 21;
  width: 158px;
  box-shadow: 0 5px 0px rgba(0, 0, 0, 0.15);
}
@media all and (max-width: 719px) {
  header .subheader li .dropdown {
    display: block;
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin-top: 10px;
    box-shadow: none;
    background-color: transparent;
  }
}
header .subheader li .dropdown a {
  display: block;
  color: #59b1c9;
  border-bottom: 1px solid #eaeae7;
  padding: 12px 25px 12px 20px;
  line-height: 1.4em;
}
header .subheader li .dropdown a:hover {
  background-color: #eeefec;
}
@media all and (max-width: 719px) {
  header .subheader li .dropdown a {
    font-size: 14px;
    padding: 8px 0 8px 10px;
    border-bottom: none;
  }
}
@media all and (max-width: 719px) {
  header .subheader li a {
    padding: 0;
    display: block;
    height: auto;
    vertical-align: top;
    line-height: 1em;
    font-size: 14px;
    text-transform: none;
  }
}
header .subheader a {
  display: inline-block;
  text-transform: uppercase;
  color: #59b1c9;
  font-size: 10px;
  letter-spacing: .5px;
  height: 100%;
  vertical-align: middle;
  padding-top: 23px;
  position: relative;
  transition: color 0.1s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -ms-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
}
header .subheader a:hover {
  color: #004759;
  text-decoration: none;
}
header .subheader a.dropdown-button::after {
  content: "\e902";
  font-family: "icomoon";
  font-size: 5px;
  color: #59b1c9;
  vertical-align: top;
  margin: -1px 0 0 7px;
  display: inline-block;
  transition: color 0.1s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -ms-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
}
header .subheader a.dropdown-button:hover::after {
  color: #004759;
}
header .logo {
  margin-top: 26px;
  margin-left: -5px;
  float: left;
}
@media all and (min-width: 720px) and (max-width: 1019px) {
  header .logo img {
    height: 100%;
    width: auto;
  }
}
@media all and (max-width: 719px) {
  header .logo img {
    height: 100%;
    width: auto;
  }
}
header .logo img.mobile {
  display: none;
}
@media all and (max-width: 719px) {
  header .logo img.mobile {
    display: block;
  }
}
@media all and (max-width: 719px) {
  header .logo img.desktop {
    display: none;
  }
}
@media all and (min-width: 720px) and (max-width: 1019px) {
  header .logo {
    margin-top: 25px;
    float: left;
    height: 50px;
    width: auto;
  }
}
@media all and (max-width: 719px) {
  header .logo {
    margin-top: 11px;
    margin-left: -3px;
    float: left;
    height: 37px;
    width: auto;
  }
}
header .search-button {
  display: block;
  width: 45px;
  height: 45px;
  background-color: #eaebe8;
  margin-left: -10px;
  font-family: "icomoon";
  font-size: 20px;
  color: #91908f;
  line-height: 1em;
  padding: 12px 0 0 13px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 0.15s linear, color 0.15s linear;
  -webkit-transition: background-color 0.15s linear, color 0.15s linear;
  -moz-transition: background-color 0.15s linear, color 0.15s linear;
  -ms-transition: background-color 0.15s linear, color 0.15s linear;
  -o-transition: background-color 0.15s linear, color 0.15s linear;
}
header .search-button:hover, header .search-button.show {
  background-color: #88cbe0;
  color: #fff;
}
header .search-form {
  position: absolute;
  top: 0;
  right: 45px;
  margin: 0;
  width: 0;
  height: 100%;
  border-radius: 0;
  overflow: hidden;
  transition: width 0.4s ease-in-out;
  -webkit-transition: width 0.4s ease-in-out;
  -moz-transition: width 0.4s ease-in-out;
  -ms-transition: width 0.4s ease-in-out;
  -o-transition: width 0.4s ease-in-out;
}
@media all and (max-width: 719px) {
  header .search-form {
    position: static;
    right: 0;
    width: 100%;
    height: 45px;
    margin-top: -10px;
  }
}
header .search-form.show {
  width: 595px;
}
@media all and (min-width: 1600px) {
  header .search-form.show {
    width: 635px;
  }
}
@media all and (min-width: 1020px) and (max-width: 1279px) {
  header .search-form.show {
    width: 455px;
  }
}
@media all and (min-width: 720px) and (max-width: 1019px) {
  header .search-form.show {
    width: 400px;
  }
}
header .search-field {
  border: none;
  font-size: 15px;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  color: #6a6765;
  background-color: #eaebe8;
  box-shadow: none;
  border-radius: 0;
}
header .submit-button {
  position: absolute;
  font-family: "icomoon";
  width: 45px;
  height: 45px;
  border-radius: 0;
  border: none;
  background-color: #91908f;
  color: #fff;
  left: 550px;
  bottom: 0;
  cursor: pointer;
  transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}
.desktop header .submit-button:hover {
  background-color: #6b6765;
}
@media all and (min-width: 1600px) {
  header .submit-button {
    left: 590px;
  }
}
@media all and (min-width: 1020px) and (max-width: 1279px) {
  header .submit-button {
    left: 410px;
  }
}
@media all and (min-width: 720px) and (max-width: 1019px) {
  header .submit-button {
    left: 355px;
  }
}
@media all and (max-width: 719px) {
  header .submit-button {
    left: auto;
    right: 0;
  }
}
header .hamburger {
  display: none;
  width: 30px;
  height: 40px;
  float: right;
  padding: 20px 0 0 0;
  text-align: right;
  font-size: 20px;
  height: 100%;
  font-family: "icomoon";
  cursor: pointer;
  color: #040707;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  transition: color 0.15s linear;
  -webkit-transition: color 0.15s linear;
  -moz-transition: color 0.15s linear;
  -ms-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
}
.desktop header .hamburger:hover {
  color: #057b91;
}
@media all and (max-width: 719px) {
  header .hamburger {
    display: block;
  }
}

footer {
    width: 100%;
    margin-top: 60px;
}

footer .social-container {
    background-color: #eeefec;
    height: 60px;
    padding-left: 10px;
}

footer .main-container {
    background-color: #faf9f5;
    padding-top: 24px;
}

footer .legal-container {
	background-color: #FFF;
	width: 100%;
	height: 60px;
}

footer .social-container li {
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-top: 14px;
	margin-left: 10px;
}

footer .social-container .social-button {
	/*TODO: this should use icomoon */
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: -999px;
	border-radius: 16px;
	background-color: #91908f;
	display: inline-block;
	background-image: url("../assets/images/ui/social-sprite@2x.085466afec03.png");
	background-size: 141px auto;
	background-position: 9px 7px;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: background-color .1s linear;
	-webkit-transition: background-color .1s linear;
	-moz-transition: background-color .1s linear;
	-ms-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;
}

.desktop footer .social-container .social-button:hover {
	background-color: #6b6765;
}

footer .social-container .social-button.twitter {
	background-position: 9px 7px;
}

footer .social-container .social-button.facebook {
	background-position: -34px 7px;
}

footer .social-container .social-button.instagram {
	background-position: -76px 7px;
}

footer .social-container .social-button.youtube {
	background-position: -118px 7px;
}

footer .signup-container {
	float: left;
	width: 290px;
	margin-left: 20px;
}

footer .signup-container .title {
	color: #6a6765;
	font-size: 15px;
	display: block;
}

footer .signup-container .title-bold {
	font-family: 'AktivGroteskBold', Arial, sans-serif;
}

footer .signup-container p {
	margin: 18px 0;
}



footer .link-container {
	float: left;
	width: 290px;
	margin-left: 310px;
}

footer .admin-container {
	float: left;
	width: 290px;
	height: 100%;
	margin-left: 20px;
	/* position: relative; */
}

footer .admin-container .admin-member {
	display: block;
}

footer .admin-container span {
	display: block;
	color: #91908f;
	font-size: 12px;
}

footer .admin-container .title {
	margin-bottom: 2px;
	color: #6a6765;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
}

footer .admin-container .last-updated span {
	color: #737270;
	font-size: 11px;
	text-transform: none;
	margin-top: 10px;
	margin-bottom: 0;
}

footer .legal-container ul {
	float: left;
	margin-top: 20px;
}
 
footer .legal-container li {
	display: inline-block;
	margin-right: 13px;
}

footer .legal-container li a {
	color: #59b1c9;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 4px 0 5px;
	transition: color .1s linear, padding .1s ease-in-out;
	-webkit-transition: color .1s linear, padding .1s ease-in-out;
	-moz-transition: color .1s linear, padding .1s ease-in-out;
	-ms-transition: color .1s linear, padding .1s ease-in-out;
	-o-transition: color .1s linear, padding .1s ease-in-out;
}

footer .legal-container li a .arrow {
	width: 8px;
	height: 8px;
	display: inline-block;
	float: left;
	margin-top: 3px;
	background-position: 0 -19px;
	opacity: .7;
	display: none;
}

footer .legal-container li a::before {
    content: "\e905";
    color: #91908f;
    font-family: 'icomoon';
    font-size: 7px;
    line-height: 1em;
    vertical-align: top;
    margin-top: 2px;
    float: left;
    transition: color .1s linear;
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -o-transition: color .1s linear;
}

footer .legal-container li a .cta-text {
	float: left;
}

.desktop footer .legal-container li a:hover {
	color: #004759;
	padding: 0 0 0 9px;
}

.desktop footer .legal-container li a:hover::before {
	color: #3d3d3c;
}

footer .legal-container .cta-button {
	float: right;
}

footer .link-container ul {
	margin-top: -8px;
}

footer .link-container li {
	padding: 0;
	clear: both;
}

footer .link-container li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	padding: 7px 0;
	display: block;
}

footer .link-container li a::before {
    content: "\e905";
    color: #91908f;
    font-family: 'icomoon';
    font-size: 7px;
    line-height: 1em;
    vertical-align: top;
    margin-top: 2px;
    float: left;
    transition: color .1s linear;
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -o-transition: color .1s linear;
}

footer .link-container li a .link-text {
	float: left;
	margin: 1px 0 0 5px;
	color: #59b1c9;
	transition: color .1s linear, padding-left .1s ease-in-out;
	-webkit-transition: color .1s linear, padding-left .1s ease-in-out;
	-moz-transition: color .1s linear, padding-left .1s ease-in-out;
	-ms-transition: color .1s linear, padding-left .1s ease-in-out;
	-o-transition: color .1s linear, padding-left .1s ease-in-out;
}

.desktop footer .link-container li a:hover .link-text {
	color: #004759;
	padding-left: 4px;
}

.desktop footer .link-container li a:hover::before {
	color: #3d3d3c;
}

/*footer .legal-container .cta-button .cta-arrow {
	background-position: -28px -42px;
}*/

footer .legal-container .cta-button .text-container::after {
    content: "\e904";
}

footer .legal-container .mobile-external-links {
	width: 100%;
	height: 50px;
	display: none;
	background: #bdbbb9;
	margin: 0 0 10px;
	position: relative;
}

footer .legal-container .mobile-external-links::after {
    content: "\e903";
    color: #fff;
    font-family: 'icomoon';
    font-size: 12px;
    line-height: 1em;
    vertical-align: top;
    position: absolute;
    top: 19px;
    right: 19px;
}

footer .legal-container .mobile-external-links span {
	text-transform: uppercase;
	color: #fff;
	font-size: 10.5px;
	padding-top: 20px;
	display: inline-block;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	margin-left: 10px;
}

.desktop footer .legal-container .cta-button:hover .text-container {
    /*background-position: right 18px top -67px;*/
}

.disclaimer {
	margin: 18px;
	margin-bottom: 0;
	padding-bottom: 18px;
}

.disclaimer-container {
	margin-left: 330px;
	overflow: auto;
}
  
@media all and (min-width: 1020px) and (max-width: 1279px) {
	footer .signup-container,
	footer .link-container,
	footer .admin-container {
		width: 300px;
		margin-left: 20px;
	}

	footer .signup-container form input[name="email"] {
		width: 185px;
	}
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	footer .signup-container {
		width: 310px;
	}

	footer .link-container {
		width: 310px;
		margin-left: 20px;
		clear: right;
	}

	footer .admin-container {
		width: 330px;
		height: auto;
		margin-left: 20px;
		margin-top: 40px;
	}

	footer .admin-container .admin-member {
		float: left;
		margin-right: 50px;
		margin-bottom: 0;
	}

	footer .admin-container .admin-member span:last-child {
		margin-bottom: 0;
	}

	footer .signup-container form input[name="email"] {
		width: 265px;
	}

	footer .signup-container form {
		margin-top: 27px;
	}

	footer .admin-container .last-updated {
		display: none;
	}

	.disclaimer-container {
		margin-left: unset;
		overflow: unset;
	}

}

@media all and (max-width: 719px) {
	footer {
		margin-top: 40px;
	}

	footer .social-container {
		padding-left: 0;
	}

	footer .main-container {
		height: auto;
		padding-top: 10px;
	}

	footer .signup-container {
		width: 100%;
		margin-left: 0;
		padding: 0 10px;
		float: none;
	}

	footer .signup-container form {
		margin-top: 24px;
	}

	footer .link-container {
		margin-left: 10px;
	}

	footer .admin-container {
		width: 100%;
		padding: 0 10px 10px;
		margin: 20px 0 0;
		float: none;
	}

	footer .legal-container {
		height: auto;
		display: inline-block;
		padding-bottom: 15px;
	}

	footer .legal-container .cta-button {
		display: none;
	}

	footer .legal-container li {
		display: block;
		float: none;
		margin-bottom: 2px;
	}

	footer .legal-container .mobile-external-links {
		display: block;
	}

	footer .admin-container .admin-member {
		float: left;
		margin-right: 30px;
	}
	
	footer .signup-container form input[name="email"] {
		width: 100%;
		float: none;
	}

	.disclaimer-container {
		margin-left: unset;
	}

	footer .legal-container ul {
		margin: 0;
		width: 100%;
		padding-bottom: 8px;
		height: 50px;
		overflow: hidden;
	}
	footer .legal-container ul li {
		margin: 0px 10px 2px;
		display: block;
	}

	footer .admin-container .last-updated {
		display: none;
	}
}
nav {
	float: right;
	height: 115px;
}

nav ul {
	margin-top: 49px;
}

nav li {
	position: relative;
	float: left;
	margin-right: 25px;
}

nav li:last-child {
	margin-right: 0;
}

.desktop nav li:hover .dropdown {
	display: block;
}

nav li > a {
	font-size: 15px;
	color: #3d3d3b;
	vertical-align: top;
	transition: color .1s linear;
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -o-transition: color .1s linear;
}

.desktop nav li > a:hover {
	color: #59b1c9;
	text-decoration: none;
}

nav > ul li > a::after {
	content: "\e902";
    font-family: 'icomoon';
    font-size: 5px;
    color: #333;
    vertical-align: top;
    margin: 5px 0 0 7px;
    display: inline-block;
    transition: color .1s linear;
    -webkit-transition: color .1s linear;
    -moz-transition: color .1s linear;
    -ms-transition: color .1s linear;
    -o-transition: color .1s linear;
}

.desktop nav li > a:hover::after {
	color: #59b1c9;
}

nav .dropdown {
	display: none;
	position: absolute;
	background-color: #fff;
	left: -20px;
	padding: 46px 0px 0;
	z-index: 21;
	box-shadow: 0 5px 0px rgba(0, 0, 0, .15);
}

nav li:last-child .dropdown {
	left: auto;
	right: -20px;
}

nav .dropdown a {
	display: block;
	font-size: 14px;
	color: #59b1c9;
	border-bottom: 1px solid #eaeae7;
	padding: 20px 25px 20px 20px;
	white-space: nowrap;
}

.desktop nav .dropdown a:hover {
	background-color: #e9f6fc;
	text-decoration: none;
}

nav .dropdown a:last-child {
	border-bottom: none;
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	nav {
		height: 105px;
	}

	nav ul {
		margin-top: 42px;
	}

	nav li {
		margin-right: 25px;
	}

	nav li > a {
		font-size: 13px;
	}

	nav > ul li > a::after {
		margin-top: 3px;
	}

	/*nav li > a::after {
		margin-left: 6px;
	    background-position: -86px -134px;
	}

	.desktop nav li > a:hover::after {
		background-position: -86px -190px;
	}*/

	nav .dropdown {
		padding-top: 43px;
	}

	nav .dropdown a {
		font-size: 12px;
	}
}

@media all and (max-width: 719px) {
	nav {
		display: none;
	}

	nav.show {
		display: block;
	}

	nav {
		position: absolute;
		top: 65px;
		background-color: #fff;
		width: 100%;
		height: auto;
		z-index: 100;
		box-shadow: 0 5px 0px rgba(0, 0, 0, .15);
	}

	nav ul {
		margin-top: 0;
	}

	nav li {
		float: none;
		display: block;
		padding: 20px 10px 10px;
		margin-right: 0;
		border-bottom: 1px solid #eeefec;
	}

	nav li > a::after {
		margin-top: -3px;
	}

	nav li:last-child {
		border-bottom: none;
	}

	nav li:last-child .dropdown {
		right: 0;
	}

	nav li > a {
		font-size: 16px;
	}

	nav .dropdown {
		position: relative;
		display: block;
		box-shadow: none;
		padding: 10px 0 0;
		left: 0;
	}

	nav .dropdown a {
		border-bottom: none;
		padding: 8px 20px 8px 15px;
		font-size: 14px;
	}

	header nav .subheader {
		display: block;
	}
}
.slideshow {
  width: 100%;
  position: relative;
  z-index: 0;
}
.slideshow img {
  display: block;
}
.slideshow .cta-button {
  margin-left: 620px;
}
.slideshow .slide-container {
  width: 100%;
  height: 510px;
  overflow: hidden;
  position: relative;
}
.slideshow .image-list {
  position: relative;
  width: 100%;
  height: 510px;
  overflow: hidden;
}
.slideshow .image-list img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  display: none;
  opacity: 0;
}
.slideshow .image-list img.selected {
  display: block;
  opacity: 0;
}
.slideshow .image-list img:first-child {
  opacity: 1;
}
.slideshow .info-list {
  width: 620px;
  height: 130px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #59b1c9;
  z-index: 2;
  overflow: hidden;
  transition: height 0.2s ease-in-out;
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -ms-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
}
.slideshow .info-list .subtitle-container {
  position: absolute;
  width: 100%;
  bottom: 15px;
}
.slideshow .info-list .title {
  font-size: 21px;
  color: #004759;
  margin: 15px 0 0 0px;
  display: block;
  width: 480px;
  padding-left: 20px;
  line-height: 1.2em;
}
.slideshow .info-list .subtitle {
  font-size: 14px;
  color: #FFF;
  padding-left: 20px;
  padding-right: 60px;
  display: block;
  width: 100%;
  line-height: 1.4em;
}
.slideshow .info-list .slide-count {
  font-size: 14px;
  color: #2a3436;
  display: block;
  line-height: 1.4em;
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
}
.slideshow .info-list .info-item {
  display: none;
  background: #88cbe0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}
.slideshow .info-list .info-item.selected {
  display: block;
}
.slideshow .info-list .info-box {
  width: 100%;
  height: auto;
  position: relative;
  transition: 0.15s ease-in-out;
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -ms-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  bottom: 0px;
  overflow: hidden;
  display: none;
}
.slideshow .info-list .info-box.selected {
  display: block;
}
.slideshow .info-list .info-box .caption {
  color: #fff;
  font-size: 13px;
  line-height: 1.3em;
  margin: 15px 15px 0 15px;
  display: block;
}
.slideshow .info-list .info-box .credit {
  color: #fff;
  font-size: 13px;
  margin: 7px 15px 0 15px;
  font-size: 11px;
  line-height: 1.3em;
  font-family: "AktivGroteskBold", Arial, sans-serif;
  text-transform: uppercase;
  padding-bottom: 12px;
  display: block;
}
.slideshow .info-list-small {
  width: 340px;
  height: 0;
  bottom: 40px;
  z-index: 2;
}
.slideshow .feature-panel {
  height: 40px;
  width: 340px;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
  background: #59b1c9;
  padding: 13px 0 0 20px;
  z-index: 3;
}
.slideshow .feature-panel.no-info {
  background: rgba(135, 186, 201, 0.9);
}
.desktop .slideshow .feature-panel:hover .blue-bg, .slideshow .feature-panel.open .blue-bg {
  height: 100%;
}
.desktop .slideshow .feature-panel.no-info:hover .blue-bg {
  height: 0px;
}
.slideshow .feature-panel .slide-count {
  font-size: 14px;
  width: 50%;
  color: #FFF;
  display: block;
  line-height: 1.2em;
  position: relative;
  z-index: 1;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  text-transform: uppercase;
}
.slideshow .feature-panel .slide-count.single-image {
  font-size: 11px;
  font-family: "AktivGroteskBold", Arial, sans-serif;
  margin-top: 1px;
}
.slideshow .feature-panel .info-icon {
  width: 12px;
  height: 22px;
  background-position: -43px -576px;
  position: absolute;
  right: 15px;
  top: 11px;
  cursor: pointer;
}
.slideshow .feature-panel .blue-bg {
  background: #057b91;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  position: absolute;
  transition: height 0.15s ease-in-out;
  -webkit-transition: height 0.15s ease-in-out;
  -moz-transition: height 0.15s ease-in-out;
  -ms-transition: height 0.15s ease-in-out;
  -o-transition: height 0.15s ease-in-out;
}
.slideshow .slide-controls {
  width: 40px;
  height: 80px;
  position: absolute;
  bottom: 70px;
  z-index: 2;
}
.slideshow .slide-controls .button {
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: #f7f6f4;
  display: block;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  transition: background-color 0.15s linear, width 0.1s ease-in-out;
  -webkit-transition: background-color 0.15s linear, width 0.1s ease-in-out;
  -moz-transition: background-color 0.15s linear, width 0.1s ease-in-out;
  -ms-transition: background-color 0.15s linear, width 0.1s ease-in-out;
  -o-transition: background-color 0.15s linear, width 0.1s ease-in-out;
}
.desktop .slideshow .slide-controls .button:hover {
  background-color: #FFF;
  width: 50px;
}
.slideshow .slide-controls .button:before {
  content: "\e905";
  color: #3d3d3c;
  font-family: "icomoon";
  display: block;
  width: 14px;
  margin: 14px auto 0;
}
.slideshow .slide-controls .button.previous-button:before {
  content: "\e908";
}
.slideshow .slide-controls .button span {
  width: 12px;
  height: 12px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  pointer-events: none;
  margin: 14px auto 0;
  display: none;
}
@media all and (min-width: 1020px) and (max-width: 1279px) {
  .slideshow .slide-container {
    height: 395px;
  }
  .slideshow .image-list {
    height: 395px;
  }
  .slideshow .image-list img {
    width: 100%;
    height: auto;
  }
  .slideshow .cta-button {
    margin-left: 500px;
  }
  .slideshow .info-list {
    width: 480px;
  }
  .slideshow .info-list-small {
    width: 340px;
  }
  .slideshow .info-list .title {
    width: 100%;
    padding-right: 15px;
  }
}
@media all and (min-width: 720px) and (max-width: 1019px) {
  .slideshow .slide-container {
    height: 410px;
  }
  .slideshow .image-list {
    height: 280px;
  }
  .slideshow .image-list img {
    width: 100%;
    height: auto;
  }
  .slideshow .cta-button {
    margin-left: 340px;
  }
  .slideshow .info-list {
    width: 100%;
  }
  .slideshow .info-list-small {
    width: 340px;
  }
  .slideshow .slide-controls {
    bottom: 170px;
  }
}
@media all and (max-width: 1019px) {
  .slideshow .info-list .info-box span {
    font-size: 12px;
  }
  .slideshow .info-list .info-box .credit {
    font-size: 10.5px;
  }
}
@media all and (max-width: 719px) {
  .slideshow .slide-container {
    height: auto;
  }
  .slideshow .image-list {
    height: auto;
  }
  .slideshow .image-list img {
    width: 100%;
    height: auto;
    min-height: 0;
  }
  .slideshow .cta-button {
    margin-left: 0;
  }
  .slideshow .info-list {
    width: 100%;
    height: 110px;
    position: relative;
  }
  .slideshow .feature-panel {
    width: 100%;
  }
  .slideshow .info-list-small {
    width: 100%;
    height: 0;
  }
  .page-article .slideshow .info-list.open {
    height: 130px;
  }
  .slideshow .slide-controls {
    display: none;
  }
  .slideshow .image-list img {
    position: relative;
  }
  .slideshow .info-list .subtitle-container {
    /*top: 80px;*/
  }
  .slideshow .info-list .title {
    font-size: 16px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0px;
    margin-top: 15px;
  }
  .slideshow .info-list .subtitle {
    font-size: 12px;
    padding-left: 10px;
  }
  .slideshow .info-list .slide-count {
    font-size: 12px;
    right: 10px;
    top: 83px;
  }
  .page-article .slideshow .info-list-small {
    width: 100%;
  }
  .slideshow .info-list .info-box .caption {
    font-size: 12px;
  }
}

.milestones-slideshow {
	position: relative;
	overflow: hidden;	
}

.milestones-slideshow .slideshow-container {
	width: 100%;
	height: 300px;
	background: url("../assets/images/ui/programs-bkg.84505e80154e.png");
	background-repeat: repeat;
	position: relative;
	overflow: hidden;	
}

.milestones-slideshow .slideshow-container .slideshow-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
}

.milestones-slideshow .slideshow-container .slideshow-content.selected {
	display: block;
}

.milestones-slideshow .slideshow-container .image-container {
	width: 310px;
	height: 100%;
	float: left;
	display: inline-block;
	position: relative;
}

.milestones-slideshow .slideshow-container .image-background {
	width: 226px;
	height: 209px;
	background: url("/static/assets/images/history/milestones-image-background.69b754baad64.png");
	background-repeat: no-repeat;	
	background-size: contain;
	margin: 45px 0 0 43px;
	position: relative;
	z-index: 1;
}

.milestones-slideshow .slideshow-container .image-container img {
	width: 186px;
	height: auto;
	border-radius: 93px;
	border: 8px solid rgba(255,255,255,.6);
	position: absolute;
	top: 58px;
	left: 63px;	
}

.milestones-slideshow .slideshow-container .info-container {
	width: 930px;
	height: 100%;
	float: left;
	display: inline-block;	
	position: relative;
	overflow: hidden;
}

.milestones-slideshow .slideshow-container .info-container .info-text {
	margin-left: 10px;
	width: 800px;
}

.milestones-slideshow .slideshow-container .info-container .info-text .title {
	text-transform: uppercase;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 11px;
	color: #6ba1b3;
	display: block;	
	margin-top: 49px;
}


.milestones-slideshow .slideshow-container .info-container .info-text .headline {
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 22px;
	line-height: 1.3em;
	color: #1a2d34;
	display: block;	
	margin-top: 38px;
	margin-bottom: 9px;
}

.milestones-slideshow .slideshow-container .info-container .info-text p {
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	color: #6ba2b3;
	display: block;	
	width: 100%;
}

.milestones-slideshow .slideshow-nav {
	width: 310px;
	height: 40px;
	background-color: #87bac9;
	position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;		
}

.milestones-slideshow .slideshow-nav .slide-count {
	font-size: 14px;
	color: #fff;
	display: block;
	line-height: 1.2em;
	position: absolute;
	bottom: 10px;
	left: 15px;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
}  

.milestones-slideshow .slideshow-nav .arrow-box {
	width: 40px;
	height: 40px;
	top: 0;
	position: absolute;
	cursor: pointer;
	transition: background-color .15s linear;
	-webkit-transition: background-color .15s linear;
	-moz-transition: background-color .15s linear;
	-ms-transition: background-color .15s linear;
	-o-transition: background-color .15s linear;	
}

.desktop .milestones-slideshow .slideshow-nav .arrow-box:hover {
	background-color: #6ba2b3;
}

.milestones-slideshow .slideshow-nav .arrow-box.left {
	right: 36px;
}

.milestones-slideshow .slideshow-nav .arrow-box.right {
	right: 0;
}

.milestones-slideshow .slideshow-nav .arrow-box .arrow {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 14px;
	z-index: 2;		
}

.milestones-slideshow .slideshow-nav .arrow-box.left .arrow {
	background-position: -56px -55px;
	right: 14px;
}


.milestones-slideshow .slideshow-nav .arrow-box.right .arrow {
	background-position: 0 -55px;
	left: 14px;
}

.milestones-slideshow .slideshow-nav .arrow-box .arrow-bg {
	width: 47px;
	height: 100%;
	position: absolute;
	top: 0;
	margin-top: 0;
	background-color: #6ba2b3;
	z-index: 1;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.milestones-slideshow .slideshow-container .image-container {
		width: 240px;
	}

	.milestones-slideshow .slideshow-container .info-container {
		width: 720px;
	}

	.milestones-slideshow .slideshow-container .image-background {
		width: 174px;
		height: 161px;
		margin-top: 70px;
		margin-left: 33px;
	}

	.milestones-slideshow .slideshow-container .image-container img {
		width: 143px;
		border-radius: 72px;
		top: 76px;
		left: 50px;
	}

	.milestones-slideshow .slideshow-container .info-container .info-text {
		width: 100%;
		padding-right: 30px;
	}

	.milestones-slideshow .slideshow-nav {
		width: 240px;
	}	
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.milestones-slideshow .slideshow-container {
		height: 340px;
	}	

	.milestones-slideshow .slideshow-container .image-container,
	.milestones-slideshow .slideshow-container .info-container {
		width: 50%;
	}

	.milestones-slideshow .slideshow-container .image-background {
		margin-top: 65px;
	}

	.milestones-slideshow .slideshow-container .image-container img {
		top: 76px;
	}	

	.milestones-slideshow .slideshow-container .info-container .info-text {
		width: 100%;
		padding-right: 30px;
	}

	.milestones-slideshow .slideshow-container .info-container .info-text .title {
		margin-top: 20px;
	}

	.milestones-slideshow .slideshow-container .info-container .info-text .headline {
		margin-top: 28px;
		font-size: 18px;
	}

	.milestones-slideshow .slideshow-nav {
		width: 50%;
	}
}
	
@media all and (max-width: 719px) {
	.milestones-slideshow .slideshow-container {
		height: auto;
	}

	.milestones-slideshow .slideshow-container .slideshow-content {
		position: relative;
		transition: opacity .15s linear;
		-webkit-transition: opacity .15s linear;
		-moz-transition: opacity .15s linear;
		-ms-transition: opacity .15s linear;
		-o-transition: opacity .15s linear;		
	}

	.milestones-slideshow .slideshow-container .image-container,
	.milestones-slideshow .slideshow-container .info-container {
		width: 100%;
	}

	.milestones-slideshow .slideshow-container .image-container {
		text-align: center;
	}

	.milestones-slideshow .slideshow-container .image-container img {
		position: relative;
		top: 0;
		left: 0;
		margin: 31px auto;
	}

	.milestones-slideshow .slideshow-container .image-background {
		margin: 0 0 0 -113px;
		left: 50%;
		top: 20px;
		position: absolute;
	}

	.milestones-slideshow .slideshow-container .info-container .info-text {
		width: 100%;
		padding: 0 20px 20px;
		margin-left: 0;
	}

	.milestones-slideshow .slideshow-container .info-container .info-text .title {
		margin-top: 10px;
	}

	.milestones-slideshow .slideshow-nav {
		width: 100%;
	}	

	.milestones-slideshow .slideshow-container .info-container .info-text .headline {
		margin-top: 18px;
	}

}

.media-strip {
	width: 100%;
}

.media-strip a {
	text-decoration: none;
	float: left;
}

.media-strip a:last-child {
	margin-right: 0;
}

.media-strip .list-container {
	width: 100%;
	overflow: hidden;
}

.media-strip .news-item {
	width: 400px;
	height: 100%;
	margin-right: 20px;
	background-color: #f7f6f4;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.media-strip .list-multi-row .see-more-bar {
	margin-top: -20px;
}

.media-strip .list-multi-row .news-item {
	margin-bottom: 20px;
}

.media-strip .news-item img {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	line-height: 0;
	display: block;
}

.media-strip .news-item .image-container {
	position: relative;
	height: 225px;
	overflow: hidden;
}

.media-strip .video-item .image-container {
	height: auto;
}

.media-strip .news-item .image-container .play-button {
	background-image: url("../assets/images/ui/video-icons@2x.2da0c165d3dd.png");
	background-position: 2px 2px;
	width: 50px;
	height: 50px;
	background-size: 95px auto;
	background-color: #fff;
	border-radius: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	z-index: 3;
}

.media-strip .news-item .image-container .bg-bar {
	width: 100%;
	height: 0;
	background-color: #90d1e4;
	position: absolute;
	bottom: 0;
	transition: height .2s ease-in-out .06s;
	-webkit-transition: height .2s ease-in-out .06s;
	-moz-transition: height .2s ease-in-out .06s;
	-ms-transition: height .2s ease-in-out .06s;
	-o-transition: height .2s ease-in-out .06s;
}

.desktop .media-strip .news-item:hover .image-container .bg-bar {
	height: 20px;
}

.media-strip .news-item .text-container {
	position: relative;
	width: 100%;
	height: 105px;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.media-strip .news-item .text-container .bg-bar {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #59b2ca;
	z-index: 0;
	margin: 0;
	padding: 0;
	transition: top .2s ease-in-out;
	-webkit-transition: top .2s ease-in-out;
	-moz-transition: top .2s ease-in-out;
	-ms-transition: top .2s ease-in-out;
	-o-transition: top .2s ease-in-out;
}

.desktop .media-strip .news-item:hover .text-container .bg-bar {
	top: 0;
}

.desktop .media-strip .news-item:hover .news-headline,
.desktop .media-strip .news-item:hover .news-date {
	color: #FFF;
}

.media-strip .news-item .news-headline {
	display: block;
	margin-top: 17px;
	padding: 0 20px;
	font-size: 15px;
	line-height: 1.2em;
	color: #4d4c4b;
	z-index: 1;
	position: relative;

	height: 55px;
	overflow: hidden;

	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
}

.media-strip .video-item .news-headline {
	font-size: 20px;
}

.media-strip .news-item .news-date {
	position: absolute;
	bottom: 15px;
	padding-left: 20px;
	display: block;
	font-size: 13px;
	width: 100%;
	color: #8f8e8c;
	z-index: 1;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
}

.media-strip .news-item .news-date .grade-level {
	display: block;
	text-transform: uppercase;
	color: #333332;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 11px;
}

.media-strip .news-item .news-date .grade {
	color: #aba9a7;
	font-size: 22px;
}

.media-strip .news-channel{
	text-transform: uppercase;
	padding: 20px 10px;
	color: #87bac9;
	font-size: 11px;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	position: relative;
	top: 20px;
	z-index: 1;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
}

.media-strip .news-channel mark{
	font-size: 11px;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	background: none;
	color: inherit;
}

.media-strip .twitter-container {
	float: left;
}

.text-strip .news-item {
	height: 230px;
}

.text-strip .news-item .news-headline {
	margin-top: 50px;
	font-size: 22px;
}

.text-strip .news-item .text-container {
	height: 100% !important;

}

.desktop .text-strip .news-item:hover .news-channel {
	color: #FFF;
}

@media all and (min-width: 1280px) {
	.media-strip .news-item .image-container {
		height: 280px;
	}
	.media-strip .video-item .image-container {
		height: auto;
	}
}

@media all and (min-width: 1020px) {
	.media-strip .news-item:nth-child(3n) {
		margin-right: 0;
	}

	.media-strip .news-item:nth-child(4n) {
		display: none;
	}

	.media-strip .list-multi-row .news-item:nth-child(4n) {
		display: block;
	}
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
 	.media-strip .list-container {
		height: auto;
	}

	.media-strip .news-item {
		width: 320px;
		margin-right: 10px;
	}

	.media-strip .list-multi-row .news-item {
		margin-bottom: 20px;
	}

	.media-strip .list-multi-row .see-more-bar {
		margin-top: -20px;
	}

	.media-strip .news-item .text-container {
		height: 110px;
	}

	.media-strip .twitter-container {
		height: 335px;
	}
}

@media all and (min-width: 600px) and (max-width: 1019px) {
	.media-strip .news-item {
		width: 335px;
		margin-right: 10px;
	}
	
	.media-strip .list-multi-row .news-item {
		margin-bottom: 20px;
	}

	.media-strip .list-multi-row .see-more-bar {
		margin-top: -20px;
	}

	.media-strip .news-item .news-headline {
		height: 38px;
	}

	.media-strip .news-item:nth-child(2n) {
		margin-right: 0;
	}

	.media-strip .news-item:nth-child(3n),
	.media-strip .news-item:nth-child(4n) {
		display: none;
	}

	.media-strip .list-multi-row .news-item:nth-child(3n),
	.media-strip .list-multi-row .news-item:nth-child(4n) {
		display: block;
	}

	.media-strip.pagination .news-item:nth-child(3n),
	.media-strip.pagination .news-item:nth-child(4n) {
		display: block;
	}

	.media-strip .news-item .text-container {
		height: 90px;
	}

	.media-strip .twitter-container {
		height: 315px;
	}
}

@media all and (max-width: 719px) {
	.media-strip .news-item {
		width: calc(50% - 5px);
	}

	/*.media-strip .news-item:nth-child(2) {
		margin-right: 0;
	}*/

	.media-strip .news-item .news-headline,
	.media-strip .news-item .news-date {
		padding-left: 10px;
	}

	.media-strip .news-item .news-headline {
		height: 55px;
	}

	.media-strip .news-item .news-date {
		margin-top: 10px;
	}

	.media-strip .news-item .text-container {
		height: 110px;
	}
}

@media all and (max-width: 599px) {
	.media-strip .news-item {
		display: none;
		width: 100%;
		margin-right: 0;
	}

	.media-strip .list-multi-row .news-item {
		margin-bottom: 20px;
	}

	.media-strip .list-multi-row .see-more-bar {
		margin-top: -20px;
	}

	.media-strip .news-item img {
		min-height: initial;
	}

	.media-strip .list-multi-row .news-item,
	.media-strip.pagination .news-item {
		display: block;
	}

	.media-strip .news-item:first-child {
		display: block;
	}

	.media-strip .news-item .news-headline,
	.media-strip .news-item .news-date {
		padding-left: 10px;
	}

	.media-strip .news-item .image-container {
		height: auto;
	}
}

.table-block {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.table-block .list-container.list-header {
	z-index: 5;
}

.table-block .months-wrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: auto;
	transition: height .2s ease-in-out;
	-webkit-transition: height .2s ease-in-out;
	-moz-transition: height .2s ease-in-out;
	-ms-transition: height .2s ease-in-out;
	-o-transition: height .2s ease-in-out;
}

.table-block .column-container {
	position: relative;
	display: block;
}

.table-block .column-container.external-link::before {
    content: "\e90a";
    font-family: 'icomoon';
    font-size: 10px;
    color: #004759;
    vertical-align: top;
    line-height: 1em;
    display: inline-block;
		position: absolute;
    right: 10px;
    top: 10px;
		z-index: 1;
}

.table-block .accordion-container {
	display: none;
	clear: both;
	background-color: #fff;
	padding: 40px 0;
}

.table-block .member-institutions-list .accordion-container {
	padding: 0;
}

.table-block .list-container .list-item.selected .accordion-container {
	display: block;
}

.table-block .accordion-container .article-image {
	margin-top: -40px;
}

/*.table-block .accordion-container .column-2 {
	color: #000 !important;
}*/

.table-block .accordion-container .heading {
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	display: block;
	margin-bottom: 5px;
}

.table-block .accordion-container .article-col,
.table-block .accordion-container {
	margin-bottom: 0 !important;
}

.table-block .article-content.accordion-container .left-col {
	margin-right: 40px;
}

.table-block .accordion-container .accordion-row {
	border-bottom: 1px solid #eee;
	padding: 0 20px;
}

.table-block .accordion-container .accordion-row:last-child {
	border-bottom: none;
}

.table-block .list-container .accordion-container .list-header {
	background-color: #fff;
}

.table-block .list-container .accordion-container .list-header .column-1,
.table-block .list-container .accordion-container .list-header .column-2,
.table-block .list-container .accordion-container .list-header .column-3 {
	color: #999;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	font-size: 10.5px;
	padding-top: 30px;
}

.table-block .list-container .accordion-container .accordion-row .column-1,
.table-block .list-container .accordion-container .accordion-row .column-3 {
	width: 290px;
}

.table-block .list-container .accordion-container .accordion-row .column-1,
.table-block .list-container .accordion-container .accordion-row .column-2,
.table-block .list-container .accordion-container .accordion-row .column-3 {
	color: #333;
	line-height: 1.6em;
	padding: 15px 0;
}

.table-block .list-container .accordion-container .accordion-row .column-3 {
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
}

.table-block .block-container {
	position: relative;
	overflow: hidden;
	transition: margin .2s ease-in-out;
	-webkit-transition: margin .2s ease-in-out;
	-moz-transition: margin .2s ease-in-out;
	-ms-transition: margin .2s ease-in-out;
	-o-transition: margin .2s ease-in-out;
	opacity: 1;
	z-index: 3;
}

.table-block .block-container-empty {
	font-size: 2em;
	margin-top:  1px;
	color: gray;
	text-align: center;
	line-height: 5em;
}


.table-block .block-container.no-transition,
.table-block .months-wrap.no-transition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

.table-block .block-container .transition-blue-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	top: 100%;
	left: 0;
	background-color: #59b2ca;
	z-index: 10;
	transition: top .25s ease-in-out;
	-webkit-transition: top .25s ease-in-out;
	-moz-transition: top .25s ease-in-out;
	-ms-transition: top .25s ease-in-out;
	-o-transition: top .25s ease-in-out;
}

.table-block .section-headline-container .tab-container {
	float: right;
	/*margin-top: 3px;*/
}

.table-block .section-headline-container .text-cta {
	display: none;
}

.table-block .section-headline-container .text-cta.selected {
	/*color: #737270;*/
	display: block;
}

/*.table-block .section-headline-container .tab-container .circle-arrow {
	background-color: #c8c7c6;
	background-position: -80px -108px;
	margin-right: 0;
	margin-left: 6px;
	margin-top: -3px;
	transition: background-color .15s linear;
	-webkit-transition: background-color .15s linear;
	-moz-transition: background-color .15s linear;
	-ms-transition: background-color .15s linear;
	-o-transition: background-color .15s linear;
}*/

/*.desktop .table-block .section-headline-container .tab-container > span:hover .circle-arrow,
.table-block .section-headline-container .tab-container .selected .circle-arrow {
	background-color: #737373;
}*/

.table-block .section-headline-container .section-headline {
	color: #8f8e8c;
	float: left;
	cursor: pointer;
	transition: color .15s linear;
	-webkit-transition: color .15s linear;
	-moz-transition: color .15s linear;
	-ms-transition: color .15s linear;
	-o-transition: color .15s linear;
}

.table-block .section-headline-container .section-headline.selected,
.table-block .section-headline-container .section-headline:hover {
	color: #3d3d3b;
}

.table-block .section-headline-container .slash {
	float: left;
	font-size: 20px;
	margin: 0 12px;
	color: #8f8e8c;
}

.table-block .list-container {
	width: 100%;
	display: none;
}

.table-block .list-container.selected {
	display: block;
}

.table-block .list-container .event-item {
	float: left;
	width: 310px;
	height: 300px;
	background-color: #f7f6f4;
}

/*.table-block .list-container .bottom-bar {
	width: 100%;
	height: 40px;
	background-color: #f1efec;
	clear: both;
}

.table-block .list-container .bottom-bar .text-cta {
	float: right;
	margin: 14px 10px 0 0;
}*/

.table-block .month-bar {
	width: 100%;
	height: 36px;
	background-color: #d1cfcb;
}

.table-block .month-bar span {
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 1.3em;
	display: inline-block;
	margin-top: 11px;
	color: #fff;
	margin-left: 20px;
}

.table-block .list-container .list-item {
	width: 100%;
	/*min-height: 76px;*/
	background-color: #d3edf5;
	position: relative;
	display: block;
	text-decoration: none;
	clear: both;
	margin: 0;
	padding: 0;
}

.table-block .list-container .list-item:nth-child(odd) {
	background-color: #e8f5f7;
}

.desktop .table-block .list-container .column-container:hover .date,
.table-block .list-container .list-item.selected .column-container .date,
.desktop .table-block .list-container .column-container:hover .year,
.table-block .list-container .list-item.selected .column-container .year,
.desktop .table-block .list-container .column-container:hover .new-tag,
.table-block .list-container .list-item.selected .column-container .new-tag,
.desktop .table-block .list-container .column-container:hover .column-2,
.table-block .list-container .list-item.selected .column-container .column-2,
.desktop .table-block .list-container .column-container:hover .new-list-item,
.table-block .list-container .list-item.selected .column-container .new-list-item,
.desktop .table-block .list-container .column-container:hover .icon-text,
.table-block .list-container .list-item.selected .column-container .icon-text,
.desktop .table-block .list-container .column-container:hover .column-3,
.table-block .list-container .list-item.selected .column-container .column-3,
.desktop .table-block .list-container .column-container:hover .info-box,
.table-block .list-container .list-item.selected .column-container .info-box,
.desktop .table-block .list-container .column-container:hover .icon-text:before,
.table-block .list-container .list-item.selected .column-container .icon-text:before {
	color: #FFF;
}

.desktop .table-block .list-container .column-container:hover .registration-info span,
.table-block .list-container .list-item.selected .registration-info span {
	color: #FFF;
}

.desktop .table-block .list-container .column-container:hover .bg-bar,
.table-block .list-container .list-item.selected .bg-bar {
	height: 100%;
}

.desktop .table-block .list-container .column-container:hover .plain-icon,
.table-block .list-container .list-item.selected .plain-icon {
	background-position-x: -32px;
}

.table-block .list-container .list-item .bg-bar {
	width: 100%;
	height: 0px;
	background-color: #59b2ca;
	position: absolute;
	bottom: 0;
	z-index: 0;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
}

.table-block .list-container .list-header {
	height: 45px;
	color: #7597a2 !important;
	background-color: #faf9f5;
	overflow: hidden;
}

.table-block .list-container .list-header .column-1,
.table-block .list-container .list-header .column-2,
.table-block .list-container .list-header .column-3 {
	font-size: 10.5px;
	color: #6b6765;
	float: left;
	width: 310px;
	/*background-color: #f1efec;*/
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	text-transform: uppercase;
}

.table-block .list-container .list-header .column-1 {
	padding: 18px 20px;
}

.table-block .list-container .list-header .column-2 {
	width: 580px;
	padding: 18px 10px 18px 0;
	margin-left: 20px;
}

.table-block .list-container .list-header .column-3 {
	padding: 18px 10px 18px 0;
	margin-left: 20px;
}

.table-block .list-container .column-container .column-1,
.table-block .list-container .column-container .column-2,
.table-block .list-container .column-container .column-3 {
	z-index: 1;
	position: relative;

	/*transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;*/
}

.table-block .list-container .list-item .column-1 {
	width: 310px;
	float: left;
}

.table-block .list-container .column-container .column-1 {
	padding: 30px 20px;
}

.table-block .list-container .list-item .date {
	font-size: 13px;
	display: block;
	color: #004759;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	pointer-events: none;
}

.table-block .list-container .list-item .year {
	font-size: 13px;
	display: block;
	color: #8cb9c7;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	pointer-events: none;
	clear: both;
}

.table-block .list-container .list-item .new-tag {
	position: absolute;
	top: 32px;
	right: 20px;
	font-size: 11px;
	display: inline-block;
	text-transform: uppercase;
	color: #87bac9;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	pointer-events: none;
}

.table-block .list-container .list-item .extended-text {
	font-size: 12px;
	margin-top: 8px;
	line-height: 16px;
}

.table-block .list-container .list-item .registration-info {
	display: none;
}

.table-block .list-container .list-item .info-box {
	font-size: 9px;
	margin-top: 5px;
	color: #057b91;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
}

.table-block .list-container .list-item .info-box > span {
	display: block;
	margin-bottom: 3px;
}

.table-block .list-container .list-item .info-box > span:last-child {
	margin-bottom: 0;
}

.table-block .list-container .list-item .column-2 {
	width: 580px;
	float: left;
	margin-left: 20px;
	padding: 28px 70px 30px 0;
}

.table-block .list-container .column-container .column-2 {
	color: #027a90;
	font-size: 15px;
	line-height: 1.3em;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
}

.table-block .list-container .list-item .column-3 {
	width: 310px;
	float: left;
	margin-left: 20px;
	padding: 30px 20px 30px 0;
}

.table-block .list-container .column-container .column-3 {
	font-size: 12px;
	color: #004759;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
}

.table-block .circle-icon {
	float: left;
	display: none;
}

.table-block .plain-icon {
	float: left;
	margin-top: -9px;
	margin-left: -8px;
	display: none;
}

.table-block .icon-text:before {
	content: '\e909';
	font-family: 'icomoon';
	font-size: 16px;
	float: left;
	margin-top: -1px;
	margin-right: 6px;
	margin-left: 2px;
	color: #619cb1;

	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
}

.table-block .icon-text {
	/*float: left;*/
	text-transform: uppercase;
	margin: 2px 0 0 0px;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
}

.table-block .new-list-item {
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	float: right;
	background: none;
	color: #87bac9;
	font-size: 12px;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
}


@media all and (min-width: 1020px) and (max-width: 1279px) {
    .table-block .list-container .list-header .column-1,
	.table-block .list-container .list-header .column-3,
	.table-block .list-container .list-item .column-1,
	.table-block .list-container .list-item .column-3 {
		width: 230px;
	}

	.table-block .list-container .list-header .column-2,
	.table-block .list-container .list-item .column-2 {
		width: 480px;
	}

	.table-block .list-container .list-item .registration-info {
		width: 220px;
	}

	.table-block .article-content.accordion-container .left-col {
		margin-right: 30px;
	}

	.table-block .list-container .accordion-container .accordion-row .column-1,
	.table-block .list-container .accordion-container .accordion-row .column-3 {
		width: 210px;
	}
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.table-block .article-content.accordion-container {
		padding: 30px 20px;
	}

	.table-block .accordion-container .article-image {
		margin-top: -30px;
		margin-bottom: 30px;
		width: 680px;
		margin-left: -20px;
	}

	.table-block .article-content.accordion-container .left-col {
		margin-bottom: 30px !important;
		margin-right: 0;
	}

	.table-block .list-container .list-header .column-1 {
		width: 100%;
	}

	.table-block .list-container .list-header .column-2,
	.table-block .list-container .list-header .column-3 {
		display: none;
	}

	.table-block .list-container .column-container {
		padding-bottom: 30px;
	}

	.table-block .list-container .list-item .column-1 {
		width: 100%;
		float: none;
		/*height: 82px;*/
		padding-bottom: 0;
	}

	.table-block .list-container .list-item .column-2 {
		width: 100%;
		float: none;
		margin: 10px 0 0 0;
		padding: 0 20px;
		clear: both;
	}

	.table-block .list-container .accordion-container .accordion-row .column-1 {
		padding-bottom: 0;
		width: 100%;
	}

	.table-block .list-container .accordion-container .accordion-row .column-2 {
		margin-top: 0;
		width: 100%;
		padding-bottom: 0;
	}

	.table-block .list-container .accordion-container .accordion-row .column-3 {
		display: block;
		margin: 0;
	}

	.table-block .list-container .list-item .column-3 {
		display: none;
	}

	.table-block .list-container .list-item .registration-info {
		margin-bottom: 4px;
		float: none;
	}
}

@media all and (max-width: 719px) {
	.table-block .article-content.accordion-container {
		padding: 30px 10px;
	}

	.table-block .accordion-container .article-image {
		margin-top: -30px;
	}

	.table-block .article-content.accordion-container .left-col {
		margin-bottom: 30px !important;
		margin-right: 0;
	}

	.table-block .list-container .list-header .column-1 {
		width: 100%;
		padding-left: 10px;
		/*padding: 12px 10px;*/
		/*height: 38px;*/
	}

	.table-block .list-container .list-header .column-2,
	.table-block .list-container .list-header .column-3 {
		display: none;
	}

	.table-block .list-container .column-container {
		padding-bottom: 30px;
	}

	.table-block .list-container .list-item .column-1 {
		width: 100%;
		float: none;
		padding: 30px 10px 0;
	}

	.table-block .list-container .list-item .date,
	.table-block .list-container .list-item .year {
		font-size: 14px;
		line-height: 1.3em;
	}

	.table-block .list-container .list-item .column-2 {
		width: 100%;
		float: none;
		clear: both;
		margin: 10px 0 0;
		padding: 0 10px;
		font-size: 14px;
	}

	.table-block .list-container .accordion-container .accordion-row {
		padding: 0 10px;
	}

	.table-block .list-container .accordion-container .accordion-row .column-1,
	.table-block .list-container .accordion-container .accordion-row .column-2 {
		font-size: 12px;
	}

	.table-block .list-container .accordion-container .accordion-row .column-1 {
		padding-bottom: 0;
		width: 100%;
	}

	.table-block .list-container .accordion-container .accordion-row .column-2 {
		margin-top: 0;
		width: 100%;
		padding-bottom: 0;
	}

	.table-block .list-container .accordion-container .accordion-row .column-3 {
		display: block;
		margin: 0;
	}

	.table-block .list-container .list-item .column-3 {
		display: none;
	}

	.table-block .list-container .list-item .registration-info {
		margin-bottom: 4px;
		float: none;
	}
}

.extra-info {
	position: relative;
}

.extra-info-slideshow {
	padding-bottom: 40px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.extra-info .info-container {
	width: 310px;
	float: left;
	background-color: #88cbe0;
	height: 580px;
	padding: 20px;
	position: relative;
}

.extra-info-slideshow .info-text {
	display: none;
}

.extra-info-slideshow .info-text.selected {
	display: block;
}

.extra-info .info-container .category {
	color: #004759;
	display: block;
	text-transform: uppercase;
	font-size: 10.5px;
	margin-bottom: 15px;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
}

.extra-info .info-container .headline {
	color: #fff;
	display: block;
	font-size: 28px;
	/*margin-top: 15px;*/
	line-height: 1.1em;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
}

.extra-info .info-container .summary {
	color: #004759;
	font-size: 13px;
	line-height: 1.3em;
	margin-top: 15px;
}

.extra-info .info-container .info-image-container {
	width: 210px;
	height: 210px;
	border-radius: 105px;
	border: 6px solid #aedded;
	overflow: hidden;
	margin: 20px auto 0;
	display: block;
	position: relative;
}

.extra-info .info-container .info-image-container img {
	width: 100%;
	height: 100%;
	border-radius: 112px;
	position: absolute;
	transition: opacity .15s linear;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-ms-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
}

.extra-info-slideshow .info-container .info-image-container img {
	opacity: 0;
}

.extra-info .info-container .info-image-container img.selected {
	opacity: 1;
}

.extra-info .info-container .bottom-container {
	position: absolute;
	bottom: 20px;
	width: 100%;
	left: 0;
	padding: 0 20px;
}

.extra-info .info-container .bottom-container .headline {
	color: #FFF;
	/*margin-top: 15px;*/
	font-size: 50px;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	letter-spacing: -0.03em;
}

.extra-info.top-info .info-container .bottom-container .headline {
	font-size: 36px;
}

.extra-info.top-info .info-container .bottom-container .headline.smaller {
	font-size: 26px;
}

.extra-info .info-container p a {
	color: #fff;
}

.extra-info .info-container .bottom-container p {
	color: #004759;
	font-size: 13px;
	line-height: 1.3em;
	margin-top: 15px;
}

.extra-info .image-container {
	line-height: 0;
	float: right;
	width: 930px;
	height: 580px;
	position: relative;
	overflow: hidden;
}

.extra-info .image-container img {
	width: 100%;
	height: auto;
	position: absolute;
}

.extra-info-slideshow .image-container img {
	display: none;
}

.extra-info-slideshow .image-container img.selected {
	display: block;
}

.extra-info-slideshow .cta-container {
	clear: both;
}

.extra-info-slideshow .cta-container .cta-button {
	display: none;
}

.extra-info-slideshow .cta-container .cta-button.selected {
	display: block;
}

.extra-info .cta-button {
	clear: both;
}

.extra-info-slideshow .slide-controls {
	width: 40px;
	height: 80px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -40px;
	z-index: 2;
}

.extra-info-slideshow .slide-controls .button {
	cursor: pointer;
	width: 40px;
	height: 40px;
	background-color: #f7f6f4;
	display: block;
	overflow: hidden;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	transition: background-color .15s linear, width .1s ease-in-out;
	-webkit-transition: background-color .15s linear, width .1s ease-in-out;
	-moz-transition: background-color .15s linear, width .1s ease-in-out;
	-ms-transition: background-color .15s linear, width .1s ease-in-out;
	-o-transition: background-color .15s linear, width .1s ease-in-out;
}

.extra-info-slideshow .slide-controls .button span {
	width: 12px;
	height: 12px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	pointer-events: none;
	margin: 14px auto 0;
}

.desktop .extra-info-slideshow .slide-controls .button:hover {
	background-color: #FFF;
	width: 50px;
}

.extra-info-slideshow .slide-controls .next-button span {
	background-position: 0 -84px;
}

.extra-info-slideshow .slide-controls .previous-button span {
	background-position: -56px -84px;
}

.extra-info .slideshow-nav {
	width: 310px;
	height: 40px;
	background-color: #59b1c9;
	position: absolute;
	left: 0;
	bottom: 0;

}

.extra-info .slideshow-nav .slide-count {
	font-size: 14px;
	color: #fff;
	display: block;
	line-height: 1.2em;
	position: absolute;
	bottom: 10px;
	left: 15px;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
}

.extra-info .slideshow-nav .arrow-box {
	width: 40px;
	height: 40px;
	top: 0;
	position: absolute;
	cursor: pointer;
	transition: background-color .15s linear;
	-webkit-transition: background-color .15s linear;
	-moz-transition: background-color .15s linear;
	-ms-transition: background-color .15s linear;
	-o-transition: background-color .15s linear;
}

.extra-info .slideshow-nav .arrow-box:before {
	content: '\e905';
	color: #fff;
	font-family: 'icomoon';
	font-size: 11px;
	margin: 15px 0 0 14px;
	display: inline-block;
}

.desktop .extra-info .slideshow-nav .arrow-box:hover {
	background-color: #057b91;
}

.extra-info .slideshow-nav .arrow-box.left {
	right: 40px;
}

.extra-info .slideshow-nav .arrow-box.left:before {
	content: '\e908';
}

.extra-info .slideshow-nav .arrow-box.right {
	right: 0;
}

.extra-info .slideshow-nav .arrow-box .arrow {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 14px;
	z-index: 2;
	display: none;
}

.extra-info .slideshow-nav .arrow-box.left .arrow {
	background-position: -56px -55px;
	right: 14px;
}


.extra-info .slideshow-nav .arrow-box.right .arrow {
	background-position: 0 -55px;
	left: 14px;
}

.extra-info .slideshow-nav .arrow-box .arrow-bg {
	width: 47px;
	height: 100%;
	position: absolute;
	top: 0;
	margin-top: 0;
	background-color: #6ba2b3;
	z-index: 1;
}


@media all and (min-width: 1020px) and (max-width: 1279px) {
	.extra-info .info-container {
		width: 230px;
		height: 449px;
	}

	.extra-info .image-container {
		width: 750px;
		height: 449px;
	}

	.extra-info .info-container .headline {
		font-size: 18px !important;
	}

	.extra-info .info-container .bottom-container .headline {
		font-size: 40px;
	}

	.extra-info .info-container .info-image-container {
		width: 160px;
		height: 160px;
		border-radius: 80px;
		margin-top: 0;
	}

	.extra-info .info-container .info-image-container img {
		/*width: 148px;
		height: auto;*/
		border-radius: 77px;
	}

	.extra-info-slideshow .slideshow-nav {
		width: 230px;
	}
}

@media all and (min-width: 600px) and (max-width: 1019px) {
	.extra-info .info-container {
		width: 50%;
		height: 370px;
	}

	.extra-info .image-container {
		overflow: hidden;
		width: 50%;
		height: 370px;
	}

	.extra-info .image-container img {
		height: 100%;
		width: auto;
		min-width: 100%;
		left: 50%;
		margin-left: -330px
	}

	.extra-info .info-container .headline {
		font-size: 22px !important;
		padding-right: 20px;
	}

	.extra-info .info-container .bottom-container .headline {
		font-size: 35px;
	}

	.extra-info .info-container .bottom-container {
		bottom: 25px;
	}

	.extra-info .info-container .info-image-container {
		width: 140px;
		height: 140px;
		border-radius: 70px;
		margin-top: 0;
	}

	.extra-info .info-container .info-image-container img {
		/*width: 128px;
		height: auto;*/
		border-radius: 67px;
	}

	.extra-info-slideshow .slideshow-nav {
		width: 50%;
	}
}

@media all and (max-width: 719px) {
	.extra-info .info-container {
		padding: 20px 10px 0;
	}

	.extra-info .info-container .bottom-container {
		padding: 0 10px;
	}

	.extra-info-slideshow .slideshow-nav {
		width: 50%;
	}
}

@media all and (max-width: 599px) {
	.extra-info .info-container {
		width: 100%;
		height: auto;
		padding: 15px 10px 15px;
		float: none;
	}

	.extra-info .image-container {
		width: 100%;
		height: auto;
		float: none;
	}

	.extra-info .image-container img {
		position: relative;
		width: 100%;
		height: auto;
	}

	.extra-info .info-container .bottom-container {
		position: relative;
		bottom: auto;
		padding: 0;
	}

	/* this is used on the Education page */
	.extra-info .info-container .bottom-container .headline {
		/*margin-top: -10px;*/
	}

	/* this is used on the Home page */
	.extra-info.bottom-info .info-container .bottom-container .headline {
		/*margin-top: 15px;*/
	}

	/* this is used on the Missions page */
	.extra-info.top-info .info-container .bottom-container .headline {
		margin-top: 0;
	}

	/* this is used on the Home page */
	.extra-info.bottom-info .info-container .bottom-container {
		margin-top: 35px;
	}

	/* fact.html */
	/* .extra-info.bottom-info {
		opacity: 1;
	} */

	/*.extra-info.bottom-info .info-container .bottom-container {
		position: relative;
		bottom: auto;
		padding: 0;
		margin-top: 35px;
	}*/

	.extra-info.top-info .info-container .bottom-container .category {
		/*position: relative;
		margin-bottom: 3px;
		top: 10px;*/
	}

	.extra-info.bottom-info .info-container .top-container .category,
	.extra-info.top-info .info-container .bottom-container .category {
		position: relative;
		/*top: -10px;*/
		margin-bottom: 10px;
	}

	.extra-info.top-info .info-container .top-container {
		display: none;
	}

	.extra-info.top-info .info-container .bottom-container .headline {
		font-size: 20px;
	}

	.extra-info .info-container img {
		width: 140px;
		height: 140px;
	}

	.extra-info .info-container .headline {
		width: 100%;
		font-size: 18px !important;
		padding-right: 20px;
		margin-top: 0;
	}

	.extra-info .info-container .summary {
		width: 100%;
		font-size: 12px;
	}

	.extra-info .info-container .category {
		margin-bottom: 10px;
	}
}

.site-breadcrumb {
    width: 1280px;
    height: 34px;
    position: relative;
    background: #f7f6f2;
    z-index: 1;
    margin: 0px 0 0 -20px;
    padding-top: 11px;
    padding-left: 20px;
}

.site-breadcrumb span,
.site-breadcrumb a {
	text-transform: uppercase;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	font-size: 10.5px;
	color: #6b6765;
	display: inline-block;
    vertical-align: top;
    margin-top: 1px;
}

.site-breadcrumb a {
    text-decoration: none;
    transition: color .15s linear;
    -webkit-transition: color .15s linear;
    -moz-transition: color .15s linear;
    -ms-transition: color .15s linear;
    -o-transition: color .15s linear;
}

.site-breadcrumb .current,
.desktop .site-breadcrumb a:hover {
	color: #59b2ca;
}

.site-breadcrumb .current {
    overflow: hidden;
    white-space: nowrap;
    /*text-overflow: ellipsis;    */
    display: inline-block;
}

.site-breadcrumb .arrow {
	width: 8px;
	height: 8px;
	display: inline-block;
	margin: 2px 4px 0 4px;

    font-size: 7px;
    vertical-align: top;
    color: #6b6765;
    font-family: 'icomoon';
}

@media all and (min-width: 1600px) {
    .site-breadcrumb {
    	width: 1360px;
        margin-left: -60px;
        padding-left: 60px;
    }	
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
    .site-breadcrumb {
    	width: 1020px;
    }
}

@media all and (min-width: 720px) and (max-width: 1019px) {
    .site-breadcrumb {
    	width: 720px;
    }
}

@media all and (max-width: 719px) {
    .site-breadcrumb {
    	width: 110%;
        /*margin-top: 10px;*/
    } 

    .site-breadcrumb .arrow,
    .site-breadcrumb a,
    .site-breadcrumb span {
        display: none;
    }

    .site-breadcrumb .arrow:first-of-type,
    .site-breadcrumb a:first-of-type {
        display: inline-block;
    }

    .site-breadcrumb .current {
        display: inline-block;
        width: 80%;
        padding-right: 10px;
    }

}
.featured-media {
	width: 100%;
	height: 436px;
	position: relative;
	overflow: hidden;
	background-color: #f7f6f4;
}

.featured-media.featured-media-small {
	min-height: 220px;
	height: auto;
}

.desktop .featured-media:hover .headline {
	color: #5f9bae;
}

.featured-media .image-viewer {
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
}

.featured-media.featured-media-small .image-viewer {
	width: 290px;
	height: 100%;
	min-height: 220px;
}

.featured-media .image-viewer .play-button {
	background-image: url("../assets/images/ui/video-icons@2x.2da0c165d3dd.png");
	background-position: 2px 2px;
	width: 50px;
	height: 50px;
	background-size: 95px auto;
	background-color: #fff;
	border-radius: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	z-index: 99;
}

.featured-media img {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
}

.featured-media.featured-media-small img {
	width: auto;
}

.featured-media .text-container {
	display: inline-block;
	width: 50%;
	height: 100%;
	padding-right: 100px;
	padding-left: 20px;
	float: left;
	position: relative;
}

.featured-media.featured-media-small .text-container {
	width: 950px;
	min-height: 220px;
	padding-bottom: 40px;
	padding-right: 20px;
}

.featured-media .text-container .title,
.featured-media .text-container .author {
	font-size: 11px;
	color: #3d3d3c;
	float: left;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	text-transform: uppercase;
}

.featured-media .text-container .author {
	margin-right: 6px;
}

.featured-media .text-container .title {
	display: block;
	margin: 17px 0 21px;
	float: left;
}

.featured-media.featured-media-small .text-container .title {
	margin-bottom: 5px;
}

.featured-media .text-container .headline {
	display: block;
	color: #4d4c4b;
	font-size: 34px;
	line-height: 1.3em;
	float: left;
	clear: left; /* Short headlines would appear on same line as title */
	font-family: 'AktivGroteskLight', Arial, sans-serif;
	transition: color .15s linear;
	-webkit-transition: color .15s linear;
	-moz-transition: color .15s linear;
	-ms-transition: color .15s linear;
	-o-transition: color .15s linear;
}

.featured-media.featured-media-small .text-container .headline {
	font-size: 19px;
}

.featured-media .text-container .summary {
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 20px;
	padding-right: 100px;
	width: 100%;
    transition: bottom .15s ease-in-out;
    -webkit-transition: bottom .15s ease-in-out;
    -moz-transition: bottom .15s ease-in-out;
    -ms-transition: bottom .15s ease-in-out;
    -o-transition: bottom .15s ease-in-out;
}

.featured-media .text-container .summary .date {
	font-size: 12px;
	line-height: 1em;
	color: #9e9e9e;
}

.featured-media .text-container .summary p {
	display: block;
	margin-top: 4px;
	color: #4D4C4B;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.featured-media .text-container .summary p a {
	color: #59b1c9;
	text-decoration: none;
}

.featured-media .text-container .summary p a:hover {
	text-decoration: underline;
}

.featured-media .text-container .cta {
    display: block;
    position: absolute;
    left: 0;
    bottom: -40px;

    width: 100%;
    height: 40px;
    background-color: #59b2ca;

    padding-left: 20px;
    padding-top: 13px;
    
    color: #FFF;
    font-size: 11px;
    line-height: 1.3em;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    
    transition: bottom .15s ease-in-out;
    -webkit-transition: bottom .15s ease-in-out;
    -moz-transition: bottom .15s ease-in-out;
    -ms-transition: bottom .15s ease-in-out;
    -o-transition: bottom .15s ease-in-out;
}

.featured-media .text-container .cta .link-text {
    float: left;
}

.featured-media .text-container .cta:after {
	content: '\e905';
	color: #fff;
	font-family: 'icomoon';
	font-size: 12px;
	margin-right: 14px;
	float: right;
}

.featured-media .text-container .cta .arrow {
	display: none;
    width: 12px;
    height: 12px;
    overflow: hidden;
    float: right;
    margin: 2px 14px 0 0;
    background-position: 0 -56px;
}

.desktop .featured-media:hover .text-container .cta {
	bottom: 0;
}

.desktop .featured-media:hover .text-container .summary {
    bottom: 40px;
}

.desktop .featured-media.featured-media-small:hover .text-container .summary {
    bottom: 40px;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.featured-media {
		height: 338px;
	}

	.featured-media.featured-media-small {
		min-height: 180px;
	}

	.featured-media .text-container,
	.featured-media .text-container .summary {
		padding-right: 20px;
	}

	.featured-media .text-container .headline {
		font-size: 26px;
	}

	.featured-media.featured-media-small .text-container .headline {
		font-size: 19px;
	}

	.featured-media.featured-media-small .text-container {
		width: 760px;
		min-height: 180px;
	}

	.featured-media.featured-media-small .image-viewer {
		width: 220px;
		min-height: 180px;
	}
}

@media all and (min-width: 620px) and (max-width: 1279px) {
	.featured-media.featured-media-small .text-container .summary p {
		height: auto;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin-right: 10px;
	}
}

@media all and (min-width: 620px) and (max-width: 1019px) {
	.featured-media .text-container .summary p {
		height: auto;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin-right: 10px;
	}
}

@media all and (max-width: 1019px) {
	.featured-media {
		height: 239px;
	}

	.featured-media .text-container .headline,
	.featured-media.featured-media-small .text-container .headline {
		font-size: 18px;
		line-height: 1.4em;
	}

	.featured-media .text-container {
		padding-right: 20px;
	}

	.featured-media .text-container .summary {
		padding-right: 0;
	}

	.featured-media .text-container .title,
	.featured-media .text-container .author {
		font-size: 10px;
	}

	.featured-media .text-container .summary .date {
		font-size: 11px;
		vertical-align: top;
	}
}

@media all and (min-width: 720px) and (max-width: 1019px) {

	.featured-media.featured-media-small .image-viewer {
		width: 50%;
	}

	.featured-media.featured-media-small .text-container {
		width: 50%;
	}
}

@media all and (max-width: 719px) {
	.featured-media .text-container .title {
		margin-bottom: 7px;
		width: 100%;
	}

	.featured-media.featured-media-small .image-viewer,
	.featured-media.featured-media-small .video-viewer {
		width: 50%;
	}

	.featured-media .text-container,
	.featured-media.featured-media-small .text-container {
		width: 50%;
	}

	.featured-media .text-container, .featured-media.featured-media-small .text-container {
		margin-bottom: 0;
	}

	.featured-media .text-container .summary p {
		margin-bottom: 18px;
	}
}

@media all and (max-width: 620px) {
	.featured-media,
	.featured-media.featured-media-small {
		height: auto;
	}

	.featured-media img {
		min-height: 0;
	}

	.featured-media .image-viewer {
		height: auto;
	}

	.featured-media .image-viewer img {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
	}

	.featured-media .image-viewer,
	.featured-media .video-viewer,
	.featured-media.featured-media-small .image-viewer,
	.featured-media.featured-media-small .video-viewer {
		width: 100%;
		display: block;
		float: none;
	}

	.featured-media .text-container,
	.featured-media.featured-media-small .text-container {
		width: 100%;
		height: 100%;
		min-height: 0;
		padding-bottom: 0;
		left: 0;
		top: 0;
		overflow: hidden;
		padding-left: 10px;
		float: none;
		display: block;
	}

	.featured-media .text-container .headline  {
		margin-bottom: 20px;
	}

	.featured-media .text-container .summary {
		position: relative;
		clear: both;
		float: left;
		padding-left: 0px;
	}

    .featured-media .text-container .cta {
        display: none;
    }

    .desktop .featured-media:hover .text-container .summary,
    .desktop .featured-media.featured-media-small:hover .text-container .summary {
        bottom: 0;
    }
}

.resources-block .block {
	width: 100%;
	background-color: #f7f6f4;
	position: relative;
}

.resources-block .block .section {
	display: inline-block;
	width: 310px;
	height: 380px;
	margin: 0;
	float: left;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.resources-block.smaller .block .section {
	width: 206.5px;
	height: 307px;
}

/*.desktop .resources-block .block .section:hover .title,
.desktop .resources-block .block .section:hover .description,*/
.desktop .resources-block .block .section:hover .cta {
	color: #FFF;
}

.desktop .resources-block .block .section:hover .bg-bar-1 {
	top: 0;
	height: 100%;
}

.desktop .resources-block .block .section:hover .bg-bar-2 {
	bottom: 0;
	height: 40px;
}

.resources-block .block .section .text-container {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 3;
	padding: 40px 0 50px;
}

.resources-block.smaller .block .section .text-container {
	padding-top: 35px;
}

.resources-block .block .section .bg-bar-1 {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 0;
	background-color: #59b2ca;
	display: none;
	z-index: 1;
	transition: top .27s ease-in-out, height .27s ease-in-out;
	-webkit-transition: top .27s ease-in-out, height .27s ease-in-out;
	-moz-transition: top .27s ease-in-out, height .27s ease-in-out;
	-ms-transition: top .27s ease-in-out, height .27s ease-in-out;
	-o-transition: top .27s ease-in-out, height .27s ease-in-out;
}

.resources-block .block .section .bg-bar-2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background-color: #59b2ca;
	z-index: 2;
	transition: height .2s ease-in-out;
	-webkit-transition: height .2s ease-in-out;
	-moz-transition: height .2s ease-in-out;
	-ms-transition: height .2s ease-in-out;
	-o-transition: height .2s ease-in-out;
}

.resources-block .block .section .bg-bar-2 .arrow {
	width: 12px;
	height: 12px;
	margin: 14px 14px 0 0;
	background-position: 0 -56px;
	float: right;
	display: none;
}

.resources-block .block .section .bg-bar-2:after {
	content: '\e905';
	color: #fff;
	font-family: 'icomoon';
	font-size: 11px;
	float: right;
	margin: 14px 14px 0 0;
}

.resources-block .block .section .image-wrap {
	width: 170px;
	height: 170px;
	position: relative;
	margin: 0 auto 25px;
}

.resources-block.smaller .block .section .image-wrap {
	width: 140px;
	height: 140px;
	margin-bottom: 15px;
}

.resources-block .block .section img {
	width: 100%;
	height: 100%;
	border-radius: 85px;
}

.resources-block .block .section .title {
	display: block;
	font-size: 22px;
	line-height: 1.3em;
	color: #2e454d;
	margin: 0 10px 3px 10px;
	/*transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;*/
}

.resources-block.smaller .block .section .title {
	font-size: 16px;
}

.resources-block .block .section .description {
	color: #9e9e9e;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 12px;
	height: 34px;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0 5px;
	margin-top: 5px;
	/*transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;*/
}

.resources-block .block .section .cta {
	text-decoration: none;
	font-size: 11px;
    text-transform: uppercase;
    color: #59b2ca;
    position: absolute;
	white-space: nowrap;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 13px 0;
    font-family: 'AktivGroteskBold', Arial, sans-serif;
    transition: color .15s linear;
    -webkit-transition: color .15s linear;
    -moz-transition: color .15s linear;
    -ms-transition: color .15s linear;
    -o-transition: color .15s linear;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
    .resources-block .block .section {
    	width: 245px;
		height: 380px;
    }

	.resources-block.smaller .block .section {
		width: 160px;
	}

	.resources-block.smaller .block .section .image-wrap {
		width: 110px;
		height: 110px;
	}

    .resources-block .block .section .description {
    	width: 90%;
    }

    .resources-block .block .section .title {
    	min-height: 56px;
    }
}

@media all and (max-width: 1019px) {
	.resources-block .block .section .image-wrap {
		width: 140px;
		height: 140px;
	}

	.resources-block .block .section img {
		border-radius: 70px;
	}

	.resources-block .block .section {
		width: 50%;
		height: 50%;
	}

	.resources-block .block .section .bg-bar-1,
	.resources-block .block .section .bg-bar-2 {
		display: none;
	}

	.desktop .resources-block .block .section:hover .title {
		color: #2e454d;
	}

	.desktop .resources-block .block .section:hover .description {
		color: #9e9e9e;
	}

	.desktop .resources-block .block .section:hover .cta {
		color: #057b91;
	}
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.resources-block.smaller .block .section {
		width: 226px;
	}
}

@media all and (max-width: 719px) {
	.resources-block .section-headline-container {
		margin-top: 40px;
	}

	.resources-block.smaller .block .section {
		width: 50%;
	}
}

@media all and (max-width: 599px) {
	.resources-block .block .section:nth-child(n+3) {
		margin-top: 0px;
	}

	.resources-block .block .section .title {
		font-size: 16px;
	}
}

@media all and (max-width: 450px) {
    .resources-block .block .section .title {
    	min-height: 40px;
    }

	.resources-block .block .section:nth-child(n+3) {
		margin-top: 0px;
	}
}

.filter-wrap {
    height: 40px;
    margin-bottom: 40px;
    clear: both;
}

.filter-wrap .filter-col-left {
    float: left;
}

.filter-wrap .filter-col-left > * {
    float: left;
}

.filter-wrap .filter-col-right {
    float: right;
}

.filter-wrap .filter-col-right > * {
    float: left;
}

.filter-wrap .title {
	color: #737270;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 1.3em;
    margin-top: 13px;
	display: inline-block;
	margin-right: 10px;
	float: left;
}

.filter-wrap .filter-button {
    color: #737270;
    font-size: 12px;
    line-height: 1em;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
    padding: 14px 20px;
    background-color: #f7f6f2;
    text-transform: uppercase;
    float: left;

    transition: background-color .1s linear, color .1s linear;
    -webkit-transition: background-color .1s linear, color .1s linear;
    -moz-transition: background-color .1s linear, color .1s linear;
    -ms-transition: background-color .1s linear, color .1s linear;
    -o-transition: background-color .1s linear, color .1s linear;
}

.filter-wrap .filter-button:hover,
.filter-wrap .filter-button.selected {
    background-color: #59b1c9;
    color: #fff;
    text-decoration: none;
}

.filter-wrap .dropdown {
	display: inline-block;
	margin-right: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.filter-wrap .dropdown .top-display {
    width: auto;
    height: 100%;
    /*position: absolute;
    top: 0;*/
    /*overflow: hidden;*/
    white-space: nowrap;
    color: #59b2ca;
    font-size: 12px;
    line-height: 1.4em;
    padding: 12px 10px;
}

.filter-wrap .dropdown:hover .top-display {
    color: #3d3d3c;
}

.filter-wrap .dropdown .top-display::after {
    position: relative;
    margin-left: 7px;
    top: -2px;
    font-size: 6px;
    font-family: 'icomoon';
    content: '\e902';
}

.filter-wrap .dropdown:hover .option-list {
    display: block;
}

.filter-wrap .search-box {
	/*display: inline-block;*/
}

.filter-wrap .search-box .search-field {
    color: #737270;
    font-size: 12px;
    line-height: 1.3em;
    margin-top: 11px;
    margin-left: 14px;
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    top: 0;
    margin: 0;
    padding: 0 46px 0 10px;
    z-index: 1;
}

.filter-wrap .search-box {
    width: 215px;
    height: 40px;
    background-color: #f7f6f2;
    position: relative;
    cursor: pointer;
    float: left;
}

.filter-wrap .dropdown {
    height: 40px;
    position: relative;
    cursor: pointer;
    float: left;
}

/*.filter-wrap .dropdown span,*/
.filter-wrap .search-box span {
    color: #737270;
    font-size: 12px;
    line-height: 1.3em;
    margin-top: 13px;
    margin-left: 10px;
    display: block;
}

/*.filter-wrap .dropdown span {
    transition: padding .15s ease-in-out;
    -webkit-transition: padding .15s ease-in-out;
    -moz-transition: padding .15s ease-in-out;
    -ms-transition: padding .15s ease-in-out;
    -o-transition: padding .15s ease-in-out;
}*/

.filter-wrap .dropdown .option-list {
    display: none;
    background-color: #faf9f5;
    position: absolute;
    left: -10px;
    top: 40px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 11;
    box-shadow: 0 5px 0px rgba(0, 0, 0, .15);
    /*max-height: 0;*/
    /*transition: max-height .2s ease-in-out;
    -webkit-transition: max-height .2s ease-in-out;
    -moz-transition: max-height .2s ease-in-out;
    -ms-transition: max-height .2s ease-in-out;
    -o-transition: max-height .2s ease-in-out;*/
}

/*.filter-wrap .dropdown.open .arrow-box {
    background-color: #59b1c9;
}*/

/*.filter-wrap .dropdown .arrow-box .arrow {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);

    transition: transform .2s ease-in-out, margin-left .2s ease-in-out;
    -webkit-transition: -webkit-transform .2s ease-in-out, margin-left .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out, margin-left .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out, margin-left .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out, margin-left .2s ease-in-out;
}


.filter-wrap .dropdown.open .arrow-box .arrow {
    margin-left: 1px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}*/

.filter-wrap .dropdown .option-list .option {
    display: block;
    background-color: #faf9f5;
    position: relative;
    border-bottom: 1px solid #eeefec;
    color: #59b1c9;
    border-bottom: 1px solid #eaeae7;
    padding: 12px 25px 12px 20px;
    line-height: 1.4em;

    /*transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;*/
}

.filter-wrap .dropdown .option-list .option:hover {
    /*color: #59b2ca;*/
    background-color: #eeefec;
}

.filter-wrap .dropdown .option-list .option:last-child {
    border-bottom: none;
}

/*.filter-wrap .dropdown .option-list .option:first-child {
    margin-top: 10px;
}

.filter-wrap .dropdown .option-list .option:last-child {
    margin-bottom: 10px;
}*/

/*.filter-wrap .dropdown .option-list .option span {
    color: #6b6765;
    background-color: red;
    line-height: 1.3em;
    margin-top: 5px;
    padding-right: 5px;
    display: block;
    padding-left: 10px;
    transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -ms-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
}

.desktop .filter-wrap .dropdown .option-list .option:hover span {
    color: #333332;
}
*/
/*.filter-wrap .dropdown .option-list .option .arrow {
    width: 4px;
    height: 8px;
    background-position: -4px -114px;
    position: absolute;
    top: 8px;
    left: 10px;
}*/

/*.filter-wrap .dropdown .arrow-box,*/
.filter-wrap .search-box .icon-box {
    width: 40px;
    height: 40px;
    background-color: #8f8e8c;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    cursor: pointer;
    transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
}

.filter-wrap .search-box .icon-box:before {
    content: '\e907';
    font-family: 'icomoon';
    color: #fff;
    font-size: 15px;
    padding: 12px 0 0 13px;
    display: inline-block;
}

/*.filter-wrap .dropdown .arrow-box .arrow {
    width: 12px;
    height: 12px;
    background-position: -83px -56px;
    position: absolute;
    top: 14px;
    left: 14px;
}*/

.filter-wrap .search-box .icon-box .icon {
    width: 16px;
    height: 16px;
    background-position: -39px -102px;
    position: absolute;
    top: 10px;
    left: 11px;
}

/*.desktop .filter-wrap .dropdown:hover .arrow-box,*/
.desktop .filter-wrap .search-box:hover .icon-box {
    background-color: #59b1c9;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
    /*.filter-wrap .dropdown,*/
    .filter-wrap .search-box {
        width: 215px;
    }
}

@media all and (max-width: 1019px) {
    .filter-wrap {
        display: none;
    }
}

.time-navigation {
	position: relative;
	background-color: #f0eeeb;
}

.time-navigation .nav-box {
    /*width: 103px;*/
    padding: 0 20px;
    height: 40px;
    position: relative;
	display: inline-block;
	float: left;    
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

.time-navigation .bg-box {
	/*width: 104px;*/
    height: 40px;
    background-color: #59b1c9;
    position: absolute;
    left: 0;
    z-index: 1;
    transition: left .2s ease-in-out, width .2s ease-in-out;
	-webkit-transition: left .2s ease-in-out, width .2s ease-in-out;
	-moz-transition: left .2s ease-in-out, width .2s ease-in-out;
	-ms-transition: left .2s ease-in-out, width .2s ease-in-out;
	-o-transition: left .2s ease-in-out, width .2s ease-in-out;
}

.time-navigation .nav-box.selected span,
.desktop .time-navigation .nav-box:hover span {
	color: #fff;
}

.time-navigation .nav-box span {
    color: #737270;
    font-size: 12px;
    line-height: 1.3em;
    display: inline-block;
    margin-top: 14px;
    white-space: nowrap;
    transition: color .15s linear;
	-webkit-transition: color .15s linear;
	-moz-transition: color .15s linear;
	-ms-transition: color .15s linear;
	-o-transition: color .15s linear;
}

.time-navigation .bg-box .arrow-left,
.time-navigation .bg-box .arrow-right {
	width: 4px;
	height: 7px;
	top: 16px;
	display: block;
	position: absolute;
	opacity: .6;
	display: none;
}

.time-navigation .bg-box .arrow-left {
	left: 8px;
	background-position: -60px -114px;
}

.time-navigation .bg-box .arrow-right {
	right: 8px;
	background-position: -4px -114px;
}

@media all and (max-width: 719px) {
	.time-navigation {
		width: 100%;
	}

	.time-navigation .nav-box,
	.time-navigation .bg-box {
		width: 33.3%;
	}

	.time-navigation .nav-box {
		padding: 0 10px;
	}
}
section.missions-blocks {
    overflow: hidden;
    margin-top: 40px;
}

.missions-blocks .mission-block {
    background-color: #f7f6f4;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    height: 300px;
    cursor: pointer;
    transition: background-color .15s linear;
    -webkit-transition: background-color .15s linear;
    -moz-transition: background-color .15s linear;
    -ms-transition: background-color .15s linear;
    -o-transition: background-color .15s linear;
}

.desktop .missions-blocks .mission-block:hover .mission-title {
    color: #59b2ca;
}

.desktop .missions-blocks .mission-block:hover .text-container .cta {
    bottom: 0;
}

.desktop .missions-blocks .mission-block:hover .text-container .purpose {
    bottom: 55px;
}

.missions-blocks .mission-block.last {
    margin-bottom: 0;
}

.missions-blocks .mission-block .image-viewer {
    width: 50%;
    height: 100%;
    float: left;
    overflow: hidden;
}

.missions-blocks .mission-block img {
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
}

.missions-blocks .mission-block .text-container {
    width: 50%;
    height: 100%;
    padding-right: 100px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    position: relative;
}

.missions-blocks .mission-block .text-container .cta {
    width: 100%;
    height: 40px;
    background-color: #59b2ca;
    display: block;
    position: absolute;
    color: #FFF;
    padding-left: 20px;
    left: 0;
    font-size: 11px;
    line-height: 1.3em;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
    text-transform: uppercase;
    padding-top: 13px;
    text-decoration: none;
    bottom: -40px;

    transition: bottom .15s ease-in-out;
    -webkit-transition: bottom .15s ease-in-out;
    -moz-transition: bottom .15s ease-in-out;
    -ms-transition: bottom .15s ease-in-out;
    -o-transition: bottom .15s ease-in-out;
}

.missions-blocks .mission-block .text-container .cta:after {
    content: '\e905';
    color: #fff;
    font-family: 'icomoon';
    font-size: 12px;
    float: right;
    margin: -1px 14px 0 0;
}

.missions-blocks .mission-block .text-container .cta .link-text {
    float: left;
}

.missions-blocks .mission-block .text-container .mission-name {
    font-size: 11px;
    line-height: 1.3em;
    display: block;
    margin-bottom: 20px;
    color: #4d4c4b;
    text-transform: uppercase;
    color: #91908f;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
}

.missions-blocks .mission-block .text-container .mission-name .name {
    color: #4d4c4b;
    text-transform: none;
    font-size: 14px;
    display: block;
    margin-top: 2px;
    font-family: 'AktivGroteskRegular', Arial, sans-serif;

}

.missions-blocks .mission-block .text-container .mission-title {
    text-transform: uppercase;
    margin-top: 18px;
    font-size: 50px;
    font-family: 'AktivGroteskLight', Arial, sans-serif;
    display: block;
    color: #333332;
    transition: color .15s linear;
    -webkit-transition: color .15s linear;
    -moz-transition: color .15s linear;
    -ms-transition: color .15s linear;
    -o-transition: color .15s linear;
}

.missions-blocks .mission-block .text-container .purpose {
    position: absolute;
    bottom: 15px;
    margin-right: 20px;
    transition: bottom .15s ease-in-out;
    -webkit-transition: bottom .15s ease-in-out;
    -moz-transition: bottom .15s ease-in-out;
    -ms-transition: bottom .15s ease-in-out;
    -o-transition: bottom .15s ease-in-out;
}

.missions-blocks .mission-block .text-container .purpose .purpose-title {
    font-size: 11px;
    color: #91908f;
    float: left;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}

.missions-blocks .mission-block .text-container .purpose .purpose-text {
    font-size: 14px;
    line-height: 1.3em;
    display: block;
    clear: both;
    color: #4d4c4b;
}

.missions-blocks .see-all {
    width: 100%;
    height: 40px;
    background-color: #87bac9;
    text-align: center;
}

.missions-blocks .see-all .plus-icon{
    width: 14px;
    height: 15px;
    background-position: -41px -169px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}

.missions-blocks .see-all span {
    font-size: 11px;
    color: #fff;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1.3em;
    display: inline-block;
    margin-top: 14px;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {

    .missions-blocks .mission-block {
        height: 232px;
    }

    .missions-blocks .mission-block .text-container .mission-title {
        font-size: 34px;
    }

    .missions-blocks .mission-block .text-container .mission-name {
        font-size: 10.5px;
    }

    .missions-blocks .mission-block .text-container .mission-name .name {
        font-size: 13px;
    }

    .missions-blocks .mission-block .text-container .purpose .purpose-title {
        font-size: 10.5px;
    }

    .missions-blocks .mission-block .text-container .purpose .purpose-text {
        font-size: 13px;
    }
}

@media all and (max-width: 1019px) {
    .missions-blocks .mission-block .text-container .mission-title {
        font-size: 34px;
    }

}

@media all and (min-width: 720px) and (max-width: 1019px) {

    .missions-blocks .mission-block {
        height: 165px;
    }

    .missions-blocks .mission-block .text-container .mission-title {
        position: absolute;
        bottom: 15px;
        left: 20px;
        transition: color .15s linear, bottom .15s ease-in-out;
        -webkit-transition: color .15s linear, bottom .15s ease-in-out;
        -moz-transition: color .15s linear, bottom .15s ease-in-out;
        -ms-transition: color .15s linear, bottom .15s ease-in-out;
        -o-transition: color .15s linear, bottom .15s ease-in-out;
    }

    .missions-blocks .mission-block .text-container .purpose {
        display: none;
    }

    .desktop .missions-blocks .mission-block:hover .mission-title {
        bottom: 45px;
    }
}

@media all and (max-width: 719px) {
    section.missions-blocks {
        margin-top: 0;
    }

    .missions-blocks .section-headline-container {
        margin-top: 24px;
    }

    .missions-blocks .mission-block {
        height: auto;
    }

    .missions-blocks .mission-block .image-viewer {
        width: 100%;
        height: 100%;
        display: block;
    }

    .missions-blocks .mission-block img {
        min-height: 0;
    }

    .missions-blocks .mission-block .text-container {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .missions-blocks .mission-block .text-container .mission-title {
        margin-bottom: 15px;
        display: block;
        font-size: 24px;
    }

    .missions-blocks .mission-block .text-container .purpose {
        position: relative;
        bottom: auto;
        margin-right: 0px;
        margin-bottom: 14px;
    }

    .desktop .missions-blocks .mission-block:hover .text-container .cta {
        display: none;
    }

    .desktop .missions-blocks .mission-block:hover .text-container .purpose {
        bottom: 0;
    }
}

section.postdocs-blocks {
    overflow: hidden;
    margin-top: 40px;
}

.postdocs-blocks .postdoc-block {
    background-color: #f7f6f4;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    height: 300px;
    cursor: pointer;
    transition: background-color .15s linear;
    -webkit-transition: background-color .15s linear;
    -moz-transition: background-color .15s linear;
    -ms-transition: background-color .15s linear;
    -o-transition: background-color .15s linear;
}

.desktop .postdocs-blocks .postdoc-block:hover .postdoc-title {
    color: #59b2ca;
}

.desktop .postdocs-blocks .postdoc-block:hover .text-container .cta {
    bottom: 0;
}

.desktop .postdocs-blocks .postdoc-block:hover .text-container .purpose {
    bottom: 55px;
}

.postdocs-blocks .postdoc-block.last {
    margin-bottom: 0;
}

.postdocs-blocks .postdoc-block .image-viewer {
    width: 50%;
    height: 100%;
    float: left;
    overflow: hidden;
}

.postdocs-blocks .postdoc-block img {
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
}

.postdocs-blocks .postdoc-block .text-container {
    width: 50%;
    height: 100%;
    padding-right: 100px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    position: relative;
}

.postdocs-blocks .postdoc-block .text-container .cta {
    width: 100%;
    height: 40px;
    background-color: #59b2ca;
    display: block;
    position: absolute;
    color: #FFF;
    padding-left: 20px;
    left: 0;
    font-size: 11px;
    line-height: 1.3em;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
    text-transform: uppercase;
    padding-top: 13px;
    text-decoration: none;
    bottom: -40px;

    transition: bottom .15s ease-in-out;
    -webkit-transition: bottom .15s ease-in-out;
    -moz-transition: bottom .15s ease-in-out;
    -ms-transition: bottom .15s ease-in-out;
    -o-transition: bottom .15s ease-in-out;
}

.postdocs-blocks .postdoc-block .text-container .cta:after {
    content: '\e905';
    color: #fff;
    font-family: 'icomoon';
    font-size: 12px;
    float: right;
    margin: -1px 14px 0 0;
}

.postdocs-blocks .postdoc-block .text-container .cta .link-text {
    float: left;
}

.postdocs-blocks .postdoc-block .text-container .postdoc-type {
    font-size: 11px;
    line-height: 1.3em;
    display: block;
    margin-bottom: 20px;
    color: #4d4c4b;
    text-transform: uppercase;
    color: #91908f;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
}

.postdocs-blocks .postdoc-block .text-container .postdoc-type .name {
    color: #4d4c4b;
    text-transform: none;
    font-size: 14px;
    display: block;
    margin-top: 2px;
    font-family: 'AktivGroteskRegular', Arial, sans-serif;

}

.postdocs-blocks .postdoc-block .text-container .postdoc-title {
    text-transform: uppercase;
    margin-top: 18px;
    font-size: 50px;
    font-family: 'AktivGroteskLight', Arial, sans-serif;
    display: block;
    color: #333332;
    transition: color .15s linear;
    -webkit-transition: color .15s linear;
    -moz-transition: color .15s linear;
    -ms-transition: color .15s linear;
    -o-transition: color .15s linear;
}

.postdocs-blocks .postdoc-block .text-container .purpose {
    position: absolute;
    bottom: 15px;
    margin-right: 20px;
    transition: bottom .15s ease-in-out;
    -webkit-transition: bottom .15s ease-in-out;
    -moz-transition: bottom .15s ease-in-out;
    -ms-transition: bottom .15s ease-in-out;
    -o-transition: bottom .15s ease-in-out;
}

.postdocs-blocks .postdoc-block .text-container .purpose .purpose-title {
    font-size: 11px;
    color: #91908f;
    float: left;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}

.postdocs-blocks .postdoc-block .text-container .purpose .purpose-text {
    font-size: 14px;
    line-height: 1.3em;
    display: block;
    clear: both;
    color: #4d4c4b;
}

.postdocs-blocks .see-all {
    width: 100%;
    height: 40px;
    background-color: #87bac9;
    text-align: center;
}

.postdocs-blocks .see-all .plus-icon{
    width: 14px;
    height: 15px;
    background-position: -41px -169px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}

.postdocs-blocks .see-all span {
    font-size: 11px;
    color: #fff;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1.3em;
    display: inline-block;
    margin-top: 14px;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {

    .postdocs-blocks .postdoc-block {
        height: 232px;
    }

    .postdocs-blocks .postdoc-block .text-container .postdoc-title {
        font-size: 34px;
    }

    .postdocs-blocks .postdoc-block .text-container .postdoc-type {
        font-size: 10.5px;
    }

    .postdocs-blocks .postdoc-block .text-container .postdoc-type .name {
        font-size: 13px;
    }

    .postdocs-blocks .postdoc-block .text-container .purpose .purpose-title {
        font-size: 10.5px;
    }

    .postdocs-blocks .postdoc-block .text-container .purpose .purpose-text {
        font-size: 13px;
    }
}

@media all and (max-width: 1019px) {
    .postdocs-blocks .postdoc-block .text-container .postdoc-title {
        font-size: 34px;
    }

}

@media all and (min-width: 720px) and (max-width: 1019px) {

    .postdocs-blocks .postdoc-block {
        height: 165px;
    }

    .postdocs-blocks .postdoc-block .text-container .postdoc-title {
        position: absolute;
        bottom: 15px;
        left: 20px;
        transition: color .15s linear, bottom .15s ease-in-out;
        -webkit-transition: color .15s linear, bottom .15s ease-in-out;
        -moz-transition: color .15s linear, bottom .15s ease-in-out;
        -ms-transition: color .15s linear, bottom .15s ease-in-out;
        -o-transition: color .15s linear, bottom .15s ease-in-out;
    }

    .postdocs-blocks .postdoc-block .text-container .purpose {
        display: none;
    }

    .desktop .postdocs-blocks .postdoc-block:hover .postdoc-title {
        bottom: 45px;
    }
}

@media all and (max-width: 719px) {
    section.postdocs-blocks {
        margin-top: 0;
    }

    .postdocs-blocks .section-headline-container {
        margin-top: 24px;
    }

    .postdocs-blocks .postdoc-block {
        height: auto;
    }

    .postdocs-blocks .postdoc-block .image-viewer {
        width: 100%;
        height: 100%;
        display: block;
    }

    .postdocs-blocks .postdoc-block img {
        min-height: 0;
    }

    .postdocs-blocks .postdoc-block .text-container {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .postdocs-blocks .postdoc-block .text-container .postdoc-title {
        margin-bottom: 15px;
        display: block;
        font-size: 24px;
    }

    .postdocs-blocks .postdoc-block .text-container .purpose {
        position: relative;
        bottom: auto;
        margin-right: 0px;
        margin-bottom: 14px;
    }

    .desktop .postdocs-blocks .postdoc-block:hover .text-container .cta {
        display: none;
    }

    .desktop .postdocs-blocks .postdoc-block:hover .text-container .purpose {
        bottom: 0;
    }
}

.month-selector {
	width: 205px;
	height: 40px;
	background-color: #f0eeeb;
	position: relative;
	text-align: center;
	margin-right: 10px;
}

.month-selector .month-title {
    width: 100%;
    height: 100%;
    padding: 0 40px 0 40px;
    position: relative;
    pointer-events: none;
    z-index: 1;
}    

.month-selector .arrow-box {
    width: 40px;
    height: 40px;
    background-color: #59b2ca;
    position: absolute;
    top: 0;
    cursor: pointer;
    z-index: 3;
    transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
    pointer-events: all;       
}

.desktop .month-selector .arrow-box:hover {
	background-color: #057b91;
}

.month-selector .arrow-box.left {
    left: 0;	
}

.month-selector .arrow-box.right {
    right: 0;	
}

.month-selector .arrow-box .arrow {
 	width: 12px;
 	height: 12px;
 	position: absolute;
 	top: 14px;
 	left: 14px;
    pointer-events: none;
    transition: left .15s ease-in-out;
    -webkit-transition: left .15s ease-in-out;
    -moz-transition: left .15s ease-in-out;
    -ms-transition: left .15s ease-in-out;
    -o-transition: left .15s ease-in-out;  	
}

.month-selector .arrow-box.left .arrow {
	background-position: -56px -55px;
}

.month-selector .arrow-box.right .arrow {
	background-position: 0 -55px;
}

.month-selector span {
	color: #737270;
	font-size: 12px;
	line-height: 1.3em;
    margin-top: 14px;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.month-selector {
		width: 174px;
	}
}
.expandable-panel .panel-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	max-height: 60px;
	background-color: #faf9f5;
	margin-bottom: 10px;
	cursor: pointer;
    transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;	
}

.desktop .expandable-panel .panel-container:hover {
	background-color: #59b2ca;
}

.desktop .expandable-panel .panel-container.open:hover {
	background-color: #faf9f5;
}

.expandable-panel .panel-container.open {		
	max-height: 300px;
	height: auto;
}

.expandable-panel .panel-container .panel-title {
	display: inline-block;
	font-size: 16px;
	line-height: 1.3em;
	margin-top: 21px;
	/*font-family: 'AktivGroteskMedium', Arial, sans-serif;*/
	margin-left: 20px;
	float: left;
	color: #4d4c4b;
    transition: color .1s linear;
	-webkit-transition: color .1s linear;
	-moz-transition: color .1s linear;
	-ms-transition: color .1s linear;
	-o-transition: color .1s linear;	
}

.desktop .expandable-panel .panel-container:hover .panel-title {
	color: #fff;
}

.desktop .expandable-panel .panel-container.open:hover .panel-title {
	color: #4d4c4b;
}

.expandable-panel .panel-container .panel-arrow {
	display: inline-block;
	float: right;
	height: 19px;
	width: 19px;
	border-radius: 10px;
	background-color: #59b2ca;
	margin: 21px 22px 0 0;
    transition: background-color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	-moz-transition: background-color .2s ease-in-out;
	-ms-transition: background-color .2s ease-in-out;
	-o-transition: background-color .2s ease-in-out;		
}

.expandable-panel .panel-container .panel-arrow:before {
	font-family: 'icomoon';
	content: '\e902';
	color: #fff;
	font-size: 6px;
	margin: 6px 0 0 6px;
	display: inline-block;
}

.expandable-panel .panel-container.open .panel-arrow {
	background-color: #59b2ca;	
}

.expandable-panel .panel-container.open .panel-arrow:before {
	content: '\e901';
}

.desktop .expandable-panel .panel-container:hover .panel-arrow {
	background-color: #057b91;
}

.expandable-panel .panel-container .panel-content {
	display: block;
	overflow: hidden;
	margin: 72px 0 4px 20px;
	clear: both;
	padding-top: 1px;
}

.expandable-panel .column-one,
.expandable-panel .column-two {
	width: 50%;
	float: left;
	display: inline-block;
	padding-top: 1px;
}

.expandable-panel .panel-item {
	margin-bottom: 20px;
	position: relative;
}

.expandable-panel .panel-item:before {
	content: '\e905';
	color: #333;
	font-family: 'icomoon';
	position: absolute;
	font-size: 10px;
	top: 3px;
	transition: color .1s linear;
	-webkit-transition: color .1s linear;
	-moz-transition: color .1s linear;
	-ms-transition: color .1s linear;
	-o-transition: color .1s linear;
}

.expandable-panel .panel-item a {
	font-size: 14px;
	line-height: 1.3em;
	text-decoration: none;
	color: #4d4c4b;	
	padding-left: 20px;
	display: block;
    transition: color .1s linear;
	-webkit-transition: color .1s linear;
	-moz-transition: color .1s linear;
	-ms-transition: color .1s linear;
	-o-transition: color .1s linear;	
}

.desktop .expandable-panel .panel-item a:hover {
	color: #59b2ca;
}

.desktop .expandable-panel .panel-item:hover:before {
	color: #59b2ca;
}

.expandable-panel .column-two .panel-item {
	margin-left: 30px;
	margin-right: 10px;
}

@media all and (max-width: 1019px) {
	.expandable-panel .column-one,
	.expandable-panel .column-two {
		width: 100%;
		display: block;
		padding-top: 2px;
	}

	.expandable-panel .column-two .panel-item {
		margin-left: 0px;
		margin-right: 10px;
	}	

	.expandable-panel .column-one .panel-item {
		margin-right: 10px;
	}		

}

@media all and (max-width: 719px) {
	.expandable-panel .panel-container .panel-title {
		font-size: 14px;
	}

	.expandable-panel .panel-item a {
		font-size: 13px;		
	}
}
.featured-header {
  display: block;
}
.featured-header .container {
  background-color: #f7f6f2;
  padding: 40px 0;
}
@media all and (max-width: 719px) {
  .featured-header .container {
    height: auto;
    padding-bottom: 20px;
  }
}
.featured-header .cta-button {
  width: 290px;
}
@media all and (min-width: 1020px) and (max-width: 1279px) {
  .featured-header .cta-button {
    width: 220px;
  }
}
@media all and (min-width: 720px) and (max-width: 1019px) {
  .featured-header .cta-button {
    width: 50%;
  }
}
.featured-header .col-1 {
  width: 290px;
  float: left;
}
@media all and (min-width: 1020px) and (max-width: 1279px) {
  .featured-header .col-1 {
    width: 220px;
  }
}
@media all and (min-width: 720px) and (max-width: 1019px) {
  .featured-header .col-1 {
    width: 50%;
  }
}
@media all and (max-width: 719px) {
  .featured-header .col-1 {
    float: none;
    width: 100%;
  }
}
.featured-header .col-1 .image-viewer {
  width: 150px;
  height: 150px;
  border-radius: 75px;
  overflow: hidden;
  margin: 0 auto;
}
.featured-header .col-1 .image-viewer img {
  width: 100%;
  height: auto;
}
.featured-header .col-1 .title {
  width: 100%;
  display: block;
  text-align: center;
  margin: 10px 0 0;
  font-size: 12px;
  color: #4d4c4b;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
}
.featured-header .col-1 .name {
  width: 100%;
  display: block;
  text-align: center;
  margin: 5px 0 0;
  font-size: 12px;
  padding: 0 20px;
  color: #6ba1b3;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
}
.featured-header .col-2 {
  width: 825px;
  float: left;
  padding: 0px 20px 0;
  position: relative;
}
@media all and (min-width: 1020px) and (max-width: 1279px) {
  .featured-header .col-2 {
    width: 610px;
  }
}
@media all and (min-width: 720px) and (max-width: 1019px) {
  .featured-header .col-2 {
    width: 50%;
    padding-top: 0px;
  }
}
@media all and (max-width: 719px) {
  .featured-header .col-2 {
    padding-top: 30px;
    float: none;
    width: 100%;
  }
}
.featured-header .col-2 h1 {
  font-size: 26px;
  line-height: 1.3em;
  margin-bottom: 5px;
  color: #333332;
  font-family: "AktivGroteskBold", Arial, sans-serif;
}
.featured-header .col-2 p {
  font-size: 16px;
  line-height: 1.4em;
  color: #737270;
}
@media all and (min-width: 1020px) and (max-width: 1279px) {
  .featured-header .col-2 p {
    font-size: 15px;
  }
}
@media all and (min-width: 720px) and (max-width: 1019px) {
  .featured-header .col-2 p {
    font-size: 13px;
  }
}
@media all and (max-width: 719px) {
  .featured-header .col-2 p {
    font-size: 12px;
  }
}
.featured-header .col-2 p a {
  color: #59b1c9;
  text-decoration: none;
}
.desktop .featured-header .col-2 p a:hover {
  text-decoration: underline;
}
.featured-header .cta-button .cta-arrow.arrow-sprite {
  display: none;
}

.article-header {
	width: 100%;
	height: auto;
	background-color: #90D1E4;
	padding-top: 20px;
	padding-bottom: 20px;
	/*margin-top: 20px;*/
}

.article-header.has-slideshow {
	margin-top: 0;
}

.article-header.has-image {
	margin-top: 20px !important;
	padding-top: 0;
}

.article-header.has-image .col-1,
.article-header.has-image .col-2 {
	margin-top: 18px;
}


.article-header .image-container {
	width: 100%;
}

.article-header .image-container img {
	width: 100%;
	height: auto;
}

.article-header .col-1 {
	width: 310px;
	float: left;
}

.article-header .col-1 img {
	max-width: 270px;
	max-height: 197px;
	margin: 0 auto;
	display: block;
}

.article-header .col-2 {
	padding-left: 10px;
	width: 817px;
	float: left;
	position: relative;
}

.article-header .col-2 .subheadline {
	font-size: 16px;
	color: #fff;
	line-height: 1.2em;
	display: block;
}

.article-header .col-2 h1 {
	width: 600px;
	font-size: 34px;
	color: #004759;
	line-height: 1.2em;
	font-family: 'AktivGroteskLight', Arial, sans-serif;
	margin-top: 8px;
}

.article-header.no-slideshow .col-2 h1 {
	margin-top: 40px;
}

.article-header .col-2 h2 {
	font-size: 16px;
	color: #fff;
	line-height: 1.3em;
	font-weight: 400;
	position: relative;
	display: block;
	margin-top: 10px;
	/*margin-bottom: 20px*/
}

.article-header .published {
	color: #fff;
	padding-left: 20px;
	font-size: 10px;
	text-transform: uppercase;
}

.article-header .explore {
	color: #5c8b99;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	background: none;
	font-size: 11px;
	padding-left: 20px;
	text-transform: uppercase;
}

.article-header .topic mark {
	text-transform: uppercase;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	background: none;
	font-size: 10.5px;
	color: #fff;
}

.article-header .topic {
	font-size: 10.5px;
	color: #fff;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.article-header .col-1 {
		width: 230px;
	}

	.article-header .col-2 {
		width: 620px;
	}

	.article-header .col-1 img {
		max-width: 230px;
	}
}

@media all and (max-width: 1019px) {

	.article-header {
		padding: 20px;
	}

	.article-header .col-1,
	.article-header .col-2 {
		width: 100%;
		display: block;
	}

	.article-header.has-image .col-1 {
		margin-top: 14px;
	}

	.article-header.has-image .col-2 {
		margin-top: 4px;
	}

	.article-header .col-1 {
		/*margin-top: 14px;*/
	}

	.article-header .col-2 {
		margin-top: 5px;
		padding-left: 0px;
	}

	.article-header .published {
		padding-left: 0px;
	}

	.article-header .col-2 .subheadline {
		font-size: 14px;
	}

	.article-header .col-2 h1 {
		width: auto;
		margin-right: 20px;
		font-size: 26px;
		/*margin-top: 18px;*/
	}

	.article-header .col-2 h2 {
		font-size: 14px;
		margin-top: 10px;
		width: auto;
		margin-right: 20px;
	}

	.article-header .col-1 img {
		margin-bottom: 30px;
	}
}

@media all and (max-width: 719px) {
	.article-header {
		padding: 20px 10px;
	}

	.article-header .col-2 h1 {
		font-size: 24px;
		margin-right: 10px;
	}
}

.article-container {
	margin-top: 40px;
}

.article-content {
	width: 100%;
	position: relative;
	display: block;
	clear: both;
	margin-top: 0 !important;
	margin-bottom: 44px;
}

.article-content.no-bottom-margin {
	margin-bottom: 20px;
}

.article-content.last {
	margin-bottom: 94px;
}

.article-content .article-col {
	display: inline-block;
	float: left;
}

.article-content .article-col.left-col {
	width: 290px;
	min-height: 1px;
	margin-right: 20px;
}

.article-content .article-col.middle-col {
	width: 610px;
	/*margin-left: 310px;*/
	/*margin-right: 20px;*/
}

.article-content.left-col .article-col.middle-col {
	margin-left: 0;
}

.article-content .article-col.right-col {
	width: 300px;
	margin-left: 20px;
	float: left;
}

.article-content:last-child .article-col.left-col,
.article-content:last-child .article-col.middle-col,
.article-content:last-child .article-col.right-col {
	margin-bottom: 0;
}

.article-content .article-col .title {
	font-size: 11px;
	line-height: 1.3em;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	text-transform: uppercase;	
	color: #4d4c4b;
	display: block;
	margin-top: 5px;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	
	.article-content .article-col.middle-col {
		width: 710px;
		margin-right: 0;
		margin-bottom: 40px;
		/*margin-left: 250px;*/
	}

	.article-content.last .article-col.middle-col {
		margin-bottom: 0px;
	}	

	.article-content .article-col.left-col {
		width: 220px;
	}

	.article-content .article-col.right-col {
		width: 710px;
		margin-left: 240px;
		margin-bottom: 40px;
	}

}

@media all and (max-width: 1279px) {
	.article-content {
		margin-bottom: 0;
	}

	.article-content .article-col.middle-col {
		margin-right: 0;
		margin-bottom: 44px;
	}	

	.article-content.last .article-col.middle-col {
		margin-bottom: 0px;
	}		
}

@media all and (max-width: 1019px) {
	.article-content .article-col.middle-col {
		width: 100%;
		margin-left: 0px;
	}

	.article-content .article-col.left-col,
	.article-content .article-col.right-col {
		width: 100%;
		margin: 0px 0 40px;
	}
	
}

@media all and (max-width: 719px) {
	.article-container {
		margin-top: 20px;
	}

	.article-content .article-col.left-col,
	.article-content .article-col.right-col,
	.article-content .article-col.middle-col {
		margin-bottom: 20px;
	}

	.article-content.no-bottom-margin {
		margin-bottom: 0;
	}

	.article-content.last {
		margin-bottom: 0px;
	}

	.audio-player {
		margin-bottom: 10px;
	}
}



.article-text {
  width: 100%;
  color: #333332;
  font-size: 14px;
  line-height: 1.45em;
  margin-right: 20px; }
  .article-text ul {
    margin: 14px 0;
    padding: 0 0 0 40px;
    list-style: initial; }
    .article-text ul li {
      display: list-item; }
  .article-text p {
    margin-bottom: 20px;
    line-height: 1.6em; }
    .article-text p:last-child {
      margin-bottom: 0; }
  .article-text b, .article-text strong, .article-text .heading {
    font-weight: 400;
    color: #333332;
    font-family: "AktivGroteskBold", Arial, sans-serif; }
  .article-text .blue-headline {
    font-family: "AktivGroteskLight", Arial, sans-serif;
    color: #6ba2b3;
    font-size: 26px;
    line-height: 1.3em;
    margin-bottom: 20px;
    display: block; }
  .article-text .heading {
    display: block; }

.article-author {
  width: 100%;
  background-color: #f7f6f2;
  padding: 20px;
}
@media all and (max-width: 719px) {
  .article-author {
    padding: 15px 10px;
  }
}
.article-author img {
  display: none;
}
.article-author .article-author-subtitle {
  font-family: "AktivGroteskBold", Arial, sans-serif;
  font-size: 10.5px;
  color: #bdbbb9;
  margin-bottom: 4px;
  display: block;
  text-transform: uppercase;
}
.article-author .article-author-source {
  color: #59b2ca;
  font-size: 13px;
  display: block;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
}
.article-author .article-author-name {
  margin-bottom: 14px;
  color: #59b2ca;
  font-size: 13px;
  display: block;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
}
.article-author .article-author-name:last-child {
  margin-bottom: 0;
}

.article-image {
  width: 100%;
  height: auto;
}
.article-image.full {
  margin-bottom: 40px;
}
@media all and (max-width: 719px) {
  .article-image.full {
    margin-bottom: 20px;
  }
}
.article-image img {
  width: 100%;
  height: auto;
}

.article-image-caption {
  width: 100%;
}
.article-col.middle .article-image-caption {
  margin-top: 5px;
}
.article-col.middle-col .article-image-caption {
  margin-top: -34px;
  margin-bottom: 30px;
}
@media all and (max-width: 719px) {
  .article-col.middle-col .article-image-caption {
    margin-top: -14px;
  }
}
@media all and (min-width: 719px) and (max-width: 1019px) {
  .article-col.left-col .article-image-caption {
    margin-top: -34px;
  }
}
@media all and (max-width: 719px) {
  .article-col.left-col .article-image-caption {
    margin-top: -14px;
  }
}
@media all and (min-width: 719px) and (max-width: 1279px) {
  .article-col.right-col .article-image-caption {
    /* margin-top: -34px; */
  }
}
@media all and (max-width: 719px) {
  .article-col.right-col .article-image-caption {
    /* margin-top: -14px; */
  }
}
.article-image-caption span {
  color: #6b6765;
  font-size: 13px;
  line-height: 1.5em;
  font-family: "AktivGroteskLight", Arial, sans-serif;
}
.article-image-caption .credit {
  color: #91908f;
  font-size: 11px;
  line-height: 1.3em;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  text-transform: uppercase;
  margin-top: 4px;
  display: block;
}
.article-image-caption.bottom-align {
  margin-top: 100%;
}

.article-source,
.article-link {
	margin-bottom: 20px;
}

.article-source:last-child {
	margin-bottom: 0;
}

.article-source .source-title,
.article-link .link-title {
	text-transform: uppercase;
	color: #057b91;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 11px;
	display: block;
	margin-bottom: 4px;
}

.article-source .arrow,
.article-link .arrow {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 2px;
	position: relative;
	top: 3px;
}

.article-source .source-name,
.article-link .link-name {
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	font-size: 12px;
	color: #00475a;
	display: block;
	/*cursor: pointer;*/
	margin-bottom: 2px;
}

.article-source a,
.article-link a {
	text-decoration: none;
	color: #00475a;
}

.article-source a.source-name {
	text-decoration: none;
	color: #00475a;
}

.article-source a,
.article-link a {
	color: #057b91;
}

/*.article-source .source-name-title,
.article-link .link-name-title {
	transition: all .1s linear;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
}*/
/*
.desktop .article-source .source-name:hover .source-name-title,
.desktop .article-link .link-name:hover .link-name-title {
	margin-left: 5px;
}


.desktop .article-source .source-name:hover .arrow-sprite.arrow,
.desktop .article-link .link-name:hover .arrow-sprite.arrow {
	background-position: 0px -28px;
}*/

.article-quote {
  width: 817px;
  margin-bottom: 44px;
  display: block;
}
@media all and (max-width: 1279px) {
  .article-quote {
    width: 100%;
  }
}
.article-quote .quote {
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  color: #6ba2b3;
  font-size: 26px;
  line-height: 1.3em;
  display: block;
  width: 100%;
}
@media all and (max-width: 719px) {
  .article-quote .quote {
    font-size: 22px;
  }
}
.article-quote .quote-author {
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  text-transform: uppercase;
  display: block;
  color: #1a2d33;
  font-size: 11px;
}
.article-quote .quote-jobtitle {
  color: #6ba2b3;
  font-size: 12px;
}

.publication {
	/*margin-left: 250px;
	width: 730px;*/
	margin-bottom: 45px;
}

.publication:last-child {
	margin-bottom: 0;
}

/*.publication:first-child {
	margin-top: 20px;
}*/

.publication .date {
	display: block;
	font-family: 'AktivGroteskRegular', Arial, sans-serif;
	font-size: 15px;
	color: #3d3d3c;
	margin-bottom: 8px;
}

.publication .headline {
	display: block;
	font-size: 28px;
	font-family: 'AktivGroteskLight', Arial, sans-serif;
	line-height: 1.2em;
	color: #59b2ca;
	margin-bottom: 5px;

	transition: color .1s linear;
	-webkit-transition: color .1s linear;
	-moz-transition: color .1s linear; 
	-ms-transition: color .1s linear;
	-o-transition: color .1s linear;
}

.publication .headline:hover {
	text-decoration: none;
	color: #057b91;
}

.publication p {
	font-size: 13px;
	line-height: 1.4em;
	color: #6b6765;
	font-family: 'AktivGroteskLight', Arial, sans-serif;
	opacity: 1;
}

@media all and (min-width: 1280px) {
	.publication {
		/*margin-left: 310px;
		width: 610px;*/
	}
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.publication {
		/*padding-right: 175px;*/
	}
}

@media all and (max-width: 1019px) {
	.publication {
		/*margin-left: 0px;
		width: 100%;*/
	}
}

@media all and (max-width: 719px) {
	.publication .date {
		font-size: 13px;
	}

	.publication .headline {
		font-size: 20px;
	}
}
.mission-timeline {
	width: 290px;
	/*height: 500px;*/
	margin-right: 20px;
	float: left;
}

.mission-timeline .header {
	height: 80px;
	background-color: #59b2ca;
	border-bottom: 10px solid #bdbbb9;
}

.mission-timeline .header .headline {
	color: #FFF;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 16px;
	margin: 17px 0 0 15px;
	display: inline-block;
	float: left;
}

.mission-timeline .header .icon-schedule {
    width: 32px;
    height: 32px;
    margin: 12px 10px 0 0;
    float: right;
}

.mission-timeline .timeline-container {
	display: block;
	width: 100%;
	background-color: #f7f6f2;
	padding-left: 10px;
	position: relative;
	overflow: hidden;
}

.mission-timeline .timeline-container .line {
	width: 1px;
	height: 100%;
	background-color: #bdbbb9;
	position: absolute;
	top: 0;
	left: 34px;
	z-index: 1;
}

.mission-timeline .timeline-container ul {
	margin: 27px 0;
	position: relative;
	z-index: 2;
}

.mission-timeline .timeline-container ul li {
	margin-bottom: 24px;
}

.mission-timeline .timeline-container ul li:last-child {
	margin-bottom: 0;
}

.mission-timeline .timeline-container .text-container {
	float: left;
	margin-left: 10px;
}

.mission-timeline .timeline-container .text-container .title {
	font-size: 11px;
	color: #333332;
	text-transform: uppercase;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	display: block;
	margin-top: 10px;
}

.mission-timeline .timeline-container .text-container .date {
	font-size: 13px;
	color: #737270;
	display: block;
}

.mission-timeline .timeline-container .circle-icon-large {
	float: left;
	border: 4px solid #bdbbb9;
}

.mission-timeline .cta-button {
	width: 100%;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.mission-timeline {
		width: 220px;
	}
}

@media all and (max-width: 1019px) {
	.mission-timeline {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

}

.explore-block {
  width: 100%;
  height: auto;
  position: relative;
}
.explore-block .section-headline-container {
  margin-top: 45px;
}
@media all and (max-width: 719px) {
  .explore-block .section-headline-container {
    margin-top: 24px;
  }
}
.explore-block .block {
  width: 50%;
  display: inline-block;
  height: 340px;
  z-index: 3;
  float: left;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
@media all and (min-width: 1020px) and (max-width: 1279px) {
  .explore-block .block {
    height: 272px;
  }
}
@media all and (min-width: 720px) and (max-width: 1019px) {
  .explore-block .block {
    height: 205px;
  }
}
@media all and (max-width: 719px) {
  .explore-block .block {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    padding-bottom: 30px;
    display: block;
    clear: both;
  }
}
@media all and (max-width: 719px) {
  .explore-block .block.left {
    margin-bottom: 0;
    display: none;
  }
}
.explore-block .block.left .text {
  margin-left: 38px;
  float: left;
}
.explore-block .block.left .bottom-bar .arrow-bg {
  margin-left: -47px;
  left: 0px;
}
.explore-block .block.left .bottom-bar:after {
  content: "\e908";
  left: 14px;
  transition: left 0.15s ease-in-out;
  -webkit-transition: left 0.15s ease-in-out;
  -moz-transition: left 0.15s ease-in-out;
  -ms-transition: left 0.15s ease-in-out;
  -o-transition: left 0.15s ease-in-out;
}
.desktop .explore-block .block.left:hover .bottom-bar .arrow-bg {
  margin-left: 0;
}
.desktop .explore-block .block.left:hover .bottom-bar .text {
  margin-left: 56px;
}
.desktop .explore-block .block.left:hover .bottom-bar:after {
  left: 18px;
}
.explore-block .block.right .text {
  margin-right: 38px;
  float: right;
}
@media all and (max-width: 719px) {
  .explore-block .block.right .text {
    margin-left: 10px;
    float: left;
    margin-right: auto;
  }
}
.explore-block .block.right .bottom-bar .arrow-bg {
  margin-right: -47px;
  right: 0px;
}
.explore-block .block.right .bottom-bar:after {
  right: 14px;
  transition: right 0.15s ease-in-out;
  -webkit-transition: right 0.15s ease-in-out;
  -moz-transition: right 0.15s ease-in-out;
  -ms-transition: right 0.15s ease-in-out;
  -o-transition: right 0.15s ease-in-out;
}
.desktop .explore-block .block.right:hover .bottom-bar .arrow-bg {
  margin-right: 0;
}
.desktop .explore-block .block.right:hover .bottom-bar .text {
  margin-right: 56px;
}
@media all and (max-width: 719px) {
  .desktop .explore-block .block.right:hover .bottom-bar .text {
    margin-left: 20px;
  }
}
.desktop .explore-block .block.right:hover .bottom-bar:after {
  right: 18px;
}
.explore-block .block .image-wrap {
  width: 100%;
  height: auto;
  clear: both;
}
.explore-block .block .image-wrap img {
  width: 100%;
  height: auto;
}
.explore-block .block .bottom-bar {
  width: 100%;
  height: 40px;
  background-color: #59b2ca;
  bottom: 1px;
  left: 0;
  position: absolute;
}
.explore-block .block .bottom-bar .text {
  height: 100%;
  position: relative;
  cursor: pointer;
  transition: margin 0.15s ease-in-out;
  -webkit-transition: margin 0.15s ease-in-out;
  -moz-transition: margin 0.15s ease-in-out;
  -ms-transition: margin 0.15s ease-in-out;
  -o-transition: margin 0.15s ease-in-out;
}
.explore-block .block .bottom-bar .text .explore, .explore-block .block .bottom-bar .text .title {
  font-size: 11px;
  line-height: 1.3em;
  margin-top: 14px;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  text-transform: uppercase;
  display: inline-block;
  color: #fff;
  z-index: 99;
}
.explore-block .block .bottom-bar .text .explore {
  margin-right: 2px;
}
.explore-block .block .bottom-bar .arrow {
  display: none;
}
.explore-block .block .bottom-bar::after {
  content: "\e905";
  color: #fff;
  font-family: "icomoon";
  font-size: 11px;
  top: 14px;
  display: inline-block;
  position: absolute;
  z-index: 2;
}
.explore-block .block .bottom-bar .arrow-bg {
  width: 47px;
  height: 100%;
  position: absolute;
  top: 0;
  margin-top: 0;
  background-color: #057b91;
  z-index: 1;
  transition: margin 0.15s ease-in-out;
  -webkit-transition: margin 0.15s ease-in-out;
  -moz-transition: margin 0.15s ease-in-out;
  -ms-transition: margin 0.15s ease-in-out;
  -o-transition: margin 0.15s ease-in-out;
}

.social-strip {
  width: 100%;
  margin-bottom: 50px;
}
.social-strip .section-headline-container {
  margin-top: 44px;
}
.social-strip .section-headline-container .text-cta {
  float: right;
  margin-top: 100px;
}
.social-strip .list-container {
  width: 100%;
  overflow: hidden;
}
.social-strip .social-item {
  width: 310px;
  height: 100%;
  background-color: #f7f6f4;
  float: left;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  text-decoration: none;
}
.social-strip .social-item .image-container .bg-bar {
  width: 100%;
  height: 0;
  background-color: #a2c7d4;
  position: absolute;
  bottom: 0;
  transition: height 0.2s ease-in-out 0.06s;
  -webkit-transition: height 0.2s ease-in-out 0.06s;
  -moz-transition: height 0.2s ease-in-out 0.06s;
  -ms-transition: height 0.2s ease-in-out 0.06s;
  -o-transition: height 0.2s ease-in-out 0.06s;
}
.social-strip .social-instagram .instagram-info {
  position: absolute;
  z-index: 4;
  height: 315px;
  top: 0px;
  width: 100%;
  opacity: 0;
  transition: opacity 0.1s linear;
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
}
.social-strip .social-instagram .instagram-info {
  pointer-events: none;
}
.social-strip .social-instagram .instagram-description-container {
  height: 75%;
  padding: 0 20px;
  margin-top: 30px;
  overflow: hidden;
  word-wrap: break-word;
  z-index: 3;
  position: relative;
}
.social-strip .social-instagram .instagram-description {
  color: #fff;
  font-size: 23px;
  line-height: 1.3em;
  height: 203px;
  display: block;
  overflow: hidden;
  transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
}
.social-strip .social-instagram {
  height: 315px;
  overflow-y: hidden;
}
.social-strip .social-instagram img {
  width: 100%;
  height: 100%;
}
.social-strip .social-instagram .instagram-image-container {
  height: 315px;
  width: 310px;
  position: relative;
}
.social-strip .social-button.instagram {
  background-position: -76px -22px;
  position: absolute;
  bottom: 9px;
  right: 15px;
  z-index: 4;
}
.social-strip .social-twitter {
  height: 315px;
  overflow-y: hidden;
}
.social-strip .social-twitter .tweet-container {
  height: 75%;
  padding: 0 20px;
  margin-top: 30px;
  overflow: hidden;
  word-wrap: break-word;
  z-index: 3;
  position: relative;
}
.social-strip .social-twitter .tweet-container .tweet {
  color: #057b91;
  font-size: 20px;
  line-height: 1.3em;
  height: 203px;
  display: block;
  overflow: hidden;
  transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
}
.social-strip .social-twitter .tweet-info-container {
  height: 25%;
  background-color: #59b2ca;
  padding: 0 20px;
  padding-top: 8px;
  color: white;
  position: relative;
}
.social-strip .social-instagram .instagram-info-container {
  padding: 0 20px;
  padding-top: 8px;
  color: white;
}
.social-strip .social-twitter .tweet-info-container .tweet-author, .social-strip .social-instagram .instagram-info-container .instagram-author {
  font-size: 13px;
  width: 80%;
  z-index: 3;
  position: relative;
  font-family: 'AktivGroteskMedium', Arial, sans-serif;
}
.social-strip .social-twitter .tweet-info-container .tweet-date, .social-strip .social-instagram .instagram-info-container .instagram-date {
  font-size: 12px;
  position: relative;
  top: 2px;
  width: 80%;
  float: left;
  z-index: 3;
}
.social-strip .social-button {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 16px;
  background-color: #fff;
  background-image: url("../assets/images/ui/social-sprite@2x.085466afec03.png");
  background-size: 141px auto;
  background-position: 9px -21px;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  pointer-events: none;
}
.social-strip .social-button.twitter {
  background-position: 9px -22px;
  position: absolute;
  top: 9px;
  right: 15px;
  z-index: 3;
}
.social-strip .social-twitter .bg-bar-1, .social-strip .social-instagram .bg-bar-1 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #59b2ca;
  z-index: 1;
  transition: top 0.27s ease-in-out, height 0.27s ease-in-out;
  -webkit-transition: top 0.27s ease-in-out, height 0.27s ease-in-out;
  -moz-transition: top 0.27s ease-in-out, height 0.27s ease-in-out;
  -ms-transition: top 0.27s ease-in-out, height 0.27s ease-in-out;
  -o-transition: top 0.27s ease-in-out, height 0.27s ease-in-out;
  pointer-events: none;
}
.social-strip .social-twitter .bg-bar-2, .social-strip .social-instagram .bg-bar-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
  background-color: #057b91;
  z-index: 2;
  transition: bottom 0.2s ease-in-out 0.15s, height 0.2s ease-in-out 0.15s;
  -webkit-transition: bottom 0.2s ease-in-out 0.15s, height 0.2s ease-in-out 0.15s;
  -moz-transition: bottom 0.2s ease-in-out 0.15s, height 0.2s ease-in-out 0.15s;
  -ms-transition: bottom 0.2s ease-in-out 0.15s, height 0.2s ease-in-out 0.15s;
  -o-transition: bottom 0.2s ease-in-out 0.15s, height 0.2s ease-in-out 0.15s;
  pointer-events: none;
}
.desktop .social-strip .social-twitter:hover .bg-bar-1, .social-strip .social-instagram.open .bg-bar-1 {
  top: 0;
  height: 100%;
}
.desktop .social-strip .social-twitter:hover .tweet {
  color: #fff;
}
.desktop .social-strip .social-twitter:hover .bg-bar-2, .social-strip .social-instagram.open .bg-bar-2 {
  bottom: 0;
  height: 15.5%;
}
.social-strip .social-others {
  float: right;
  margin-top: -10px;
}
.social-strip .social-others .others-text {
  position: relative;
  top: -10px;
  font-family: 'AktivGroteskMedium', Arial, sans-serif;
  color: #737270;
  display: inline-block;
  text-transform: uppercase;
}
.social-strip .social-others .social-button {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  display: inline-block;
  background-color: #bdbbb9;
  display: inline-block;
  background-image: url("../assets/images/ui/social-sprite@2x.085466afec03.png");
  background-size: 141px auto;
  background-position: 9px 7px;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-left: 7px;
  margin-top: 2px;
  position: relative;
  transition: background-color 0.1s linear, background-image 0.27s ease-in-out;
  -webkit-transition: background-color 0.1s linear, background-image 0.27s ease-in-out;
  -moz-transition: background-color 0.1s linear, background-image 0.27s ease-in-out;
  -ms-transition: background-color 0.1s linear, background-image 0.27s ease-in-out;
  -o-transition: background-color 0.1s linear, background-image 0.27s ease-in-out;
}
.social-strip .social-others a {
  cursor: pointer;
  display: inline-block;
}
.desktop .social-strip .social-others a:hover .social-button {
  background-color: #59b2ca;
}
.social-strip .social-button.facebook {
  background-position: -34px 7px;
}
.social-strip .social-button.youtube {
  background-position: -118px 7px;
}
@media all and (min-width: 1600px) {
  .social-strip .top-border {
    width: 1360px;
    margin-left: -60px;
  }
}
@media all and (min-width: 1020px) and (max-width: 1279px) {
  .social-strip .top-border {
    width: 1000px;
  }
  .social-strip .social-item, .social-strip .social-item img {
    width: 245px;
    height: 240px;
  }
  .social-strip .social-instagram .instagram-info {
    height: 227px;
  }
  .social-strip .social-twitter .tweet-container .tweet, .social-strip .social-instagram .instagram-description {
    font-size: 16px;
    height: 161px;
  }
  .social-strip .social-twitter .tweet-container {
    height: 71.2%;
  }
  .desktop .social-strip .social-twitter:hover .bg-bar-2, .desktop .social-strip .social-instagram.open .bg-bar-2 {
    bottom: 0;
    height: 20.5%;
  }
  .social-strip .social-instagram .instagram-description-container, .social-strip .social-twitter .tweet-container {
    padding: 0 15px;
    margin-top: 20px;
  }
}
@media all and (min-width: 600px) and (max-width: 1019px) {
  .social-strip .social-item {
    width: 50%;
  }
  .social-strip .social-item img {
    width: 110%;
    height: 110%;
  }
  .social-strip .social-item:nth-child(3), .social-strip .social-item:nth-child(4) {
    display: none;
  }
  .social-strip .social-item .text-container {
    height: 90px;
  }
}
@media all and (max-width: 719px) {
  .social-strip .social-item .social-headline, .social-strip .social-item .social-date {
    padding-left: 10px;
  }
  .social-strip .social-others .others-text {
    display: none;
  }
}
@media all and (max-width: 599px) {
  .social-strip .social-item {
    display: none;
    width: 100%;
  }
  .social-strip .social-item:first-child {
    display: block;
  }
  .social-strip .social-item .text-container {
    height: 80px;
  }
  .social-strip .social-item .social-headline, .social-strip .social-item .social-date {
    padding-left: 10px;
  }
}

.mission-findings {
	margin-top: 45px;	
}

.mission-findings .finding-block {
	width: 100%;
	min-height: 240px;
	background-color: #f7f6f4;
	margin-bottom: 10px;
	z-index: 2;
	padding: 40px 0;
	position: relative;
}

.mission-findings .finding-block.last {
	margin-bottom: 0;
}

.mission-findings .finding-block .image-container {
	width: 182px;
	height: 182px;
	/*margin: 0 0 0 70px;*/
	left: 65px;
	position: absolute;
	display: inline-block;
	float: left;
	
	top: 50%;
	transform: translateY(-50%);
}

.mission-findings .finding-block .image-container .image-wrap {
	overflow: hidden;
	width: 100%;
	height: 100%;
	border-radius: 91px;
	border: 6px solid #fff;
}

.mission-findings .finding-block .image-container .image-wrap img {
	width: 100%;
	height: auto;
	border-radius: 75px;
	margin-left: 0;
	margin-top: 0;	
}
/*
.mission-findings .finding-block .image-container .line {
	width: 1px;
	background-color: #e5e4e1;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	display: none;
}

.mission-findings .finding-block .image-container .line.top {
	height: 30px;
	top: -30px;
}

.mission-findings .finding-block .image-container .line.bottom {
	height: 40px;
	bottom: -40px;
}


.mission-findings .finding-block.last .image-container .line.bottom {
	height: 28px;
	bottom: -28px;
}

.mission-findings .finding-block .image-container .corner {
	width: 10px;
	height: 10px;
	position: absolute;
	border-color: #90d1e4;
	border-style: solid;
	border-width: 0;
	display: none;
}

.mission-findings .finding-block .image-container .corner.left {
	border-left-width: 1px;
	left: 0;
}

.mission-findings .finding-block .image-container .corner.right {
	border-right-width: 1px;
	right: 0;
}

.mission-findings .finding-block .image-container .corner.top {
	border-top-width: 1px;
	top: 0;
}

.mission-findings .finding-block .image-container .corner.bottom {
	border-bottom-width: 1px;
	bottom: 0;
}*/

.mission-findings .finding-block .text-container {
	display: inline-block;
	width: 820px;
	float: left;
	margin: 0 0 0 310px;
}

.mission-findings .finding-block .text-container .date {
	color: #057b91;
	font-size: 14px;
	display: block;
	margin-bottom: 15px;
}

.mission-findings .finding-block .text-container .title {
	color: #333332;
	font-size: 20px;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	display: block;	
}

.mission-findings .finding-block .text-container p {
	color: #737270;
	font-size: 14px;
	line-height: 1.5em;
	/*font-family: 'AktivGroteskMedium', Arial, sans-serif;*/
	display: block;
	margin-top: 4px;
	margin-bottom: 20px;
}

.mission-findings .finding-block .text-container p:last-child {
	margin-bottom: 0;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.mission-findings .finding-block {
		min-height: 205px;
		padding: 30px 0;
	}

	.mission-findings .finding-block .text-container {
		width: 600px;
		margin-left: 240px;
	}

	.mission-findings .finding-block .image-container {
		width: 160px;
		height: 160px;
		left: 35px;
	}

	.mission-findings .finding-block .image-container .line.top {
		height: 40px;
		top: -40px;		
	}

	.mission-findings .finding-block .image-container .line.bottom {
		height: 50px;
		bottom: -50px;		
	}

	.mission-findings .finding-block.last .image-container .line.bottom {
		height: 40px;
		bottom: -40px;
	}	
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.mission-findings .finding-block .text-container {
		width: 320px;
		margin-left: 340px;
	}

	.mission-findings .finding-block .image-container {
		left: 75px;
	}
}

@media all and (max-width: 719px) {
	.mission-findings .finding-block {
		height: auto;
		padding: 20px 0;
	}

	.mission-findings .finding-block .image-container,
	.mission-findings .finding-block .text-container {
		display: block;
	}

	.mission-findings .finding-block .image-container {
		margin: 0 auto;
		float: none;
		overflow: hidden;
		position: relative;
		width: 170px;
		height: 170px;
		top: 0;
		left: 0;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}

	.mission-findings .finding-block .image-container .line {
		display: none;
	}

	.mission-findings .finding-block .text-container {
		margin: 30px 0 20px;
		width: 100%;
	}	

	.mission-findings .finding-block .text-container .date,
	.mission-findings .finding-block .text-container p,
	.mission-findings .finding-block .text-container .title {
		margin-right: 20px;
		margin-left: 20px;
	}
}
.video-player {
	width: 100%;
	height: 510px;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	cursor: pointer;
	z-index: 10;
}

.video-player img {
	width: 100%;
	height: auto;
	z-index: 3;
	position: relative;
	transition: opacity .15s linear;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-ms-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	opacity: 1;	
}

.video-player img.opacity-hide {
	opacity: 0;
}

.video-player .video-click-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;	
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
}

.video-player .toggle-button {
	background-image: url("../assets/images/ui/video-icons@2x.2da0c165d3dd.png");
	width: 50px;
	height: 50px;
	background-size: 95px auto;
	background-color: #fff;
	cursor: pointer;
	border-radius: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -11px;
	transition: opacity .15s linear;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-ms-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	opacity: 1;
	z-index: 99;	
}

.video-player .toggle-button .hover-ico {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 95px auto;
	background-image: url("../assets/images/ui/video-icons@2x.2da0c165d3dd.png");
	transition: opacity .1s linear;
	-webkit-transition: opacity .1s linear;
	-moz-transition: opacity .1s linear;
	-ms-transition: opacity .1s linear;
	opacity: 0;	
}

.video-player .toggle-button.play {
	background-position: 2px 2px;
}

.video-player .toggle-button.pause {
	background-position: -47px 2px;
}

.video-player .toggle-button.play .hover-ico {
	background-position: 2px -41px;
}

.video-player .toggle-button.pause .hover-ico {
	background-position: -47px -41px;
}

.video-player .toggle-button.opacity-hide {
	opacity: 0;
}

.desktop .video-player .toggle-button:hover .hover-ico {
	opacity: 1;
}

@media (max-width: 1279px) and (min-width: 1020px) {
	.video-player {
		height: 395px;
	}	
}

@media (max-width: 1019px) and (min-width: 720px) {
	.video-player {
		height: 280px;
	}		
}

@media (max-width: 719px) {
	.video-player {
		height: auto;
	}	
}
.newsletter-block {
	background-color: #f7f6f4;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.newsletter-block .col-1,
.newsletter-block .col-2  {
	width: 50%;
	height: auto;
	display: inline-block;
	position: relative;
	vertical-align: top;
	float: left;
	margin-bottom: 30px;
} 

.newsletter-block .col-2 {
	padding-left: 20px;
}

.newsletter-block .col-2 {
	padding-right: 20px;
}

.newsletter-block .col-1 .title {
	font-size: 11px;
	display: block;
	color: #333332;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	text-transform: uppercase;
	margin: 17px 0 10px 20px;
}

.newsletter-block .col-1 .date {
	color: #6ba2b3;
	font-size: 36px;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	margin: 0 0 0 20px;
	display: block;
}

.newsletter-block .col-1 .image-wrap {
	width: 132px;
	height: 132px;
	border-radius: 66px;
	border: 6px solid #fff;
	overflow: hidden;
	top: 170px;
	left: 20px;
	position: absolute;
}

.newsletter-block .col-1 .image-wrap img {
	width: 120px;
	height: 120px;
	border-radius: 60px;
}

.newsletter-block .col-1 .text-wrap {
	width: 100%;
	padding-left: 168px;
	padding-right: 30px;
	margin-top: 82px;
}

.newsletter-block .col-1 .text-wrap .text-tag {
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	color: #333332;
	text-transform: uppercase;
	display: block;
	font-size: 11px;
	line-height: 1.3em;
	margin-bottom: 14px;
}

.newsletter-block .col-1 .text-wrap .headline {
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	color: #6ba2b3;
	display: block;
	font-size: 14px;
	line-height: 1.3em;
	margin-bottom: 4px;
}

.newsletter-block .col-1 .text-wrap p {
	color: #4d4c4b;
	display: block;
	font-size: 13px;
	line-height: 1.3em;
}

.newsletter-block .col-2 .sign-up-title {
	color: #737270;
	display: block;
	font-size: 14px;
	line-height: 1.3em;
	margin-bottom: 15px;
	margin-top: 56px;
	display: block;	
}

.newsletter-block .col-2 .sign-up-title .blue {
	color: #6ba2b3;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
}

.newsletter-block .col-2 form {
	position: relative;
}

.newsletter-block .col-2 form input[type="text"] {
	display: inline-block;
	width: 290px;
	height: 35px;
	border: none;
	margin-bottom: 5px;
	padding: 5px 12px;
	font-size: 12px;
	color: #aba9a7;
	border-radius: 0;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
}

.newsletter-block .col-2 form input[name="email-field"] {
	width: 237px;
	padding-right: 45px;
	margin-bottom: 0;
	margin-left: 14px;
}

.newsletter-block .col-2 form input[type="submit"] {
	width: 35px;
	height: 35px;
	border-radius: 0;
	border: none;
	background-color: #bdbbb9;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -999px;
	cursor: pointer;
	background-position: 12px -44px;
	transition: background-color .1s linear;
	-webkit-transition: background-color .1s linear;
	-moz-transition: background-color .1s linear;
	-ms-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;	
}

.newsletter-block .col-2 form input[type="submit"]:hover {
	background-color: #737270;
}

.newsletter-block .col-2 ul {
	position: relative;
	margin-top: 73px;
}

.newsletter-block .col-2 ul li {
	position: relative;
	margin-bottom: 8px;
}

.newsletter-block .col-2 ul li .arrow-ico {
  position: absolute;
  width: 13px;
  height: 13px;
  margin-right: 4px;
  top: 3px;
  left: 0;
}

.newsletter-block .col-2 ul li span {
	color: #4d4c4b;
	display: inline-block;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 13px;
	line-height:  1.3em;
	margin-left: 20px;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.newsletter-block .col-2 form input[type="text"] {
		width: 210px;
	}	

	.newsletter-block .col-2 form input[name="email-field"] {
		width: 178px;
	}
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.newsletter-block .col-2 form input[type="text"] {
		width: 300px;
	}	

	.newsletter-block .col-2 form input[name="email-field"] {
		width: 265px;
		margin-left: 0;
	}	

	.newsletter-block .col-2 form input[type="submit"] {
		top: 40px;
	}
}

@media all and (max-width: 719px) {
	.newsletter-block .col-1,
	.newsletter-block .col-2 {
		width: 100%;
		display: block;
		margin-bottom: 40px;
	}

	.newsletter-block .col-1 .date {
		font-size: 24px;
	}

	.newsletter-block .col-1 .text-wrap {
		margin-top: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.newsletter-block .col-1 .image-wrap {
		top: auto;
		left: auto;
		position: relative;
		margin: 20px auto;
	}

	.newsletter-block .col-2 .sign-up-title {
		margin-top: 0;
	}

	.newsletter-block .col-2 form input[type="text"] {
		width: 100%;
	}	

	.newsletter-block .col-2 form input[name="email-field"] {
		margin-left: 0px;
	}

	.newsletter-block .col-2 form input[type="submit"] {
		top: 40px;
	}

	.newsletter-block .col-2 ul {
		margin-top: 40px;
	}	
}
.newsletter-info {

}

.newsletter-info .col-left {
	float: left;
	width: 270px;
}

.newsletter-info .col-right {
	float: left;
	width: 730px;
	margin-left: 40px;
}

.newsletter-info .info-item { 
	padding-right: 140px;
	margin-bottom: 40px;
}

.newsletter-info .headline {
	font-size: 18px;
	color: #333332;
	font-family: 'AktivGroteskLight', Arial, sans-serif;
	display: block;
	margin-bottom: 15px;
	line-height: 1.5em;
	/*transition: color .1s linear;
	-webkit-transition: color .1s linear;
	-moz-transition: color .1s linear;
	-ms-transition: color .1s linear;
	-o-transition: color .1s linear;*/
}

.newsletter-info a.headline {
	color: #057b91;
}

.desktop .newsletter-info a:hover {
	text-decoration: underline;
	color: #00475a;
}

.newsletter-info .info-item p {
	font-size: 14px;
	line-height: 1.6em;
	color: #333332;
	margin-bottom: 15px;
	font-family: 'AktivGroteskLight', Arial, sans-serif;
}

.newsletter-info .info-item p:last-child {
	margin-bottom: 0;
}

.newsletter-info .deadlines-list .deadline-date {
	color: #91908f;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	display: block;
	margin-bottom: 2px;
}

.newsletter-info .deadlines-list .headline {
	margin-bottom: 15px;
}

.newsletter-info .deadlines-list .headline:last-child {
	margin-bottom: 0;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.newsletter-info .col-left {
		width: 210px;
	}

	.newsletter-info .col-right {
		width: 740px;
		margin-left: 30px;
	}
}

@media all and (max-width: 1019px) {
	.newsletter-info .col-left {
		display: none;
	}

	.newsletter-info .col-right {
		margin-left: 0;
		width: 100%;
	}

	.newsletter-info .info-item {
		padding-right: 0;
	}
}

@media all and (max-width: 719px) {
	.newsletter-info .info-item { 
		margin-bottom: 30px;
	}

	.newsletter-info .headline {
		font-size: 13px;
	}

	.newsletter-info .info-item p {
		font-size: 13px;
	}
}
.newsletter-form {
	background-color: #f7f6f2;
	padding: 15px 10px 10px;
}

.newsletter-form .title-line-1 {
	color: #6a6765;
	font-size: 13px;
	display: block;
}

.newsletter-form .title-line-2 {
	color: #6a6765;
	font-size: 13px;
	display: block;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
}

.newsletter-form form {
	margin-top: 20px;
	position: relative;
}

.newsletter-form input[type="text"].invalid {
	color: #6BA2B3;
}

.newsletter-form input[type="text"] {
	display: block;
	width: 100%;
	height: 40px;
	border: none;
	margin-bottom: 5px;
	padding: 5px 12px;
	font-size: 12px;
	color: #bdbbb9;
	border-radius: 0;
}

.newsletter-form input[name="email-field"] {
	padding-right: 45px;
	margin-bottom: 0;
}

.newsletter-form input[type="submit"] {
	width: 40px;
	height: 40px;
	border-radius: 0;
	border: none;
	background-color: #91908f;
	position: absolute;
	right: 0;
	bottom: 0;
	text-indent: -999px;
	cursor: pointer;
    background-position: 14px -42px;
    transition: background-color .1s linear;
	-webkit-transition: background-color .1s linear;
	-moz-transition: background-color .1s linear;
	-ms-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;
}

.desktop .newsletter-form input[type="submit"]:hover {
	background-color: #6b6765;
}

@media all and (max-width: 1019px) {
	.newsletter-form {
		display: none;
	}
}
.newsletter-grid {

}

.newsletter-grid img {
	width: 100%;
	height: auto;
	opacity: .4;

	transition: opacity .15s linear;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-ms-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
}

.newsletter-grid a {
	overflow: hidden;
	width: 400px;
	height: 240px;
	background-color: #000;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	display: block;
	position: relative;
}

.newsletter-grid a:hover img {
	opacity: .7
}

.newsletter-grid .label {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	width: 100%;
	font-family: 'AktivGroteskLight', Arial, sans-serif;
}

@media all and (min-width: 1280px) {
	.newsletter-grid a:nth-child(3n) {
		margin-right: 0;
	}
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.newsletter-grid a {
		width: 320px;
		height: 200px;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.newsletter-grid a:nth-child(3n) {
		margin-right: 0;
	}
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.newsletter-grid a {
		width: 335px;
		height: 200px;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.newsletter-grid a:nth-child(2n) {
		margin-right: 0;
	}
}

@media all and (max-width: 719px) {
	.newsletter-grid a {
		width: 100%;
		height: 200px;
		margin-right: 0;
		margin-bottom: 10px;
	}
}
.numbered-pagination {
	border-top: 1px solid #eaeae7;
	padding-top: 30px;
	margin-top: -15px;
	position: relative;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
}

.numbered-pagination a:hover {
	text-decoration: none;
	color: #424343;
}

.numbered-pagination .button-previous {
	float: left;
	font-size: 10px;
}

.numbered-pagination .button-next {
	float: right;
	font-size: 10px;
}

.numbered-pagination .number-container {
	width: 200px;
	text-align: center;
	float: left;
	position: absolute;
	left: 50%;
	margin-left: -100px;
}

.numbered-pagination .number-container span {
	margin: 0 3px;
	color: #aeaeae;
}

.numbered-pagination .number-container a.selected {
	color: #424343;
}
.article-content .article-list {
	width: 100%;
	margin-left: 0;
}

.article-list {
	width: 817px;
	margin-left: 240px;
}

.article-list strong {
	display: block;
	font-weight: 400;
	color: #333332;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	font-size: 14px;
	margin-top: 38px;
	margin-bottom: -15px;	
}

.article-list ul.arrow-list {
	/*margin-top: 50px;*/
	margin-bottom: 50px;
}

.article-list ul.bullet-list {
	margin-top: 30px;
	margin-bottom: 30px;
}

.article-list ul li {
	display: block;
	color: #737270;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	margin-bottom: 31px;
	position: relative;
}

.article-list ul.arrow-list li a:before {
	content: '\e905';
	font-family: 'icomoon';
	position: absolute;
	font-size: 11px;
}

.article-list ul.arrow-list li .arrow-ico {
  position: absolute;
  width: 13px;
  height: 13px;
  margin-right: 4px;
  top: 3px;
  left: 0;
  display: none;
}

.article-list ul.arrow-list li .title {
	color: #59b2ca;
	display: inline-block;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	margin-left: 20px;
	text-transform: none;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 2px;
}

.article-list ul.arrow-list li a .title {
	text-decoration: none;
	transition: margin .1s linear, color .1s linear;
	-webkit-transition: margin .1s linear, color .1s linear;
	-moz-transition: margin .1s linear, color .1s linear;
	-ms-transition: margin .1s linear, color .1s linear;
	-o-transition: margin .1s linear, color .1s linear;
}

.article-list ul.arrow-list li a:hover {
	text-decoration: none;
}

.article-list ul.arrow-list li a:hover .title {
	color: #057b91;
}

/*.article-list ul.arrow-list li a:hover .arrow-ico {
	background-position: 0 -28px;
}*/

.article-list ul.bullet-list li {
	color: #004759;
	font-size: 14px;
	margin-bottom: 12px;
}

.article-list ul.bullet-list li a {
	color: #59b2ca;
}

.article-list ul.bullet-list li a:hover {
	text-decoration: none;
	color: #057b91;
}

.article-list ul.bullet-list li .bullet-ico {
	width: 8px;
	height: 8px;
	border-radius: 5px;
	border: 2px solid #90d1e4;
	position: absolute;
	left: 0;
	top: 5px;
}

.article-list ul.bullet-list li span {
	margin-left: 20px;
	display: block;
}

.article-list ul li p {
	margin-left: 3px;
	display: inline;
}

/*@media all and (max-width: 1279px) {
	.article-list {
		width: 100%;
	}	
}
*/


@media all and (max-width: 1019px) {
	.article-list {
		margin-left: 0px;
		width: 100%;
	}
}

@media all and (min-width: 720px) {
	.article-list ul.arrow-list li a:hover .title {
		margin-left: 25px;
	}
}

@media all and (max-width: 719px) {
	
}
 .graphic-novels-blocks {
    padding-bottom: 20px;
}

 .graphic-novels-blocks .section-headline-container {
	margin-top: 44px;
}

.graphic-novels-blocks .graphic-novel-block {
    background-color: #f7f6f4;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    height: 435px;
    transition: background-color .15s linear;
    -webkit-transition: background-color .15s linear;
    -moz-transition: background-color .15s linear;
    -ms-transition: background-color .15s linear;
    -o-transition: background-color .15s linear;
}

/*.desktop .graphic-novels-blocks .graphic-novel-block:hover .novel-title {
    color: #5f9bae;
}*/

.graphic-novels-blocks .graphic-novel-block.last {
    margin-bottom: 0;
}

.graphic-novels-blocks .graphic-novel-block .image-viewer {
    width: 310px;
    height: auto;
    float: left;
    overflow: hidden;
}

.graphic-novels-blocks .graphic-novel-block img {
    width: 100%;
    height: auto;
    float: left;
}

.graphic-novels-blocks .graphic-novel-block .text-container {
    width: 930px;
    height: 100%;
    padding-right: 100px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    float: left;
    position: relative;
}

.graphic-novels-blocks .graphic-novel-block .cta-button .text-container .cta-arrow {
    width: 12px;
    height: 15px;
    overflow: hidden;
    float: right;
    margin: 14px 14px 0 0;
    background-position: -43px -605px;
}

.desktop .graphic-novels-blocks .graphic-novel-block .cta-button:hover .text-container .cta-arrow {
    margin-right: 18px;
}

.graphic-novels-blocks .graphic-novel-block .text-container .novel-issue {
    margin-top: 18px;
    margin-bottom: 8px;
    font-size: 11px;
    color: #7597a2;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
    text-transform: uppercase;    
    display: block;
}

.graphic-novels-blocks .graphic-novel-block .text-container .novel-title {
    font-size: 36px;
    line-height: 1.3em;
    font-family: 'AktivGroteskLight', Arial, sans-serif;
    color: #4d4c4b;
    display: block;
    transition: color .15s linear;
    -webkit-transition: color .15s linear;
    -moz-transition: color .15s linear;
    -ms-transition: color .15s linear;
    -o-transition: color .15s linear;
}

.graphic-novels-blocks .graphic-novel-block .text-container .summary {
    position: absolute;
    bottom: 15px;   
    margin-right: 20px;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);

    transition: transform .15s ease-in-out;
    -webkit-transition: -webkit-transform .15s ease-in-out;
    -moz-transition: -moz-transform .15s ease-in-out;
    -ms-transition: -ms-transform .15s ease-in-out;
    -o-transition: -o-transform .15s ease-in-out;
}

.graphic-novels-blocks .graphic-novel-block .text-container .summary .summary-title {
    font-size: 11px;
    color: #7597a2;
    float: left;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
    text-transform: uppercase;    
    display: block;
    margin-bottom: 4px;
}

.graphic-novels-blocks .graphic-novel-block .text-container .summary .summary-text {
    font-size: 14px;
    line-height: 1.3em;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
    display: block;
    clear: both; 
    color: #4d4c4b;
    margin-bottom: 34px;
    width: 100%;
    position: relative;
}

.graphic-novels-blocks .graphic-novel-block .text-container .summary .summary-text {
    display: block;
    width: 100%;
    height: auto;
}

.graphic-novels-blocks .graphic-novel-block .text-container .summary .cta-button {
    width: 180px;
    display: inline-block;
    margin-right: 20px;
}

.graphic-novels-blocks .coloring-pages .text-container .summary .cta-button {
    width: 200px;
}

.graphic-novels-blocks .graphic-novel-block .text-container .summary .cta-button .text-container {
    width: 100%;
    padding: 0px;
}

.graphic-novels-blocks .graphic-novel-block .text-container .summary .cta-button .cta-text.mobile {
    display: none;
}

.graphic-novels-blocks .see-all {
    width: 100%;
    height: 40px;
    background-color: #87bac9;
    text-align: center;
}

.graphic-novels-blocks .see-all .plus-icon{
    width: 14px;
    height: 15px;
    background-position: -41px -169px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}

.graphic-novels-blocks .see-all span {
    font-size: 11px;
    color: #fff;
    font-family: 'AktivGroteskMedium', Arial, sans-serif;
    text-transform: uppercase;  
    line-height: 1.3em;
    display: inline-block;
    margin-top: 14px;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
    .graphic-novels-blocks .graphic-novel-block .text-container {
        width: 650px;
    }  
}

@media all and (max-width: 1019px) {
    .graphic-novels-blocks .graphic-novel-block .text-container .novel-title {
        font-size: 26px;
    }   

    .graphic-novels-blocks .graphic-novel-block .text-container .summary .summary-text {
        height: 90px;
        overflow: hidden;
    }

    .graphic-novels-blocks .graphic-novel-block {
        height: auto;
    }    

    .graphic-novels-blocks .graphic-novel-block .image-viewer {
        width: 50%;
    }    

    .graphic-novels-blocks .graphic-novel-block .text-container {
        width: 50%;
        position: static;
    }                  

    .graphic-novels-blocks .graphic-novel-block .text-container .summary {
        width: 50%;
        padding-right: 40px;
    }
}

@media all and (max-width: 719px) {  

    .graphic-novels-blocks .graphic-novel-block .text-container .summary .summary-text {
        height: 54px;
        overflow: hidden;
    }

    .graphic-novels-blocks .graphic-novel-block .text-container .novel-title {
        font-size: 22px;
    }

    .graphic-novels-blocks .graphic-novel-block .text-container .summary .cta-button {
        width: 100%;
    }        
}

@media all and (max-width: 519px) {
    .graphic-novels-blocks .graphic-novel-block .text-container .summary .summary-title,
    .graphic-novels-blocks .graphic-novel-block .text-container .summary .summary-text {
        display: none;
    }
}

@media all and (max-width: 490px) {
    .graphic-novels-blocks .graphic-novel-block .text-container .summary .cta-button .cta-text.desktop {
        display: none;
    }

    .graphic-novels-blocks .graphic-novel-block .text-container .summary .cta-button .cta-text.mobile {
        display: block;
    }
}

@media all and (max-width: 375px) {
    .graphic-novels-blocks .graphic-novel-block .text-container .novel-title {
        font-size: 15px;
    }

}
.comics-detail-blocks {
  margin-top: 20px !important;
}
.comics-detail-blocks .comic-detail-block {
  width: 100%;
  height: auto;
}
.comics-detail-blocks .comic-detail-block img {
  width: 100%;
  height: auto;
}
.comics-detail-blocks .comic-detail-block .text-container {
  width: 100%;
  display: block;
  position: relative;
  margin-bottom: 15px;
}
.comics-detail-blocks .comic-detail-block .episode {
  position: absolute;
  color: #5c8b99;
  font-family: "AktivGroteskBold", Arial, sans-serif;
  font-size: 11px;
  line-height: 1.3em;
  top: 18px;
  text-transform: uppercase;
}
.comics-detail-blocks .comic-detail-block .description {
  display: inline-block;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  text-align: center;
  width: 100%;
  margin-top: 15px;
  padding-left: 240px;
  padding-right: 240px;
}
@media all and (max-width: 1019px) {
  .comics-detail-blocks .comic-detail-block .description {
    margin-top: 40px;
    padding-left: 0px;
    padding-right: 20px;
    text-align: left;
  }
}
.comics-detail-blocks .comic-detail-block .section-top-border {
  margin-bottom: 20px;
}

.programs-block .block-container {
	width: 100%;
	height: auto;
	background: url("../assets/images/ui/programs-bkg.84505e80154e.png");
	background-repeat: repeat;
	overflow: hidden;
	position: relative;
}

.programs-block .block-container .col-1,
.programs-block .block-container .col-2 {
	float: left;
	display: inline-block;
	position: relative;
	margin: 54px 0 50px;	
}

.programs-block .block-container .col-1 {
	width: 517px;
}

.programs-block .block-container .col-2 {
	width: 723px;
}

.programs-block .block-container .tag {
	font-size: 11px;
	text-transform: uppercase;
	color: #7597a2;
	display: block;
	margin: 18px 0 0 20px;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
}

.programs-block .block-container .title {
	color: #1a2d34;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 22px;
	line-height: 1.3em;
	display: block;
	margin-left: 20px;
	text-align: left;
}

.programs-block .block-container .subtitle {
	color: #6ba2b3;
	font-family: 'AktivGroteskLight', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	display: block;
	margin: 1px 20px 24px 20px;
	text-align: left;
}

.programs-block .block-container .program-circle {
	width: 187px;
	height: 187px;
	border-radius: 94px;
	display: inline-block;
	margin: 0 10px 0;
	vertical-align: top;
	float: left;
	position: relative;
	cursor: pointer;
    transition: background-color .15s linear;
    -webkit-transition: background-color .15s linear;
    -moz-transition: background-color .15s linear;
    -ms-transition: background-color .15s linear;
    -o-transition: background-color .15s linear;	
}

.programs-block .block-container .program-circle .circle-mask {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 94px;
	top: 0;
	left: 0;
}

.programs-block .block-container .program-circle .circle-mask .white-bg {
	overflow: hidden;
	position: absolute;
	background-color: #fff;
	width: 100%;
	height: 100%;
	border-radius: 94px;	
	top: 0;
	left: 0;
	display: none;	
}

.desktop .programs-block .block-container .program-circle:hover {
	background-color: #fff;
}

.programs-block .block-container .col-1 .program-circle:nth-of-type(3),
.programs-block .block-container .col-2 .program-circle:nth-of-type(4) {  
 	margin-left: 110px;
}

.programs-block .block-container .col-1 .program-circle {
	background-color: #87bac9;	
	border: 6px solid #6ba2b3;
}

.programs-block .block-container .col-2 .program-circle {
	background-color: #1b2d34;	
	border: 6px solid #5c8b99;
}

.programs-block .block-container .program-circle .name,
.programs-block .block-container .program-circle .year {
	color: #fff;
	font-size: 16px;
	line-height: 1.3em;
	text-align: center;
	display: block;
	padding: 0 10px 0 10px;
    transition: color .15s linear;
    -webkit-transition: color .15s linear;
    -moz-transition: color .15s linear;
    -ms-transition: color .15s linear;
    -o-transition: color .15s linear;		
}

.desktop .programs-block .block-container .program-circle:hover .name,
.desktop .programs-block .block-container .program-circle:hover .year,
.desktop .programs-block .block-container .program-circle:hover .description {
	color: #2e454e;
}

.programs-block .block-container .program-circle .name {
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	margin-top: 38px;
}

.programs-block .block-container .program-circle .year {
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	position: absolute;
	bottom: 16px;
	width: 100%;
	opacity: 1;
    transition: opacity .1s linear;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    -ms-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;	
}

.desktop .programs-block .block-container .program-circle:hover .year {
	opacity: 0;
}

.programs-block .block-container .program-circle .description {
	color: #fff;
	font-size: 12px;
	line-height: 1.3em;
	text-align: center;
	display: block;
	padding: 0 5px 0;	
	margin-top: 24px;
    transition: color .15s linear;
    -webkit-transition: color .15s linear;
    -moz-transition: color .15s linear;
    -ms-transition: color .15s linear;
    -o-transition: color .15s linear;	
}

.programs-block .block-container .program-circle .explore {
	position: absolute;
	left: 40px;
	bottom: 20px;
	opacity: 0;
    transition: opacity .1s linear;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    -ms-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;		
}

.desktop .programs-block .block-container .program-circle:hover .explore {
	opacity: 1;
}

.programs-block .block-container .program-circle .explore span {
	font-size: 11px;
	text-transform: uppercase;
	color: #2e454e;
	display: inline-block;
	margin: 0 0 0 20px;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
}

.programs-block .block-container .program-circle .explore .arrow {
	width: 8px;
	height: 8px;
	display: inline-block;
	margin-top: 3px;
	margin-left: 0px;
	background-position: 0 -56px;
    transition: margin .2s ease-in-out;
    -webkit-transition: margin .2s ease-in-out;
    -moz-transition: margin .2s ease-in-out;
    -ms-transition: margin .2s ease-in-out;
    -o-transition: margin .2s ease-in-out;		
}

.desktop .programs-block .block-container .program-circle:hover .explore .arrow {
	margin-left: 6px; 
}

.programs-block .block-container .program-circle .small-circle {
	width: 68px;
	height: 68px;
	background-color: #fff;
	border-radius: 34px;
	border: 2px solid #6ba2b3;
	position: absolute;
	left: -10px;
	bottom: -10px;
}

.programs-block .block-container .program-circle .small-circle .small-name {
	color: #1a2d33;
	font-size: 11px;
	line-height: 1.3em;
	text-transform: uppercase;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	display: block;
	text-align: center;
	padding: 0 5px 0 5px;
	margin-top: 18px;
}

.programs-block .block-container .program-circle .small-circle .small-year {
	color: #1a2d33;
	font-size: 10.5px;
	line-height: 1.3em;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	display: block;
	text-align: center;
	padding: 0 5px 0 5px;
}

.programs-block .block-container .col-1 .program-circle .year {
	color: #1a2d33;
}

.programs-block .block-container .col-2 .program-circle .year {
	color: #87bac9;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {

	.programs-block .block-container .col-1,
	.programs-block .block-container .col-2  {
		width: 50%;
	}	

	.programs-block .block-container .col-1 .program-circle:nth-of-type(3),
	.programs-block .block-container .col-2 .program-circle:nth-of-type(4) {  
	 	margin-left: 10px;
	}

	.programs-block .block-container .program-circle {
		margin-bottom: 20px;
	}
}

@media all and (max-width: 1019px) {

	.programs-block .block-container .col-1,
	.programs-block .block-container .col-2  {
		width: 100%;
		text-align: center;
	}

	.programs-block .block-container .col-2 {
		margin-top: 0;
	}

	.programs-block .block-container .program-circle {
		margin-bottom: 20px;
		float: none;
	}


	.programs-block .block-container .col-1 .program-circle:nth-of-type(3),
	.programs-block .block-container .col-2 .program-circle:nth-of-type(4),
	.programs-block .block-container .col-1 .program-circle:nth-of-type(4) {  
	 	margin-left: 10px;
	}
}
.statistics-block .canvas-container {
	width: 100%;
	height: 425px;
	background-color: #e9f6fc;
	/*background: url("../assets/images/ui/programs-bkg.84505e80154e.png");
	background-repeat: repeat;*/
	position: relative;	
	overflow: hidden;
}

.statistics-block .canvas-container .title {
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 11px;
	color: #59b2ca;
	text-transform: uppercase;
	display: block;
	position: absolute;
	left: 20px;
	top: 20px;
}

.statistics-block .canvas-container .headline {
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	color: #040707;
	font-size: 22px;
	line-height: 1.3em;
	display: block;
	margin: 65px 0 2px 20px;
}	

.statistics-block .canvas-container .subtitle {
	font-family: 'AktivGroteskLight', Arial, sans-serif;
	color: #59b2ca;
	font-size: 16px;
	line-height: 1.3em;
	display: block;
	margin-left: 20px;
	width: 50%;
}	

.statistics-block .canvas-container .number-container {
	position: absolute;
	top: 270px;
	z-index: 3;
}

.statistics-block .canvas-container .number-container.statistic-1 {
	left: 104px;
}

.statistics-block .canvas-container .number-container.statistic-2 {
	left: 347px;
}

.statistics-block .canvas-container .number-container.statistic-3 {
	left: 630px;
}

.statistics-block .canvas-container .number-container.statistic-4 {
	left: 918px;
}

.statistics-block .canvas-container .number-container .name {
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	color: #3d3d3c;
	text-transform: uppercase;
	display: block;
	font-size: 12px;
	line-height: 1.3em;
    position: absolute;
    bottom: 100%;
}

.statistics-block .canvas-container .number-container .number {
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	color: #59b2ca;
	font-size: 90px;
	margin-top: -13px;
	display: block;
}

.statistics-block .canvas-container .source-container {
	position: absolute;
	width: 100%;
	padding: 0 20px 0;
	height: 40px;
	bottom: 0;
	left: 0;
}

.statistics-block .canvas-container .source-container .top-line {
	width: 100%;
	height: 1px;	
	background-color: #95c6d4;
}

.statistics-block .canvas-container .source-container .source-title {
	color: #4c7480;
	display: inline-block;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;	
}

.statistics-block .canvas-container .source-container a {
	display: inline-block;
	font-size: 12px;
	color: #6ba2b3;
	text-decoration: none;
	transition: color .15s linear;
	-webkit-transition: color .15s linear;
	-moz-transition: color .15s linear;
	-ms-transition: color .15s linear;
	-o-transition: color .15s linear;		
}

.desktop .statistics-block .canvas-container .source-container a:hover {
	color: #152634;
}

.statistics-block .canvas-container .source-container .slash {
	color: #152634;
	font-size: 12px;
}

.statistics-block .canvas-container .source-container .source-text {
	display: block;
	margin-top: 12px;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.statistics-block .canvas-container .number-container .number {
		font-size: 80px;
	}

	.statistics-block .canvas-container .number-container.statistic-1 {
		left: 34px;
	}

	.statistics-block .canvas-container .number-container.statistic-2 {
		left: 277px;
	}

	.statistics-block .canvas-container .number-container.statistic-3 {
		left: 530px;
	}

	.statistics-block .canvas-container .number-container.statistic-4 {
		left: 780px;
	}	
}

@media all and (min-width: 720px)  and (max-width: 1279px) {
	.statistics-block .canvas-container .source-container {
		padding: 0 10px 0;
	}
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.statistics-block .canvas-container .number-container .number {
		font-size: 50px;
	}

	.statistics-block .canvas-container .number-container.statistic-1 {
		left: 24px;
	}

	.statistics-block .canvas-container .number-container.statistic-2 {
		left: 167px;
	}

	.statistics-block .canvas-container .number-container.statistic-3 {
		left: 340px;
	}

	.statistics-block .canvas-container .number-container.statistic-4 {
		left: 540px;
	}	

}

@media all and (max-width: 719px) {
	.statistics-block .canvas-container {
		height: 350px;
	}

	.statistics-block .canvas-container .subtitle {
		font-size: 16px;
		width: 100%;
		padding-right: 40px;
	}

	.statistics-block .canvas-container .source-container {
		padding: 0 5px 0;
	}

	.statistics-block .canvas-container .number-container {
		margin-top: 20px;
		margin-right: 10px;
	}		

	.statistics-block .canvas-container .number-container .name {
		width: 80px;
		font-size: 12px;
	}	

	.statistics-block .canvas-container .number-container .number {
		margin-top: -5px;
		font-size: 28px;
	}
}

@media all and (max-width: 519px) {
	.statistics-block .canvas-container .number-container .name {
		width: 60px;
	}

	.statistics-block .canvas-container .number-container .number {
		font-size: 22px;
	}

	.statistics-block .canvas-container .number-container .name {
		font-size: 8px;
	}	
}

@media all and (max-width: 340px) {
	.statistics-block .section-headline-container .text-cta {
		display: none;
	}

	.statistics-block .canvas-container .number-container.statistic-1 {
		margin-left: 20px;
	}

	.statistics-block .canvas-container .number-container {
		left: auto !important;
		top: auto !important;
		position: relative;
		display: inline-block;
	}	

	.statistics-block .canvas-container .source-container a {
		font-size: 11px;
	}	
}

.image-header {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 40px;
}

.image-header .image-container {
	width: 100%;
	height: 395px;
	position: relative;
	overflow: hidden;
}

.image-header .image-container img {
	width: 100%;
	height: auto;
	float: left;
}

.image-header .blue-panel {
	padding-bottom: 33px;
	width: 1240px;
	/*height: 130px;*/
	/*position: absolute;*/
	/*left: 20px;*/
	/*bottom: 0;*/
	display: inline-block;
	background-color: rgba(144, 209, 228, 1);
}

.image-header .blue-panel .tag {
	display: none;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	left: 15px;
	top: 17px;
}

.image-header .blue-panel .arrow-button {
	display: none;
	width: 22px;
	height: 22px;
	background-position: -79px -51px;
	position: absolute;
	left: 15px;
	bottom: 14px;
	cursor: pointer;
}

.image-header .blue-panel h1 {
	font-family: 'AktivGroteskLight', Arial, sans-serif;
	font-size: 34px;
	line-height: 1.3em;
	margin: 28px 20px 0 310px;
	color: #00475a;
}

.image-header .blue-panel h2 {
	font-size: 13px;
	line-height: 1.3em;
	margin-top: 6px;
	margin-left: 310px;
	/*bottom: 14px;*/
	width: 665px;
	color: #fff;
	/*position: absolute;*/
	/*margin-right: 20px;*/
}

.image-header .blue-panel .right-link {
	position: absolute;
	right: 20px;
	bottom: 13px;
	text-decoration: none;	
}

.image-header .blue-panel .right-link span {
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
	color: #fff;
	text-transform: uppercase;
	margin-right: 5px;
	display: inline-block;
}

.image-header .blue-panel .right-link .circle-arrow {
	background-color: #5c8b99;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.image-header .blue-panel h1 {
		margin-left: 240px;
	}

	.image-header .blue-panel h2 {
		margin-left: 240px;
	}

	.image-header .blue-panel {
		width: 980px;
	}

	.image-header .blue-panel h2 {
		width: 480px;		
	}
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.image-header .blue-panel {
		width: 680px;
		padding-bottom: 30px;
	}

	.image-header .blue-panel h1 {
		margin-left: 20px;
	}

	.image-header .blue-panel h2 {
		margin-left: 20px;
		width: auto;
	}

	.image-header .image-container {
		height: auto;
	}
}

@media all and (max-width: 1019px) {
	.image-header .blue-panel .right-link {
		display: none;
	}
}	

@media all and (max-width: 719px) {
	.image-header {
		margin-bottom: 20px;
	}

	.image-header .image-container {
		overflow: hidden;
		height: auto;
	}

	.image-header .blue-panel {
		width: 100%;
		padding-bottom: 17px;
		/*height: auto;	*/
		left: 0px;
		position: relative;
		overflow: hidden;
	}

	.image-header .blue-panel h1 {
		margin-left: 15px;
		font-size: 24px;
		width: 100%;
		padding-right: 35px; 
		margin-bottom: 20px;		
		margin-top: 36px;
	}

	.image-header .blue-panel h2 {
		display: none;
		margin-left: 15px;
		width: 100%;
		padding-right: 35px;
		/*margin-left: 15px;
		left: 0;
		font-size: 15px;
		width: 100%;
		padding-right: 35px; */
		/*position: relative;*/
	}	

	.image-header .blue-panel .arrow-button,
	.image-header .blue-panel .tag {
		display: none;
	}	
}
.planet-viewer .viewer-container {
	width: 100%;
	height: 720px;
	background-image: url("../assets/images/about/planet-viewer/bkg.63e627517df7.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	margin-bottom: 44px;
}

.planet-viewer .planet-info {
	display: none;
}

.planet-viewer .title {
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	color: #fff;
	font-size: 11px; 
	line-height: 1.3em;
	text-transform: uppercase;
	display: block;
	margin-bottom: 6px;
}

.planet-viewer .name-title {
	margin: 30px 0 0 30px;
}

.planet-viewer .name {
	color: #87bac9;
	font-size: 36px;
	line-height: 1.3em;
	font-family: 'AktivGroteskLight', Arial, sans-serif;
	margin: 4px 0 0 28px;
	display: block;
}

.planet-viewer .source-container {
	position: absolute;
	right: 30px;
	top: 29px;
} 

.planet-viewer .source-container .title {
	display: inline-block;
}

.planet-viewer .source-container .source {
	display: inline-block;
	font-size: 12px;
	line-height: 1.3em;
	color: #87bac9;
}

.planet-viewer .info-row {
	display: inline-block;
	height: 512px;
	margin: 25px 0 0;
	position: relative;
	overflow: hidden;
}

.planet-viewer .info-row.left {
	width: 210px;
	float: left;
	margin-left: 8px;
}

.planet-viewer .info-row.left .info-text-container {
	position: relative;
	margin: 20px 0 0 18px;
}

.planet-viewer .info-row.left .corner {
	position: absolute;
	width: 87px;
	height: 29px;
	background-image: url("../assets/images/about/planet-viewer/corner-long.869565fa27d3.png");
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
	top: 0; 
}

.planet-viewer .info-row.left .esi.info {
	margin-bottom: 25px;
}

.planet-viewer .info-row.left .esi.info .esi-circle-container {
	width: 124px;
	height: 124px;
	background-image: url("../assets/images/about/planet-viewer/esi-bkg.34277f684d6a.png");
	background-repeat: no-repeat;
	background-size: contain;	
}

.planet-viewer .info-row.left .esi.info .esi-circle-container .percentage {
	position: absolute;
	display: block;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	font-size: 24px;
	color: #fff;
	left: 37px;
	top: 60px;
}

.planet-viewer .info-row.left .esi.info .esi-circle-container .earth-percentage {
	position: absolute;
	display: block;
	color: #afdce9;
	text-transform: uppercase;
	left: 34px;
	top: 90px;	
}

.planet-viewer .info-row.left .description.info {
	width: 190px;
	margin-bottom: 50px;
}

.planet-viewer .info-row.left .description.info .info-text {
	color: #c5d9e6;
	font-size: 12px;
	line-height: 1.3em;
}

.planet-viewer .info-row.left .mission.info a {
	text-decoration: none;
}

.planet-viewer .info-row.left .mission.info .arrow {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 2px;
	position: relative;
	top: 3px;	
}

.planet-viewer .info-row.left .mission.info .info-text {
	color: #87bac9;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	text-decoration: none;
	transition: all .1s linear;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;	
}

.desktop .info-row.left .mission.info a:hover .info-text {
	margin-left: 5px;
}

.desktop .info-row.left .mission.info a:hover .arrow-sprite.arrow {
	background-position: 0px -56px;
}

.planet-viewer .info-row.right {
	width: 238px;
	float: right;
	margin-right: 30px;
}

.planet-viewer .info-row.right .info-text-container {
	position: relative;
	margin: 23px 18px 0 0;
}

.planet-viewer .info-row.right .corner {
	position: absolute;
	width: 41px;
	height: 26px;
	background-repeat: no-repeat;
	background-size: contain; 
	right: 0;
}

.planet-viewer .info-row.right .corner.top {
	background-image: url("../assets/images/about/planet-viewer/corner-short-top.c01978ac3d13.png");
	top: 0;	
}

.planet-viewer .info-row.right .corner.bottom {
	background-image: url("../assets/images/about/planet-viewer/corner-short-bottom.f8ee5e62efb0.png");
	bottom: 0;	
}

.planet-viewer .info-row.right .info {
	margin-bottom: 25px;
}

.planet-viewer .info-row.right .info .title {
	margin-bottom: 0;
}

.planet-viewer .info-row.right .info .info-text {
	color: #6ba2b3;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	font-size: 36px;
	line-height: 1.3em;
	display: block;
	margin-top: -2px;
}

.planet-viewer .planet-container {
	width: 676px;
	height: 593px;
	background-image: url("../assets/images/about/planet-viewer/planet-lines.2254c3ccc6d5.png");
	display: inline-block;
	float: left;
	margin-left: 76px;
	margin-top: -16px;
	position: relative;
}

.planet-viewer .planet-container .planet-image-container,
.planet-viewer .planet-container .planet-shadow-container {
	left: 65px;
	top: 46px;
	position: absolute;
	width: 502px;
	height: 502px;	
	border-radius: 251px;
	overflow: hidden;
}

.planet-viewer .planet-container .planet-image-container {
	z-index: 10;	
}

.planet-viewer .planet-container .planet-image-container img {
	width: 100%;
	height: auto;
}	

.planet-viewer .planet-container .planet-shadow-container {
	z-index: 11;
	background-image: url("../assets/images/about/planet-viewer/planet-shadow.f9367008e273.png");
	background-size: auto 100%;	
	background-position: 0 0;
	background-repeat: no-repeat;
}

.planet-viewer .navigation-bar {
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #1a2d33;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
}

.planet-viewer .navigation-bar ul {
	width: auto;
	position: absolute;
	height: 100%;
	overflow: hidden;
}

.planet-viewer .navigation-bar ul li {
	display: inline-block;
	min-width: 104px;
	padding-right: 10px;
	padding-left: 10px;
	height: 100%;
	color: #fff;
	font-size: 11px;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding-top: 14px;
	float: left;
	cursor: pointer;
	transition: background-color .1s linear;
	-webkit-transition: background-color .1s linear;
	-moz-transition: background-color .1s linear;
	-ms-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;	
}

.desktop .planet-viewer .navigation-bar ul li:hover {
	background-color: #6ba2b3;
}

.planet-viewer .navigation-bar ul li.active,
.desktop .planet-viewer .navigation-bar ul li.active:hover {
	background-color: #2e454d;
}

.planet-viewer .navigation-bar .arrow-box {
	width: 40px;
	height: 40px;
	background-color: #2e454d;
	position: absolute;
	bottom: 0;
	cursor: pointer;
	transition: background-color .1s linear;
	-webkit-transition: background-color .1s linear;
	-moz-transition: background-color .1s linear;
	-ms-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;	
}

.planet-viewer .navigation-bar .arrow-box .arrow {
	width: 13px;
	height: 13px;
	margin-right: 2px;
	position: relative;
	left: 14px;
	top: 14px;
}

.planet-viewer .navigation-bar .arrow-box.left {
	right: 40px;
}

.planet-viewer .navigation-bar .arrow-box.right {
	right: 0;
}

.planet-viewer .navigation-bar .arrow-box.left .arrow {
	background-position: -56px -56px;
}

.planet-viewer .navigation-bar .arrow-box.right .arrow {
	background-position: 0 -56px;
}	

.desktop .planet-viewer .navigation-bar .arrow-box:hover {
	background-color: #6ba2b3;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.planet-viewer .info-row.right {
		display: none;
	}

	.planet-viewer .planet-container {
		width: 595px;
		background-image: none;
	}
}	

@media all and (min-width: 720px) and (max-width: 1019px) {
	.planet-viewer .info-row.right {
		display: none;
	}

	.planet-viewer .planet-container {
		width: 420px;
		height: 420px;
		margin-left: 20px;
		margin-top: 65px;
		background-image: none;
	}

	.planet-viewer .planet-container .planet-image-container,
	.planet-viewer .planet-container .planet-shadow-container {
		width: 345px;
		height: 345px;
		left: 45px;
		top: 25px;
		border-radius: 173px;
	}
}

@media all and (max-width: 719px) {

	.planet-viewer .viewer-container {
		height: auto;
		padding-bottom: 60px;
	}

	.planet-viewer .info-row.left,
	.planet-viewer .info-row.right {
		display: none;
	}

	.planet-viewer .title {
		margin-bottom: 0;
	}

	.planet-viewer .source-container {
		right: auto;
		left: 20px;
		right: 20px;
		top: 20px;		
	}

	.planet-viewer .name-title {
		margin-top: 60px;
		margin-left: 20px;
	}

	.planet-viewer .name {
		margin-left: 17px;
		margin-top: 0;
	}

	.planet-viewer .planet-container {
		background-image: none;
		width: 100%;
		height: auto;
		margin: 0;
	}	

	.planet-viewer .planet-container .planet-image-container,
	.planet-viewer .planet-container .planet-shadow-container {
		width: 100%;
		height: 100%;
		left: 0;
		margin-left: 58px;
		margin-top: 20px;
		margin-bottom: 50px;
	}	
}

@media all and (max-width: 330px) {
	.planet-viewer .name-title {
		margin-top: 75px;
	}
}

.about-header {
	margin-top: 20px;
	width: 100%;
	height: 790px;
	min-height: 430px;
	position: relative;
	background-color: #04070e;
	overflow: hidden;
}

.about-header .background-container {
	width: 100%;
	height: 990px;
	position: absolute;
	overflow: hidden;
	display: none;
	top: -200px;
}

.about-header .background-container .stars {
	width: 100%;
	height: 1721px;
	position: absolute;
	background-image: url("/static/assets/images/about/hero-image/background.56c3c321c946.jpg");
	background-size: cover;
	background-position: left top;
	background-repeat: no-repeat;
}

.about-header .background-container .stars .star {
	position: absolute;
	top: 300px;
}

.about-header .planet-container {
	width: 100%;
	height: 100%;
	position: absolute;
}

.about-header .planet-container img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.about-header .title {
	text-transform: uppercase;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	display: block;
	position: absolute;
	bottom: 250px;
	left: 320px;
}

.about-header .text-wrap {
	left: 320px;
	bottom: 80px;
	position: absolute;	
}

.about-header h1 {
	font-family: 'AktivGroteskLight', Arial, sans-serif;
	color: #87bac9;
	font-size: 50px;
	line-height: 1.3em;
	margin-bottom: 3px;
}

.about-header h2 {
	color: #fff;
	font-size: 16px;
	line-height: 1.3em;	
	width: 360px;
	display: block;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.about-header {
		height: 612px;
	}

	.about-header .background-container {
		height: 812px;
	}

	.about-header .background-container .stars {
		height: 1333px;
	}

	.about-header .title,
	.about-header .text-wrap {
		left: 240px;
	}	
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.about-header {
		height: 433px;
		min-height: 290px;
	}

	.about-header .background-container {
		height: 633px;
	}

	.about-header .background-container .stars {
		height: 944px;
	}

	.about-header .title {
		bottom: 155px;
	}

	.about-header h1 {
		font-size: 45px;
	}

	.about-header .text-wrap {
		bottom: 20px;
	}
}

@media all and (max-width: 1019px) {
	.about-header .title,
	.about-header .text-wrap {
		left: 20px;
	}
}

@media all and (max-width: 719px) {
	.about-header {
		height: 320px;
		min-height: 220px;
	}

	.about-header .background-container {
		height: 520px;
	}

	.about-header .background-container .stars {
		height: 900px;	
	}

	.about-header .title,
	.about-header .text-wrap {
		width: 100%;
		padding-right: 40px;
		bottom: 20px;
	}

	.about-header .title {
		top: 20px;
	}

	.about-header h1 {
		font-size: 30px;
	}

	.about-header h2 {
		width: 100%;
		font-size: 14px;
	}	
}
.audio-player .sound-title {
	color: #87bac9;
	font-size: 12px;
	line-height: 1.3em;
	display: block;
	margin-bottom: 15px;
}

.audio-player .sound-controls-sprite {
	background: url("../assets/images/ui/sound-controls-sprite@2x.c8187662baa1.png");
	background-size: 31px auto;
	background-repeat: no-repeat;
}

.audio-player .sound-wave-sprite {
	background: url("../assets/images/ui/sound-wave-sprite.5e9a67ab5318.png");
	background-size: 200px auto;
	background-repeat: no-repeat;
}

.audio-player .controls-container {
	position: relative;
	width: 260px;
	height: 46px;
}

.audio-player .controls-container .play-pause-container {
	display: inline-block;
	float: left;
	height: 46px;
	width: 46px;
	margin-right: 10px;
	position: relative;
	cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	 
}

.audio-player .controls-container .play-pause-container .play-button {
	position: absolute;
	width: 13px;
	height: 15px;
	background-position: 0 0;
	left: 19px;
	top: 17px;
	transition: opacity .15s linear;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-ms-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;		
}

.desktop .audio-player .controls-container .play-pause-container:hover .play-button {
	opacity: .6;
}

.desktop .audio-player .controls-container.playing .play-pause-container:hover .play-button {
	opacity: 0;
}

.desktop .audio-player .controls-container.playing .play-pause-container:hover .pause-button {
	opacity: .6;
}

.audio-player .controls-container.playing .play-pause-container .play-button {
	opacity: 0;
}

.audio-player .controls-container .play-pause-container .pause-button {
	position: absolute;
	width: 11px;
	height: 13px;
	background-position: -20px 0;
	left: 18px;
	top: 17px;	
	opacity: 0;
	transition: opacity .15s linear;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-ms-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;		
}

.audio-player .controls-container.playing .play-pause-container .pause-button {
	opacity: 1;
}

.audio-player .controls-container .sound-wave-container {
	display: inline-block;
	float: left;
	height: 46px;
	width: 200px;
	position: relative;	
}

.audio-player .controls-container .sound-wave-container .sound-wave-remaining {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 2;
}

.audio-player .controls-container .sound-wave-container .sound-wave-played {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	z-index: 3;
	background-color: #fff;
}

.audio-player .controls-container .sound-wave {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity .15s linear;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-ms-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;		
}

.audio-player .controls-container .sound-wave-container .sound-wave-remaining .sound-wave.grey {
	background-position: 0px 4px;
}

.audio-player .controls-container .sound-wave-container .sound-wave-played .sound-wave.grey {
	background-position: 0px -80px;
}

.audio-player .controls-container .sound-wave-container .sound-wave-played .sound-wave.blue {
	background-position: 0 -121px;
	opacity: 0;
}

.audio-player .controls-container.playing .sound-wave-container .sound-wave-played .sound-wave.grey {
	opacity: 0;
}

.audio-player .controls-container.playing .sound-wave-container .sound-wave-played .sound-wave.blue {
	opacity: 1;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.article-col.left-col .audio-player .controls-container {
		width: 220px;
	}

	.article-col.left-col .audio-player .controls-container .sound-wave-container {
		width: 164px;
		height: 33px;
		margin-top: 5px;
	}

	.article-col.left-col .audio-player .controls-container .sound-wave-container .sound-wave-remaining .sound-wave.grey {
		background-position: 0 -164px;
	}

	.article-col.left-col .audio-player .controls-container .sound-wave-container .sound-wave-played .sound-wave.grey {
		background-position: -41px -232px;
	}

	.article-col.left-col .audio-player .controls-container .sound-wave-container .sound-wave-played .sound-wave.blue {
		background-position: -41px -266px;
	}	
}	
.pagination .pagination-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.pagination .pagination-nav {
  width: 100%;
  height: 25px;
  text-align: center;
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}
.pagination .pagination-nav .dot-container {
  margin: 16px auto 0;
  display: inline-block;
}
.pagination .pagination-nav .dot-container .dot {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #6b6765;
  float: left;
  margin-right: 8px;
  cursor: pointer;
}
.pagination .pagination-nav .dot-container .dot.selected, .desktop .pagination .pagination-nav .dot-container .dot:hover {
  background-color: #59b2ca;
}
.pagination .pagination-nav .dot-container .dot:last-child {
  margin-right: 0;
}
.pagination .slide-controls {
  width: 100%;
  position: absolute;
  top: 117px;
  z-index: 2;
}
@media all and (max-width: 1279px) {
  .pagination .slide-controls {
    top: 92px;
  }
}
@media all and (max-width: 599px) {
  .pagination .slide-controls {
    display: none;
  }
}
.pagination .slide-controls .button {
  position: absolute;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: #f7f6f2;
  display: block;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  transition: background-color 0.15s linear, width 0.1s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out;
  -webkit-transition: background-color 0.15s linear, width 0.1s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out;
  -moz-transition: background-color 0.15s linear, width 0.1s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out;
  -ms-transition: background-color 0.15s linear, width 0.1s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out;
  -o-transition: background-color 0.15s linear, width 0.1s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out;
}
.pagination .slide-controls .button:before {
  content: "\e905";
  color: #3d3d3c;
  font-family: "icomoon";
  display: block;
  width: 14px;
  margin: 14px auto 0;
}
.desktop .pagination .slide-controls .button:hover {
  background-color: #FFF;
  width: 50px;
}
.pagination .slide-controls .previous-button {
  left: -40px;
}
.pagination .slide-controls .previous-button:before {
  content: "\e908";
}
.pagination.is-active .slide-controls .previous-button {
  left: 0;
}
.pagination .slide-controls .next-button {
  right: -40px;
}
.pagination.is-active .slide-controls .next-button {
  right: 0;
}

/*.pagination .slide-controls .button span {
	width: 12px;
	height: 12px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	pointer-events: none;
	margin: 14px auto 0;
	display: none;
}*/
/*.pagination .slide-controls .next-button span {
	background-position: 0 -84px;
}

.pagination .slide-controls .previous-button span {
	background-position: -56px -84px;
}*/

.directory-block .block {
	width: 100%;
	position: relative;
}

.directory-block .block .section {
	display: inline-block;
	vertical-align: top;
	width: 206.5px;
	height: 310px;
	background-color: #f7f6f4;
	margin: 0;
	float: left;
	text-align: center;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.desktop .directory-block .block .section:hover .name,
.desktop .directory-block .block .section:hover .title,
.desktop .directory-block .block .section:hover .place {
	color: #FFF;
}

.desktop .directory-block .block .section:hover .bg-bar {
	top: 0;
	height: 100%;
}

.directory-block .block .section .text-container {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 3;
	padding: 30px 0 68px;
}

.directory-block .block .section .bg-bar {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 0;
	background-color: #87bac9;
	z-index: 1;
	transition: top .27s ease-in-out, height .27s ease-in-out;
	-webkit-transition: top .27s ease-in-out, height .27s ease-in-out;
	-moz-transition: top .27s ease-in-out, height .27s ease-in-out;
	-ms-transition: top .27s ease-in-out, height .27s ease-in-out;
	-o-transition: top .27s ease-in-out, height .27s ease-in-out;
}

.directory-block .block .section .image-wrap {
	width: 137px;
	height: 137px;
	position: relative;
	margin: 0 auto 18px;
}

.directory-block .block .section img {
	width: 100%;
	height: 100%;
	border-radius: 69px;
}

.directory-block .block .section .name {
	display: block;
	font-size: 16px;
	line-height: 1.3em;
	color: #4d4c4b;
	margin-bottom: 3px;
	width: 100%;
	padding: 0 10px;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
}

.directory-block .block .section .title {
	color: #aba9a7;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	height: 34px;
	display: block;
	width: 100%;
	padding: 0 10px;
	margin-top: 3px;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
}

.directory-block .block .section .place {
	color: #6ba2b3;
	font-family: 'AktivGroteskMedium', Arial, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
	text-transform: uppercase;
	display: block;
	width: 100%;
	padding: 0 10px;
	position: absolute;
	top: 269px;	
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
}

@media all and (min-width: 1020px) and (max-width: 1279px) {
	.directory-block .block .section {
		width: 160px;
	}  

	.directory-block .block .section .image-wrap {
		width: 110px;
		height: 110px;	
	}	  
}

@media all and (max-width: 1019px) {
	.directory-block .block .section .image-wrap {
		width: 140px;
		height: 140px;
	}

	.directory-block .block .section img {
		border-radius: 70px;
	}	

	.directory-block .block .section {
		width: 50%;
		height: 50%;
	}

	.directory-block .block .section .bg-bar {
		display: none;
	}

	.desktop .directory-block .block .section:hover .name {
		color: #2e454d;
	}

	.desktop .directory-block .block .section:hover .title {
		color: #9e9e9e;
	}

	.desktop .directory-block .block .section:hover .place {
		color: #5c8b99;
	}		
}

@media all and (min-width: 720px) and (max-width: 1019px) {
	.directory-block .block .section {
		width: 226.5px;
	}  	

	.directory-block .block .section:nth-of-type(-n+3) {
		margin-bottom: 20px;
	}

	.directory-block.pagination .block .section .text-container {
		padding-bottom: 65px;
	}
}	

@media all and (max-width: 719px) {
	.directory-block .section-headline-container {
		margin-top: 40px;
	} 

	.directory-block .block .section .image-wrap {
		width: 130px;
		height: 130px;
	}

	.directory-block .block .section img {
		border-radius: 65px;
	}	

	.directory-block .block .section {
		width: 50%;
	}	

	.directory-block .block .section:nth-of-type(-n+4) {
		margin-bottom: 20px;
	}	

	.directory-block .block .section .name {
		padding: 0 5px;
	}	

	.directory-block .block .section .title {
		font-size: 14px;
	} 

	.directory-block.pagination .block .section .place {
		top: 262px;
	}	 
}

@media all and (max-width: 450px) {
	.directory-block .block .section .name {
		font-size: 13px;
	}

	.directory-block .block .section .title {
		font-size: 13px;
	} 		

	.directory-block .block .section .text-container {
		padding-bottom: 80px;
	}	
}
.directory-info-box {
  width: 290px;
  height: 500px;
  margin-right: 20px;
  float: left;
}
@media all and (min-width: 1020px) and (max-width: 1279px) {
  .directory-info-box {
    width: 220px;
  }
}
@media all and (max-width: 1019px) {
  .directory-info-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.directory-info-box .header {
  height: 80px;
  background-color: #87bac9;
  border-bottom: 10px solid #d1dfe3;
}
.directory-info-box .header .headline {
  color: #FFF;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  font-size: 16px;
  margin: 17px 0 0 15px;
  display: inline-block;
  float: left;
}
.directory-info-box .header .icon-schedule {
  width: 32px;
  height: 32px;
  margin: 12px 10px 0 0;
  float: right;
}
.directory-info-box .info-container {
  display: block;
  width: 100%;
  background-color: #f7f6f4;
  padding-left: 10px;
  position: relative;
  overflow: hidden;
  padding-top: 25px;
}
.directory-info-box .info-container .info-section {
  margin-bottom: 28px;
}
.directory-info-box .info-container .title {
  color: #333332;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  font-size: 11px;
  line-height: 1.3em;
  margin-bottom: 1px;
}
.directory-info-box .info-container .info {
  color: #737270;
  font-size: 13px;
  line-height: 1.3em;
  display: block;
}
.directory-info-box .info-container .text-break {
  height: 20px;
}
.directory-info-box .info-container a.info {
  color: #6ba2b3;
  text-decoration: none;
  transition: color 0.15s linear;
  -webkit-transition: color 0.15s linear;
  -moz-transition: color 0.15s linear;
  -ms-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
}
.desktop .directory-info-box .info-container a.info:hover {
  color: #bdbbb9;
}
.directory-info-box .info-container .text-container {
  float: left;
  margin-left: 10px;
}
.directory-info-box .cta-button {
  width: 100%;
}

.about-author-bio {
  height: auto;
  background-color: #faf9f5;
  overflow: hidden;
  padding: 15px 20px;
  margin-bottom: 40px;
  position: relative;
}
@media all and (max-width: 1019px) {
  .about-author-bio {
    width: 100%;
  }
}
@media all and (max-width: 719px) {
  .about-author-bio {
    padding: 15px 10px;
  }
}
.about-author-bio:last-child {
  margin-bottom: 0;
}
.about-author-bio img {
  display: inline-block;
  float: left;
  width: 90px;
  height: auto;
  border-radius: 45px;
  margin: 3px 25px 0 10px;
}
@media all and (max-width: 719px) {
  .about-author-bio img {
    margin: 0;
    float: none;
    left: 20px;
    top: 15px;
    position: absolute;
  }
}
.about-author-bio p {
  line-height: 1.5em;
}
.about-author-bio .author-info {
  display: inline-block;
  float: left;
  position: relative;
  width: 455px;
}
@media all and (max-width: 719px) {
  .about-author-bio .author-info {
    width: 100%;
    padding-left: 120px;
  }
}
.about-author-bio .bio-title {
  font-size: 11px;
  text-transform: uppercase;
  color: #59b2ca;
  position: relative;
  font-family: "AktivGroteskBold", Arial, sans-serif;
  display: block;
  margin-bottom: 5px;
}
.about-author-bio .name {
  font-family: "AktivGroteskLight", Arial, sans-serif;
  font-size: 18px;
  color: #3d3d3c;
  display: block;
  margin-bottom: 14px;
}
.about-author-bio .author-source {
  margin-top: 10px;
}
.about-author-bio .author-source:last-child {
  margin-bottom: 0;
}
.about-author-bio .author-source .source-title {
  text-transform: uppercase;
  color: #3d3d3c;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  font-size: 11px;
  display: block;
  margin-bottom: 4px;
}
.about-author-bio .author-source .arrow {
  display: none;
}
.about-author-bio .author-source .source-name {
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  font-size: 12px;
  color: #3d3d3c;
  display: block;
  cursor: pointer;
  margin-bottom: 8px;
  line-height: 1.4em;
  position: relative;
}
.desktop .about-author-bio .author-source .source-name:hover {
  text-decoration: none;
}
.desktop .about-author-bio .author-source .source-name:hover:before {
  color: #057b91;
}
.desktop .about-author-bio .author-source .source-name:hover .source-name-title {
  margin-left: 4px;
  color: #057b91;
}
@media all and (max-width: 719px) {
  .desktop .about-author-bio .author-source .source-name:hover .source-name-title {
    margin-left: 0px;
  }
}
.about-author-bio .author-source .source-name:before {
  font-family: "icomoon";
  content: "\e905";
  font-size: 11px;
  color: #59b2ca;
  margin-right: 2px;
  transition: color 0.1s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -ms-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
}
@media all and (max-width: 719px) {
  .about-author-bio .author-source .source-name:before {
    display: none;
  }
}
.about-author-bio .author-source .source-name:last-child {
  margin-bottom: 0;
}
.about-author-bio .author-source .source-name-title {
  width: 100%;
  padding: 0 20px 0 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.1s linear, margin 0.1s linear;
  -webkit-transition: color 0.1s linear, margin 0.1s linear;
  -moz-transition: color 0.1s linear, margin 0.1s linear;
  -ms-transition: color 0.1s linear, margin 0.1s linear;
  -o-transition: color 0.1s linear, margin 0.1s linear;
}
@media all and (max-width: 719px) {
  .about-author-bio .author-source .source-name-title {
    position: relative;
    white-space: normal;
    display: block;
    margin-left: 0;
    padding-left: 0;
  }
}

.search-results-box {
	width: 600px;
	height: 56px;
	background: #f7f6f2;
	overflow: hidden;
	position: relative;
}

.search-results-box .new-search {
	display: inline-block;
	float: left;
	margin-top: 22px;
	font-family: 'AktivGroteskBold', Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #59b2ca;
	margin-left: 20px;
}

.search-results-box .search-box .search-field {
    color: #737270;
    font-size: 12px;
    line-height: 1.3em;
    margin-top: 11px;
    margin-left: 14px;
    border: none;
    background-color: transparent;
    width: 444px;
    height: 100%;
    display: block;
    position: relative;
    top: 0;
    margin: 0;
    padding: 0 46px 0 10px;
    z-index: 1;
}

.search-results-box .search-box {
    width: 480px;
    height: 36px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    float: right;
}

.search-results-box .search-box span {
    color: #aba9a7;
    font-size: 12px;
    line-height: 1.3em;
    margin-top: 11px;
    margin-left: 10px;
    display: block;
}

.search-results-box .search-box input[type="submit"] {
    font-family: 'icomoon';
    width: 36px;
    height: 36px;
    background-color: #59b2ca;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    border: none;
    font-size: 16px;
    z-index: 1;
    transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
}

.search-results-box .search-box input[type="submit"]:hover {
    background-color: #057b91;
}

/*.search-results-box .search-box .icon-box .icon {
    width: 16px;
    height: 16px;
    background-position: -41px -104px;
    position: absolute;
    top: 10px;
    left: 11px;
}*/

/*
@media all and (min-width: 1020px) and (max-width: 1279px) {
}
*/

@media all and (max-width: 1019px) {
	.search-results-box {
		width: 100%;
		padding-left: 122px;
	}

    .search-results-box .search-box .search-field {
        width: 100%;
    }

	.search-results-box .search-box {
		width: 100%;
	}

	.search-results-box .new-search {
		position: absolute;
		top: -1px;
		left: 0;
	}
}

@media all and (max-width: 370px) {
	.search-results-box {
		padding-left: 20px;
	}

	.search-results-box .new-search {
		display: none;
	}
}

.locations-map {
  margin-top: 40px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.locations-map .map {
  width: 100%;
  height: 500px;
  background-color: #ddd;
}
@media (max-width: 1019px) {
  .locations-map .map {
    height: 420px;
  }
}
@media (max-width: 719px) {
  .locations-map .map {
    height: 300px;
  }
}
.locations-map .side-panel {
  position: absolute;
  width: 330px;
  height: 500px;
  background-color: rgba(246, 254, 255, 0.4);
  bottom: 0;
  right: -330px;
  padding: 10px;
  transition: right 0.3s ease-out;
  -webkit-transition: right 0.3s ease-out;
  -moz-transition: right 0.3s ease-out;
  -ms-transition: right 0.3s ease-out;
  -o-transition: right 0.3s ease-out;
}
.locations-map .side-panel.show {
  right: 0;
}
@media (max-width: 1019px) {
  .locations-map .side-panel {
    height: 420px;
  }
}
@media (max-width: 719px) {
  .locations-map .side-panel {
    width: 250px;
    height: 300px;
  }
}
.locations-map .scroll-container {
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.locations-map .location-item {
  border-bottom: 1px solid #e6e6e6;
  border-left: 0px solid #59b2ca;
  padding: 15px 20px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.15s linear, border-left-width 0.2s ease-in-out;
  -webkit-transition: background-color 0.15s linear, border-left-width 0.2s ease-in-out;
  -moz-transition: background-color 0.15s linear, border-left-width 0.2s ease-in-out;
  -ms-transition: background-color 0.15s linear, border-left-width 0.2s ease-in-out;
  -o-transition: background-color 0.15s linear, border-left-width 0.2s ease-in-out;
}
.locations-map .location-item:hover {
  background-color: #e8f5f7;
}
.locations-map .location-item:hover .line-2 {
  color: #00475a;
}
.locations-map .location-item.selected {
  background-color: #e8f5f7;
  border-left-width: 15px;
}
.locations-map .location-item:last-child {
  border-bottom: none;
}
.locations-map .location-item .line-1 {
  display: block;
  color: #00475a;
  font-size: 12px;
  font-weight: 400;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  width: 260px;
}
@media (max-width: 719px) {
  .locations-map .location-item .line-1 {
    width: 100%;
  }
}
.locations-map .location-item .line-2 {
  display: block;
  color: #057b91;
  font-size: 15px;
  font-weight: 400;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  margin-top: 8px;
  width: 260px;
}
@media (max-width: 719px) {
  .locations-map .location-item .line-2 {
    width: 100%;
    font-size: 13px;
  }
}
.locations-map .location-item .line-3 {
  display: block;
  color: #828281;
  font-size: 10px;
  margin-top: 20px;
  text-transform: uppercase;
  display: block;
}
@media (max-width: 719px) {
  .locations-map .location-item .line-3 {
    width: 100%;
  }
}
.locations-map .location-item .details-link, .locations-map .location-item .external-link {
  display: none;
  color: #59b2ca;
  font-size: 11px;
  margin-top: 20px;
}
.locations-map .location-item:hover .details-link, .locations-map .location-item:hover .external-link {
  color: #00475a;
}
.locations-map .location-item.selected .details-link, .locations-map .location-item.selected .external-link {
  display: block;
}
.locations-map .location-item .details-link:after, .locations-map .location-item .external-link:after {
  content: "\e902";
  font-size: 5px;
  margin-top: 3px;
  line-height: 1em;
  display: inline-block;
  margin-left: 5px;
  font-family: "icomoon";
  vertical-align: top;
}
.locations-map .location-item .external-link:after {
  content: "\e906";
  font-size: 8px;
}
.locations-map .leaflet-bar, .locations-map .leaflet-control-layers {
  border-radius: 0;
  border: none;
}
.locations-map .filter-wrap {
  background-color: #f7f6f2;
  height: 60px;
  padding: 10px;
  margin-bottom: 0;
}
.locations-map .filter-wrap .dropdown {
  height: 60px;
  margin-top: -10px;
  margin-right: 0;
}
.locations-map .filter-wrap .dropdown .top-display {
  padding-top: 22px;
  padding-bottom: 22px;
}
.locations-map .filter-wrap .dropdown .option-list {
  top: 60px;
}
@media (max-width: 1019px) {
  .locations-map .filter-wrap {
    display: block;
  }
}
.locations-map .list-filters .left-col {
  float: left;
}
@media (max-width: 719px) {
  .locations-map .list-filters .left-col {
    float: none;
  }
}
.locations-map .list-filters .right-col {
  float: right;
}
@media (max-width: 719px) {
  .locations-map .list-filters .right-col {
    display: none;
  }
}
.locations-map .list-filters .time-navigation {
  background-color: #fff;
  display: inline-block;
}

@media all and (min-width: 720px) {
  .video-block .col-container {
    height: 225px; } }
@media all and (min-width: 1020px) and (max-width: 1279px) {
  .video-block .col-container {
    height: 366px; } }
@media all and (min-width: 1280px) {
  .video-block .col-container {
    height: 512px; } }
.video-block .video-container {
  background-color: #000; }
  @media all and (max-width: 719px) {
    .video-block .video-container {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      height: 0; } }
  .video-block .video-container iframe {
    width: 100%;
    height: 100%; }
    @media all and (max-width: 719px) {
      .video-block .video-container iframe {
        position: absolute;
        top: 0;
        left: 0; } }
  @media all and (min-width: 720px) {
    .video-block .video-container {
      float: left;
      width: 400px;
      height: 100%; } }
  @media all and (min-width: 1020px) and (max-width: 1279px) {
    .video-block .video-container {
      float: left;
      width: 650px;
      height: 100%; } }
  @media all and (min-width: 1280px) {
    .video-block .video-container {
      float: left;
      width: 910px;
      height: 100%; } }
@media all and (max-width: 719px) {
  .video-block .info-container {
    height: auto !important; } }
.video-block .list-container {
  background-color: #90d1e4;
  height: 250px;
  overflow-y: scroll;
  overflow-x: hidden; }
  @media all and (min-width: 720px) {
    .video-block .list-container {
      width: 280px;
      height: 100%;
      float: left; } }
  @media all and (min-width: 1020px) {
    .video-block .list-container {
      width: 330px;
      height: 100%;
      float: left; } }
  .video-block .list-container .title {
    margin: 15px 0 5px 10px;
    text-transform: uppercase;
    color: #00475a;
    display: block;
    font-size: 10.5px;
    font-family: "AktivGroteskBold", Arial, sans-serif; }
    @media all and (min-width: 720px) {
      .video-block .list-container .title {
        margin: 20px 0 5px 20px; } }
.video-block .episode-item {
  display: block;
  position: relative;
  cursor: pointer;
  transition: background-color .2s linear; }
  .video-block .episode-item:hover {
    text-decoration: none; }
  .video-block .episode-item:before {
    content: "";
    width: 0;
    background-color: #057b91;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: width .2s ease-in-out; }
  .video-block .episode-item:hover {
    background-color: #59b2ca; }
    .video-block .episode-item:hover:before {
      width: 5px; }
.video-block .episode-info {
  padding: 15px 10px;
  border-bottom: 1px solid #59b2ca; }
  .video-block .episode-info:last-child {
    border: none; }
  @media all and (min-width: 720px) {
    .video-block .episode-info {
      padding: 20px; } }
  .video-block .episode-info .headline {
    color: #fff;
    font-size: 18px;
    font-family: "AktivGroteskBold", Arial, sans-serif; }
    @media all and (min-width: 1020px) {
      .video-block .episode-info .headline {
        font-size: 21px; } }
  .video-block .episode-info .description {
    margin: 10px 0;
    font-size: 13px;
    line-height: 1.4em;
    color: #00475a; }
  .video-block .episode-info .showtime {
    color: #00475a;
    font-size: 13px;
    font-weight: 600; }
.video-block .cta-button {
  float: left;
  width: 50%; }
  @media all and (min-width: 720px) {
    .video-block .cta-button {
      float: right;
      width: 280px; } }
  @media all and (min-width: 1020px) {
    .video-block .cta-button {
      width: 330px; } }

.faq-block .headline {
  text-transform: uppercase;
  color: #00475a;
  font-size: 13px;
  letter-spacing: .01em;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  margin-bottom: 15px;
  display: block; }
.faq-block .faq-section {
  margin-bottom: 40px; }
  .faq-block .faq-section:last-child {
    margin-bottom: 0; }
.faq-block .col-container .col {
  margin-bottom: 40px; }
  .faq-block .col-container .col:last-child {
    margin-bottom: 0; }
  @media all and (min-width: 720px) {
    .faq-block .col-container .col {
      margin-bottom: 0;
      width: 50%;
      padding-right: 50px;
      float: left; } }
.faq-block .faq-item .question {
  color: #057b91;
  font-size: 14px;
  cursor: pointer;
  display: block;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  margin-bottom: 15px; }
  .faq-block .faq-item .question:hover {
    color: #00475a; }
.faq-block .faq-item .answer {
  display: block;
  height: 0;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5em; }
.faq-block .faq-item--open .answer {
  height: auto;
  margin-bottom: 15px; }

.mission-data .section-headline-container {
  display: block !important; }
.mission-data .mission-data-item {
  margin-bottom: 70px; }
  .mission-data .mission-data-item:after {
    content: "";
    display: table;
    clear: both; }
  .mission-data .mission-data-item .col-left {
    width: 180px;
    float: left;
    margin-right: 25px;
    display: none; }
    @media all and (min-width: 720px) {
      .mission-data .mission-data-item .col-left {
        display: block; } }
    @media all and (min-width: 1020px) {
      .mission-data .mission-data-item .col-left {
        display: block;
        width: 215px; } }
    @media all and (min-width: 1280px) {
      .mission-data .mission-data-item .col-left {
        width: 280px; } }
    .mission-data .mission-data-item .col-left .image-container {
      width: 180px;
      height: 180px;
      border-radius: 90px;
      overflow: hidden; }
      @media all and (min-width: 1020px) {
        .mission-data .mission-data-item .col-left .image-container {
          width: 215px;
          height: 215px;
          border-radius: 110px; } }
      @media all and (min-width: 1280px) {
        .mission-data .mission-data-item .col-left .image-container {
          width: 280px;
          height: 280px;
          border-radius: 140px; } }
      .mission-data .mission-data-item .col-left .image-container img {
        min-width: 100%;
        min-height: 100%;
        background-color: #ccc; }
  .mission-data .mission-data-item .col-right {
    width: 100%; }
    @media all and (min-width: 720px) {
      .mission-data .mission-data-item .col-right {
        width: 475px;
        float: left; } }
    @media all and (min-width: 1020px) {
      .mission-data .mission-data-item .col-right {
        width: 730px; } }
    @media all and (min-width: 1280px) {
      .mission-data .mission-data-item .col-right {
        width: 935px; } }
    .mission-data .mission-data-item .col-right .headline {
      color: #057b91;
      display: block;
      font-size: 24px;
      font-family: "AktivGroteskLight", Arial, sans-serif;
      margin-bottom: 15px; }
      @media all and (min-width: 720px) {
        .mission-data .mission-data-item .col-right .headline {
          font-size: 28px;
          margin-bottom: 25px; } }
    .mission-data .mission-data-item .col-right .category {
      text-transform: uppercase;
      font-size: 11px;
      color: #91908f;
      font-family: "AktivGroteskBold", Arial, sans-serif;
      margin-bottom: 8px;
      display: block; }
    .mission-data .mission-data-item .col-right p {
      font-size: 14px;
      line-height: 1.5em;
      color: #3d3d3c;
      margin-bottom: 20px; }
      .mission-data .mission-data-item .col-right p:last-child {
        margin-bottom: 0; }
      @media all and (min-width: 720px) {
        .mission-data .mission-data-item .col-right p {
          margin-bottom: 30px; } }
.mission-data .footnote {
  position: relative;
  color: #59b2ca;
  cursor: pointer; }
  .mission-data .footnote:hover {
    color: #057b91; }
    .mission-data .footnote:hover .tooltip {
      display: block; }
  .mission-data .footnote .tooltip {
    display: none;
    position: absolute;
    background-color: #eeefec;
    width: 270px;
    text-align: center;
    padding: 10px;
    top: 1.5em;
    left: -135px;
    color: #3d3d3c;
    border-bottom: 3px solid #d4d2cf; }
    .mission-data .footnote .tooltip:before {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 8px 8px 8px;
      border-color: transparent transparent #eeefec transparent;
      display: block;
      position: absolute;
      top: -7px;
      left: 50%;
      margin-left: -4px; }

.data-table {
  width: 100%;
  font-size: 12px;
  color: #3d3d3c;
  margin-bottom: 40px; }
  .data-table.data-table-small {
    font-size: 10px; }
    .data-table.data-table-small .heading {
      font-size: 11px; }
      .data-table.data-table-small .heading td {
        padding: 10px 5px; }
      @media all and (min-width: 1280px) {
        .data-table.data-table-small .heading {
          font-size: 12px; } }
    .data-table.data-table-small .subheading td {
      padding: 10px 5px; }
    .data-table.data-table-small td {
      padding: 7px 5px; }
  @media all and (min-width: 1280px) {
    .data-table {
      font-size: 14px; } }
  .data-table strong {
    font-family: "AktivGroteskBold", Arial, sans-serif;
    font-weight: 400; }
  .data-table th,
  .data-table td {
    border: 1px solid #91908f; }
  .data-table .legend {
    background-color: #eeefec; }
    .data-table .legend td {
      padding: 15px; }
  .data-table .heading {
    background-color: #bdbbb9;
    text-align: center;
    font-family: "AktivGroteskMedium", Arial, sans-serif;
    font-size: 13px; }
    .data-table .heading td {
      padding: 15px 10px; }
    @media all and (min-width: 1280px) {
      .data-table .heading {
        font-size: 15px; } }
  .data-table .subheading {
    background-color: #eeefec;
    text-align: center;
    font-family: "AktivGroteskMedium", Arial, sans-serif; }
    .data-table .subheading td {
      padding: 15px 5px; }
  .data-table td {
    padding: 10px 5px; }
    @media all and (max-width: 719px) {
      .data-table td {
        display: block;
        border-top: none; }
        .data-table td:empty {
          display: none; } }
  .data-table .dark-blue {
    background-color: #487dc6; }
  .data-table .blue {
    background-color: #90d1e4; }
  .data-table .tan {
    background-color: #eeefec; }
  .data-table .red {
    background-color: #eb6d6d; }
  .data-table .yellow {
    background-color: #ede891; }
  .data-table .orange {
    background-color: #f5b276; }
  .data-table .pink {
    background-color: #f499d3; }
  .data-table .green {
    background-color: #bcf1d9; }
  .data-table .purple {
    background-color: #d7a5ee; }

.tag-container:before, .tag-container:after {
  display: table;
  content: ""; }
.tag-container:after {
  clear: both; }
.tag-container .tag {
  background-color: #88cbe0;
  padding: 6px 10px 7px;
  border-radius: 15px;
  color: #fff;
  font-family: "AktivGroteskBold", Arial, sans-serif;
  font-size: 10px;
  height: 23px;
  display: inline-block;
  margin-bottom: 5px;
  float: left;
  margin-right: 5px;
  transition: background-color .15s linear; }
  .tag-container .tag:hover {
    background-color: #72b3c7; }
.tag-container .purple {
  background-color: #88a7e0; }
  .tag-container .purple:hover {
    background-color: #748fc1; }
.tag-container .orange {
  background-color: #ffaf60; }
  .tag-container .orange:hover {
    background-color: #e09850; }
.tag-container .green {
  background-color: #9cc98a; }
  .tag-container .green:hover {
    background-color: #7ea56e; }
.tag-container .pink {
  background-color: #daafe2; }
  .tag-container .pink:hover {
    background-color: #b58dbd; }
.tag-container .red {
  background-color: #ff7360; }
  .tag-container .red:hover {
    background-color: #d75d4c; }
.tag-container .grey,
.tag-container .gray {
  background-color: #8f8e8c; }
  .tag-container .grey:hover,
  .tag-container .gray:hover {
    background-color: #767574; }

.side-by-side-slideshow {
  position: relative;
  margin-bottom: 50px;
  background-color: #f7f6f2; }
  @media all and (min-width: 1020px) {
    .side-by-side-slideshow {
      height: 350px; } }
  .side-by-side-slideshow .slideshow {
    height: 100%; }
  .side-by-side-slideshow .slide {
    height: 100%;
    display: none; }
    .side-by-side-slideshow .slide:before, .side-by-side-slideshow .slide:after {
      display: table;
      content: ""; }
    .side-by-side-slideshow .slide:after {
      clear: both; }
    .side-by-side-slideshow .slide.selected {
      display: block; }
    .side-by-side-slideshow .slide .image-container {
      height: 300px;
      background-color: #999;
      overflow: hidden;
      background-size: cover; }
      @media all and (min-width: 720px) {
        .side-by-side-slideshow .slide .image-container {
          height: 380px; } }
      @media all and (min-width: 1020px) {
        .side-by-side-slideshow .slide .image-container {
          width: 50%;
          height: 100%;
          float: left; } }
    .side-by-side-slideshow .slide .text-container {
      padding: 20px;
      position: relative; }
      @media all and (min-width: 1020px) {
        .side-by-side-slideshow .slide .text-container {
          float: left;
          width: 50%;
          height: 100%; } }
      .side-by-side-slideshow .slide .text-container .category {
        color: #91908f;
        text-transform: uppercase;
        font-size: 11px;
        font-family: "AktivGroteskMedium", Arial, sans-serif;
        display: block;
        margin-bottom: 10px; }
      .side-by-side-slideshow .slide .text-container .headline {
        font-size: 24px;
        font-family: "AktivGroteskLight", Arial, sans-serif; }
      .side-by-side-slideshow .slide .text-container .bottom-container {
        margin-top: 30px; }
        @media all and (min-width: 1020px) {
          .side-by-side-slideshow .slide .text-container .bottom-container {
            margin-top: 0;
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 20px; } }
        .side-by-side-slideshow .slide .text-container .bottom-container p {
          line-height: 1.4em;
          font-size: 13px;
          color: #3d3d3c; }
        .side-by-side-slideshow .slide .text-container .bottom-container .tag-container {
          margin-top: 15px; }
  .side-by-side-slideshow .slide-controls {
    width: 40px;
    height: 80px;
    position: absolute;
    top: 180px;
    z-index: 2; }
    @media all and (min-width: 720px) {
      .side-by-side-slideshow .slide-controls {
        top: 250px; } }
    @media all and (min-width: 1020px) {
      .side-by-side-slideshow .slide-controls {
        top: auto;
        bottom: 50px; } }
    .side-by-side-slideshow .slide-controls .button {
      cursor: pointer;
      width: 40px;
      height: 40px;
      background-color: #f7f6f4;
      display: block;
      overflow: hidden;
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      transition: background-color 0.15s linear, width 0.1s ease-in-out;
      -webkit-transition: background-color 0.15s linear, width 0.1s ease-in-out;
      -moz-transition: background-color 0.15s linear, width 0.1s ease-in-out;
      -ms-transition: background-color 0.15s linear, width 0.1s ease-in-out;
      -o-transition: background-color 0.15s linear, width 0.1s ease-in-out; }
      .desktop .side-by-side-slideshow .slide-controls .button:hover {
        background-color: #FFF;
        width: 50px; }
      .side-by-side-slideshow .slide-controls .button:before {
        content: "\e905";
        color: #3d3d3c;
        font-family: "icomoon";
        display: block;
        width: 14px;
        margin: 14px auto 0; }
      .side-by-side-slideshow .slide-controls .button.previous-button:before {
        content: "\e908"; }
      .side-by-side-slideshow .slide-controls .button span {
        width: 12px;
        height: 12px;
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        pointer-events: none;
        margin: 14px auto 0;
        display: none; }

.page-life-detection .section-headline-container {
  height: auto;
  padding-bottom: 10px; }
  .page-life-detection .section-headline-container .cta-text-button {
    float: right;
    font-family: "AktivGroteskMedium", Arial, sans-serif;
    font-size: 12px;
    padding: 14px 17px 12px;
    display: none; }
    .page-life-detection .section-headline-container .cta-text-button:hover {
      color: #057b91; }
    @media all and (min-width: 720px) {
      .page-life-detection .section-headline-container .cta-text-button {
        display: block; } }
  .page-life-detection .section-headline-container .cta-button {
    float: right;
    display: none; }
    @media all and (min-width: 720px) {
      .page-life-detection .section-headline-container .cta-button {
        display: block; } }
    @media (max-width: 1019px) and (min-width: 720px) {
      .page-life-detection .section-headline-container .cta-button {
        width: 280px; } }
  .page-life-detection .section-headline-container .section-headline {
    float: left;
    margin-top: 22px;
    margin-bottom: 8px; }
    @media all and (min-width: 720px) {
      .page-life-detection .section-headline-container .section-headline {
        margin-top: 10px; } }
    @media all and (min-width: 1020px) {
      .page-life-detection .section-headline-container .section-headline {
        margin-bottom: 0; } }

#life-detection-header {
  opacity: 1;
  margin-top: 20px;
}

.life-detection .icon-type {
  width: 27px;
  height: 22px;
  display: block;
  overflow: hidden;
  text-indent: -999px;
  background-size: 100% auto;
  margin-bottom: 0 !important; }
  .life-detection .icon-type.publication {
    background-image: url("/static/assets/images/ui/icon-publications.e13196f29a20.png"); }
  .life-detection .icon-type.workshop {
    background-image: url("/static/assets/images/ui/icon-workshops.b1bca4753a9c.png"); }
  .life-detection .icon-type.website {
    background-image: url("/static/assets/images/ui/icon-websites.b909ff77e3b8.png"); }
  .life-detection .icon-type.video {
    background-image: url("/static/assets/images/ui/icon-video.965b9ec5fbeb.png"); }
.life-detection .filter-status-bar {
  width: 100%;
  padding: 18px 90px 13px 0;
  position: relative; }
  .life-detection .filter-status-bar:before, .life-detection .filter-status-bar:after {
    display: table;
    content: ""; }
  .life-detection .filter-status-bar:after {
    clear: both; }
  .life-detection .filter-status-bar .results-label {
    position: absolute;
    right: 0;
    top: 23px;
    color: #91908f;
    font-family: "AktivGroteskMedium", Arial, sans-serif;
    font-size: 14px; }
  .life-detection .filter-status-bar .filter-item {
    color: #fff;
    font-family: "AktivGroteskBold", Arial, sans-serif;
    font-size: 10px;
    padding: 6px 35px 6px 12px;
    background-color: #6b6765;
    border-radius: 15px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
    text-transform: capitalize;
    cursor: pointer;
    background-image: url("/static/assets/images/ui/icon-close-x.eeaa217eae2b.png");
    background-repeat: no-repeat;
    background-position: right 11px center;
    transition: background-color .15s linear; }
    .life-detection .filter-status-bar .filter-item--search {
      background-color: #91908f; }
      .life-detection .filter-status-bar .filter-item--search:hover {
        background-color: #6b6765 !important; }
    .life-detection .filter-status-bar .filter-item:hover {
      background-color: #3d3d3c; }
    .life-detection .filter-status-bar .filter-item:after {
      content: "";
      display: block;
      height: 26px;
      width: 1px;
      background-color: #fff;
      position: absolute;
      top: 0;
      right: 25px;
      opacity: .5; }
    .life-detection .filter-status-bar .filter-item.blue {
      background-color: #88cbe0;
      border-color: #88cbe0; }
      .life-detection .filter-status-bar .filter-item.blue:hover {
        background-color: #72b3c7;
        border-color: #72b3c7; }
    .life-detection .filter-status-bar .filter-item.orange {
      background-color: #ffaf60;
      border-color: #ffaf60; }
      .life-detection .filter-status-bar .filter-item.orange:hover {
        background-color: #e09850;
        border-color: #e09850; }
    .life-detection .filter-status-bar .filter-item.purple {
      background-color: #88a7e0;
      border-color: #88a7e0; }
      .life-detection .filter-status-bar .filter-item.purple:hover {
        background-color: #748fc1;
        border-color: #748fc1; }
    .life-detection .filter-status-bar .filter-item.green {
      background-color: #9cc98a;
      border-color: #9cc98a; }
      .life-detection .filter-status-bar .filter-item.green:hover {
        background-color: #7ea56e;
        border-color: #7ea56e; }
    .life-detection .filter-status-bar .filter-item.grey {
      background-color: #8f8e8c;
      border-color: #8f8e8c; }
      .life-detection .filter-status-bar .filter-item.grey:hover {
        background-color: #767574;
        border-color: #767574; }
    .life-detection .filter-status-bar .filter-item.pink {
      background-color: #daafe2;
      border-color: #daafe2; }
      .life-detection .filter-status-bar .filter-item.pink:hover {
        background-color: #b58dbd;
        border-color: #b58dbd; }
    .life-detection .filter-status-bar .filter-item.red {
      background-color: #ff7360;
      border-color: #ff7360; }
      .life-detection .filter-status-bar .filter-item.red:hover {
        background-color: #d75d4c;
        border-color: #d75d4c; }
.life-detection .filter-wrap {
  display: block;
  margin-bottom: 0;
  height: 40px;
  overflow: hidden; }
  .life-detection .filter-wrap .filter-amount {
    margin-right: 20px;
    margin-top: 15px;
    display: none;
    float: right; }
    @media all and (min-width: 1019px) {
      .life-detection .filter-wrap .filter-amount {
        display: inline-block; } }
    .life-detection .filter-wrap .filter-amount .label {
      color: #91908f;
      font-family: "AktivGroteskMedium", Arial, sans-serif;
      vertical-align: top;
      margin-top: px;
      margin-right: 15px;
      float: left; }
    .life-detection .filter-wrap .filter-amount .amount {
      color: #91908f;
      font-size: 12px;
      cursor: pointer; }
      .life-detection .filter-wrap .filter-amount .amount:hover {
        color: #59b2ca; }
      .life-detection .filter-wrap .filter-amount .amount.selected {
        color: #59b2ca;
        border-bottom: 1px solid #59b2ca; }
    .life-detection .filter-wrap .filter-amount .pipe {
      color: #91908f;
      margin: 0 5px; }
  .life-detection .filter-wrap .reset-filters-button {
    float: left;
    color: #59b2ca;
    margin: 13px 0 0 10px;
    font-size: 12px;
    cursor: pointer; }
    .life-detection .filter-wrap .reset-filters-button:hover {
      text-decoration: underline; }
  .life-detection .filter-wrap .themes-button {
    color: #fff;
    background-color: #59b2ca;
    display: inline-block;
    padding: 14px 80px 12px 20px;
    font-family: "AktivGroteskMedium", Arial, sans-serif;
    float: left;
    cursor: pointer;
    transition: background-color .15s linear;
    position: relative;
    background-image: url("/static/assets/images/ui/icon-plus.9ebd28042e90.png");
    background-repeat: no-repeat;
    background-size: 7px 7px;
    background-position: right 20px center; }
    .life-detection .filter-wrap .themes-button:hover, .life-detection .filter-wrap .themes-button.selected {
      background-color: #90d1e4; }
    .life-detection .filter-wrap .themes-button.selected {
      background-image: url("/static/assets/images/ui/icon-minus.77404f227ac6.png"); }
  .life-detection .filter-wrap form {
    display: none; }
    @media all and (min-width: 530px) {
      .life-detection .filter-wrap form {
        float: right;
        display: block; } }
  .life-detection .filter-wrap .filter-types {
    padding: 8px;
    margin-left: 25px;
    float: left;
    display: none; }
    @media all and (min-width: 1019px) {
      .life-detection .filter-wrap .filter-types {
        display: inline-block; } }
    .life-detection .filter-wrap .filter-types .label {
      color: #91908f;
      font-family: "AktivGroteskMedium", Arial, sans-serif;
      vertical-align: top;
      margin-top: 6px;
      margin-right: 15px;
      display: inline-block; }
    .life-detection .filter-wrap .filter-types .icon-type {
      display: inline-block;
      margin-right: 15px;
      cursor: pointer;
      opacity: .55; }
      .life-detection .filter-wrap .filter-types .icon-type:hover {
        opacity: .75; }
      .life-detection .filter-wrap .filter-types .icon-type.selected {
        opacity: 1; }
.life-detection .filter-theme-container {
  border: 3px solid #90d1e4;
  padding: 25px;
  display: none;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 1; }
  .life-detection .filter-theme-container .theme-block .dot-item {
    font-size: 13px;
    cursor: pointer; }
    .life-detection .filter-theme-container .theme-block .dot-item:hover {
      color: #3d3d3c; }
  .life-detection .filter-theme-container .theme-block .tag-container {
    padding-left: 25px;
    margin: 10px 0 25px; }
    .life-detection .filter-theme-container .theme-block .tag-container.blue span.selected {
      background-color: #88cbe0;
      border-color: #88cbe0; }
      .life-detection .filter-theme-container .theme-block .tag-container.blue span.selected:hover {
        background-color: #72b3c7;
        border-color: #72b3c7; }
    .life-detection .filter-theme-container .theme-block .tag-container.orange span.selected {
      background-color: #ffaf60;
      border-color: #ffaf60; }
      .life-detection .filter-theme-container .theme-block .tag-container.orange span.selected:hover {
        background-color: #e09850;
        border-color: #e09850; }
    .life-detection .filter-theme-container .theme-block .tag-container.purple span.selected {
      background-color: #88a7e0;
      border-color: #88a7e0; }
      .life-detection .filter-theme-container .theme-block .tag-container.purple span.selected:hover {
        background-color: #748fc1;
        border-color: #748fc1; }
    .life-detection .filter-theme-container .theme-block .tag-container.green span.selected {
      background-color: #9cc98a;
      border-color: #9cc98a; }
      .life-detection .filter-theme-container .theme-block .tag-container.green span.selected:hover {
        background-color: #7ea56e;
        border-color: #7ea56e; }
    .life-detection .filter-theme-container .theme-block .tag-container.grey span.selected {
      background-color: #8f8e8c;
      border-color: #8f8e8c; }
      .life-detection .filter-theme-container .theme-block .tag-container.grey span.selected:hover {
        background-color: #767574;
        border-color: #767574; }
    .life-detection .filter-theme-container .theme-block .tag-container.pink span.selected {
      background-color: #daafe2;
      border-color: #daafe2; }
      .life-detection .filter-theme-container .theme-block .tag-container.pink span.selected:hover {
        background-color: #b58dbd;
        border-color: #b58dbd; }
    .life-detection .filter-theme-container .theme-block .tag-container.red span.selected {
      background-color: #ff7360;
      border-color: #ff7360; }
      .life-detection .filter-theme-container .theme-block .tag-container.red span.selected:hover {
        background-color: #d75d4c;
        border-color: #d75d4c; }
    .life-detection .filter-theme-container .theme-block .tag-container span {
      color: #888;
      border: 1px solid #ccc;
      border-radius: 30px;
      padding: 7px 12px 5px;
      display: inline-block;
      margin-right: 5px;
      margin-bottom: 5px;
      cursor: pointer; }
      .life-detection .filter-theme-container .theme-block .tag-container span:hover {
        border-color: #888;
        color: #333; }
      .life-detection .filter-theme-container .theme-block .tag-container span.selected {
        color: #fff; }
  .life-detection .filter-theme-container .theme-block:last-child .tag-container {
    margin-bottom: 0; }
.life-detection .dot-item {
  color: #6b6765;
  font-size: 11px;
  vertical-align: top;
  display: inline-block; }
  .life-detection .dot-item .dot {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #88cbe0;
    display: inline-block; }
    .life-detection .dot-item .dot.blue {
      background-color: #88cbe0; }
    .life-detection .dot-item .dot.orange {
      background-color: #ffaf60; }
    .life-detection .dot-item .dot.purple {
      background-color: #88a7e0; }
    .life-detection .dot-item .dot.green {
      background-color: #9cc98a; }
    .life-detection .dot-item .dot.grey, .life-detection .dot-item .dot.gray {
      background-color: #8f8e8c; }
    .life-detection .dot-item .dot.pink {
      background-color: #daafe2; }
    .life-detection .dot-item .dot.red {
      background-color: #ff7360; }
  .life-detection .dot-item .text {
    vertical-align: top;
    margin: 4px 0 0 5px;
    display: inline-block; }
.life-detection .list-container .pagination {
  text-align: center;
  margin-top: 60px;
  text-transform: uppercase;
  font-size: 11px;
  font-family: "AktivGroteskMedium", Arial, sans-serif; }
  .life-detection .list-container .pagination .pagination-numbers,
  .life-detection .list-container .pagination .num-group {
    display: inline; }
  .life-detection .list-container .pagination a:hover, .life-detection .list-container .pagination a.selected {
    color: #91908f;
    text-decoration: none; }
  .life-detection .list-container .pagination .prev {
    margin-right: 23px; }
  .life-detection .list-container .pagination .next {
    margin-left: 23px; }
  .life-detection .list-container .pagination span {
    margin: 0 5px;
    color: #91908f; }
.life-detection .list-container .legend {
  background-color: #fbfbfa;
  padding: 20px 0 10px 30px; }
  .life-detection .list-container .legend .dot-item {
    color: #6b6765;
    font-size: 11px;
    vertical-align: top;
    display: inline-block;
    margin-right: 22px;
    margin-bottom: 10px;
    cursor: pointer; }
    @media all and (min-width: 1280px) {
      .life-detection .list-container .legend .dot-item {
        margin-right: 40px; } }
    .life-detection .list-container .legend .dot-item:hover .text {
      color: #3d3d3c;
      text-decoration: underline; }
.life-detection .list-container .list-item .date {
  color: #91908f;
  font-size: 12px;
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  display: block;
  text-transform: uppercase; }
.life-detection .list-container .list-item .article-container {
  margin-top: 0; }
.life-detection .list-container .list-item .article-content {
  margin-bottom: 0; }
  .life-detection .list-container .list-item .article-content:before, .life-detection .list-container .list-item .article-content:after {
    display: table;
    content: ""; }
  .life-detection .list-container .list-item .article-content:after {
    clear: both; }
  .life-detection .list-container .list-item .article-content .link {
    display: block; }
.life-detection .list-container .list-item .column-container {
  padding: 45px 30px 42px;
  background-color: #f7f6f2;
  cursor: pointer;
  transition: background-color .15s linear; }
  .life-detection .list-container .list-item .column-container:before, .life-detection .list-container .list-item .column-container:after {
    display: table;
    content: ""; }
  .life-detection .list-container .list-item .column-container:after {
    clear: both; }
  .life-detection .list-container .list-item .column-container:hover {
    background-color: #eeefec !important; }
.life-detection .list-container .list-item:nth-child(2n) .column-container {
  background-color: #fbfbfa; }
.life-detection .list-container .list-item .column-1 .label {
  text-transform: capitalize;
  color: #91908f;
  margin: 10px 0 0 -25px;
  display: block;
  width: 80px;
  text-align: center;
  font-size: 11px; }
.life-detection .list-container .list-item .column-2 {
  font-family: "AktivGroteskLight", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.2em;
  padding-left: 60px; }
  @media all and (min-width: 720px) {
    .life-detection .list-container .list-item .column-2 {
      padding-right: 30px;
      padding-left: 0; } }
  @media all and (min-width: 1020px) {
    .life-detection .list-container .list-item .column-2 {
      font-size: 21px; } }
.life-detection .list-container .list-item .column-3 {
  margin-top: 20px;
  padding-left: 60px; }
  @media all and (min-width: 720px) {
    .life-detection .list-container .list-item .column-3 {
      margin-top: 0;
      padding-right: 30px;
      padding-left: 0; } }
.life-detection .list-container .list-item .content {
  clear: both;
  background-color: #fff;
  padding: 60px 20px 60px 90px;
  display: none; }
  @media all and (min-width: 1020px) {
    .life-detection .list-container .list-item .content {
      padding: 60px; } }
  @media all and (max-width: 719px) {
    .life-detection .list-container .list-item .content iframe {
      width: 280px;
      height: 165px; } }
.life-detection .list-container .list-head {
  padding: 15px 30px;
  background-color: #f7f6f2;
  color: #91908f;
  font-size: 10px;
  text-transform: uppercase;
  font-family: "AktivGroteskBold", Arial, sans-serif;
  display: none; }
  @media all and (min-width: 720px) {
    .life-detection .list-container .list-head {
      display: block; } }
.life-detection .list-container .list-head:before, .life-detection .list-container .list-head:after,
.life-detection .list-container .list-item:before,
.life-detection .list-container .list-item:after {
  display: table;
  content: ""; }
.life-detection .list-container .list-head:after,
.life-detection .list-container .list-item:after {
  clear: both; }
.life-detection .list-container .list-head .column-1,
.life-detection .list-container .list-item .column-1 {
  width: 60px;
  float: left; }
  @media all and (min-width: 1020px) {
    .life-detection .list-container .list-head .column-1,
    .life-detection .list-container .list-item .column-1 {
      width: 110px; } }
@media all and (min-width: 720px) {
  .life-detection .list-container .list-head .column-2,
  .life-detection .list-container .list-item .column-2 {
    width: 360px;
    float: left; } }
@media all and (min-width: 1020px) {
  .life-detection .list-container .list-head .column-2,
  .life-detection .list-container .list-item .column-2 {
    width: 550px; } }
@media all and (min-width: 1280px) {
  .life-detection .list-container .list-head .column-2,
  .life-detection .list-container .list-item .column-2 {
    width: 810px; } }
@media all and (min-width: 720px) {
  .life-detection .list-container .list-head .column-3,
  .life-detection .list-container .list-item .column-3 {
    width: 200px;
    float: left; } }
@media all and (min-width: 1020px) {
  .life-detection .list-container .list-head .column-3,
  .life-detection .list-container .list-item .column-3 {
    width: 260px; } }

.life-detection-success {
  margin-top: 60px; }
  .life-detection-success h2 {
    display: block; }
  .life-detection-success p {
    display: block;
    margin: 20px 0;
    line-height: 1.4em;
    font-size: 13px; }

.life-detection-submit form {
  display: block;
  width: 100%; }
.life-detection-submit__label,
.life-detection-submit label {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 5px; }
.life-detection-submit .base-text-input, .life-detection-submit input[type="text"], .life-detection-submit textarea {
  border: 1px solid #bdbbb9;
  display: block;
  width: 100%;
  font-size: 14px;
  padding: 10px 10px;
  margin-bottom: 20px; }
  .life-detection-submit .base-text-input:last-child, .life-detection-submit input[type="text"]:last-child, .life-detection-submit textarea:last-child {
    margin-bottom: 0; }
  .life-detection-submit .base-text-input.error, .life-detection-submit input.error[type="text"], .life-detection-submit textarea.error {
    border-color: red; }
.life-detection-submit textarea {
  height: 160px; }
.life-detection-submit__col-container:before, .life-detection-submit__col-container:after {
  display: table;
  content: ""; }
.life-detection-submit__col-container:after {
  clear: both; }
.life-detection-submit__col {
  margin-bottom: 20px; }
  .life-detection-submit__col:last-child {
    margin-bottom: 0; }
  @media all and (min-width: 1020px) {
    .life-detection-submit__col {
      width: 480px;
      float: left;
      margin-right: 20px; }
      .life-detection-submit__col:last-child {
        margin-right: 0; } }
  @media all and (min-width: 1280px) {
    .life-detection-submit__col {
      width: 610px; } }
.life-detection-submit__submit-container {
  text-align: center; }
.life-detection-submit input[type="submit"] {
  display: inline-block;
  border-radius: 0;
  background-color: #59b2ca;
  color: #fff;
  padding: 14px 20px;
  border: none;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "AktivGroteskBold", Arial, sans-serif; }
  .life-detection-submit input[type="submit"]:hover {
    background-color: #057b91; }
.life-detection-submit .custom-select {
  position: relative;
  width: 100%; }
  @media all and (min-width: 720px) {
    .life-detection-submit .custom-select {
      width: 50%; } }
  .life-detection-submit .custom-select:after {
    position: absolute;
    content: "\e902";
    color: #91908f;
    font-family: 'icomoon';
    font-size: 9px;
    line-height: 1em;
    vertical-align: top;
    right: 10px;
    top: 14px; }
  .life-detection-submit .custom-select select {
    display: block;
    width: 100%;
    padding: 12px 10px 10px;
    margin-bottom: 20px;
    font-size: 12px;
    border-radius: 0;
    color: #3d3d3c;
    position: relative;
    background-color: #fff; }
    .life-detection-submit .custom-select select:focus {
      outline: none; }
    .life-detection-submit .custom-select select.error {
      border-color: red; }
.life-detection-submit__tags-container {
  border-top: 1px solid #bdbbb9;
  border-bottom: 1px solid #bdbbb9;
  margin-top: 40px;
  margin-bottom: 30px;
  padding: 40px 0; }
.life-detection-submit__tags-title {
  font-family: "AktivGroteskMedium", Arial, sans-serif;
  font-size: 15px;
  display: block;
  margin-bottom: 5px; }
.life-detection-submit__tags-description {
  width: 100%;
  font-size: 13px;
  line-height: 1.4em;
  margin-bottom: 40px; }
  @media all and (min-width: 1020px) {
    .life-detection-submit__tags-description {
      width: 50%; } }
  @media all and (min-width: 1280px) {
    .life-detection-submit__tags-description {
      width: 35%; } }
.life-detection-submit .dot-item {
  color: #6b6765;
  font-size: 11px;
  vertical-align: top;
  display: inline-block; }
  .life-detection-submit .dot-item .dot {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #88cbe0;
    display: inline-block; }
    .life-detection-submit .dot-item .dot.blue {
      background-color: #88cbe0; }
    .life-detection-submit .dot-item .dot.orange {
      background-color: #ffaf60; }
    .life-detection-submit .dot-item .dot.purple {
      background-color: #88a7e0; }
    .life-detection-submit .dot-item .dot.green {
      background-color: #9cc98a; }
    .life-detection-submit .dot-item .dot.grey, .life-detection-submit .dot-item .dot.gray {
      background-color: #8f8e8c; }
    .life-detection-submit .dot-item .dot.pink {
      background-color: #daafe2; }
    .life-detection-submit .dot-item .dot.red {
      background-color: #ff7360; }
  .life-detection-submit .dot-item .text {
    vertical-align: top;
    margin: 4px 0 0 5px;
    display: inline-block; }
.life-detection-submit .theme-block .dot-item {
  font-size: 13px;
  cursor: pointer; }
  .life-detection-submit .theme-block .dot-item:hover {
    color: #3d3d3c; }
.life-detection-submit .theme-block .tag-container {
  padding-left: 25px;
  margin: 10px 0 25px; }
  .life-detection-submit .theme-block .tag-container.blue span.selected {
    background-color: #88cbe0;
    border-color: #88cbe0; }
    .life-detection-submit .theme-block .tag-container.blue span.selected:hover {
      background-color: #72b3c7;
      border-color: #72b3c7; }
  .life-detection-submit .theme-block .tag-container.orange span.selected {
    background-color: #ffaf60;
    border-color: #ffaf60; }
    .life-detection-submit .theme-block .tag-container.orange span.selected:hover {
      background-color: #e09850;
      border-color: #e09850; }
  .life-detection-submit .theme-block .tag-container.purple span.selected {
    background-color: #88a7e0;
    border-color: #88a7e0; }
    .life-detection-submit .theme-block .tag-container.purple span.selected:hover {
      background-color: #748fc1;
      border-color: #748fc1; }
  .life-detection-submit .theme-block .tag-container.green span.selected {
    background-color: #9cc98a;
    border-color: #9cc98a; }
    .life-detection-submit .theme-block .tag-container.green span.selected:hover {
      background-color: #7ea56e;
      border-color: #7ea56e; }
  .life-detection-submit .theme-block .tag-container.grey span.selected {
    background-color: #8f8e8c;
    border-color: #8f8e8c; }
    .life-detection-submit .theme-block .tag-container.grey span.selected:hover {
      background-color: #767574;
      border-color: #767574; }
  .life-detection-submit .theme-block .tag-container.pink span.selected {
    background-color: #daafe2;
    border-color: #daafe2; }
    .life-detection-submit .theme-block .tag-container.pink span.selected:hover {
      background-color: #b58dbd;
      border-color: #b58dbd; }
  .life-detection-submit .theme-block .tag-container.red span.selected {
    background-color: #ff7360;
    border-color: #ff7360; }
    .life-detection-submit .theme-block .tag-container.red span.selected:hover {
      background-color: #d75d4c;
      border-color: #d75d4c; }
  .life-detection-submit .theme-block .tag-container span {
    color: #888;
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 7px 12px 5px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer; }
    .life-detection-submit .theme-block .tag-container span:hover {
      border-color: #888;
      color: #333; }
    .life-detection-submit .theme-block .tag-container span.selected {
      color: #fff; }
.life-detection-submit .theme-block:last-child .tag-container {
  margin-bottom: 0; }
.life-detection-submit .doi-group {
  display: none;
  margin-bottom: 20px; }

.server-side-debug {
    text-align: center;
    font-size: 1.5em;
    background-color: white;
    border: 2px dashed #c00;
    padding: 1em;
    margin: 1em;
}