/* begin license *
 *
 * "HBO-Kennisbank" is a webportal that provides free access to student theses,
 * publications and learning objects made available by the Universities of
 * Applied Sciences in the Netherlands.
 *
 * Copyright (C) 2018 SURF http://www.surf.nl
 * Copyright (C) 2018 Seecr (Seek You Too B.V.) http://seecr.nl
 *
 * This file is part of "HBO-Kennisbank"
 *
 * "HBO-Kennisbank" is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * "HBO-Kennisbank" is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with "HBO-Kennisbank"; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
 *
 * end license */

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
.button-padding + .button-padding {
    margin-top: 5px;
}
.modal__body-auto {
    height: auto;
}
.modal__body-auto::after {
    height: 24px !important;
}
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*
 * WTF, forms?
 * Released under MIT and copyright 2014 Mark Otto.
 * http://wtfforms.com
 *
 * Embedded icons from Open Iconic.
 * Released under MIT and copyright 2014 Waybury.
 * http://useiconic.com/open
 */
/*
 * Checkboxes and radios
 */
.control {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
  color: #555;
  cursor: pointer; }

.control input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  /* Put the input behind the label so it doesn't overlay text */ }

.control-indicator {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 65%;
  color: #eee;
  text-align: center;
  background-color: #eee;
  background-size: 50% 50%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
.control:hover .control-indicator {
  color: #fff;
  background-color: #ccc;
}
*/
/* Focus */
.control input:focus ~ .control-indicator {
  -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
          box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }

/* Checked state */
.control input:checked ~ .control-indicator {
  color: #fff;
  background-color: #0074d9; }

/* Active */
.control input:active ~ .control-indicator {
  color: #fff;
  background-color: #84c6ff; }

/* Checkbox modifiers */
.checkbox .control-indicator {
  border-radius: .25rem; }

.checkbox input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); }

/* Radio modifiers */
.radio .control-indicator {
  border-radius: 50%; }

.radio input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }

/* Alternately, use another character */
.control-x input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjQsMEwwLDEuNGwwLjcsMC43bDEuOCwxLjhMMC43LDUuN0wwLDYuNGwxLjQsMS40bDAuNy0wLjdsMS44LTEuOGwxLjgsMS44bDAuNywwLjdsMS40LTEuNEw3LjEsNS43DQoJTDUuMywzLjlsMS44LTEuOGwwLjctMC43TDYuNCwwTDUuNywwLjdMMy45LDIuNUwyLjEsMC43QzIuMSwwLjcsMS40LDAsMS40LDB6Ii8+DQo8L3N2Zz4NCg==); }

.control-dash input:checked ~ .control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); }

/*
 * Select
 */
.select {
  position: relative;
  display: inline-block;
  color: #555; }

.select select {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: .5rem 2.25rem .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #eee;
  border: 0;
  border-radius: .25rem;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* Undo the Firefox inner focus ring */
.select select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

/* Dropdown arrow */
.select:after {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-top: -.15rem;
  pointer-events: none;
  border-top: .35rem solid;
  border-right: .35rem solid transparent;
  border-bottom: .35rem solid transparent;
  border-left: .35rem solid transparent; }

/* Hover state */
/* Uncomment if you need it, but be aware of the sticky iOS states.
.select select:hover {
  background-color: #ddd;
}
*/
/* Focus */
.select select:focus {
  -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
          box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }

/* Active/open */
.select select:active {
  color: #fff;
  background-color: #0074d9; }

/* Hide the arrow in IE10 and up */
.select select::-ms-expand {
  display: none; }

/* Media query to target Firefox only */
@-moz-document url-prefix() {
  /* Firefox hack to hide the arrow */
  .select select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1rem; }
  /* <option> elements inherit styles from <select>, so reset them. */
  .select option {
    background-color: white; } }

/* IE9 hack to hide the arrow */
@media screen and (min-width: 0\0) {
  .select select {
    z-index: 1;
    padding: .5rem 1.5rem .5rem 1rem; }
  .select:after {
    z-index: 5; }
  .select:before {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    z-index: 2;
    content: "";
    display: block;
    width: 1.5rem;
    background-color: #eee; }
  .select select:hover,
  .select select:focus,
  .select select:active {
    color: #555;
    background-color: #eee; } }

/*
 * File
 */
.file {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 2.5rem; }

.file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0; }

.file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  border: .075rem solid #ddd;
  border-radius: .25rem;
  -webkit-box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.file-custom:after {
  content: "Choose file..."; }

.file-custom:before {
  position: absolute;
  top: -.075rem;
  right: -.075rem;
  bottom: -.075rem;
  z-index: 6;
  display: block;
  content: "Browse";
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #eee;
  border: .075rem solid #ddd;
  border-radius: 0 .25rem .25rem 0; }

/* Focus */
.file input:focus ~ .file-custom {
  -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
          box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }

/*
 * Progress
 */
.progress {
  display: inline-block;
  height: 1rem; }

.progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove Firefox and Opera border */
  border: 0;
  /* IE10 uses `color` to set the bar background-color */
  color: #0074d9; }

.progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: .2rem; }

.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem; }

.progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem; }

/* Firefox styles must be entirely separate or it busts Webkit styles. */
@-moz-document url-prefix() {
  .progress[value] {
    background-color: #eee;
    border-radius: .2rem; }
  .progress[value]::-moz-progress-bar {
    background-color: #0074d9;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem; }
  .progress[value="100"]::-moz-progress-bar {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem; } }

/* IE9 hacks to accompany custom markup. We don't need to scope this via media queries, but I feel better doing it anyway. */
@media screen and (min-width: 0\0) {
  .progress {
    background-color: #eee;
    border-radius: .2rem; }
  .progress-bar {
    display: inline-block;
    height: 1rem;
    text-indent: -999rem;
    /* Simulate hiding of value as in native `<progress>` */
    background-color: #0074d9;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem; }
  .progress[width="100%"] {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem; } }

/*
 * Control layouts
 */
.controls-stacked {
  margin: 1rem 0; }

.controls-stacked .control,
.controls-stacked .progress {
  display: block; }

.controls-stacked .control + .control,
.controls-stacked .progress + .progress {
  margin-top: .5rem; }

.controls-inline {
  margin: 1rem 0; }

.controls-inline .control {
  display: inline-block;
  height: 1rem; }

.controls-inline .control + .control {
  margin-left: 1rem; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

body {
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #050E1D;
  background-color: #FFF;
  -moz-osx-font-smoothing: grayscale; }

a {
  text-decoration: none;
  color: inherit; }

button {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6, p, blockquote, dl, dd {
  margin: 0; }

img {
  max-width: 100%;
  height: auto; }

.icon {
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }
  .icon--large {
    width: 24px;
    height: 24px; }

.icon--arrow-down {
  background-image: url("../img/icons/grey-darkest/arrow-down.svg"); }
  .icon--arrow-down.icon--brand-1 {
    background-image: url("../img/icons/brand-1/arrow-down.svg"); }
  .icon--arrow-down.icon--brand-2 {
    background-image: url("../img/icons/brand-2/arrow-down.svg"); }
  .icon--arrow-down.icon--white {
    background-image: url("../img/icons/white/arrow-down.svg"); }
  .icon--arrow-down.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/arrow-down.svg"); }
  .icon--arrow-down.icon--blue {
    background-image: url("../img/icons/blue/arrow-down.svg"); }
  .icon--arrow-down.icon--red {
    background-image: url("../img/icons/red/arrow-down.svg"); }

.icon--arrow-left {
  background-image: url("../img/icons/grey-darkest/arrow-left.svg"); }
  .icon--arrow-left.icon--brand-1 {
    background-image: url("../img/icons/brand-1/arrow-left.svg"); }
  .icon--arrow-left.icon--brand-2 {
    background-image: url("../img/icons/brand-2/arrow-left.svg"); }
  .icon--arrow-left.icon--white {
    background-image: url("../img/icons/white/arrow-left.svg"); }
  .icon--arrow-left.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/arrow-left.svg"); }
  .icon--arrow-left.icon--blue {
    background-image: url("../img/icons/blue/arrow-left.svg"); }
  .icon--arrow-left.icon--red {
    background-image: url("../img/icons/red/arrow-left.svg"); }

.icon--arrow-right {
  background-image: url("../img/icons/grey-darkest/arrow-right.svg"); }
  .icon--arrow-right.icon--brand-1 {
    background-image: url("../img/icons/brand-1/arrow-right.svg"); }
  .icon--arrow-right.icon--brand-2 {
    background-image: url("../img/icons/brand-2/arrow-right.svg"); }
  .icon--arrow-right.icon--white {
    background-image: url("../img/icons/white/arrow-right.svg"); }
  .icon--arrow-right.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/arrow-right.svg"); }
  .icon--arrow-right.icon--blue {
    background-image: url("../img/icons/blue/arrow-right.svg"); }
  .icon--arrow-right.icon--red {
    background-image: url("../img/icons/red/arrow-right.svg"); }

.icon--arrow-up {
  background-image: url("../img/icons/grey-darkest/arrow-up.svg"); }
  .icon--arrow-up.icon--brand-1 {
    background-image: url("../img/icons/brand-1/arrow-up.svg"); }
  .icon--arrow-up.icon--brand-2 {
    background-image: url("../img/icons/brand-2/arrow-up.svg"); }
  .icon--arrow-up.icon--white {
    background-image: url("../img/icons/white/arrow-up.svg"); }
  .icon--arrow-up.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/arrow-up.svg"); }
  .icon--arrow-up.icon--blue {
    background-image: url("../img/icons/blue/arrow-up.svg"); }
  .icon--arrow-up.icon--red {
    background-image: url("../img/icons/red/arrow-up.svg"); }

.icon--award {
  background-image: url("../img/icons/grey-darkest/award.svg"); }
  .icon--award.icon--brand-1 {
    background-image: url("../img/icons/brand-1/award.svg"); }
  .icon--award.icon--brand-2 {
    background-image: url("../img/icons/brand-2/award.svg"); }
  .icon--award.icon--white {
    background-image: url("../img/icons/white/award.svg"); }
  .icon--award.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/award.svg"); }
  .icon--award.icon--blue {
    background-image: url("../img/icons/blue/award.svg"); }
  .icon--award.icon--red {
    background-image: url("../img/icons/red/award.svg"); }

.icon--ball {
  background-image: url("../img/icons/grey-darkest/ball.svg"); }
  .icon--ball.icon--brand-1 {
    background-image: url("../img/icons/brand-1/ball.svg"); }
  .icon--ball.icon--brand-2 {
    background-image: url("../img/icons/brand-2/ball.svg"); }
  .icon--ball.icon--white {
    background-image: url("../img/icons/white/ball.svg"); }
  .icon--ball.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/ball.svg"); }
  .icon--ball.icon--blue {
    background-image: url("../img/icons/blue/ball.svg"); }
  .icon--ball.icon--red {
    background-image: url("../img/icons/red/ball.svg"); }

.icon--bell {
  background-image: url("../img/icons/grey-darkest/bell.svg"); }
  .icon--bell.icon--brand-1 {
    background-image: url("../img/icons/brand-1/bell.svg"); }
  .icon--bell.icon--brand-2 {
    background-image: url("../img/icons/brand-2/bell.svg"); }
  .icon--bell.icon--white {
    background-image: url("../img/icons/white/bell.svg"); }
  .icon--bell.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/bell.svg"); }
  .icon--bell.icon--blue {
    background-image: url("../img/icons/blue/bell.svg"); }
  .icon--bell.icon--red {
    background-image: url("../img/icons/red/bell.svg"); }

.icon--book {
  background-image: url("../img/icons/grey-darkest/book.svg"); }
  .icon--book.icon--brand-1 {
    background-image: url("../img/icons/brand-1/book.svg"); }
  .icon--book.icon--brand-2 {
    background-image: url("../img/icons/brand-2/book.svg"); }
  .icon--book.icon--white {
    background-image: url("../img/icons/white/book.svg"); }
  .icon--book.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/book.svg"); }
  .icon--book.icon--blue {
    background-image: url("../img/icons/blue/book.svg"); }
  .icon--book.icon--red {
    background-image: url("../img/icons/red/book.svg"); }

.icon--box {
  background-image: url("../img/icons/grey-darkest/box.svg"); }
  .icon--box.icon--brand-1 {
    background-image: url("../img/icons/brand-1/box.svg"); }
  .icon--box.icon--brand-2 {
    background-image: url("../img/icons/brand-2/box.svg"); }
  .icon--box.icon--white {
    background-image: url("../img/icons/white/box.svg"); }
  .icon--box.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/box.svg"); }
  .icon--box.icon--blue {
    background-image: url("../img/icons/blue/box.svg"); }
  .icon--box.icon--red {
    background-image: url("../img/icons/red/box.svg"); }

.icon--bullet {
  background-image: url("../img/icons/grey-darkest/bullet.svg"); }
  .icon--bullet.icon--brand-1 {
    background-image: url("../img/icons/brand-1/bullet.svg"); }
  .icon--bullet.icon--brand-2 {
    background-image: url("../img/icons/brand-2/bullet.svg"); }
  .icon--bullet.icon--white {
    background-image: url("../img/icons/white/bullet.svg"); }
  .icon--bullet.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/bullet.svg"); }
  .icon--bullet.icon--blue {
    background-image: url("../img/icons/blue/bullet.svg"); }
  .icon--bullet.icon--red {
    background-image: url("../img/icons/red/bullet.svg"); }

.icon--check {
  background-image: url("../img/icons/grey-darkest/check.svg"); }
  .icon--check.icon--brand-1 {
    background-image: url("../img/icons/brand-1/check.svg"); }
  .icon--check.icon--brand-2 {
    background-image: url("../img/icons/brand-2/check.svg"); }
  .icon--check.icon--white {
    background-image: url("../img/icons/white/check.svg"); }
  .icon--check.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/check.svg"); }
  .icon--check.icon--blue {
    background-image: url("../img/icons/blue/check.svg"); }
  .icon--check.icon--red {
    background-image: url("../img/icons/red/check.svg"); }

.icon--chevron-down {
  background-image: url("../img/icons/grey-darkest/chevron-down.svg"); }
  .icon--chevron-down.icon--brand-1 {
    background-image: url("../img/icons/brand-1/chevron-down.svg"); }
  .icon--chevron-down.icon--brand-2 {
    background-image: url("../img/icons/brand-2/chevron-down.svg"); }
  .icon--chevron-down.icon--white {
    background-image: url("../img/icons/white/chevron-down.svg"); }
  .icon--chevron-down.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/chevron-down.svg"); }
  .icon--chevron-down.icon--blue {
    background-image: url("../img/icons/blue/chevron-down.svg"); }
  .icon--chevron-down.icon--red {
    background-image: url("../img/icons/red/chevron-down.svg"); }

.icon--chevron-left {
  background-image: url("../img/icons/grey-darkest/chevron-left.svg"); }
  .icon--chevron-left.icon--brand-1 {
    background-image: url("../img/icons/brand-1/chevron-left.svg"); }
  .icon--chevron-left.icon--brand-2 {
    background-image: url("../img/icons/brand-2/chevron-left.svg"); }
  .icon--chevron-left.icon--white {
    background-image: url("../img/icons/white/chevron-left.svg"); }
  .icon--chevron-left.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/chevron-left.svg"); }
  .icon--chevron-left.icon--blue {
    background-image: url("../img/icons/blue/chevron-left.svg"); }
  .icon--chevron-left.icon--red {
    background-image: url("../img/icons/red/chevron-left.svg"); }

.icon--chevron-right {
  background-image: url("../img/icons/grey-darkest/chevron-right.svg"); }
  .icon--chevron-right.icon--brand-1 {
    background-image: url("../img/icons/brand-1/chevron-right.svg"); }
  .icon--chevron-right.icon--brand-2 {
    background-image: url("../img/icons/brand-2/chevron-right.svg"); }
  .icon--chevron-right.icon--white {
    background-image: url("../img/icons/white/chevron-right.svg"); }
  .icon--chevron-right.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/chevron-right.svg"); }
  .icon--chevron-right.icon--blue {
    background-image: url("../img/icons/blue/chevron-right.svg"); }
  .icon--chevron-right.icon--red {
    background-image: url("../img/icons/red/chevron-right.svg"); }

.icon--chevron-up {
  background-image: url("../img/icons/grey-darkest/chevron-up.svg"); }
  .icon--chevron-up.icon--brand-1 {
    background-image: url("../img/icons/brand-1/chevron-up.svg"); }
  .icon--chevron-up.icon--brand-2 {
    background-image: url("../img/icons/brand-2/chevron-up.svg"); }
  .icon--chevron-up.icon--white {
    background-image: url("../img/icons/white/chevron-up.svg"); }
  .icon--chevron-up.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/chevron-up.svg"); }
  .icon--chevron-up.icon--blue {
    background-image: url("../img/icons/blue/chevron-up.svg"); }
  .icon--chevron-up.icon--red {
    background-image: url("../img/icons/red/chevron-up.svg"); }

.icon--circle-alert {
  background-image: url("../img/icons/grey-darkest/circle-alert.svg"); }
  .icon--circle-alert.icon--brand-1 {
    background-image: url("../img/icons/brand-1/circle-alert.svg"); }
  .icon--circle-alert.icon--brand-2 {
    background-image: url("../img/icons/brand-2/circle-alert.svg"); }
  .icon--circle-alert.icon--white {
    background-image: url("../img/icons/white/circle-alert.svg"); }
  .icon--circle-alert.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/circle-alert.svg"); }
  .icon--circle-alert.icon--blue {
    background-image: url("../img/icons/blue/circle-alert.svg"); }
  .icon--circle-alert.icon--red {
    background-image: url("../img/icons/red/circle-alert.svg"); }

.icon--circle-cross {
  background-image: url("../img/icons/grey-darkest/circle-cross.svg"); }
  .icon--circle-cross.icon--brand-1 {
    background-image: url("../img/icons/brand-1/circle-cross.svg"); }
  .icon--circle-cross.icon--brand-2 {
    background-image: url("../img/icons/brand-2/circle-cross.svg"); }
  .icon--circle-cross.icon--white {
    background-image: url("../img/icons/white/circle-cross.svg"); }
  .icon--circle-cross.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/circle-cross.svg"); }
  .icon--circle-cross.icon--blue {
    background-image: url("../img/icons/blue/circle-cross.svg"); }
  .icon--circle-cross.icon--red {
    background-image: url("../img/icons/red/circle-cross.svg"); }

.icon--circle-information {
  background-image: url("../img/icons/grey-darkest/circle-information.svg"); }
  .icon--circle-information.icon--brand-1 {
    background-image: url("../img/icons/brand-1/circle-information.svg"); }
  .icon--circle-information.icon--brand-2 {
    background-image: url("../img/icons/brand-2/circle-information.svg"); }
  .icon--circle-information.icon--white {
    background-image: url("../img/icons/white/circle-information.svg"); }
  .icon--circle-information.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/circle-information.svg"); }
  .icon--circle-information.icon--blue {
    background-image: url("../img/icons/blue/circle-information.svg"); }
  .icon--circle-information.icon--red {
    background-image: url("../img/icons/red/circle-information.svg"); }

.icon--clipboard {
  background-image: url("../img/icons/grey-darkest/clipboard.svg"); }
  .icon--clipboard.icon--brand-1 {
    background-image: url("../img/icons/brand-1/clipboard.svg"); }
  .icon--clipboard.icon--brand-2 {
    background-image: url("../img/icons/brand-2/clipboard.svg"); }
  .icon--clipboard.icon--white {
    background-image: url("../img/icons/white/clipboard.svg"); }
  .icon--clipboard.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/clipboard.svg"); }
  .icon--clipboard.icon--blue {
    background-image: url("../img/icons/blue/clipboard.svg"); }
  .icon--clipboard.icon--red {
    background-image: url("../img/icons/red/clipboard.svg"); }

.icon--cog {
  background-image: url("../img/icons/grey-darkest/cog.svg"); }
  .icon--cog.icon--brand-1 {
    background-image: url("../img/icons/brand-1/cog.svg"); }
  .icon--cog.icon--brand-2 {
    background-image: url("../img/icons/brand-2/cog.svg"); }
  .icon--cog.icon--white {
    background-image: url("../img/icons/white/cog.svg"); }
  .icon--cog.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/cog.svg"); }
  .icon--cog.icon--blue {
    background-image: url("../img/icons/blue/cog.svg"); }
  .icon--cog.icon--red {
    background-image: url("../img/icons/red/cog.svg"); }

.icon--cross {
  background-image: url("../img/icons/grey-darkest/cross.svg"); }
  .icon--cross.icon--brand-1 {
    background-image: url("../img/icons/brand-1/cross.svg"); }
  .icon--cross.icon--brand-2 {
    background-image: url("../img/icons/brand-2/cross.svg"); }
  .icon--cross.icon--white {
    background-image: url("../img/icons/white/cross.svg"); }
  .icon--cross.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/cross.svg"); }
  .icon--cross.icon--blue {
    background-image: url("../img/icons/blue/cross.svg"); }
  .icon--cross.icon--red {
    background-image: url("../img/icons/red/cross.svg"); }

.icon--download {
  background-image: url("../img/icons/grey-darkest/download.svg"); }
  .icon--download.icon--brand-1 {
    background-image: url("../img/icons/brand-1/download.svg"); }
  .icon--download.icon--brand-2 {
    background-image: url("../img/icons/brand-2/download.svg"); }
  .icon--download.icon--white {
    background-image: url("../img/icons/white/download.svg"); }
  .icon--download.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/download.svg"); }
  .icon--download.icon--blue {
    background-image: url("../img/icons/blue/download.svg"); }
  .icon--download.icon--red {
    background-image: url("../img/icons/red/download.svg"); }

.icon--facebook {
  background-image: url("../img/icons/grey-darkest/facebook.svg"); }
  .icon--facebook.icon--brand-1 {
    background-image: url("../img/icons/brand-1/facebook.svg"); }
  .icon--facebook.icon--brand-2 {
    background-image: url("../img/icons/brand-2/facebook.svg"); }
  .icon--facebook.icon--white {
    background-image: url("../img/icons/white/facebook.svg"); }
  .icon--facebook.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/facebook.svg"); }
  .icon--facebook.icon--blue {
    background-image: url("../img/icons/blue/facebook.svg"); }
  .icon--facebook.icon--red {
    background-image: url("../img/icons/red/facebook.svg"); }

.icon--file {
  background-image: url("../img/icons/grey-darkest/file.svg"); }
  .icon--file.icon--brand-1 {
    background-image: url("../img/icons/brand-1/file.svg"); }
  .icon--file.icon--brand-2 {
    background-image: url("../img/icons/brand-2/file.svg"); }
  .icon--file.icon--white {
    background-image: url("../img/icons/white/file.svg"); }
  .icon--file.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/file.svg"); }
  .icon--file.icon--blue {
    background-image: url("../img/icons/blue/file.svg"); }
  .icon--file.icon--red {
    background-image: url("../img/icons/red/file.svg"); }

.icon--flower {
  background-image: url("../img/icons/grey-darkest/flower.svg"); }
  .icon--flower.icon--brand-1 {
    background-image: url("../img/icons/brand-1/flower.svg"); }
  .icon--flower.icon--brand-2 {
    background-image: url("../img/icons/brand-2/flower.svg"); }
  .icon--flower.icon--white {
    background-image: url("../img/icons/white/flower.svg"); }
  .icon--flower.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/flower.svg"); }
  .icon--flower.icon--blue {
    background-image: url("../img/icons/blue/flower.svg"); }
  .icon--flower.icon--red {
    background-image: url("../img/icons/red/flower.svg"); }

.icon--heart {
  background-image: url("../img/icons/grey-darkest/heart.svg"); }
  .icon--heart.icon--brand-1 {
    background-image: url("../img/icons/brand-1/heart.svg"); }
  .icon--heart.icon--brand-2 {
    background-image: url("../img/icons/brand-2/heart.svg"); }
  .icon--heart.icon--white {
    background-image: url("../img/icons/white/heart.svg"); }
  .icon--heart.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/heart.svg"); }
  .icon--heart.icon--blue {
    background-image: url("../img/icons/blue/heart.svg"); }
  .icon--heart.icon--red {
    background-image: url("../img/icons/red/heart.svg"); }

.icon--image {
  background-image: url("../img/icons/grey-darkest/image.svg"); }
  .icon--image.icon--brand-1 {
    background-image: url("../img/icons/brand-1/image.svg"); }
  .icon--image.icon--brand-2 {
    background-image: url("../img/icons/brand-2/image.svg"); }
  .icon--image.icon--white {
    background-image: url("../img/icons/white/image.svg"); }
  .icon--image.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/image.svg"); }
  .icon--image.icon--blue {
    background-image: url("../img/icons/blue/image.svg"); }
  .icon--image.icon--red {
    background-image: url("../img/icons/red/image.svg"); }

.icon--light-bulb {
  background-image: url("../img/icons/grey-darkest/light-bulb.svg"); }
  .icon--light-bulb.icon--brand-1 {
    background-image: url("../img/icons/brand-1/light-bulb.svg"); }
  .icon--light-bulb.icon--brand-2 {
    background-image: url("../img/icons/brand-2/light-bulb.svg"); }
  .icon--light-bulb.icon--white {
    background-image: url("../img/icons/white/light-bulb.svg"); }
  .icon--light-bulb.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/light-bulb.svg"); }
  .icon--light-bulb.icon--blue {
    background-image: url("../img/icons/blue/light-bulb.svg"); }
  .icon--light-bulb.icon--red {
    background-image: url("../img/icons/red/light-bulb.svg"); }

.icon--linkedin {
  background-image: url("../img/icons/grey-darkest/linkedin.svg"); }
  .icon--linkedin.icon--brand-1 {
    background-image: url("../img/icons/brand-1/linkedin.svg"); }
  .icon--linkedin.icon--brand-2 {
    background-image: url("../img/icons/brand-2/linkedin.svg"); }
  .icon--linkedin.icon--white {
    background-image: url("../img/icons/white/linkedin.svg"); }
  .icon--linkedin.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/linkedin.svg"); }
  .icon--linkedin.icon--blue {
    background-image: url("../img/icons/blue/linkedin.svg"); }
  .icon--linkedin.icon--red {
    background-image: url("../img/icons/red/linkedin.svg"); }

.icon--mail {
  background-image: url("../img/icons/grey-darkest/mail.svg"); }
  .icon--mail.icon--brand-1 {
    background-image: url("../img/icons/brand-1/mail.svg"); }
  .icon--mail.icon--brand-2 {
    background-image: url("../img/icons/brand-2/mail.svg"); }
  .icon--mail.icon--white {
    background-image: url("../img/icons/white/mail.svg"); }
  .icon--mail.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/mail.svg"); }
  .icon--mail.icon--blue {
    background-image: url("../img/icons/blue/mail.svg"); }
  .icon--mail.icon--red {
    background-image: url("../img/icons/red/mail.svg"); }

.icon--map {
  background-image: url("../img/icons/grey-darkest/map.svg"); }
  .icon--map.icon--brand-1 {
    background-image: url("../img/icons/brand-1/map.svg"); }
  .icon--map.icon--brand-2 {
    background-image: url("../img/icons/brand-2/map.svg"); }
  .icon--map.icon--white {
    background-image: url("../img/icons/white/map.svg"); }
  .icon--map.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/map.svg"); }
  .icon--map.icon--blue {
    background-image: url("../img/icons/blue/map.svg"); }
  .icon--map.icon--red {
    background-image: url("../img/icons/red/map.svg"); }

.icon--menu {
  background-image: url("../img/icons/grey-darkest/menu.svg"); }
  .icon--menu.icon--brand-1 {
    background-image: url("../img/icons/brand-1/menu.svg"); }
  .icon--menu.icon--brand-2 {
    background-image: url("../img/icons/brand-2/menu.svg"); }
  .icon--menu.icon--white {
    background-image: url("../img/icons/white/menu.svg"); }
  .icon--menu.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/menu.svg"); }
  .icon--menu.icon--blue {
    background-image: url("../img/icons/blue/menu.svg"); }
  .icon--menu.icon--red {
    background-image: url("../img/icons/red/menu.svg"); }

.icon--minus {
  background-image: url("../img/icons/grey-darkest/minus.svg"); }
  .icon--minus.icon--brand-1 {
    background-image: url("../img/icons/brand-1/minus.svg"); }
  .icon--minus.icon--brand-2 {
    background-image: url("../img/icons/brand-2/minus.svg"); }
  .icon--minus.icon--white {
    background-image: url("../img/icons/white/minus.svg"); }
  .icon--minus.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/minus.svg"); }
  .icon--minus.icon--blue {
    background-image: url("../img/icons/blue/minus.svg"); }
  .icon--minus.icon--red {
    background-image: url("../img/icons/red/minus.svg"); }

.icon--monitor {
  background-image: url("../img/icons/grey-darkest/monitor.svg"); }
  .icon--monitor.icon--brand-1 {
    background-image: url("../img/icons/brand-1/monitor.svg"); }
  .icon--monitor.icon--brand-2 {
    background-image: url("../img/icons/brand-2/monitor.svg"); }
  .icon--monitor.icon--white {
    background-image: url("../img/icons/white/monitor.svg"); }
  .icon--monitor.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/monitor.svg"); }
  .icon--monitor.icon--blue {
    background-image: url("../img/icons/blue/monitor.svg"); }
  .icon--monitor.icon--red {
    background-image: url("../img/icons/red/monitor.svg"); }

.icon--open-acces {
  background-image: url("../img/icons/grey-darkest/open-acces.svg"); }
  .icon--open-acces.icon--brand-1 {
    background-image: url("../img/icons/brand-1/open-acces.svg"); }
  .icon--open-acces.icon--brand-2 {
    background-image: url("../img/icons/brand-2/open-acces.svg"); }
  .icon--open-acces.icon--white {
    background-image: url("../img/icons/white/open-acces.svg"); }
  .icon--open-acces.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/open-acces.svg"); }
  .icon--open-acces.icon--blue {
    background-image: url("../img/icons/blue/open-acces.svg"); }
  .icon--open-acces.icon--red {
    background-image: url("../img/icons/red/open-acces.svg"); }

.icon--open {
  background-image: url("../img/icons/grey-darkest/open.svg"); }
  .icon--open.icon--brand-1 {
    background-image: url("../img/icons/brand-1/open.svg"); }
  .icon--open.icon--brand-2 {
    background-image: url("../img/icons/brand-2/open.svg"); }
  .icon--open.icon--white {
    background-image: url("../img/icons/white/open.svg"); }
  .icon--open.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/open.svg"); }
  .icon--open.icon--blue {
    background-image: url("../img/icons/blue/open.svg"); }
  .icon--open.icon--red {
    background-image: url("../img/icons/red/open.svg"); }

.icon--pie-chart {
  background-image: url("../img/icons/grey-darkest/pie-chart.svg"); }
  .icon--pie-chart.icon--brand-1 {
    background-image: url("../img/icons/brand-1/pie-chart.svg"); }
  .icon--pie-chart.icon--brand-2 {
    background-image: url("../img/icons/brand-2/pie-chart.svg"); }
  .icon--pie-chart.icon--white {
    background-image: url("../img/icons/white/pie-chart.svg"); }
  .icon--pie-chart.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/pie-chart.svg"); }
  .icon--pie-chart.icon--blue {
    background-image: url("../img/icons/blue/pie-chart.svg"); }
  .icon--pie-chart.icon--red {
    background-image: url("../img/icons/red/pie-chart.svg"); }

.icon--play {
  background-image: url("../img/icons/grey-darkest/play.svg"); }
  .icon--play.icon--brand-1 {
    background-image: url("../img/icons/brand-1/play.svg"); }
  .icon--play.icon--brand-2 {
    background-image: url("../img/icons/brand-2/play.svg"); }
  .icon--play.icon--white {
    background-image: url("../img/icons/white/play.svg"); }
  .icon--play.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/play.svg"); }
  .icon--play.icon--blue {
    background-image: url("../img/icons/blue/play.svg"); }
  .icon--play.icon--red {
    background-image: url("../img/icons/red/play.svg"); }

.icon--plus {
  background-image: url("../img/icons/grey-darkest/plus.svg"); }
  .icon--plus.icon--brand-1 {
    background-image: url("../img/icons/brand-1/plus.svg"); }
  .icon--plus.icon--brand-2 {
    background-image: url("../img/icons/brand-2/plus.svg"); }
  .icon--plus.icon--white {
    background-image: url("../img/icons/white/plus.svg"); }
  .icon--plus.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/plus.svg"); }
  .icon--plus.icon--blue {
    background-image: url("../img/icons/blue/plus.svg"); }
  .icon--plus.icon--red {
    background-image: url("../img/icons/red/plus.svg"); }

.icon--scale {
  background-image: url("../img/icons/grey-darkest/scale.svg"); }
  .icon--scale.icon--brand-1 {
    background-image: url("../img/icons/brand-1/scale.svg"); }
  .icon--scale.icon--brand-2 {
    background-image: url("../img/icons/brand-2/scale.svg"); }
  .icon--scale.icon--white {
    background-image: url("../img/icons/white/scale.svg"); }
  .icon--scale.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/scale.svg"); }
  .icon--scale.icon--blue {
    background-image: url("../img/icons/blue/scale.svg"); }
  .icon--scale.icon--red {
    background-image: url("../img/icons/red/scale.svg"); }

.icon--search {
  background-image: url("../img/icons/grey-darkest/search.svg"); }
  .icon--search.icon--brand-1 {
    background-image: url("../img/icons/brand-1/search.svg"); }
  .icon--search.icon--brand-2 {
    background-image: url("../img/icons/brand-2/search.svg"); }
  .icon--search.icon--white {
    background-image: url("../img/icons/white/search.svg"); }
  .icon--search.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/search.svg"); }
  .icon--search.icon--blue {
    background-image: url("../img/icons/blue/search.svg"); }
  .icon--search.icon--red {
    background-image: url("../img/icons/red/search.svg"); }

.icon--share {
  background-image: url("../img/icons/grey-darkest/share.svg"); }
  .icon--share.icon--brand-1 {
    background-image: url("../img/icons/brand-1/share.svg"); }
  .icon--share.icon--brand-2 {
    background-image: url("../img/icons/brand-2/share.svg"); }
  .icon--share.icon--white {
    background-image: url("../img/icons/white/share.svg"); }
  .icon--share.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/share.svg"); }
  .icon--share.icon--blue {
    background-image: url("../img/icons/blue/share.svg"); }
  .icon--share.icon--red {
    background-image: url("../img/icons/red/share.svg"); }

.icon--twitter {
  background-image: url("../img/icons/grey-darkest/twitter.svg"); }
  .icon--twitter.icon--brand-1 {
    background-image: url("../img/icons/brand-1/twitter.svg"); }
  .icon--twitter.icon--brand-2 {
    background-image: url("../img/icons/brand-2/twitter.svg"); }
  .icon--twitter.icon--white {
    background-image: url("../img/icons/white/twitter.svg"); }
  .icon--twitter.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/twitter.svg"); }
  .icon--twitter.icon--blue {
    background-image: url("../img/icons/blue/twitter.svg"); }
  .icon--twitter.icon--red {
    background-image: url("../img/icons/red/twitter.svg"); }

.icon--user {
  background-image: url("../img/icons/grey-darkest/user.svg"); }
  .icon--user.icon--brand-1 {
    background-image: url("../img/icons/brand-1/user.svg"); }
  .icon--user.icon--brand-2 {
    background-image: url("../img/icons/brand-2/user.svg"); }
  .icon--user.icon--white {
    background-image: url("../img/icons/white/user.svg"); }
  .icon--user.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/user.svg"); }
  .icon--user.icon--blue {
    background-image: url("../img/icons/blue/user.svg"); }
  .icon--user.icon--red {
    background-image: url("../img/icons/red/user.svg"); }

.icon--users {
  background-image: url("../img/icons/grey-darkest/users.svg"); }
  .icon--users.icon--brand-1 {
    background-image: url("../img/icons/brand-1/users.svg"); }
  .icon--users.icon--brand-2 {
    background-image: url("../img/icons/brand-2/users.svg"); }
  .icon--users.icon--white {
    background-image: url("../img/icons/white/users.svg"); }
  .icon--users.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/users.svg"); }
  .icon--users.icon--blue {
    background-image: url("../img/icons/blue/users.svg"); }
  .icon--users.icon--red {
    background-image: url("../img/icons/red/users.svg"); }

.icon--edit {
  background-image: url("../img/icons/grey-darkest/edit.svg"); }
  .icon--edit.icon--brand-1 {
    background-image: url("../img/icons/brand-1/edit.svg"); }
  .icon--edit.icon--brand-2 {
    background-image: url("../img/icons/brand-2/edit.svg"); }
  .icon--edit.icon--white {
    background-image: url("../img/icons/white/edit.svg"); }
  .icon--edit.icon--grey-lighter {
    background-image: url("../img/icons/grey-lighter/edit.svg"); }
  .icon--edit.icon--blue {
    background-image: url("../img/icons/blue/edit.svg"); }
  .icon--edit.icon--red {
    background-image: url("../img/icons/red/edit.svg"); }

.text-field {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  color: #050E1D;
  margin-top: 8px;
  width: 100%;
  height: 48px;
  padding-right: 16px;
  padding-left: 16px;
  color: #050E1D;
  background: #FFF;
  border: 1px solid #9B9FA5;
  border-radius: 4px;
  -webkit-appearance: none; }
  @media only screen and (max-width: 767px) {
    .text-field {
      font-size: 16px; } }
  .text-field-error {
    border-color: #B92B2B; }

.filter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 32px; }
  .filter-item .control-indicator {
    top: 0;
    width: 24px;
    height: 24px; }
  .filter-item + .filter-item {
    margin-top: 16px; }
  .filter-item__text {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #050E1D; }
    @media only screen and (max-width: 767px) {
      .filter-item__text {
        font-size: 16px; } }
    .filter-item__text span {
      color: #9B9FA5; }

.error-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .error-message:not(:first-child) {
    margin-top: 8px; }
  .error-message__text {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #050E1D;
    margin-left: 8px;
    color: #B92B2B; }
    @media only screen and (max-width: 767px) {
      .error-message__text {
        font-size: 16px; } }

.submit-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding-right: 16px;
  padding-left: 16px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #FFF;
  cursor: pointer;
  background: #F46500;
  border: 0;
  border-radius: 4px;
  -webkit-transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s;
  transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s; }
  .submit-button--disabled {
    pointer-events: none;
    background-color: #C0C3C6; }
  .submit-button:hover {
    background-color: #B64B00; }
  .submit-button:active {
    background-color: #793200; }
  .submit-button .icon:first-child {
    margin-right: 6px; }
  .submit-button .icon:last-child {
    margin-left: 6px; }
  .submit-button .icon:only-child {
    margin-right: 0;
    margin-left: 0; }

.control input ~ .control-indicator {
  background-color: #FFF;
  border: 1px solid #9B9FA5; }

.control input:focus ~ .control-indicator {
  border: 1px solid #208A81;
  -webkit-box-shadow: 0 0 0 2px #208A81;
          box-shadow: 0 0 0 2px #208A81; }

.control input:active ~ .control-indicator {
  background-color: #FFF; }

.control input[type='checkbox']:checked ~ .control-indicator {
  background-color: #2BB9AD;
  border-color: #2BB9AD; }

.control input[type='radio']:checked ~ .control-indicator {
  background: #FFF; }
  .control input[type='radio']:checked ~ .control-indicator::after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -6px;
    display: block;
    width: 12px;
    height: 12px;
    content: '';
    background: #2BB9AD;
    border-radius: 12px; }

.text-holder h1 {
  font-family: "Nunito", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25em;
  color: #050E1D; }
  @media only screen and (max-width: 767px) {
    .text-holder h1 {
      font-size: 28px; } }

.text-holder h2 {
  font-family: "Nunito", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25em;
  color: #050E1D; }
  @media only screen and (max-width: 767px) {
    .text-holder h2 {
      font-size: 24px; } }

.text-holder h3 {
  font-family: "Nunito", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25em;
  color: #050E1D; }
  @media only screen and (max-width: 767px) {
    .text-holder h3 {
      font-size: 20px; } }

.text-holder h4 {
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25em;
  color: #050E1D; }
  @media only screen and (max-width: 767px) {
    .text-holder h4 {
      font-size: 16px; } }

.text-holder h5 {
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
  color: #050E1D; }
  @media only screen and (max-width: 767px) {
    .text-holder h5 {
      font-size: 16px; } }

.text-holder h1 + p,
.text-holder h1 + ul, .text-holder h2 + p,
.text-holder h2 + ul, .text-holder h3 + p,
.text-holder h3 + ul, .text-holder h4 + p,
.text-holder h4 + ul, .text-holder h5 + p,
.text-holder h5 + ul {
  margin-top: 1.5em; }

.text-holder p,
.text-holder ul {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  color: #050E1D; }
  @media only screen and (max-width: 767px) {
    .text-holder p,
    .text-holder ul {
      font-size: 16px; } }
  .text-holder p a,
  .text-holder ul a {
    text-decoration: underline; }
    .text-holder p a:hover,
    .text-holder ul a:hover {
      text-decoration: none; }

.text-holder p + p,
.text-holder p + ul,
.text-holder ul + p,
.text-holder ul + ul,
.text-holder img + p,
.text-holder img + ul {
  margin-top: 1em; }

.text-holder p + h2,
.text-holder ul + h2,
.text-holder img + h2 {
  margin-top: 1.7142857143em; }

.text-holder p.large {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5em;
  color: #050E1D; }
  @media only screen and (max-width: 767px) {
    .text-holder p.large {
      font-size: 16px; } }

.text-holder p.red {
  color: #B92B2B; }

.text-holder p.subtle {
  color: #686D75; }

.text-holder p a {
  color: #1B75BC; }
  .text-holder p a:hover {
    text-decoration: none; }

.text-holder ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .text-holder ul li {
    position: relative;
    padding-left: 24px; }
    .text-holder ul li + li {
      margin-top: 1em; }
    .text-holder ul li::before {
      position: absolute;
      top: 4px;
      left: 0;
      display: block;
      width: 16px;
      height: 16px;
      content: '';
      background-image: url("../img/icons/brand-1/bullet.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }

.text-holder img {
  display: block; }

.select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .select-wrapper select {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: transparent;
    background-image: none;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    .select-wrapper select:focus {
      outline: none; }
      .select-wrapper select:focus + span {
        border: 1px solid #208A81; }
  .select-wrapper span {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #050E1D;
    position: relative;
    z-index: 101;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding-left: 16px;
    white-space: nowrap;
    color: #050E1D;
    pointer-events: none;
    background: #FFF; }
    @media only screen and (max-width: 767px) {
      .select-wrapper span {
        font-size: 16px; } }
  .select-wrapper::after {
    position: absolute;
    top: 17px;
    right: 16px;
    z-index: 102;
    display: block;
    width: 16px;
    height: 16px;
    pointer-events: none;
    content: '';
    background-image: url("../img/icons/grey-darkest/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }

.search-form {
  margin: 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.search-form__column {
  position: relative;
  height: 48px; }
  .search-form__column:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: hidden;
    background: #FFF;
    border-radius: 4px; }
  .search-form__column:nth-child(2) {
    margin-left: 16px; }

.search-form__field {
  height: 100%; }
  .search-form__field--text {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #050E1D;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-right: 48px;
    padding-left: 16px;
    color: #050E1D;
    border: 0;
    border-right: 1px solid #E6E6E8;
    border-radius: 0;
    -webkit-appearance: none; }
    @media only screen and (max-width: 767px) {
      .search-form__field--text {
        font-size: 16px; } }
  .search-form__field--select {
    max-width: 96px; }
  .search-form__field--submit {
    padding: 0;
    font: inherit;
    line-height: normal;
    text-align: inherit;
    overflow: visible;
    color: inherit;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 48px;
    padding-right: 16px;
    padding-left: 16px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    cursor: pointer;
    background: #F46500;
    border: 0;
    border-radius: 4px;
    -webkit-transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s;
    transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s;
    border: 2px solid #FFF;
    width: 80px; }
    .search-form__field--submit--disabled {
      pointer-events: none;
      background-color: #C0C3C6; }
    .search-form__field--submit:hover {
      background-color: #B64B00; }
    .search-form__field--submit:active {
      background-color: #793200; }
    .search-form__field--submit .icon:first-child {
      margin-right: 6px; }
    .search-form__field--submit .icon:last-child {
      margin-left: 6px; }
    .search-form__field--submit .icon:only-child {
      margin-right: 0;
      margin-left: 0; }

.search-form__reset-button {
  position: absolute;
  top: 16px;
  right: 113px;
  -webkit-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out; }
  .search-form__reset-button:not(.is-visible) {
    pointer-events: none;
    opacity: 0; }

@media only screen and (max-width: 767px) {
  .search-form__column {
    height: 40px; }
    .search-form__column:nth-child(1) {
      border: 1px solid #9B9FA5; }
    .search-form__column:nth-child(2) {
      position: absolute;
      right: 8px; }
  .search-form__column:nth-child(2) {
    top: 0;
    height: 100%; }
  .search-form__field--text {
    padding-right: 46px;
    background-color: transparent; }
  .search-form__field--submit {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: 0; }
    .search-form__field--submit path {
      fill: #F46500; }
    .search-form__field--submit:hover, .search-form__field--submit:active {
      background: transparent; }
  .search-form .select-wrapper,
  .search-form__reset-button {
    display: none; } }

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #2BB9AD; }
  .header.is-hidden {
    display: none; }

.header__inner {
  width: calc(100% - 64px);
  max-width: 992px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px; }
  @media only screen and (max-width: 767px) {
    .header__inner {
      width: 100%;
      padding-right: 16px;
      padding-left: 16px; } }
  @media only screen and (max-width: 374px) {
    .header__inner {
      padding-right: 8px;
      padding-left: 8px; } }

.header__logo {
  display: block;
  width: 192px; }

.header__language-toggle {
  max-width: 43px; }
  .header__language-toggle:hover span,  option {
    text-decoration: underline; }
  .header__language-toggle span, option {
    padding-left: 0;
    color: #FFF;
    background: #2BB9AD; }
  .header__language-toggle::after {
    top: 50%;
    right: 0;
    margin-top: -8px;
    background-image: url("../img/icons/white/chevron-down.svg"); }

@media only screen and (min-width: 768px) {
  body {
    padding-top: 80px; }
  .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100vw; }
  .headroom {
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear; }
    .headroom--pinned {
      -webkit-transform: translateY(0%);
              transform: translateY(0%); }
    .headroom--unpinned {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); } }

@media only screen and (max-width: 767px) {
  .header {
    position: relative; }
    .header:not(.header--homepage) .header__inner {
      margin-bottom: 56px; }
  .header__inner {
    height: 56px; }
  .header__logo {
    width: 144px; }
  .header .search-form {
    position: absolute;
    top: 56px;
    right: 0;
    left: 0;
    margin-right: 0;
    margin-left: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 56px;
    padding-right: 16px;
    padding-left: 16px;
    background-color: #E9F8F6; } }

@media only screen and (max-width: 374px) {
  .header .search-form {
    padding-right: 8px;
    padding-left: 8px; } }

.usps-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #E9F8F6; }
  .usps-bar.is-hidden {
    display: none; }

.usps-bar__inner {
  width: calc(100% - 64px);
  max-width: 992px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px; }
  @media only screen and (max-width: 767px) {
    .usps-bar__inner {
      width: 100%;
      padding-right: 16px;
      padding-left: 16px; } }
  @media only screen and (max-width: 374px) {
    .usps-bar__inner {
      padding-right: 8px;
      padding-left: 8px; } }

.usps-bar__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc((100% - (30px * 2)) / 3); }

.usps-bar__item__text {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  color: #050E1D;
  margin-left: 8px; }
  @media only screen and (max-width: 767px) {
    .usps-bar__item__text {
      font-size: 16px; } }

.footer + .usps-bar {
  display: none; }

@media only screen and (min-width: 768px) {
  .hero + .usps-bar {
    background: transparent; }
    .hero + .usps-bar .usps-bar__inner {
      height: 90px;
      border-bottom: 1px solid #E6E6E8; } }

@media only screen and (max-width: 767px) {
  .usps-bar {
    display: none; }
  .usps-bar__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: initial;
    padding-top: 24px;
    padding-bottom: 24px; }
  .usps-bar__item {
    width: 100%; }
    .usps-bar__item + .usps-bar__item {
      margin-top: 16px; }
  .hero + .usps-bar,
  .footer + .usps-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .hero + .usps-bar.is-hidden,
    .footer + .usps-bar.is-hidden {
      display: none; } }

.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 48px;
  padding-bottom: 54px;
  background-color: #E9F8F6;
  border-bottom: 8px solid #2BB9AD; }
  .footer.is-hidden {
    display: none; }

.footer__inner {
  width: calc(100% - 64px);
  max-width: 992px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .footer__inner {
      width: 100%;
      padding-right: 16px;
      padding-left: 16px; } }
  @media only screen and (max-width: 374px) {
    .footer__inner {
      padding-right: 8px;
      padding-left: 8px; } }

.footer__column {
  width: calc((100% - (32px * 3)) / 4); }

.footer__heading {
  height: 48px; }

.footer__text p,
.footer__text ul {
  color: #686D75; }

.footer__text ul li {
  padding-left: 0; }
  .footer__text ul li::before {
    display: none; }

.footer__logo {
  width: 62px; }

@media only screen and (max-width: 890px) {
  .footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .footer__column {
    width: 100%; }
    .footer__column + .footer__column {
      margin-top: 40px; }
    .footer__column:nth-child(3) {
      margin-top: 0; }
      .footer__column:nth-child(3) .footer__text {
        margin-top: 1em; }
  .footer__heading {
    height: initial; }
  .footer__text {
    margin-top: 24px; } }

.page-actions {
  width: calc(100% - 64px);
  max-width: 992px;
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 89px;
  border-bottom: 1px solid #E6E6E8; }
  @media only screen and (max-width: 767px) {
    .page-actions {
      width: 100%;
      padding-right: 16px;
      padding-left: 16px; } }
  @media only screen and (max-width: 374px) {
    .page-actions {
      padding-right: 8px;
      padding-left: 8px; } }

.page-actions__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1B75BC; }
  .page-actions__item:hover {
    text-decoration: underline; }
  .page-actions__item * + * {
    margin-left: 8px; }

@media only screen and (max-width: 767px) {
  .page-actions {
    height: 49px; }
  .page-actions__item__text__extra {
    display: none; } }

.detail {
  width: calc(100% - 64px);
  max-width: 992px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .detail {
      width: 100%;
      padding-right: 16px;
      padding-left: 16px; } }
  @media only screen and (max-width: 374px) {
    .detail {
      padding-right: 8px;
      padding-left: 8px; } }

.detail__header {
  margin-bottom: 32px;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E6E6E8; }
  .detail__header--mobile {
    display: none; }

.detail__header__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .detail__header__row + .detail__header__row {
    margin-top: 16px;
    margin-bottom: 8px;
    height: 24px; }

.detail__header__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .detail__header__column:nth-child(2) {
    margin-left: 32px;
    width: 309px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.detail__header__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding-right: 16px;
  padding-left: 16px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #FFF;
  cursor: pointer;
  background: #F46500;
  border: 0;
  border-radius: 4px;
  -webkit-transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s;
  transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s;
  width: 100%; }
  .detail__header__button--disabled {
    pointer-events: none;
    background-color: #C0C3C6; }
  .detail__header__button:hover {
    background-color: #B64B00; }
  .detail__header__button:active {
    background-color: #793200; }
  .detail__header__button .icon:first-child {
    margin-right: 6px; }
  .detail__header__button .icon:last-child {
    margin-left: 6px; }
  .detail__header__button .icon:only-child {
    margin-right: 0;
    margin-left: 0; }

.detail__body {
  width: calc(100% - 310px - 47px); }
  .detail__body:last-child {
    width: 100%;
    max-width: 635px; }
    .detail__body:last-child .detail__body__intro {
      width: 100%; }

.detail__body__media img {
  display: block; }

.detail__body__media + .detail__body__intro {
  margin-top: 30px; }
  .detail__body__media + .detail__body__intro.is-closed {
    height: 234px; }

.detail__body__intro.is-closed {
  position: relative;
  height: 444px;
  overflow: hidden; }
  .detail__body__intro.is-closed::after {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 80px;
    pointer-events: none;
    content: '';
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF));
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%); }

.detail__body__intro p {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5em;
  color: #050E1D; }
  @media only screen and (max-width: 767px) {
    .detail__body__intro p {
      font-size: 16px; } }
  .detail__body__intro p.subtle,
  ul + .detail__body__intro p {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #050E1D; }
    @media only screen and (max-width: 767px) {
      .detail__body__intro p.subtle,
      ul + .detail__body__intro p {
        font-size: 16px; } }
  .detail__body__intro p.subtle {
    color: #686D75; }

.detail__body__intro img {
  border-radius: 4px; }

.detail__body__intro h3 + ul,
.detail__body__intro ul + p {
  margin-top: 2em; }

.detail__header__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .detail__header__item .icon {
    margin-right: 8px; }
  .detail__header__item .detail__header__item__text {
    color: #686D75; }
    .detail__header__item .detail__header__item__text--large {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 1.5em;
      color: #050E1D;
      margin-top: 8px; }
      @media only screen and (max-width: 767px) {
        .detail__header__item .detail__header__item__text--large {
          font-size: 16px; } }
      .detail__header__item .detail__header__item__text--large a {
        text-decoration: none;
        color: #1B75BC; }
        .detail__header__item .detail__header__item__text--large a:hover {
          text-decoration: underline; }
    .detail__header__item .detail__header__item__text--bold {
      font-weight: 700; }
    .detail__header__item .detail__header__item__text a {
      text-decoration: underline; }
      .detail__header__item .detail__header__item__text a:hover {
        text-decoration: none; }
  .detail__header__item + .detail__header__item {
    margin-left: 16px; }

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

.detail__body__intro-toggle,
.detail__body__meta-toggle,
.themes__overview-toggle {
  margin-top: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1B75BC; }
  .detail__body__intro-toggle:hover,
  .detail__body__meta-toggle:hover,
  .themes__overview-toggle:hover {
    text-decoration: underline; }
  .detail__body__intro-toggle__text,
  .detail__body__meta-toggle__text,
  .themes__overview-toggle__text {
    margin-left: 8px; }
  .detail__body__intro-toggle.is-active .icon,
  .detail__body__meta-toggle.is-active .icon,
  .themes__overview-toggle.is-active .icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.detail__body__meta {
  margin-top: 16px; }

.detail__body__meta__item {
  margin-top: 32px; }

.detail__body__meta__heading {
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
  color: #050E1D; }
  @media only screen and (max-width: 767px) {
    .detail__body__meta__heading {
      font-size: 16px; } }

.detail__body__meta__list {
  margin-top: 9px; }

.detail__body__meta__list__item {
  margin-top: 8px; }
  .detail__body__meta__list__item.is-hidden {
    display: none; }
  .detail__body__meta__list__item--label {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #050E1D;
    margin-right: 8px;
    display: inline-block;
    padding: 8px;
    color: #1B75BC;
    border: 1px solid #E6E6E8;
    border-radius: 4px; }
    @media only screen and (max-width: 767px) {
      .detail__body__meta__list__item--label {
        font-size: 16px; } }
    .detail__body__meta__list__item--label:hover {
      border-color: #9B9FA5; }
    .detail__body__meta__list__item--label:active {
      border-color: #1B75BC; }
  .detail__body__meta__list__item--button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .detail__body__meta__list__item--button .detail__body__meta__list__item__text {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 1.5em;
      color: #050E1D;
      margin-left: 16px;
      color: #1B75BC; }
      @media only screen and (max-width: 767px) {
        .detail__body__meta__list__item--button .detail__body__meta__list__item__text {
          font-size: 16px; } }
    .detail__body__meta__list__item--button:hover .detail__body__meta__list__item__text {
      text-decoration: underline; }

.detail__body__meta-toggle {
  margin-top: 24px; }

.detail__aside {
  width: 310px; }
  .detail__aside > * + * {
    margin-top: 32px; }
  .detail__aside .detail__aside__image-holder {
    padding: 15px;
    border: 1px solid #E6E6E8;
    border-radius: 4px; }
    .detail__aside .detail__aside__image-holder img {
      margin: 0 auto;
      display: block; }
  .detail__aside table {
    width: 100%; }
    .detail__aside table tr + tr td {
      padding-top: 1em; }
    .detail__aside table td {
      font-family: "Source Sans Pro", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5em;
      color: #050E1D;
      vertical-align: top; }
      @media only screen and (max-width: 767px) {
        .detail__aside table td {
          font-size: 16px; } }
      .detail__aside table td:nth-child(1) {
        width: 136px;
        padding-right: 16px;
        color: #686D75; }
    .detail__aside table a {
      color: #1B75BC; }
      .detail__aside table a:hover {
        text-decoration: underline; }

@media only screen and (max-width: 768px) {
  .detail__body:last-child {
    max-width: initial; } }

@media only screen and (max-width: 767px) {
  .detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 0;
    padding-left: 0; }
  .detail__header,
  .detail__body,
  .detail__aside {
    padding-right: 16px;
    padding-left: 16px; }
  .detail__header--mobile {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 24px;
    border-bottom: 0; }
  .detail__header--desktop {
    display: none; }
  .detail__header__row {
    height: auto; }
  .detail__header__column:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .detail__header__column:nth-child(2) {
    margin-top: 32px;
    margin-left: 0;
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .detail__header__column:nth-child(3) {
    margin-top: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
    .detail__header__column:nth-child(3) .detail__header__item + .detail__header__item {
      margin-top: 8px;
      margin-left: 0; }
  .detail__header__column:nth-child(4) {
    margin-top: 16px;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .detail__header__button {
    max-width: 384px; }
  .detail__body {
    width: 100%; }
    .detail__body:last-child {
      margin-bottom: 48px; }
  .detail__body__meta {
    margin-top: 0; }
  .detail__aside {
    margin-top: 32px; }
  .detail__header:not(.detail__header--mobile) {
    padding-top: 24px; }
    .detail__header:not(.detail__header--mobile) .detail__header__column + .detail__header__column {
      display: none; } }

@media only screen and (max-width: 374px) {
  .detail__header,
  .detail__body,
  .detail__aside {
    padding-right: 8px;
    padding-left: 8px; } }

.related {
  width: calc(100% - 64px);
  max-width: 992px;
  margin: 80px auto 0; }
  @media only screen and (max-width: 767px) {
    .related {
      width: 100%;
      padding-right: 16px;
      padding-left: 16px; } }
  @media only screen and (max-width: 374px) {
    .related {
      padding-right: 8px;
      padding-left: 8px; } }
  .message-bar + .related {
    margin-top: 48px; }
  .related p a {
    text-decoration: none; }
    .related p a:hover {
      text-decoration: underline; }

.related__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .related__heading h3 + p {
    margin-top: 0; }

.related__overview {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.related__overview__item {
  position: relative;
  width: 310px;
  padding: 24px 24px 32px;
  overflow: hidden;
  border: 1px solid #E6E6E8;
  border-radius: 4px; }
  .related__overview__item h4 a {
    color: #F46500; }
    .related__overview__item h4 a:hover {
      text-decoration: underline; }
    .related__overview__item h4 a:visited {
      color: #F68B40; }

.related__overview__item__visual {
  position: relative;
  left: -24px;
  margin-top: -24px;
  display: block;
  width: calc(100% + 24px + 24px); }
  .related__overview__item__visual::before {
    display: block;
    width: 100%;
    padding-top: 56.1290322581%;
    content: ''; }
  .related__overview__item__visual > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .related__overview__item__visual__label {
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5em;
    color: #050E1D;
    position: absolute;
    bottom: 0;
    left: 24px;
    display: block;
    padding: 8px;
    color: #FFF;
    background: #2BB9AD; }
    @media only screen and (max-width: 767px) {
      .related__overview__item__visual__label {
        font-size: 16px; } }
  .related__overview__item__visual + h4 {
    margin-top: 1.2em; }

.related__overview__item__preview {
  margin-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .related__overview__item__preview + p {
    margin-top: 1.5em; }

.related__overview__item__preview__media {
  position: relative;
  margin-left: 20px;
  width: 80px;
  height: 80px;
  padding: 2px;
  border: 1px solid #E6E6E8;
  border-radius: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .related__overview__item__preview__media img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }
  .related__overview__item__preview__media__button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 28px;
    height: 28px;
    padding-left: 3px;
    background: #F46500;
    border-radius: 28px; }
    .related__overview__item__preview__media__button .icon {
      width: 13px;
      height: 13px; }

.related__overview__item__metadata {
  position: relative;
  margin-top: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1.5em;
  color: #686D75; }
  .related__overview__item__metadata--bold {
    font-weight: 700; }
  .related__overview__item__metadata--award::after {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 24px;
    height: 24px;
    content: '';
    background-image: url("../img/icons/brand-2/award.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }

@media only screen and (max-width: 1023px) {
  .related__overview {
    margin-top: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .related__overview__item {
    width: 100%; }
    .related__overview__item + .related__overview__item {
      margin-top: 24px; } }

@media only screen and (max-width: 767px) {
  .related {
    margin: 52px auto 0;
    padding-top: 32px;
    border-top: 1px solid #E6E6E8; }
    .message-bar + .related {
      margin-top: 16px;
      border-top: 0; }
    .related + .related {
      margin-top: 48px;
      padding-top: 0;
      border-top: 0; }
  .related__heading h3 {
    text-transform: capitalize; }
  .related__heading_extra {
    display: none; }
  .related__overview {
    margin-top: 24px; }
  .related__overview__item {
    padding-right: 16px;
    padding-left: 16px; }
  .related__overview__item__visual {
    left: -16px;
    margin-top: -24px;
    width: calc(100% + 16px + 16px); } }

.message-bar {
  width: calc(100% - 64px);
  max-width: 992px;
  margin: 48px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 28px 32px;
  background: #E9F8F6; }
  @media only screen and (max-width: 767px) {
    .message-bar {
      width: 100%;
      padding-right: 16px;
      padding-left: 16px; } }
  @media only screen and (max-width: 374px) {
    .message-bar {
      padding-right: 8px;
      padding-left: 8px; } }
  .message-bar.is-hidden {
    display: none; }
  .message-bar--orange {
    background: #FDEFE5; }
  .page-actions + .message-bar {
    margin-top: 0; }

.message-bar__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .message-bar__column strong {
    margin-right: 8px;
    margin-left: 16px; }
  .message-bar__column a {
    color: #1B75BC; }
    .message-bar__column a:hover {
      text-decoration: underline; }

@media only screen and (max-width: 869px) {
  .message-bar {
    position: relative;
    padding: 24px 48px; }
  .message-bar__column:nth-child(1) {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .message-bar__column:nth-child(1) .icon {
      position: absolute;
      top: 3px;
      left: -32px; }
    .message-bar__column:nth-child(1) strong {
      margin-right: 0;
      margin-left: 0; }
      .message-bar__column:nth-child(1) strong + a {
        margin-top: 1em; }
  .message-bar__column:nth-child(2) {
    position: absolute;
    top: 16px;
    right: 16px; } }

@media only screen and (max-width: 767px) {
  .themes + .message-bar {
    margin-top: 32px; } }

@media only screen and (max-width: 374px) {
  .message-bar {
    padding-left: 40px; } }

.brands {
  width: calc(100% - 64px);
  max-width: 992px;
  margin: 48px auto 0;
  margin-bottom: 48px;
  padding-top: 48px;
  border-top: 1px solid #E6E6E8; }
  @media only screen and (max-width: 767px) {
    .brands {
      width: 100%;
      padding-right: 16px;
      padding-left: 16px; } }
  @media only screen and (max-width: 374px) {
    .brands {
      padding-right: 8px;
      padding-left: 8px; } }
  .brands.is-hidden {
    display: none; }

.brands__heading {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  color: #050E1D;
  text-align: center;
  color: #686D75; }
  @media only screen and (max-width: 767px) {
    .brands__heading {
      font-size: 16px; } }
  .brands__heading a {
    text-decoration: underline; }
    .brands__heading a:hover {
      text-decoration: none; }

.brands__carousel {
  margin-top: 32px;
  height: 90px;
  opacity: 0; }
  .brands__carousel.slick-initialized {
    opacity: 1; }

.brands__carousel__slide__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .brands__carousel__slide__inner img {
    display: block;
    width: 180px; }

@media only screen and (max-width: 890px) {
  .brands__carousel__slide__inner img {
    width: 144px; } }

@media only screen and (max-width: 680px) {
  .brands {
    margin-top: 0; }
  .brands__heading {
    text-align: left; }
  .brands__carousel {
    height: auto; }
  .brands__carousel__slide__inner {
    width: 100%;
    max-width: 304px; }
    .brands__carousel__slide__inner img:nth-child(3), .brands__carousel__slide__inner img:nth-child(4) {
      margin-top: 24px; } }

.newsletter-subscribe__section {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.newsletter-subscribe__section__heading {
  width: 100%; }
  .newsletter-subscribe__section__heading p + p {
    margin-top: 0; }

.newsletter-subscribe__column {
  width: calc((100% - 30px) / 2); }
  .newsletter-subscribe__column .filter-item {
    margin-top: 16px; }

@media only screen and (max-width: 560px) {
  .newsletter-subscribe__column {
    width: 100%; } }

.search {
  width: calc(100% - 64px);
  max-width: 992px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .search {
      width: 100%;
      padding-right: 16px;
      padding-left: 16px; } }
  @media only screen and (max-width: 374px) {
    .search {
      padding-right: 8px;
      padding-left: 8px; } }

.search__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 90px;
  border-bottom: 1px solid #E6E6E8; }
  .search__header > * + * {
    margin-left: 8px; }
  .search__header__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 48px;
    padding-right: 16px;
    padding-left: 16px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    cursor: pointer;
    background: #F46500;
    border: 0;
    border-radius: 4px;
    -webkit-transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s;
    transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s;
    color: #F46500;
    background: #FFF;
    border: 1px solid #F46500;
    display: flex;
    align-items: center;
    height: 40px;
    padding-right: 8px;
    padding-left: 8px;
    color: #050E1D;
    border-color: #E6E6E8; }
    .search__header__label--disabled {
      pointer-events: none;
      background-color: #C0C3C6; }
    .search__header__label:hover {
      background-color: #B64B00; }
    .search__header__label:active {
      background-color: #793200; }
    .search__header__label .icon:first-child {
      margin-right: 6px; }
    .search__header__label .icon:last-child {
      margin-left: 6px; }
    .search__header__label .icon:only-child {
      margin-right: 0;
      margin-left: 0; }
    .search__header__label:hover, .search__header__label:active {
      color: #FFF; }
      .search__header__label:hover .icon path, .search__header__label:active .icon path {
        fill: #FFF; }
    .search__header__label:hover {
      background-color: #F46500;
      border-color: #F46500; }
    .search__header__label:active {
      background-color: #B64B00;
      border-color: #B64B00; }
    .search__header__label:hover {
      color: #050E1D;
      background: #FFF;
      border-color: #E6E6E8; }
  .search__header__button {
    margin-left: 24px;
    color: #B92B2B; }
    .search__header__button:hover {
      text-decoration: underline; }

.search__aside {
  margin-top: 32px;
  width: 310px; }

.search__aside__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  padding: 0 8px;
  background: #2BB9AD; }
  .search__aside__header__text {
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5em;
    color: #050E1D;
    color: #FFF; }
    @media only screen and (max-width: 767px) {
      .search__aside__header__text {
        font-size: 16px; } }

.search__aside__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .search__aside__item + .search__aside__item {
    margin-top: 48px; }

.search__aside__item__heading {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  color: #050E1D;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .search__aside__item__heading {
      font-size: 16px; } }
  .search__aside__item__heading .icon {
    margin-left: 8px; }

.search__aside__item__section {
  margin-top: 16px; }
  .search__aside__item__section.is-hidden {
    display: none; }

.search__aside__item__button {
  margin-top: 16px;
  color: #1B75BC; }
  .search__aside__item__button:hover {
    text-decoration: underline; }
  .search__aside__item__heading + .search__aside__item__button {
    margin-top: 8px; }

.date-selector {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 284px; }
  .date-selector .text-field {
    margin-top: 0;
    width: 106px; }
    .date-selector .text-field + .text-field {
      margin-left: 8px; }

.date-selector__button {
  padding: 0;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  overflow: visible;
  color: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding-right: 16px;
  padding-left: 16px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #FFF;
  cursor: pointer;
  background: #F46500;
  border: 0;
  border-radius: 4px;
  -webkit-transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s;
  transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s;
  color: #F46500;
  background: #FFF;
  border: 1px solid #F46500;
  margin-left: 16px;
  width: 48px;
  padding: 0; }
  .date-selector__button--disabled {
    pointer-events: none;
    background-color: #C0C3C6; }
  .date-selector__button:hover {
    background-color: #B64B00; }
  .date-selector__button:active {
    background-color: #793200; }
  .date-selector__button .icon:first-child {
    margin-right: 6px; }
  .date-selector__button .icon:last-child {
    margin-left: 6px; }
  .date-selector__button .icon:only-child {
    margin-right: 0;
    margin-left: 0; }
  .date-selector__button:hover, .date-selector__button:active {
    color: #FFF; }
    .date-selector__button:hover .icon path, .date-selector__button:active .icon path {
      fill: #FFF; }
  .date-selector__button:hover {
    background-color: #F46500;
    border-color: #F46500; }
  .date-selector__button:active {
    background-color: #B64B00;
    border-color: #B64B00; }

.search__aside__footer {
  position: fixed;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 68px;
  padding: 0 8px;
  background-color: #FFF;
  border-top: 4px solid #E6E6E8; }
  .search__aside__footer .submit-button {
    min-width: 200px; }
  .search__aside__footer__link {
    color: #1B75BC; }
    .search__aside__footer__link:hover {
      text-decoration: underline; }

.search__body {
  margin-top: 32px;
  width: calc(100% - 310px - 31px); }

.search__body__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .search__body__heading__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.search__body__heading__toggle {
  font-weight: bold;
  color: #1B75BC; }

.sort-order-toggle {
  margin-left: 8px; }
  .sort-order-toggle:hover span {
    text-decoration: underline; }
  .sort-order-toggle span {
    padding-right: 24px;
    padding-left: 0;
    color: #1B75BC; }
  .sort-order-toggle::after {
    top: 50%;
    right: 0;
    margin-top: -8px;
    background-image: url("../img/icons/blue/chevron-down.svg"); }

.search__body__overview .message-bar {
  margin-top: 32px;
  margin-bottom: 32px;
  width: 100%; }

.search__body__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 88px; }
  .search__body__pagination a {
    color: #1B75BC; }
    .search__body__pagination a:hover {
      text-decoration: underline; }
  .search__body__pagination__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .search__body__pagination__arrow.is-disabled {
      color: #9B9FA5;
      pointer-events: none; }
    .search__body__pagination__arrow .icon:first-child {
      margin-right: 8px; }
    .search__body__pagination__arrow .icon:last-child {
      margin-left: 8px; }
  .search__body__pagination__numbers__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 32px;
    height: 32px; }
    .search__body__pagination__numbers__item.is-active {
      font-weight: 700;
      color: #050E1D;
      pointer-events: none; }

@media only screen and (min-width: 768px) {
  .search__aside__header,
  .search__aside .search__header,
  .search__aside__footer,
  .search__body__heading__toggle {
    display: none; } }

@media only screen and (max-width: 767px) {
  .search {
    padding-right: 0;
    padding-left: 0; }
    .search.is-aside-active .search__aside {
      display: block; }
    .search.is-aside-active .search__body {
      display: none; }
    .search > .search__header {
      display: none; }
  .search__aside {
    margin-top: 0;
    display: none;
    width: 100%;
    padding-bottom: 124px; }
  .search__aside__item {
    margin-top: 32px;
    margin-right: 16px;
    margin-left: 16px; }
  .search__aside .search__header {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: auto;
    padding: 16px;
    background: #E9F8F6; }
    .search__aside .search__header > * + * {
      margin-left: 0; }
    .search__aside .search__header__label {
      margin-top: 16px; }
      .search__aside .search__header__label + .search__header__label {
        margin-top: 8px; }
    .search__aside .search__header__button {
      position: absolute;
      top: 16px;
      right: 8px; }
  .search__body {
    margin-top: 0;
    width: 100%; }
  .search__body__heading,
  .search__body__overview .search-result,
  .search__body__pagination {
    padding-right: 16px;
    padding-left: 16px; }
  .search__body__heading {
    position: relative;
    height: 49px;
    border-bottom: 1px solid #E6E6E8; }
  .search__body__heading__column:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    pointer-events: none; }
    .search__body__heading__column:nth-child(2) strong {
      font-weight: 400; }
  .search__body__heading__column > span {
    display: none; }
  .sort-order-toggle span {
    padding-right: 0; }
  .sort-order-toggle::after {
    display: none; }
  .search__body__overview .message-bar {
    margin-top: -1px;
    margin-bottom: 0; }
  .search__body__pagination__numbers__item:not(.is-active) {
    display: none; } }

@media only screen and (max-width: 374px) {
  .search__aside__item {
    margin-right: 8px;
    margin-left: 8px; }
  .search__aside .search__header {
    padding-right: 8px;
    padding-left: 8px; }
  .search__body__heading,
  .search__body__overview .search-result,
  .search__body__pagination {
    padding-right: 8px;
    padding-left: 8px; } }

.search-result {
  padding: 32px 0;
  border-bottom: 1px solid #E6E6E8; }
  .search-result h3 a {
    color: #F46500; }
    .search-result h3 a:hover {
      text-decoration: underline; }
    .search-result h3 a:visited {
      color: #F68B40; }
  .search-result .detail__header__column {
    margin-top: 16px;
    margin-left: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: auto; }
  .search-result .meta {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .search-result .meta * + * {
      margin-left: 8px; }
    .search-result .meta a {
      text-decoration: none;
      color: inherit; }
      .search-result .meta a:hover {
        text-decoration: underline; }

@media only screen and (max-width: 768px) {
  .search-result .meta {
    margin-top: .5em;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .search-result .meta a,
    .search-result .meta span {
      margin-top: .5em;
      margin-right: 16px;
      display: block; }
    .search-result .meta * + * {
      margin-left: 0; }
    .search-result .meta .icon {
      display: none; } }

@media only screen and (max-width: 767px) {
  .search-result {
    padding-top: 24px;
    padding-bottom: 24px; }
    .search-result .detail__header__column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .search-result .detail__header__column .detail__header__item + .detail__header__item {
        margin-top: 8px;
        margin-left: 0; } }

.page-information {
  width: calc(100% - 64px);
  max-width: 992px;
  margin: 65px auto 0;
  padding-top: 48px;
  border-top: 1px solid #E6E6E8; }
  @media only screen and (max-width: 767px) {
    .page-information {
      width: 100%;
      padding-right: 16px;
      padding-left: 16px; } }
  @media only screen and (max-width: 374px) {
    .page-information {
      padding-right: 8px;
      padding-left: 8px; } }
  .page-information.is-hidden {
    display: none; }
  .themes + .page-information {
    margin-top: 48px; }
  .page-information .detail__body {
    width: 100%; }
    .page-information .detail__body__intro {
      width: calc(100% - 310px - 47px); }

@media only screen and (max-width: 767px) {
  .page-information {
    margin-top: 0; }
    .page-information .detail__body {
      padding-right: 0;
      padding-left: 0; }
    .page-information .detail__body__intro {
      width: 100%; } }

.themes {
  width: calc(100% - 64px);
  max-width: 992px;
  margin: 48px auto; }
  @media only screen and (max-width: 767px) {
    .themes {
      width: 100%;
      padding-right: 16px;
      padding-left: 16px; } }
  @media only screen and (max-width: 374px) {
    .themes {
      padding-right: 8px;
      padding-left: 8px; } }
  .detail + .themes {
    margin-top: 16px; }

.themes__heading {
  font-family: "Nunito", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25em;
  color: #050E1D; }
  @media only screen and (max-width: 767px) {
    .themes__heading {
      font-size: 24px; } }

.themes__overview {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.themes__overview__column {
  width: calc((100% - (30px * 2)) / 3); }

.themes__overview__item {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5em;
  color: #050E1D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1B75BC; }
  @media only screen and (max-width: 767px) {
    .themes__overview__item {
      font-size: 16px; } }
  .themes__overview__item:hover {
    text-decoration: underline; }
  .themes__overview__item + .themes__overview__item {
    margin-top: 0.8em; }
  .themes__overview__item .icon {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .themes__overview__item__text {
    margin-left: 16px; }

@media only screen and (min-width: 768px) {
  .themes__overview-toggle {
    display: none; } }

@media only screen and (max-width: 767px) {
  .themes {
    margin-top: 32px;
    margin-bottom: 32px; }
  .themes__overview {
    margin-top: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .themes__overview:not(.is-open) .themes__overview__column + .themes__overview__column {
      display: none; }
  .themes__overview__column {
    width: 100%; }
    .themes__overview__column + .themes__overview__column {
      margin-top: 0.8em; }
  .themes__overview-toggle {
    margin-top: 24px; } }

.hero {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 400px; }
  .hero.compat-object-fit {
    background-position: center;
    background-size: cover; }
    .hero.compat-object-fit img {
      opacity: 0; }
  .hero::after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 99;
    display: block;
    pointer-events: none;
    content: '';
    background: rgba(5, 14, 29, 0.3); }

.hero__visual {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 98;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.hero__heading,
.hero .search-form {
  width: calc(100% - 64px);
  max-width: 992px;
  position: relative;
  z-index: 100;
  max-width: 652px; }
  @media only screen and (max-width: 767px) {
    .hero__heading,
    .hero .search-form {
      width: 100%;
      padding-right: 16px;
      padding-left: 16px; } }
  @media only screen and (max-width: 374px) {
    .hero__heading,
    .hero .search-form {
      padding-right: 8px;
      padding-left: 8px; } }

.hero__heading {
  font-family: "Nunito", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.25em;
  color: #050E1D;
  font-size: 48px;
  text-align: center;
  text-shadow: 0 2px 4px rgba(10, 46, 43, 0.2);
  color: #FFF; }
  @media only screen and (max-width: 767px) {
    .hero__heading {
      font-size: 28px; } }

.hero .search-form {
  margin-top: 56px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0; }

.hero .search-form__field--submit {
  width: 125px; }

@media only screen and (max-width: 767px) {
  .hero {
    height: 240px;
    padding-right: 16px;
    padding-left: 16px; }
    .hero__heading,
    .hero .search-form {
      max-width: 304px;
      padding-right: 0;
      padding-left: 0; }
    .hero .search-form {
      position: relative;
      margin-top: 32px; }
    .hero .search-form__column {
      height: 48px; }
    .hero .search-form__field--submit {
      width: auto; }
      .hero .search-form__field--submit .icon:first-child {
        margin: 0; }
    .hero .search-form__field__text {
      display: none; } }

@media only screen and (max-width: 374px) {
  .hero {
    padding-right: 8px;
    padding-left: 8px; } }

.modal-holder {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding-top: 48px;
  background: rgba(5, 14, 29, 0.6); }

.modal {
  width: 100%;
  max-width: 650px;
  background: #FFF; }

.modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
  padding: 0 16px;
  background: #2BB9AD; }
  .modal__header__text {
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5em;
    color: #050E1D;
    color: #FFF; }
    @media only screen and (max-width: 767px) {
      .modal__header__text {
        font-size: 16px; } }

.modal__body {
  max-height: 490px;
  padding: 0 16px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
  .modal__body::before, .modal__body::after {
    display: block;
    width: 100%;
    content: ''; }
  .modal__body::before {
    height: 24px; }
  .modal__body::after {
    height: 74px; }

.modal__body__column-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.modal__body__column {
  width: calc((100% - 32px) / 2); }

.modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 96px;
  padding: 0 16px;
  border-top: 4px solid #E6E6E8; }
  .modal__footer__link {
    margin-left: 24px;
    color: #1B75BC; }
    .modal__footer__link:hover {
      text-decoration: underline; }

.modal__body__section {
  border-bottom: 1px solid #E6E6E8; }
  .modal__body__section + .modal__body__section {
    margin-top: 24px; }

.modal__heading {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  color: #050E1D;
  font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .modal__heading {
      font-size: 16px; } }
  .modal__heading + .modal__expandable {
    margin-top: 16px; }

.modal__expandable {
  border-top: 1px solid #E6E6E8; }
  .modal__expandable.is-closed .modal__expandable__header__toggle__text--closed {
    display: block; }
  .modal__expandable.is-closed .modal__expandable__header__toggle__text--open {
    display: none; }
  .modal__expandable.is-closed .modal__expandable__header__toggle .icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .modal__expandable.is-closed .modal__expandable__body {
    display: none; }

.modal__expandable__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 57px; }

.modal__expandable__header__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1B75BC; }
  .modal__expandable__header__toggle__text {
    margin-right: 8px; }
    .modal__expandable__header__toggle__text--closed {
      display: none; }
  .modal__expandable__header__toggle:hover {
    text-decoration: underline; }

.modal__expandable__body {
  padding: 24px 16px 32px;
  background-color: #E9F8F6; }
  .modal__expandable__body .modal__body__column-holder {
    margin-top: 16px; }

@media only screen and (min-width: 768px) {
  .modal__body {
    height: calc(100vh - (48px * 2) - 56px - 92px); } }

@media only screen and (max-width: 767px) {
  .modal-holder {
    position: static;
    height: initial;
    padding-top: 0; }
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    max-width: initial;
    height: 100vh;
    padding-top: 56px;
    padding-bottom: 96px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  .modal__header,
  .modal__footer {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 201; }
  .modal__header {
    top: 0; }
  .modal__footer {
    bottom: 0;
    background-color: #FFF; }
  .modal__body {
    max-height: initial;
    padding-right: 0;
    padding-left: 0; }
  .modal__body__column-holder,
  .modal__heading,
  .modal__expandable__header {
    padding-right: 16px;
    padding-left: 16px; } }

@media only screen and (max-width: 560px) {
  .newsletter-subscribe__column {
    width: 100%; }
  .modal__body__column {
    width: 100%; }
    .modal__body__column + .modal__body__column {
      margin-top: 16px; }
  .modal__expandable__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px; }
  .modal__expandable__header__toggle {
    margin-top: 16px;
    margin-left: 32px; } }

@media only screen and (max-width: 374px) {
  .modal__body__column-holder,
  .modal__heading,
  .modal__expandable__header {
    padding-right: 8px;
    padding-left: 8px; } }

.loader-holder {
  position: absolute;
  top: 144px;
  left: 0;
  z-index: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100vw;
  height: calc(100vh - 144px);
  padding-top: 80px;
  background: rgba(255, 255, 255, 0.75); }

.loader {
  width: 80px;
  height: 80px;
  background: url("../img/loader.svg");
  -webkit-animation: spin .8s linear infinite;
          animation: spin .8s linear infinite; }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@media only screen and (max-width: 767px) {
  .loader-holder {
    top: 112px;
    height: calc(100vh - 122px); } }

.main-content-button {
  position: fixed;
  top: 16px;
  left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 28px 32px;
  color: #1B75BC;
  background: #E9F8F6;
  opacity: 0; }
  .main-content-button:focus {
    z-index: 210;
    opacity: 1; }

.search-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100vw;
  height: 100vh;
  padding: 16px;
  background: #FFF; }
  .search-modal.is-hidden {
    display: none; }
  @media only screen and (max-width: 374px) {
    .search-modal {
      padding: 8px; } }
  @media only screen and (min-width: 768px) {
    .search-modal {
      display: none; } }
  .search-modal .search-form {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  .search-modal .search-form__column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    height: auto;
    border: 0; }
    .search-modal .search-form__column:nth-child(2) {
      display: none; }
  .search-modal .search-form__field,
  .search-modal .select-wrapper span {
    border: 1px solid #9B9FA5;
    border-radius: 4px; }
  .search-modal .search-form__field {
    height: 48px; }
  .search-modal .select-wrapper {
    margin-top: 8px;
    display: block;
    max-width: 100%;
    height: 48px; }

.search-modal__options {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.search-modal__close-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1B75BC; }
  .search-modal__close-button:hover {
    text-decoration: underline; }
  .search-modal__close-button__text {
    margin-left: 8px; }

.search-modal__button {
  padding: 0;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  overflow: visible;
  color: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding-right: 16px;
  padding-left: 16px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #FFF;
  cursor: pointer;
  background: #F46500;
  border: 0;
  border-radius: 4px;
  -webkit-transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s;
  transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s; }
  .search-modal__button--disabled {
    pointer-events: none;
    background-color: #C0C3C6; }
  .search-modal__button:hover {
    background-color: #B64B00; }
  .search-modal__button:active {
    background-color: #793200; }
  .search-modal__button .icon:first-child {
    margin-right: 6px; }
  .search-modal__button .icon:last-child {
    margin-left: 6px; }
  .search-modal__button .icon:only-child {
    margin-right: 0;
    margin-left: 0; }

.social-sharing {
  position: absolute;
  top: 58px;
  right: -8px;
  z-index: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 208px;
  padding: 16px 24px 24px 16px;
  background: #FFF;
  border: 1px solid #9B9FA5;
  border-radius: 4px; }
  @media only screen and (max-width: 767px) {
    .social-sharing {
      top: 38px;
      right: 16px; } }
  @media only screen and (max-width: 374px) {
    .social-sharing {
      right: 8px; } }
  .social-sharing.is-hidden {
    display: none; }

.social-sharing__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .social-sharing__item + .social-sharing__item {
    margin-top: 24px; }
  .social-sharing__item__text {
    margin-left: 8px; }

.back-to-top-button {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding-right: 16px;
  padding-left: 16px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #FFF;
  cursor: pointer;
  background: #F46500;
  border: 0;
  border-radius: 4px;
  -webkit-transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s;
  transition: background ease-in-out 0.1s, color ease-in-out 0.1s, border-color ease-in-out 0.1s;
  color: #F46500;
  background: #FFF;
  border: 1px solid #F46500;
  -webkit-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out; }
  .back-to-top-button--disabled {
    pointer-events: none;
    background-color: #C0C3C6; }
  .back-to-top-button:hover {
    background-color: #B64B00; }
  .back-to-top-button:active {
    background-color: #793200; }
  .back-to-top-button .icon:first-child {
    margin-right: 6px; }
  .back-to-top-button .icon:last-child {
    margin-left: 6px; }
  .back-to-top-button .icon:only-child {
    margin-right: 0;
    margin-left: 0; }
  .back-to-top-button:hover, .back-to-top-button:active {
    color: #FFF; }
    .back-to-top-button:hover .icon path, .back-to-top-button:active .icon path {
      fill: #FFF; }
  .back-to-top-button:hover {
    background-color: #F46500;
    border-color: #F46500; }
  .back-to-top-button:active {
    background-color: #B64B00;
    border-color: #B64B00; }
  .back-to-top-button.is-hidden {
    pointer-events: none;
    opacity: 0; }
  .back-to-top-button:hover {
    background-color: #FFF; }
  @media only screen and (max-width: 374px) {
    .back-to-top-button {
      right: 8px;
      bottom: 8px; } }
  @media only screen and (min-width: 768px) {
    .back-to-top-button {
      display: none; } }

.search__aside__item__tooltip {
  position: absolute;
  right: -137px;
  bottom: 1.8em;
  z-index: 200;
  width: 275px;
  padding: 16px 24px 24px 16px;
  background: #FFF;
  border: 1px solid #9B9FA5;
  border-radius: 4px; }
  .search__aside__item__tooltip.is-hidden {
    display: none; }

.detail__header__item .detail__header__item__text a.author-link {
    text-decoration: none;
}
.detail__header__item .detail__header__item__text a.author-link:hover {
    text-decoration: underline;
}