/* ===== Primary Site Styles =====
   Author: Falko Birner
   ===============================
*/
/* =============================================================================
   Project Variables
   ========================================================================== */
/* =============================================================================
   Standard Project Variables
   ========================================================================== */
/* =============================================================================
   Mixins
   ========================================================================== */
/* =============================================================================
   Standard Mixins
   ========================================================================== */
/* =============================================================================
   Plugins
   ========================================================================== */
/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 80200;
}
.fancybox-skin {
  position: relative;
  text-shadow: none;
}
.fancybox-opened {
  z-index: 80300;
}
.fancybox-opened .fancybox-skin {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-type-inline {
  padding-bottom: 20px;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading {
  background-image: url("../images/fancybox/fancybox_sprite.png");
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 80600;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox/fancybox_loading.gif") center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 80400;
  line-height: 42px;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #E3000B;
  font-size: 1.33333333em;
  color: #fff;
  transition: all 0.15s;
}
.fancybox-close:hover {
  background-color: #b00009;
  text-decoration: none;
  color: #fff;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../images/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 80400;
  text-align: center;
}
.fancybox-nav:hover {
  text-decoration: none;
}
.fancybox-nav:hover span {
  color: #E3000B;
  text-decoration: none;
}
.fancybox-type-iframe .fancybox-nav,
.fancybox-type-inline .fancybox-nav {
  background-color: #E3000B;
  width: 50px;
  height: 100px;
  top: 20%;
}
.fancybox-prev {
  left: 0;
}
.fancybox-type-iframe .fancybox-prev,
.fancybox-type-inline .fancybox-prev {
  left: -50px;
}
.fancybox-next {
  right: 0;
}
.fancybox-type-iframe .fancybox-next,
.fancybox-type-inline .fancybox-next {
  right: -50px;
}
.fancybox-nav span {
  display: block;
  cursor: pointer;
  z-index: 80400;
  opacity: 0;
  text-align: center;
  height: 54px;
  font-family: icon-font;
  margin: 0 auto;
  font-size: 5em;
  line-height: 54px;
  color: #ff1722;
  position: absolute;
  top: 50%;
  margin-top: -27px;
  transition: all 0.15s;
}
.fancybox-type-iframe .fancybox-nav span,
.fancybox-type-inline .fancybox-nav span {
  height: 100px;
  line-height: 98px;
  opacity: 1;
  color: #fff;
  font-size: 3.88888889em;
}
.fancybox-prev span {
  left: 20px;
}
.fancybox-prev span::before {
  content: "\e602";
}
.fancybox-next span {
  right: 20px;
}
.fancybox-next span::before {
  content: "\e603";
}
.fancybox-nav:hover span {
  opacity: 1;
  color: #E3000B;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 80100;
  background: url("../images/fancybox/fancybox_overlay.png");
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font-size: 0.77777778em;
  position: relative;
  text-shadow: none;
  z-index: 80500;
  background-color: #fff;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 80500;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding: 10px;
  font-size: 0.88888889em;
}
.fancybox-title-inside-wrap a {
  color: #fff;
  transition: all 0.15s;
}
.fancybox-title-inside-wrap a:hover {
  background-color: #E3000B;
  color: #313233;
  text-decoration: none;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
/* Thumbs */
#fancybox-thumbs {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 80500;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url("../images/singleones/logo_fancy.png");
  background-repeat: no-repeat;
  background-position: 20px 50%;
}
#fancybox-thumbs.bottom {
  bottom: 0;
}
#fancybox-thumbs.top {
  top: 2px;
}
#fancybox-thumbs ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
#fancybox-thumbs ul li {
  float: left;
  padding: 2px;
}
#fancybox-thumbs ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 6px solid #212529;
  background: #111;
  outline: none;
  opacity: 0.8;
}
#fancybox-thumbs ul li a:hover {
  opacity: 1;
  border-color: #fff;
}
#fancybox-thumbs ul li.active a {
  border-color: #E3000B;
  opacity: 1;
}
#fancybox-thumbs ul li img {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
}
/* =============================================================================
   Fancy Box
   ========================================================================== */
.fancybox-html-content {
  width: 900px;
  background-color: #fff;
  padding: 30px 40px;
}
.fancybox-html-content .fl-list {
  margin-bottom: 20px;
  margin-top: -5px;
  font-size: 13px;
}
.fancybox-html-content .fl-list li {
  margin-right: 30px;
  color: #4e5862;
}
.fancybox-html-content .media-image {
  margin-bottom: 20px;
}
.fancybox-html-content .cat-link {
  margin-bottom: 4px;
}
/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */
/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/
/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: block;
  vertical-align: top;
}
/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  /* Prevents text selection */
  -webkit-touch-callout: none;
  user-select: -moz-none;
  user-select: none;
  outline: none;
  white-space: nowrap;
  line-height: normal;
}
/* Button */
.selectboxit-container .selectboxit {
  width: 100% !important;
  /* Width of the dropdown button */
  cursor: pointer;
  overflow: hidden;
  display: block;
  position: relative;
  padding: 12px;
  border: 1px solid #d3d8dc;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  box-shadow: 2px 2px 0 #f7f7f7 inset;
  border-radius: 0;
}
.selectboxit-container .selectboxit:focus {
  background-color: #fff;
  border-color: #E3000B;
  outline: 0 none;
  box-shadow: 0 0 3px 1px rgba(227, 0, 11, 0.2);
}
/* Height and Vertical Alignment of Text */
.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
  display: block;
}
/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
}
/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled,
.selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
  cursor: default;
}
/* Button Text */
.selectboxit-text {
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  max-width: 100% !important;
}
.selectboxit .selectboxit-option-icon-container {
  display: none;
}
/* Options List */
.selectboxit-container .selectboxit-options {
  min-width: 100%;
  /* Minimum Width of the dropdown list box options */
  width: 100% !important;
  position: absolute;
  overflow: hidden auto;
  cursor: pointer;
  display: none;
  z-index: 100;
  text-align: left;
  background-color: #fff;
  border: 1px solid #fefefe;
  border-bottom-color: #eff1f3;
  border-top: 0;
  box-shadow: 0 5px 8px -4px rgba(0, 0, 0, 0.2);
  border-radius: 0;
}
.selectboxit-container .selectboxit-options .selectboxit-option {
  border-top: 1px solid #fefefe;
}
.selectboxit-container .selectboxit-options .selectboxit-option:first-child {
  border-top: 0;
}
.selectboxit-container .selectboxit-options .selectboxit-option.selectboxit-focus {
  background-color: #fffbcc;
}
.selectboxit-container .selectboxit-options .selectboxit-option .selectboxit-option-anchor {
  display: block;
  padding: 10px 15px;
  color: #212529;
}
/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
  padding: 0 2px;
}
/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}
/* Individual Option Optgroup Header */
.selectboxit-option,
.selectboxit-optgroup-header {
  text-indent: 5px;
  /* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}
/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}
/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}
/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  height: 100%;
  width: 50px;
  position: absolute;
  right: 0;
  top: 0;
}
.selectboxit-arrow-container i {
  font-style: normal;
  display: block;
  font-family: icon-font;
  height: 50px;
  line-height: 50px;
  width: 50px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 2em;
}
.selectboxit-arrow-container i::before {
  content: "\e601";
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}
.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}
.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}
/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}
/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
/* Autocomplete */
.autocomplete-suggestions {
  background-color: #fff;
  border: 1px solid #fefefe;
  border-top: 0;
  overflow: auto;
  box-shadow: 0 5px 8px -4px rgba(0, 0, 0, 0.2);
  border-radius: 0;
}
.autocomplete-suggestion {
  padding: 10px 15px;
  white-space: nowrap;
  overflow: hidden;
  border-top: 1px solid #fefefe;
}
.autocomplete-suggestion:first-child {
  border-top: 0;
}
.autocomplete-selected {
  background-color: #fffbcc;
  cursor: pointer;
}
.autocomplete-suggestions strong {
  /* font-weight: normal;
  color: @standard-ci-color-1; */
}
.autocomplete-holder {
  position: relative;
}
.autocomplete-holder .autocomplete-holde__hint {
  color: #7e8b98;
}
.autocomplete-holder .autocomplete-holde__autocomplete {
  background: transparent;
  position: absolute;
  z-index: 11;
}
.autocomplete-holder .autocomplete-holde__autocomplete:focus {
  background: transparent;
}
/*
Tipr 1.0.1
Copyright (c) 2013 Tipue
Tipr is released under the MIT License
http://www.tipue.com/tipr
*/
.tipr_content {
  background-color: #fff;
  color: #333;
  padding: 9px 17px;
  text-indent: 0;
  min-width: 200px;
  font-size: 0.77777778em;
}
.tipr_container_bottom {
  display: none;
  position: absolute;
  margin-top: 13px;
  z-index: 1000;
}
.tipr_container_top {
  display: none;
  position: absolute;
  margin-top: -75px;
  z-index: 1000;
}
.tipr_point_top,
.tipr_point_bottom {
  position: relative;
  background: #fff;
  border: 1px solid #dcdcdc;
}
.tipr_point_top::after,
.tipr_point_top::before {
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  top: 100%;
  content: "";
  height: 0;
  width: 0;
}
.tipr_point_top::after {
  border-top-color: #fff;
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
}
.tipr_point_top::before {
  border-top-color: #dcdcdc;
  border-width: 9px;
  left: 50%;
  margin-left: -9px;
}
.tipr_point_bottom::after,
.tipr_point_bottom::before {
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  bottom: 100%;
  content: "";
  height: 0;
  width: 0;
}
.tipr_point_bottom::after {
  border-bottom-color: #fff;
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
}
.tipr_point_bottom::before {
  border-bottom-color: #dcdcdc;
  border-width: 9px;
  left: 50%;
  margin-left: -9px;
}
/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    Default theme

    copyright (c) 2011 - 2014 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/
.Zebra_DatePicker *,
.Zebra_DatePicker *::after,
.Zebra_DatePicker *::before {
  box-sizing: content-box !important;
}
.Zebra_DatePicker {
  position: absolute;
  background: #666;
  border: 3px solid #666;
  z-index: 100000;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
}
.Zebra_DatePicker * {
  margin: 0;
  padding: 0;
  color: #000;
  background: transparent;
  border: none;
}
/* = GLOBALS
---------------------------------------------------------------------------------------------------------------------- */
.Zebra_DatePicker table {
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
  table-layout: auto;
}
.Zebra_DatePicker td,
.Zebra_DatePicker th {
  text-align: center;
  padding: 5px 0;
}
.Zebra_DatePicker td {
  cursor: pointer;
}
.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker {
  margin-top: 3px;
}
.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
  background: #e8e8e8;
  width: 30px;
  border: 1px solid #fff;
}
.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover {
  border-radius: 0;
}
/* = VISIBLE/HIDDEN STATES (USE TRANSITIONS FOR EFFECTS)
---------------------------------------------------------------------------------------------------------------------- */
.Zebra_DatePicker.dp_visible {
  display: block;
  visibility: visible;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.Zebra_DatePicker.dp_hidden {
  display: none;
  visibility: hidden;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
/* = HEADER
---------------------------------------------------------------------------------------------------------------------- */
.Zebra_DatePicker .dp_header td {
  color: #fff;
}
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next {
  width: 30px;
}
.Zebra_DatePicker .dp_header .dp_caption {
  font-weight: bold;
}
.Zebra_DatePicker .dp_header .dp_hover {
  background: #222;
  color: #fff;
}
/* = DATEPICKER
---------------------------------------------------------------------------------------------------------------------- */
.Zebra_DatePicker .dp_daypicker th {
  background: #E3000B;
  color: #fff;
}
.Zebra_DatePicker td.dp_not_in_month {
  background: #f3f3f3;
  color: #cdcdcd;
  cursor: default;
}
.Zebra_DatePicker td.dp_not_in_month_selectable {
  background: #f3f3f3;
  color: #cdcdcd;
  cursor: pointer;
}
.Zebra_DatePicker td.dp_weekend {
  background: #d8d8d8;
}
.Zebra_DatePicker td.dp_weekend_disabled {
  color: #ccc;
  cursor: default;
}
.Zebra_DatePicker td.dp_selected {
  background: #5a4b4b;
  color: #fff !important;
}
.Zebra_DatePicker td.dp_week_number {
  background: #fc3;
  color: #555;
  cursor: text;
  font-style: italic;
}
/* = MONTHPICKER
---------------------------------------------------------------------------------------------------------------------- */
.Zebra_DatePicker .dp_monthpicker td {
  width: 33%;
}
/* = YEARPICKER
---------------------------------------------------------------------------------------------------------------------- */
.Zebra_DatePicker .dp_yearpicker td {
  width: 33%;
}
/* = FOOTER
---------------------------------------------------------------------------------------------------------------------- */
.Zebra_DatePicker .dp_footer {
  margin-top: 3px;
}
.Zebra_DatePicker .dp_footer .dp_hover {
  background: #222;
  color: #fff;
}
/* = SELECT CURRENT DAY
---------------------------------------------------------------------------------------------------------------------- */
.Zebra_DatePicker .dp_today {
  color: #fff;
  padding: 3px;
}
/* = CLEAR DATE
---------------------------------------------------------------------------------------------------------------------- */
.Zebra_DatePicker .dp_clear {
  color: #fff;
  padding: 3px;
}
/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
---------------------------------------------------------------------------------------------------------------------- */
.Zebra_DatePicker td.dp_current {
  color: #c40000;
}
.Zebra_DatePicker td.dp_disabled_current {
  color: #e38585;
}
.Zebra_DatePicker td.dp_disabled {
  background: #f3f3f3;
  color: #cdcdcd;
  cursor: default;
}
.Zebra_DatePicker td.dp_hover {
  background: #482424;
  color: #fff;
}
/* = ICON
---------------------------------------------------------------------------------------------------------------------- */
button.Zebra_DatePicker_Icon {
  display: block;
  position: absolute;
  width: 46px;
  height: 46px;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  line-height: 46px;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  font-family: icon-font;
  font-size: 24px;
}
button.Zebra_DatePicker_Icon::before {
  content: "\f040";
}
/* =============================================================================
   Base Font
   ========================================================================== */
/* =============================================================================
   Base Font
   ========================================================================== */
/* Copyright 2010, 2012 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries.

This Font Software is licensed under the SIL Open Font License, Version 1.1.

This license is also available with a FAQ at: http://scripts.sil.org/OFL */
@font-face {
  font-family: SourceSans;
  src: url("../fonts/SourceSansPro-Regular.eot");
  src: url("../fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSansPro-Regular.ttf") format("truetype"), url("../fonts/SourceSansPro-Regular.woff") format("woff"), url("../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: SourceSans;
  src: url("../fonts/SourceSansPro-Bold.eot");
  src: url("../fonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSansPro-Bold.ttf") format("truetype"), url("../fonts/SourceSansPro-Bold.woff") format("woff"), url("../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: FF Fago Pro Regular by FontFont
 * URL: https://www.myfonts.com/collections/fontfont-foundry

 * Webfont: FF Fago Pro Medium by FontFont
 * URL: https://www.myfonts.com/collections/fontfont-foundry

 * © 2025 MyFonts Inc. */
@font-face {
  font-family: Fago;
  src: url("../fonts/FFFagoProRegular.woff") format("woff");
  src: url("../fonts/FFFagoProRegular.woff2") format("woff2");
  /* url('../fonts/@{standard-ci-font-3}.svg#@{standard-ci-font-3}') format('svg'); */
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Fago;
  src: url("../fonts/FFFagoProMedium.woff") format("woff");
  src: url("../fonts/FFFagoProMedium.woff2") format("woff2");
  /* url('../fonts/@{standard-ci-font-4}.svg#@{standard-ci-font-4}') format('svg'); */
  font-weight: 700;
  font-style: normal;
}
/* =============================================================================
   Icon Font
   ========================================================================== */
@font-face {
  font-family: icon-font;
  src: url("../fonts/icon-font.eot?i55zqa");
  src: url("../fonts/icon-font.eot?#iefixi55zqa") format("embedded-opentype"), url("../fonts/icon-font.woff?i55zqa") format("woff"), url("../fonts/icon-font.ttf?i55zqa") format("truetype"), url("../fonts/icon-font.svg?i55zqa#icon-font") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icf {
  font-family: icon-font;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icf-cog::before {
  content: "\f013";
}
.icf-trash-o::before {
  content: "\f014";
}
.icf-pencil::before {
  content: "\f040";
}
.icf-plus-circle::before {
  content: "\f055";
}
.icf-minus-circle::before {
  content: "\f056";
}
.icf-eye::before {
  content: "\f06e";
}
.icf-sign-out::before {
  content: "\f08b";
}
.icf-sign-in::before {
  content: "\f090";
}
.icf-cloud-download::before {
  content: "\f0ed";
}
.icf-cloud-upload::before {
  content: "\f0ee";
}
.icf-file-text-o::before {
  content: "\f0f6";
}
.icf-smile-o::before {
  content: "\f118";
}
.icf-frown-o::before {
  content: "\f119";
}
.icf-meh-o::before {
  content: "\f11a";
}
.icf-unlock-alt::before {
  content: "\f13e";
}
.icf-angle-double-down::before {
  content: "\e600";
}
.icf-angle-down::before {
  content: "\e601";
}
.icf-angle-left::before {
  content: "\e602";
}
.icf-angle-right::before {
  content: "\e603";
}
.icf-angle-up::before {
  content: "\e604";
}
.icf-arrows-alt::before {
  content: "\e605";
}
.icf-bars::before {
  content: "\e606";
}
.icf-caret-down::before {
  content: "\e607";
}
.icf-caret-left::before {
  content: "\e608";
}
.icf-caret-right::before {
  content: "\e609";
}
.icf-caret-up::before {
  content: "\e60a";
}
.icf-check-circle::before {
  content: "\e60b";
}
.icf-chevron-left::before {
  content: "\e60c";
}
.icf-chevron-right::before {
  content: "\e60d";
}
.icf-comments-o::before {
  content: "\e60e";
}
.icf-cross::before {
  content: "\e60f";
}
.icf-dbp-emblem::before {
  content: "\e610";
}
.icf-download::before {
  content: "\e611";
}
.icf-envelope::before {
  content: "\e612";
}
.icf-external-link::before {
  content: "\e613";
}
.icf-facebook::before {
  content: "\e614";
}
.icf-facebook-square::before {
  content: "\e615";
}
.icf-file-text::before {
  content: "\e616";
}
.icf-google-plus::before {
  content: "\e617";
}
.icf-google-plus-square::before {
  content: "\e618";
}
.icf-home::before {
  content: "\e619";
}
.icf-info-circle::before {
  content: "\e61a";
}
.icf-instagram::before {
  content: "\e61b";
}
.icf-phone::before {
  content: "\e61c";
}
.icf-play-circle::before {
  content: "\e61d";
}
.icf-plus::before {
  content: "\e61e";
}
.icf-print::before {
  content: "\e61f";
}
.icf-search::before {
  content: "\e620";
}
.icf-stop::before {
  content: "\e621";
}
.icf-times::before {
  content: "\e622";
}
.icf-times-circle::before {
  content: "\e623";
}
.icf-twitter::before {
  content: "\e624";
}
.icf-twitter-square::before {
  content: "\e625";
}
.icf-warning::before {
  content: "\e626";
}
.icf-xing-square::before {
  content: "\e627";
}
.icf-youtube-square::before {
  content: "\e628";
}
.icf-question-circle::before {
  content: "\f059";
}
.icf-star::before {
  content: "\f005";
}
.icf-star-o::before {
  content: "\f006";
}
/* =============================================================================
   Generic
   ========================================================================== */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  /* 2 */
  text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  appearance: auto;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
/* Reset Space (Added) */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
hr {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
html,
button,
input,
select,
textarea {
  color: #212529;
  font-family: Fago, sans-serif;
  font-weight: 400;
}
html {
  font-size: 18px;
  line-height: 1.4;
}
body {
  overflow-y: scroll;
}
::selection {
  background: #E3000B;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #E3000B;
  color: #fff;
  text-shadow: none;
}
audio,
canvas,
img,
video {
  vertical-align: middle;
}
textarea {
  resize: vertical;
}
/* Added */
a {
  color: #E3000B;
  text-decoration: none;
}
a:hover {
  color: #E3000B;
  text-decoration: underline;
}
a:active,
a:hover,
a:focus {
  outline: 0;
}
ul,
ol {
  list-style: none;
  list-style-image: none;
}
em {
  font-style: normal;
}
* {
  box-sizing: border-box;
}
/* =============================================================================
   Base
   ========================================================================== */
/* =============================================================================
   Base Headlines
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  margin-bottom: 0.5em;
  position: relative;
  font-weight: 400;
  font-family: Fago, sans-serif;
}
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i {
  margin-right: 5px;
  float: left;
  position: relative;
  top: 1px;
}
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
  font-weight: 700;
}
h1.bold small,
h2.bold small,
h3.bold small,
h4.bold small,
h5.bold small,
h6.bold small {
  font-weight: 400;
}
h1 small i,
h2 small i,
h3 small i,
h4 small i,
h5 small i,
h6 small i {
  float: none;
  margin-right: 0;
}
h1.has-border,
h2.has-border,
h3.has-border,
h4.has-border,
h5.has-border,
h6.has-border {
  margin-bottom: 1.8em;
  display: inline-block !important;
  position: relative;
}
h1.has-border::before,
h2.has-border::before,
h3.has-border::before,
h4.has-border::before,
h5.has-border::before,
h6.has-border::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 46%;
  background-color: #E3000B;
  bottom: -0.6em;
}
h1.has-border.has-border--center::before,
h2.has-border.has-border--center::before,
h3.has-border.has-border--center::before,
h4.has-border.has-border--center::before,
h5.has-border.has-border--center::before,
h6.has-border.has-border--center::before {
  left: 50%;
  margin-left: -23%;
}
h1 {
  font-size: 2.55555556em;
}
h2 {
  font-size: 2.11111111em;
}
h3 {
  font-size: 1.77777778em;
}
h4 {
  font-size: 1.22222222em;
}
h5 {
  font-size: 0.88888889em;
}
h6 {
  font-size: 0.77777778em;
}
/* =============================================================================
   Base Forms
   ========================================================================== */
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  top: 1px;
}
legend {
  display: none;
}
fieldset {
  position: relative;
}
fieldset p,
fieldset .progress {
  margin-bottom: 20px !important;
}
label {
  display: block;
  margin-bottom: 4px;
  cursor: pointer;
  font-size: 0.94444444em;
}
label.error {
  color: #dc3545;
  padding-top: 4px;
  font-size: 0.77777778em;
}
label.label-error {
  color: #dc3545;
  font-size: 0.77777778em;
}
input[type="text"],
input[type="password"],
input[type="file"],
input[type="email"],
textarea,
select {
  padding: 12px;
  border: 1px solid #d3d8dc;
  width: 100%;
  background-color: #fff;
  appearance: none;
  transition: all 0.2s ease-in-out;
  box-shadow: 2px 2px 0 #f7f7f7 inset;
  border-radius: 2px;
}
input[type="text"].disabled,
input[type="password"].disabled,
input[type="file"].disabled,
input[type="email"].disabled,
textarea.disabled,
select.disabled {
  background-color: #fefefe;
  color: #4e5862;
  font-weight: bold;
  border-color: #eff1f3;
  box-shadow: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  background-color: #fff;
  border-color: #E3000B;
  outline: 0 none;
  box-shadow: 0 0 3px 1px rgba(227, 0, 11, 0.2);
}
input[type="text"].blur,
input[type="password"].blur,
input[type="file"].blur,
input[type="email"].blur,
textarea.blur,
select.blur {
  color: #313233;
}
input[type="text"].error,
input[type="password"].error,
input[type="file"].error,
input[type="email"].error,
textarea.error,
select.error {
  border-color: #8e1115;
  box-shadow: 1px 1px 2px rgba(142, 17, 21, 0.15) inset;
}
input[type="text"].valid,
input[type="password"].valid,
input[type="file"].valid,
input[type="email"].valid,
textarea.valid,
select.valid {
  background-color: #f9fefa;
  box-shadow: 1px 1px 2px #d8f6df inset;
}
textarea {
  height: 150px;
}
select {
  color: #212529;
  padding: 11px;
}
.input-checkbox-holder {
  position: relative;
  padding-left: 20px;
}
.input-checkbox-holder input {
  position: absolute;
  left: 0;
  top: 5px;
}
.input-hint {
  display: block;
  padding-top: 4px;
}
.submit-field {
  padding-top: 25px;
}
.input-holder {
  position: relative;
  display: block;
}
.input-tooltip {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  height: 49px;
  width: 49px;
  cursor: help;
}
.input-tooltip i {
  height: 49px;
  width: 49px;
  line-height: 49px;
  text-align: center;
  font-size: 1.44444444em;
}
.fileinput-button {
  overflow: hidden;
  position: relative;
}
.fileinput-button input {
  cursor: pointer;
  direction: ltr;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.progress {
  background-color: #fefefe;
  height: 20px;
  overflow: hidden;
  margin-bottom: 40px;
}
.progress .progress__bar {
  background-color: #E3000B;
  color: #fff;
  float: left;
  font-size: 12px;
  height: 100%;
  line-height: 20px;
  text-align: center;
  width: 0;
  transition: width 0.6s ease 0s;
}
.radio-label {
  display: inline-block;
  /* Align with the radio button */
  vertical-align: middle;
  /* Align with the radio button's middle */
  margin-left: 8px;
  /* Spacing between radio and label */
}
.radio-input {
  vertical-align: middle;
  /* Ensures it aligns with the text */
}
/* =============================================================================
   Base Textlayout
   ========================================================================== */
p {
  margin-bottom: 40px;
}
p.medium {
  font-size: 0.88888889em;
  color: #383f45;
  margin-bottom: 35px;
}
p.small {
  font-size: 0.77777778em;
  color: #383f45;
  margin-bottom: 35px;
}
p.smaller {
  font-size: 0.72222222em;
  color: #4e5862;
  margin-bottom: 35px;
}
p.small-margin-bottom {
  margin-bottom: 40px / 2;
}
.border-left {
  padding: 10px 22px;
  padding-right: 0;
  border-left: 5px solid #eff1f3;
  margin-left: 14px;
}
.big-letter {
  float: left;
  font-weight: 700;
  line-height: 56px;
  margin: 0 4px -10px -4px;
  font-family: Fago, sans-serif;
  font-size: 3.11111111em;
}
.bold {
  font-weight: 700;
}
.letter-spacing {
  letter-spacing: 0.2em;
}
.upper {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.font-size-16 {
  font-size: 0.88888889em;
}
.font-size-20 {
  font-size: 1.11111111em;
}
.font-size-38 {
  font-size: 2.11111111em;
}
.text-shadow {
  text-shadow: 0 0 10px #313233;
}
.status-rejected {
  color: #f00;
  font-size: 0.77777778em;
}
small {
  font-size: 14px;
  color: #4e5862;
  font-family: Fago, sans-serif;
}
small .icf {
  top: 1px;
  position: relative;
}
a small {
  color: #E3000B;
}
.icf {
  vertical-align: middle;
}
hr {
  display: block;
  height: 0;
  border: 0;
  border-bottom: 2px solid #fefefe;
  margin: 0 auto;
  padding: 0;
  clear: both;
  margin-bottom: 40px;
}
hr.dotted {
  border-bottom: 1px dashed #b7bec5;
}
hr.dark {
  border-color: #eff1f3;
}
sup {
  font-size: 60%;
  font-weight: 300;
}
code {
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  display: block;
  padding: 10px;
  font-size: 0.72222222em;
  border-radius: 0;
  margin-bottom: 40px;
}
q {
  display: block;
  position: relative;
  quotes: none;
  font-weight: normal;
  padding: 10px 22px;
  font-size: 1em;
  border-left: 5px solid #eff1f3;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  line-height: 1.5;
  margin-bottom: 40px;
}
q cite {
  color: #7e8b98;
  display: block;
  font-size: 0.88888889em;
  font-style: normal;
  font-family: Fago, sans-serif;
  margin-top: 5px;
}
q cite::before {
  content: "— ";
}
q.big-quote {
  border: 0;
  padding: 0;
  font-family: Fago, sans-serif;
  margin-bottom: 50px;
  font-size: 2.11111111em;
}
.label {
  display: inline-block;
  background-color: #212529;
  color: #fff !important;
  padding: 2px 4px;
  line-height: normal;
  font-size: 14px;
  border-radius: 2px;
}
.label i.fa-times {
  color: #E3000B;
}
.label.label--danger {
  background-color: #f00;
  color: #fff;
}
.date {
  display: block;
}
.date em {
  display: block;
  float: left;
  font-family: Fago, sans-serif;
  font-weight: 700;
  line-height: 1;
  margin-right: 10px;
  margin-top: -3px;
  font-size: 3.33333333em;
}
.date span {
  display: block;
  font-family: Fago, sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 1.66666667em;
}
.date small {
  display: block;
  line-height: 1;
  font-family: Fago, sans-serif;
  font-size: 1.22222222em;
}
.date.date--small em {
  margin-right: 4px;
  font-size: 2.44444444em;
}
.date.date--small span {
  font-size: 1.11111111em;
}
.date.date--small small {
  font-size: 0.77777778em;
}
.date--small .date em {
  margin-right: 4px;
  font-size: 2.44444444em;
}
.date--small .date span {
  font-size: 1.11111111em;
}
.date--small .date small {
  font-size: 0.77777778em;
}
.date--small .border-left {
  padding: 5px 0 5px 15px;
}
.time {
  margin-bottom: 20px;
}
.grey-5 {
  color: #f7f7f7;
}
.grey-10 {
  color: #fefefe;
}
.grey-20 {
  color: #eff1f3;
}
.grey-30 {
  color: #d3d8dc;
}
.grey-40 {
  color: #b7bec5;
}
.grey-50 {
  color: #9ba5ae;
}
.grey-60 {
  color: #7e8b98;
}
.grey-70 {
  color: #65717e;
}
.grey-80 {
  color: #4e5862;
}
.grey-90 {
  color: #383f45;
}
.grey-base {
  color: #212529;
}
.grey-110 {
  color: #343a40;
}
.font-1 {
  font-family: Fago, sans-serif;
}
.status {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #eff1f3;
  text-indent: -9999px;
  border-radius: 50%;
}
.status-1-active .status.status--incomplete {
  background-color: #f00;
}
.status-2-active .status.status--is-being-reviewed {
  background-color: #ffa500;
}
.status-3-active .status.status--complete {
  background-color: #008000;
}
.blank-list .status {
  position: relative;
  top: 3px;
  float: left;
  margin-right: 7px;
}
/* =============================================================================
   Base Lists
   ========================================================================== */
ol {
  list-style-type: decimal;
  margin-left: 22px;
  line-height: normal;
  margin-bottom: 32px;
}
ol li {
  margin-bottom: 8px;
}
ol ol {
  margin-bottom: 5px;
  margin-top: 10px;
}
ol ol li {
  list-style-type: lower-alpha;
  margin-bottom: 5px;
}
dl {
  margin-bottom: 40px;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: 5px;
}
.normal-list {
  list-style-type: none;
  margin-left: 20px;
  margin-bottom: 32px;
}
.normal-list li {
  margin-bottom: 8px;
  padding-left: 12px;
  position: relative;
}
.normal-list li::before {
  position: absolute;
  left: 0;
  font-size: 16px;
  top: 2px;
  content: "\e603";
  font-family: icon-font;
}
.normal-list li ul {
  margin-bottom: 5px;
  margin-top: 10px;
  margin-left: 10px;
}
.normal-list li ul li {
  margin-bottom: 5px;
}
.normal-list li ul li::before {
  content: "\e609";
  left: 0;
  top: 1px;
  font-size: 0.72222222em;
}
.blank-list {
  margin-bottom: 35px;
}
.blank-list li {
  margin-bottom: 5px;
}
.center-list {
  text-align: center;
  margin-bottom: 30px;
}
.center-list img {
  padding: 5px;
  margin-bottom: 10px;
}
.center-list .btn {
  margin: 0 5px;
  margin-bottom: 10px;
}
.center-list a {
  margin: 0 5px;
  margin-bottom: 10px;
  display: inline-block;
}
.fl-list {
  margin-bottom: 40px;
}
.fl-list li {
  float: left;
  margin-right: 40px;
}
.fl-list li p {
  margin-bottom: 0;
}
.fl-list.fl-list--border {
  padding: 10px 22px;
  padding-right: 0;
  border-left: 5px solid #eff1f3;
}
.item {
  margin-bottom: 40px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #eff1f3;
  position: relative;
}
.item:last-child {
  border-bottom: 0;
}
.item a {
  display: block;
}
.item h4 {
  margin-bottom: 5px;
}
.item p {
  font-size: 0.83333333em;
  color: #212529;
}
.item.item--has-image {
  padding-left: 170px;
  min-height: 170px;
}
.item.item--has-image .item__image {
  left: 0;
  top: 0;
  display: block;
  position: absolute;
  overflow: hidden;
}
.item.item--has-image .item__image img {
  max-width: 150px;
  transform-origin: left top;
  transform: scale(1.001);
  transition: transform 0.3s;
}
.item.item--has-image .item__hint {
  display: block;
  padding: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../images/singleones/transperancies/black_60.png");
  color: #fff;
  font-size: 0.61111111em;
}
.item.item--small {
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.item.item--small h4 {
  font-size: 0.88888889em;
  margin-bottom: 0;
}
.item.item--small h5 {
  font-size: 0.77777778em;
}
.item .icon-list {
  margin-bottom: 0;
}
.item .icon-list li {
  float: left;
  margin-right: 10px;
}
.item .icon-list li a {
  font-size: 0.88888889em;
}
.item.item--has-image a.item__image:hover img {
  transform: scale(1.05);
}
.title-list {
  margin-bottom: 20px;
}
.title-list > li {
  border-top: 1px dashed #b7bec5;
  padding: 20px 15px;
  padding-right: 40px;
  position: relative;
}
.title-list > li:first-child {
  border-top: 0;
  padding-top: 0;
}
.title-list > li.title-list__is-filled {
  background-color: #fbffde;
}
.title-list > li.title-list__is-filled::before {
  content: "\e60b";
  font-family: icon-font;
  position: absolute;
  font-size: 30px;
  right: 10px;
  top: 10px;
  color: #96ab00;
  width: 26px;
  height: 30px;
  display: block;
  line-height: 30px;
  text-align: center;
}
.title-list > li .title-list__options {
  position: absolute;
  right: 0;
  top: 20px;
}
.title-list > li.title-list__canceled {
  padding: 20px;
}
.title-list > li.title-list__canceled .title-list__options {
  right: 20px;
}
.title-list > li.title-list__canceled .title-list__canceled__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-image: url("../images/singleones/transperancies/red_20.png");
  overflow: hidden;
}
.title-list > li.title-list__canceled .title-list__canceled__overlay span {
  background-color: #f00;
  color: #fff;
  display: block;
  padding: 2px 0;
  text-align: center;
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  font-size: 0.88888889em;
}
.csstransforms .title-list > li.title-list__canceled .title-list__canceled__overlay span {
  transform: rotate(-45deg);
  top: 25px;
  left: -65px;
}
.title-list > li.title-list__canceled .title-list__canceled__reason {
  font-size: 0.77777778em;
}
.title-list > li.title-list__judged {
  overflow: hidden;
  background-color: #fbffde;
}
.title-list > li.title-list__judged .title-list__judged__overlay {
  background-color: #96ab00;
  color: #fff;
  display: block;
  padding: 2px 0;
  text-align: center;
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  z-index: 20;
  font-size: 0.88888889em;
}
.csstransforms .title-list > li.title-list__judged .title-list__judged__overlay {
  transform: rotate(-45deg);
  top: 30px;
  left: -50px;
}
.title-list > li.title-list__judged .title-list__canceled__reason {
  font-size: 0.77777778em;
}
.title-list.title-list--detail li:first-child {
  border-top: 1px solid #ff1722;
  padding-top: 20px;
}
.judged-overlay {
  background-color: #96ab00;
  color: #fff;
  display: block;
  padding: 2px 0;
  text-align: center;
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  z-index: 20;
  font-size: 0.88888889em;
}
.csstransforms .judged-overlay {
  transform: rotate(-45deg);
  top: 30px;
  left: -50px;
}
/* =============================================================================
   Base Messages
   ========================================================================== */
/* Alert Messages */
.alert {
  padding: 15px;
  border: 1px solid transparent;
  position: relative;
  font-size: 16px;
  margin-bottom: 40px;
  border-radius: 4px;
}
.alert > i {
  margin-right: 5px;
  font-size: 16px;
  position: absolute;
  left: 15px;
  top: 18px;
}
.alert.has-icon {
  padding-left: 37px;
}
.alert.alert--fullsize {
  border-left: 0;
  border-right: 0;
  padding: 0 !important;
}
.alert.alert--fullsize .alert__inner {
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.alert.alert--fullsize .alert__inner i {
  margin-right: 5px;
}
.alert.success {
  background-color: #d8f6df;
  border-color: #28a745;
  color: #18652a;
}
.alert.success i {
  color: #18652a;
}
.alert.success p.small {
  color: #18652a;
}
.alert.info {
  background-color: #d8f7fc;
  border-color: #9fe7f1;
  color: #126875;
}
.alert.info i {
  color: #126875;
}
.alert.info p.small {
  color: #126875;
}
.alert.warning {
  background-color: #ffebda;
  border-color: #ffd9b8;
  color: #b95b08;
}
.alert.warning i {
  color: #b95b08;
}
.alert.warning p.small {
  color: #b95b08;
}
.alert.danger {
  background-color: #f6dee1;
  border-color: #efbec3;
  color: #af2230;
}
.alert.danger i {
  color: #af2230;
}
.alert.danger p.small {
  color: #af2230;
}
/* Small Status Message */
.alert-small {
  display: block;
  position: relative;
  margin-bottom: 10px;
  padding-left: 18px;
  line-height: normal;
  font-size: 13px;
}
.item-count-input-list .alert-small {
  margin-top: -10px;
}
fieldset .alert-small {
  margin-top: 4px;
}
.alert-small i {
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 1px;
}
.alert-small i.fa-exclamation-triangle {
  top: 2px;
}
.alert-small.success {
  color: #18652a;
}
.alert-small.info {
  color: #126875;
}
.alert-small.warning {
  color: #b95b08;
}
.alert-small.danger {
  color: #af2230;
}
/* =============================================================================
   Base Tables
   ========================================================================== */
.content-table {
  border-collapse: collapse;
  width: 100%;
  border: 2px solid #fefefe;
  background-color: #fff;
  font-size: 0.88888889em;
  margin-bottom: 40px;
}
.content-table p {
  margin-bottom: 0;
}
.content-table tr {
  border-bottom: 1px solid #e4e7d4;
}
.content-table td,
.content-table th {
  padding: 12px;
  text-align: left;
  vertical-align: top;
  width: 50%;
}
.content-table td a i,
.content-table th a i {
  color: #7e8b98;
  margin-right: 2px;
}
.content-table td strong,
.content-table th strong,
.content-table td b,
.content-table th b {
  display: inline-block;
  padding: 2px 6px;
  background-color: #b00009;
  color: #fff;
  font-weight: normal;
  border-radius: 2px;
}
.content-table th {
  text-align: right;
  font-weight: 700;
  background-color: #f7f7f7;
}
.content-table h1,
.content-table h2,
.content-table h3,
.content-table h4,
.content-table h5 {
  margin-bottom: 0;
}
/* ==========================================================================
   Base Animations
   ========================================================================== */
/*************** ANIMATIONS ***************/
@keyframes animatedBackground {
  from {
    background-position: 0 center;
  }
  to {
    background-position: 1400px center;
  }
}
@keyframes spinVert {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(-360deg);
  }
}
@keyframes spinVert {
  from {
    ms-transform: rotateY(0);
  }
  to {
    ms-transform: rotateY(-360deg);
  }
}
@keyframes spinVert {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(-360deg);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gummy {
  0% {
    transform: scale(1.2);
  }
  25% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.gummy {
  animation: gummy 0.4s ease 1 normal forwards;
}
@keyframes show-update {
  from {
    background-color: #ffffbe;
  }
  to {
    background-color: #fff;
  }
}
@keyframes show-update {
  from {
    background-color: #ffffbe;
  }
  to {
    background-color: #fff;
  }
}
@keyframes show-update {
  from {
    background-color: #ffffbe;
  }
  to {
    background-color: #fff;
  }
}
.updated {
  animation: show-update 2s ease 1 normal forwards;
}
@keyframes show-update-grey {
  from {
    background-color: #ffffbe;
  }
  to {
    background-color: #f5f5f5;
  }
}
@keyframes show-update-grey {
  from {
    background-color: #ffffbe;
  }
  to {
    background-color: #f5f5f5;
  }
}
@keyframes show-update-grey {
  from {
    background-color: #ffffbe;
  }
  to {
    background-color: #f5f5f5;
  }
}
.updated-grey {
  animation: show-update-grey 2s ease 1 normal forwards;
}
.pusher-helper {
  min-height: 1px;
}
.row {
  display: block;
  margin-left: -40px;
  position: relative;
}
.row.row--no-padding {
  margin-left: 0;
}
.row.row--small-padding {
  margin-left: -20px;
}
*[class*="grid"].grid--absolute {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
*[class*="grid"].grid--absolute.grid--right {
  left: auto;
  right: 0;
}
.grid-1 {
  float: left;
  width: 8.33333333%;
  padding-left: 40px;
  position: relative;
  text-align: left;
}
.grid-1.center-column {
  margin-left: 45.83333333%;
}
.grid-1.right-column {
  margin-left: 91.66666667%;
}
.row--no-padding .grid-1 {
  padding: 0;
}
.row--small-padding .grid-1 {
  padding-left: 20px;
}
.grid-2 {
  float: left;
  width: 16.66666667%;
  padding-left: 40px;
  position: relative;
  text-align: left;
}
.grid-2.center-column {
  margin-left: 41.66666667%;
}
.grid-2.right-column {
  margin-left: 83.33333333%;
}
.row--no-padding .grid-2 {
  padding: 0;
}
.row--small-padding .grid-2 {
  padding-left: 20px;
}
.grid-3 {
  float: left;
  width: 25%;
  padding-left: 40px;
  position: relative;
  text-align: left;
}
.grid-3.center-column {
  margin-left: 37.5%;
}
.grid-3.right-column {
  margin-left: 75%;
}
.row--no-padding .grid-3 {
  padding: 0;
}
.row--small-padding .grid-3 {
  padding-left: 20px;
}
.grid-4 {
  float: left;
  width: 33.33333333%;
  padding-left: 40px;
  position: relative;
  text-align: left;
}
.grid-4.center-column {
  margin-left: 33.33333333%;
}
.grid-4.right-column {
  margin-left: 66.66666667%;
}
.row--no-padding .grid-4 {
  padding: 0;
}
.row--small-padding .grid-4 {
  padding-left: 20px;
}
.grid-5 {
  float: left;
  width: 41.66666667%;
  padding-left: 40px;
  position: relative;
  text-align: left;
}
.grid-5.center-column {
  margin-left: 29.16666667%;
}
.grid-5.right-column {
  margin-left: 58.33333333%;
}
.row--no-padding .grid-5 {
  padding: 0;
}
.row--small-padding .grid-5 {
  padding-left: 20px;
}
.grid-6 {
  float: left;
  width: 50%;
  padding-left: 40px;
  position: relative;
  text-align: left;
}
.grid-6.center-column {
  margin-left: 25%;
}
.grid-6.right-column {
  margin-left: 50%;
}
.row--no-padding .grid-6 {
  padding: 0;
}
.row--small-padding .grid-6 {
  padding-left: 20px;
}
.grid-7 {
  float: left;
  width: 58.33333333%;
  padding-left: 40px;
  position: relative;
  text-align: left;
}
.grid-7.center-column {
  margin-left: 20.83333333%;
}
.grid-7.right-column {
  margin-left: 41.66666667%;
}
.row--no-padding .grid-7 {
  padding: 0;
}
.row--small-padding .grid-7 {
  padding-left: 20px;
}
.grid-8 {
  float: left;
  width: 66.66666667%;
  padding-left: 40px;
  position: relative;
  text-align: left;
}
.grid-8.center-column {
  margin-left: 16.66666667%;
}
.grid-8.right-column {
  margin-left: 33.33333333%;
}
.row--no-padding .grid-8 {
  padding: 0;
}
.row--small-padding .grid-8 {
  padding-left: 20px;
}
.grid-9 {
  float: left;
  width: 75%;
  padding-left: 40px;
  position: relative;
  text-align: left;
}
.grid-9.center-column {
  margin-left: 12.5%;
}
.grid-9.right-column {
  margin-left: 25%;
}
.row--no-padding .grid-9 {
  padding: 0;
}
.row--small-padding .grid-9 {
  padding-left: 20px;
}
.grid-10 {
  float: left;
  width: 83.33333333%;
  padding-left: 40px;
  position: relative;
  text-align: left;
}
.grid-10.center-column {
  margin-left: 8.33333333%;
}
.grid-10.right-column {
  margin-left: 16.66666667%;
}
.row--no-padding .grid-10 {
  padding: 0;
}
.row--small-padding .grid-10 {
  padding-left: 20px;
}
.grid-11 {
  float: left;
  width: 91.66666667%;
  padding-left: 40px;
  position: relative;
  text-align: left;
}
.grid-11.center-column {
  margin-left: 4.16666667%;
}
.grid-11.right-column {
  margin-left: 8.33333333%;
}
.row--no-padding .grid-11 {
  padding: 0;
}
.row--small-padding .grid-11 {
  padding-left: 20px;
}
.grid-12 {
  float: left;
  width: 100%;
  padding-left: 40px;
  position: relative;
  text-align: left;
}
.row--no-padding .grid-12 {
  padding: 0;
}
.row--small-padding .grid-12 {
  padding-left: 20px;
}
/* Push */
.push-1 {
  margin-left: 8.33333333%;
}
.push-2 {
  margin-left: 16.66666667%;
}
.push-3 {
  margin-left: 25%;
}
.push-4 {
  margin-left: 33.33333333%;
}
.push-5 {
  margin-left: 41.66666667%;
}
.push-6 {
  margin-left: 50%;
}
.push-7 {
  margin-left: 58.33333333%;
}
.push-8 {
  margin-left: 66.66666667%;
}
.push-9 {
  margin-left: 75%;
}
.push-10 {
  margin-left: 83.33333333%;
}
.push-11 {
  margin-left: 91.66666667%;
}
.push-12 {
  margin-left: 100%;
}
.row .row-image {
  display: flex;
  flex-wrap: wrap;
  /* Ensures items wrap to the next line */
  margin: 0 -15px;
  /* Optional: Adjust spacing between columns */
}
.grid-image img {
  max-height: 150px;
}
.grid-image .media-item {
  height: 95%;
}
/* =============================================================================
   Base Callouts
   ========================================================================== */
.callout {
  padding: 15px 20px;
  background-color: #fff;
  border-bottom: 2px solid transparent;
  margin-bottom: 40px;
}
.callout p {
  font-size: 0.88888889em;
}
.callout.callout--big-padding {
  padding: 20px 25px;
}
.callout--success {
  background-color: #edfbf0;
  border-color: #28a745;
  color: #18652a;
}
.callout--success h4,
.callout--success a {
  color: #18652a;
}
.callout--info {
  background-color: #d8f7fc;
  border-color: #9fe7f1;
  color: #126875;
}
.callout--info h4,
.callout--info a {
  color: #126875;
}
/* =============================================================================
   Guide
   ========================================================================== */
.guide {
  padding: 50px;
}
.content-dummy {
  background-color: #eff1f3;
  display: block;
  padding: 5px;
  margin-bottom: 40px;
}
.ci-color {
  padding: 10px;
  background-color: #E3000B;
  color: #fff;
  margin-bottom: 40px;
}
.ci-color.light {
  background-color: #ff1722;
}
.ci-color.lighter {
  background-color: #ff4a53;
}
.ci-color.lightest {
  background-color: #ff7d83;
}
.ci-color.dark {
  background-color: #b00009;
}
.ci-color.darker {
  background-color: #7d0006;
}
.ci-color.darkest {
  background-color: #4a0004;
}
/* =============================================================================
   Objects
   ========================================================================== */
/* =============================================================================
   Standard Buttons
   ========================================================================== */
.btn {
  display: inline-block;
  padding: 14px 30px;
  line-height: normal !important;
  height: auto !important;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  width: auto;
  position: relative;
  border: 0;
  color: #fff;
  background: none;
  background-color: #E3000B;
  text-shadow: none;
  font-size: 20px !important;
  letter-spacing: 0.1em;
  font-weight: 400 !important;
  border-radius: 4px;
  transition: all 0.15s;
}
.btn i {
  position: relative;
  top: 1px;
}
.btn.small {
  padding: 10px 20px;
  font-size: 16px !important;
}
.btn.big {
  padding: 12px 20px;
  font-size: 1.33333333em;
}
.btn.active {
  text-decoration: none;
  color: #fff;
  background-color: #E3000B;
  border-color: #E3000B;
}
.btn.btn--green {
  background-color: #96ab00;
}
.btn.btn--gray {
  background-color: #d3d8dc;
  color: #343a40;
}
.btn.btn--no-style,
.btn.btn--no-style:hover {
  background: none;
  color: #4e5862;
  border: 0;
}
.btn.btn--no-style:hover,
.btn.btn--no-style:hover:hover {
  text-decoration: underline;
  background: none;
}
.btn.btn--no-style:active,
.btn.btn--no-style:hover:active {
  top: 0;
}
.btn.btn--disabled,
.btn.btn--disabled:hover {
  background-color: #eff1f3;
  color: #9ba5ae;
  border-color: #b7bec5;
  text-shadow: none;
  cursor: not-allowed;
}
.btn.btn--disabled:active,
.btn.btn--disabled:hover:active {
  top: 0;
}
.btn.btn--disabled i,
.btn.btn--disabled:hover i {
  transform: scale(1);
}
.btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #fc000c;
}
.btn:active {
  top: 1px;
}
.btn-list {
  margin-bottom: 40px;
}
.btn-list li {
  float: left;
  margin-left: 10px;
  padding-left: 10px;
}
.btn-list li:first-child {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}
.simple-btn {
  display: inline-block;
  padding: 8px 12px;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  width: auto;
  overflow: hidden;
  position: relative;
  background: none;
  border: 0;
  color: #fff;
  font-weight: normal;
  font-family: Fago, sans-serif;
  background-color: #E3000B;
  font-size: 14px;
  line-height: normal;
  border-radius: 4px;
  transition: all 0.2s;
}
.simple-btn i {
  float: right;
  position: relative;
  margin-left: 5px;
}
.simple-btn.simple-btn--icon-left i {
  float: left;
  margin-left: 0;
  margin-right: 5px;
}
.simple-btn.disabled,
.simple-btn.disabled:hover {
  background-color: #eff1f3;
  color: #9ba5ae;
  border-color: #b7bec5;
  text-shadow: none;
  cursor: not-allowed;
}
.simple-btn.disabled:active,
.simple-btn.disabled:hover:active {
  top: 0;
}
.simple-btn.disabled i,
.simple-btn.disabled:hover i {
  transform: scale(1);
}
.simple-btn.no-style,
.simple-btn.no-style:hover {
  background: none;
  color: #4e5862;
  padding: 8px 0;
}
.simple-btn.no-style:hover,
.simple-btn.no-style:hover:hover {
  text-decoration: underline;
  background: none;
}
.simple-btn.no-style:active,
.simple-btn.no-style:hover:active {
  top: 0;
}
.simple-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #fc000c;
}
.simple-btn:active {
  top: 1px;
}
/* =============================================================================
   Object Media
   ========================================================================== */
.single-image {
  text-align: center;
  margin-bottom: 40px;
}
.single-image.rounded {
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  border: 8px solid #fff;
  border-radius: 50%;
}
.single-image img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.single-image.max-width {
  max-width: 200px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.single-image.max-width-360 {
  max-width: 360px;
  display: inline-block;
  margin-bottom: 40px;
}
.single-image.max-width-300 {
  max-width: 300px;
  display: inline-block;
  margin-bottom: 40px;
}
.single-image.max-width-200 {
  max-width: 200px;
  display: inline-block;
  margin-bottom: 40px;
}
.single-image.max-width-150 {
  max-width: 150px;
  display: inline-block;
  margin-bottom: 40px;
}
.single-image.max-width-100 {
  max-width: 100px;
  display: inline-block;
  margin-bottom: 40px;
}
.single-image.single-image--vb {
  max-width: 85px;
  display: inline-block;
  margin-bottom: 0;
}
.single-image .single-image__title {
  display: block;
  text-align: left;
  padding: 10px;
  line-height: normal;
  color: #fff;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-image: url("../images/singleones/transperancies/black_60.png");
  overflow: hidden;
  z-index: 1;
  font-size: 0.77777778em;
}
.media-with-details .single-image .single-image__title {
  padding-right: 50px;
}
.single-image .single-image__title h3 {
  margin-bottom: 5px;
}
.single-image .single-image__title p {
  margin-bottom: 0;
  font-size: 16px;
}
.single-image .single-image__title.single-image__title--big {
  padding: 15px;
}
.single-image.single-image--winner span {
  display: block;
  width: 34%;
  position: absolute;
  right: 5%;
  top: 5%;
  z-index: 20;
}
.single-image.single-image--style-for-mobile {
  background-color: #fefefe;
  padding: 10px;
}
.single-image.single-image--style-for-mobile img {
  max-width: 380px;
  margin: 0 auto;
}
.single-image.single-image--has-border {
  border-left: 2px solid #fefefe;
}
.big-image {
  display: block;
  position: relative;
  background-color: #212529;
  box-shadow: none;
  margin-bottom: 40px;
  text-align: center;
}
.big-image img {
  max-width: 100%;
  height: auto;
}
.big-image span {
  font-size: 0.72222222em;
  margin-top: 3%;
  line-height: normal;
  display: block;
}
.big-image:hover span {
  text-decoration: none;
}
.media-image {
  display: block;
  position: relative;
  background-color: #212529;
  text-align: center;
  overflow: hidden;
  box-shadow: none;
  transition: all 0.15s;
  margin-bottom: 40px;
  backface-visibility: hidden;
}
.media-image img {
  max-width: 100%;
  height: auto;
  transform-origin: left top;
  transform: scale(1);
  transition: transform 0.3s;
}
.media-image .media-image__title {
  display: block;
  text-align: left;
  padding: 10px;
  line-height: normal;
  color: #fff;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-image: url("../images/singleones/transperancies/black_60.png");
  overflow: hidden;
  transition: all 0.2s;
  font-size: 0.88888889em;
}
.media-image .media-image__title::before {
  display: block;
  content: "\e610";
  color: #E3000B;
  position: absolute;
  right: -580px;
  top: -50px;
  font-family: icon-font;
  height: 800px;
  line-height: 800px;
  font-size: 800px;
  transition: all 0.2s;
}
.media-image i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  width: 42px;
  height: 42px;
  line-height: 44px;
  text-align: center;
  background-color: rgba(227, 0, 11, 0.9);
  opacity: 0;
  font-size: 1.33333333em;
  border-radius: 50%;
  transition: all 0.2s;
  transform: translate(-50%, -65%);
}
a.media-image:hover {
  text-decoration: none;
}
a.media-image:hover i {
  opacity: 1;
  transform: translate(-50%, -50%);
}
a.media-image:hover img {
  transform: scale(1.05);
}
a.media-image:hover .media-image__title {
  background-color: rgba(227, 0, 11, 0.5);
}
a.media-image:hover .media-image__title::before {
  opacity: 0;
  right: -480px;
  transition: all 0.4s;
}
.media-video {
  display: block;
  position: relative;
  background-color: #212529;
  text-align: center;
  overflow: hidden;
  box-shadow: none;
  transition: all 0.15s;
  margin-bottom: 40px;
  backface-visibility: hidden;
}
.media-video img {
  max-width: 100%;
  height: auto;
  transform-origin: left top;
  transform: scale(1);
  transition: transform 0.3s;
}
.media-video .media-image__title {
  display: block;
  text-align: left;
  padding: 10px;
  line-height: normal;
  color: #fff;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-image: url("../images/singleones/transperancies/black_60.png");
  overflow: hidden;
  transition: all 0.2s;
  font-size: 0.88888889em;
}
.media-video .media-image__title::before {
  display: block;
  content: "\e610";
  color: #E3000B;
  position: absolute;
  right: -580px;
  top: -50px;
  font-family: icon-font;
  height: 800px;
  line-height: 800px;
  font-size: 800px;
  transition: all 0.2s;
}
.media-video i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  width: 42px;
  height: 42px;
  line-height: 44px;
  text-align: center;
  background-color: rgba(227, 0, 11, 0.9);
  opacity: 0;
  font-size: 1.33333333em;
  border-radius: 50%;
  transition: all 0.2s;
  transform: translate(-50%, -65%);
}
.media-video i {
  opacity: 1;
  background: none;
  line-height: 50px;
  width: 50px;
  height: 50px;
  color: #E3000B;
  font-size: 2.77777778em;
  transform: translate(-50%, -50%);
}
a.media-video:hover {
  text-decoration: none;
}
a.media-video:hover i {
  opacity: 1;
  transform: translate(-50%, -50%);
  color: #fff;
}
a.media-video:hover img {
  transform: scale(1.05);
}
a.media-video:hover .media-image__title {
  background-color: rgba(227, 0, 11, 0.5);
}
a.media-video:hover .media-image__title::before {
  opacity: 0;
  right: -480px;
  transition: all 0.4s;
}
.media-with-details {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}
.media-with-details .icf {
  position: absolute;
  z-index: 20;
  color: #fff;
  height: 24px;
  width: 24px;
  line-height: 24px;
  right: 4px;
  bottom: 4px;
  text-align: center;
  font-size: 1.33333333em;
}
.media-with-details .icf.icf-angle-right {
  bottom: 6px;
}
.media-with-details img {
  transform-origin: left top;
  transform: scale(1.001);
  transition: transform 0.3s;
}
.media-with-details::before {
  display: block;
  content: "";
  position: absolute;
  right: -470px;
  bottom: -560px;
  height: 665px;
  width: 800px;
  opacity: 1;
  background-image: url("../images/singleones/angle_colored.png");
  z-index: 10;
  transition: all 0.2s;
}
.media-with-details .single-book,
.media-with-details .single-image {
  margin-bottom: 0;
}
.media-with-details.media-with-details--is-book::before {
  display: none;
}
.media-with-details.media-with-details--is-book .icf {
  right: 10px;
  bottom: 10px;
}
.media-with-details.media-with-details--is-book .icf.icf-angle-right {
  bottom: 14px;
  right: 8px;
}
.media-with-details.media-with-details--is-book .single-book__inner::before {
  display: block;
  content: "";
  position: absolute;
  right: -470px;
  bottom: -560px;
  height: 665px;
  width: 800px;
  opacity: 1;
  background-image: url("../images/singleones/angle_colored.png");
  z-index: 10;
  transition: all 0.2s;
}
.media-with-details.media-with-details--is-book:hover .single-book__inner::before {
  right: -462px;
}
.media-with-details__hint {
  position: absolute;
  color: #b7bec5;
  left: 40px;
  bottom: 20px;
  display: block;
  height: 18px;
  line-height: 18px;
  font-size: 0.66666667em;
}
a.media-with-details:hover {
  text-decoration: none;
}
a.media-with-details:hover img {
  transform: scale(1.05);
}
a.media-with-details:hover::before {
  right: -462px;
}
.media-item {
  background-color: #fff;
  border: 1px solid rgba(150, 171, 0, 0.4);
  padding: 10px;
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
}
/* =============================================================================
   Object Gallery
   ========================================================================== */
.gallery {
  margin-left: -40px;
}
.gallery > li {
  float: left;
  padding-left: 40px;
  margin-bottom: 40px;
  width: 25%;
  position: relative;
}
.gallery > li > a {
  margin-bottom: 0;
}
.gallery.gallery--center {
  text-align: center;
  margin-left: -20px;
}
.gallery.gallery--center > li {
  padding-left: 40px / 2;
  margin-bottom: 40px / 2;
  display: inline-block;
  width: 24%;
  float: none;
}
.gallery.gallery--center > li img {
  max-width: 80%;
}
.gallery small {
  display: block;
  margin-bottom: -20px;
  margin-top: 5px;
}
.grid-6 .gallery > li {
  width: 33.33333333%;
}
.gallery.gallery--width-2 {
  margin-left: -20px;
}
.gallery.gallery--width-2 > li {
  padding-left: 40px / 2;
  margin-bottom: 40px / 2;
  width: 50%;
}
.gallery.gallery--small-margin {
  margin-bottom: 20px;
  margin-left: -20px;
}
.gallery.gallery--small-margin > li {
  padding-left: 20px;
  margin-bottom: 20px;
}
/* =============================================================================
   Object Icon List
   ========================================================================== */
.icon-list {
  margin-bottom: 40px;
}
.icon-list li {
  margin-bottom: 5px;
  position: relative;
}
.icon-list li:last-child {
  margin-bottom: 0;
}
.icon-list li small {
  display: block;
  color: #4a0004;
}
/* =============================================================================
   Object Box
   ========================================================================== */
.box {
  padding: 40px;
  position: relative;
  text-align: left;
  color: #fff;
  display: block;
  border: 1px solid #d3d8dc;
  margin-bottom: 40px;
}
.box .box__header {
  margin: -40px;
  margin-bottom: 40px / 2;
  padding: 20px 40px;
  border-bottom: 1px solid #eff1f3;
}
.box .box__header h1,
.box .box__header h2,
.box .box__header h3,
.box .box__header h4,
.box .box__header h5,
.box .box__header h6 {
  margin-bottom: 0;
}
.box .box__header.box__header--bordered {
  border: 1px solid #eff1f3;
  background-color: #f7f7f7;
}
.box .box__progress {
  margin-bottom: 20px;
  position: relative;
  background-color: #444;
  font-size: 0.88888889em;
}
.box .box__progress .box__progress__text {
  display: block;
  position: relative;
  z-index: 10;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: #fff;
}
.box .box__progress .box__progress__bar {
  position: absolute;
  display: block;
  z-index: 1;
  height: 30px;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #96ab00;
}
.box .title-list__options {
  right: 10px !important;
}
.box .box__content {
  z-index: 1;
  position: relative;
}
.box .box__content .fl-list {
  font-size: 1.22222222em;
}
.box .box__content .fl-list li {
  margin-right: 20px;
}
.grid--absolute .box {
  position: absolute;
  height: 100%;
  inset: 0;
}
.csstransforms .grid--absolute .box .box__content {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.csstransforms3d .grid--absolute .box .box__content {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.csstransforms .box.box--vertical-align-middle .box__content {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.csstransforms3d .box.box--vertical-align-middle .box__content {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.box.box--highlight {
  overflow: hidden;
  padding-left: 40px;
}
.box.box--highlight .box__content {
  position: relative;
  z-index: 10;
  padding-right: 20px;
}
.box.box--highlight .icf-dbp-emblem {
  font-size: 60px;
}
.box.box--highlight h3 {
  font-size: 2.11111111em;
  margin-bottom: 0;
}
.box.box--highlight h1 {
  font-weight: 700;
  font-size: 3.11111111em;
}
.box.box--highlight p {
  font-size: 1.11111111em;
  margin-bottom: 0;
}
.box.box--highlight.box--highlight__border {
  border: 4px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.language-fr .box.box--highlight.box--language-helper h1 {
  font-size: 2em;
  margin-bottom: 10px;
}
.box.box--light {
  border: 0;
  background-color: #fff;
  color: #212529;
  padding: 25px 30px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.06);
}
.box.box--light .box__header {
  margin: -25px -30px;
  margin-bottom: 20px;
  padding: 20px 30px;
}
.box.box--light .box__footer {
  border: 1px solid #eff1f3;
  text-align: center;
  margin: 0 -30px;
  margin-bottom: -25px;
  padding: 25px 30px;
  background-color: #f7f7f7;
}
.box.box--grey {
  background-color: #f7f7f7;
  color: #212529;
}
.box.box--white {
  background-color: #fff;
  padding: 0;
  color: #212529;
  overflow: hidden;
}
.language-fr .box.box--white.box--language-helper h1 {
  font-size: 1.77777778em;
}
.language-fr .box.box--white.box--language-helper h3 {
  font-size: 1.55555556em;
}
.box.box--judged {
  overflow: hidden;
}
.box.box--small-padding {
  padding: 40px / 2;
}
.box.box--padding {
  padding: 40px;
}
.box.box--has-title {
  padding-bottom: 26%;
}
.box.box--has-title::before {
  content: attr(data-box-title);
  position: absolute;
  display: block;
  font-family: Fago, sans-serif;
  color: #fefefe;
  font-weight: 700;
  left: -16px;
  bottom: -60px;
  line-height: 1;
  z-index: 0;
  letter-spacing: -8px;
  white-space: nowrap;
  font-size: 10em;
}
.box.box--has-title::after {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 120%;
  right: 0;
  top: 0;
  z-index: 0;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C */
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1);
  /* IE6-9 */
}
a.box--highlight {
  transition: all 0.2s;
}
a.box--highlight::before {
  display: block;
  content: "";
  opacity: 0.2;
  position: absolute;
  right: -460px;
  top: 0;
  height: 665px;
  width: 800px;
  background-image: url("../images/singleones/angle_black.png");
  transition: all 0.2s;
}
a.box--highlight .icf-angle-right {
  bottom: 10%;
  height: 50px;
  line-height: 45px;
  position: absolute;
  right: 6%;
  font-size: 4.44444444em;
  transition: all 0.2s;
}
.hero a.box--highlight .icf-angle-right {
  right: 4%;
}
.hero a.box--highlight:hover .icf-angle-right {
  right: 3%;
}
a.box--highlight:hover {
  color: #fff;
  background-color: #fc000c;
  text-decoration: none;
}
a.box--highlight:hover .icf-angle-right {
  right: 4%;
}
a.box--highlight:hover::before {
  right: -330px;
  opacity: 0;
  transition: all 0.4s;
}
/* =============================================================================
   Object Misc
   ========================================================================== */
.hint {
  display: inline-block;
  cursor: help;
  color: #E3000B;
  font-size: 80%;
}
.next-motion {
  display: block;
  margin-bottom: 10px;
}
.next-motion img {
  max-width: 100%;
}
/* =============================================================================
   Object Tabs
   ========================================================================== */
.tabs {
  background-color: #E3000B;
}
.tabs li {
  float: left;
  width: 33.333333%;
}
.tabs li.tab-small {
  width: 28%;
}
.tabs li.tab-wide {
  width: 38.666666%;
}
.tabs li a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 5px;
  color: #fff;
  background-color: #E3000B;
  transition: all 0.15s;
  text-align: center;
}
.tabs li a:hover {
  background-color: #ff1722;
  text-decoration: none;
}
.tabs li a.active {
  background-color: #E3000B;
  color: #212529;
}
.tabs-content {
  padding: 40px;
  position: relative;
}
/* =============================================================================
   Object Read On
   ========================================================================== */
/* =============================================================================
   Object Social Media Icons
   ========================================================================== */
.social-buttons li {
  float: left;
  margin-right: 10px;
}
.social-buttons li a {
  line-height: 40px;
  height: 40px;
  width: 40px;
  display: block;
  color: #fff;
  transition: all 0.15s;
}
.social-buttons li a i {
  font-size: 1.55555556em;
  line-height: 40px;
  height: 40px;
  width: 40px;
  text-align: center;
}
.social-buttons li a span {
  display: none;
}
.social-buttons li a.social-buttons__facebook {
  background-color: #3b5998;
}
.social-buttons li a.social-buttons__twitter {
  background-color: #55acee;
}
.social-buttons li a.social-buttons__googleplus {
  background-color: #df4a32;
}
.social-buttons li a:hover {
  opacity: 0.9;
}
/* =============================================================================
   Object Breadcrumb
   ========================================================================== */
.breadcrumb {
  margin-bottom: 25px;
}
.breadcrumb li {
  float: left;
  font-size: 0.66666667em;
  margin-right: 4px;
  color: #fff;
}
.breadcrumb li a,
.breadcrumb li span {
  color: #fff;
}
.breadcrumb li a i,
.breadcrumb li span i {
  margin-right: 4px;
}
.breadcrumb li:first-child a i,
.breadcrumb li:first-child span i {
  display: none;
}
/* =============================================================================
   Object Icon Link
   ========================================================================== */
.icon-link {
  white-space: nowrap;
  display: inline-block;
}
.icon-link i {
  position: relative;
  top: 2px;
}
/* =============================================================================
   Object Loading
   ========================================================================== */
.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../images/singleones/transperancies/white_50.png");
  z-index: 10;
  display: block;
  left: 0;
  top: 0;
}
.loading div {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-image: url("../images/singleones/loading.gif");
  text-indent: -9999px;
  background-size: 100% auto;
}
/* =============================================================================
   Object Flex Video
   ========================================================================== */
.flex-media {
  position: relative;
  height: 0;
  padding-bottom: 67.5%;
  padding-top: 1.38889rem;
  margin-bottom: 40px;
}
.flex-media.widescreen {
  padding-bottom: 56.34%;
  padding-top: 0;
}
.flex-media img {
  width: 100%;
  max-width: 100%;
}
.flex-media iframe,
.flex-media video,
.flex-media embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border: 0;
}
.flex-media .flex-media__placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 90;
  text-align: center;
  background-image: url("../images/singleones/transperancies/black_70.png");
}
.flex-media .flex-media__placeholder a {
  display: inline-block;
  background-color: #E3000B;
  color: #fff;
  padding: 26.66666667px 40px;
  overflow: hidden;
  position: relative;
  top: 20%;
  line-height: 30px;
}
.csstransforms .flex-media .flex-media__placeholder a {
  top: 50%;
  transform: translate(0, -50%);
}
.csstransforms3d .flex-media .flex-media__placeholder a {
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.flex-media .flex-media__placeholder a span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.flex-media .flex-media__placeholder a i {
  font-size: 30px;
  float: left;
  margin-right: 10px;
}
.flex-media .flex-media__placeholder a::before {
  display: block;
  content: "\e610";
  color: #313233;
  opacity: 0.2;
  position: absolute;
  right: -690px;
  bottom: -434px;
  font-family: icon-font;
  height: 800px;
  line-height: 800px;
  transition: all 0.2s;
  font-size: 800px;
}
.flex-media .flex-media__placeholder a:hover {
  text-decoration: none;
}
.flex-media .flex-media__placeholder a:hover::before {
  right: -470px;
  opacity: 0;
  transition: all 0.4s;
}
/* =============================================================================
   Content to reveal
   ========================================================================== */
.content-to-reveal {
  overflow: hidden;
  height: 38px;
  position: relative;
  margin-bottom: 5px;
  margin-left: 20px;
}
.content-to-reveal::before {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 20px;
  width: 100%;
  bottom: 0;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(255, 255, 255, 0.2), endColorstr=#fbffde)";
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), #fbffde);
}
.content-to-reveal p {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #fff;
  color: #313233;
  border: 1px solid rgba(150, 171, 0, 0.4);
  font-size: 0.83333333em;
}
.content-to-reveal.active {
  height: auto;
  overflow: visible;
  margin-bottom: 0;
}
.content-to-reveal.active::before {
  display: none;
}
.content-to-reveal__toggler i {
  position: relative;
  top: 2px;
}
.content-to-reveal__toggler .less {
  display: none;
}
.content-to-reveal__toggler.active .more {
  display: none;
}
.content-to-reveal__toggler.active .less {
  display: block;
}
.content-to-reveal__toggler.active i::before {
  content: "\e604";
}
/* =============================================================================
   GUI
   ========================================================================== */
/* =============================================================================
   General
   ========================================================================== */
html,
body {
  min-height: 100vh;
  background-color: #f7f7f7;
}
.site-wrapper {
  min-height: 100vh;
  /* margin: 0 auto -60px; */
}
/* .pusher {
  height: 60px;
} */
.back-to-overview {
  float: right;
  margin-top: -2px;
  position: relative;
  z-index: 10;
  font-size: 0.77777778em;
}
.image-contain {
  object-fit: contain;
}
/* =============================================================================
   Off Canvas
   ========================================================================== */
.off-canvas-wrap {
  position: relative;
  overflow: hidden;
  height: auto !important;
  min-height: 100%;
}
.off-canvas-wrap .off-canvas-wrap__inner {
  position: relative;
  width: 100%;
  height: auto !important;
  min-height: 100%;
  transition: transform 0.2s;
}
.off-canvas-wrap .off-canvas-wrap__inner .off-canvas-wrap__menu {
  position: fixed;
  width: 80%;
  left: -100%;
  top: 0;
  height: 100%;
  background-color: #343a40;
  overflow: hidden;
  color: #fff;
  display: block;
  z-index: 10000;
}
.csstransforms .off-canvas-wrap .off-canvas-wrap__inner .off-canvas-wrap__menu {
  left: 0;
  transform: translate(-100%, 0);
}
.csstransforms3d .off-canvas-wrap .off-canvas-wrap__inner .off-canvas-wrap__menu {
  left: 0;
  transform: translate3d(-100%, 0, 0);
}
.off-canvas-wrap .off-canvas-wrap__inner .off-canvas-wrap__menu .off-canvas-wrap__menu__inner {
  padding: 20px;
}
.off-canvas-wrap .off-canvas-wrap__inner .off-canvas-wrap__menu .off-canvas-wrap__menu__inner .off-canvas-wrap__menu__close {
  display: block;
  color: #fff;
}
.off-canvas-wrap .off-canvas-wrap__inner .off-canvas-wrap__menu .off-canvas-wrap__menu__inner .off-canvas-wrap__menu__close i {
  font-size: 1.77777778em;
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 32px;
}
.move-right .off-canvas-wrap .off-canvas-wrap__inner .off-canvas-wrap__menu .off-canvas-wrap__menu__inner .off-canvas-wrap__menu__close i::before {
  content: "\e60f";
}
.off-canvas-wrap .off-canvas-wrap__inner .off-canvas-wrap__menu .off-canvas-wrap__menu__inner ul li {
  border-top: 1px solid #383f45;
}
.off-canvas-wrap .off-canvas-wrap__inner .off-canvas-wrap__menu .off-canvas-wrap__menu__inner ul li:first-child {
  border-top: 0;
}
.off-canvas-wrap .off-canvas-wrap__inner .off-canvas-wrap__menu .off-canvas-wrap__menu__inner ul li a {
  display: block;
  padding: 10px 0;
  color: #fff;
}
.off-canvas-wrap .off-canvas-wrap__inner .off-canvas-wrap__menu .off-canvas-wrap__menu__inner .off-canvas-wrap__special-nav {
  margin-bottom: 30px;
}
.off-canvas-wrap .off-canvas-wrap__inner .off-canvas-wrap__menu .off-canvas-wrap__menu__inner .off-canvas-wrap__main-nav {
  margin-bottom: 30px;
}
.off-canvas-wrap .off-canvas-wrap__inner .off-canvas-wrap__exit {
  display: none;
  left: 0;
  top: 0;
  position: absolute;
  background-color: #000;
  opacity: 0.4;
  z-index: 9999;
}
.off-canvas-wrap.move-right .off-canvas-wrap__inner {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 80%;
}
.csstransforms .off-canvas-wrap.move-right .off-canvas-wrap__inner {
  left: 0;
  transform: translate(80%, 0);
}
.csstransforms3d .off-canvas-wrap.move-right .off-canvas-wrap__inner {
  left: 0;
  transform: translate3d(80%, 0, 0);
}
.off-canvas-wrap.move-right .off-canvas-wrap__inner .off-canvas-wrap__exit {
  width: 100%;
  height: 100%;
  display: block;
}
.off-canvas-wrap__opener {
  position: absolute;
  left: 20px;
  top: 20px;
  display: none;
  z-index: 100;
}
.off-canvas-wrap__opener a {
  display: block;
  color: #212529;
  height: 32px;
}
.off-canvas-wrap__opener a i {
  font-size: 1.77777778em;
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 32px;
}
/* =============================================================================
   Header
   ========================================================================== */
.site-header {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.site-header .site-header__inner {
  position: relative;
  height: 75px;
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 40px;
}
.site-header .site-header__inner .brand {
  display: block;
  background-image: url("../images/singleones/logo.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 57px;
  height: 60px;
  text-indent: -9999px;
  position: absolute;
  left: 40px;
  top: 5px;
}
.site-header .site-header__inner .additional-info {
  display: block;
  position: absolute;
  top: 25px;
  right: 240px;
  color: #4e5862;
}
.site-header .site-header__inner .additional-info p {
  margin-bottom: 0;
  font-size: 0.88888889em;
}
.site-header .site-header__inner .additional-info p span {
  font-size: 22px;
  display: block;
}
.site-header .site-header__inner .additional-info .languages {
  display: inline-block;
}
.site-header .site-header__inner .additional-info .languages li {
  float: left;
  margin-left: 10px;
  font-size: 0.83333333em;
}
.site-header .site-header__inner .languages-nav {
  position: absolute;
  right: 40px;
  top: 25px;
  display: flex;
  justify-content: space-between;
}
.site-header .site-header__inner .languages-nav li {
  padding-left: 0.25rem;
}
.site-header .site-header__inner .languages-nav li:first-child::after {
  content: "/";
  color: #9e9e9e;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.site-header .site-header__inner .languages-nav li a {
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.8rem;
  color: #9e9e9e;
  cursor: pointer;
}
.site-header .site-header__inner .languages-nav li a.active {
  color: #fff;
  background-color: #e2001a;
}
.site-header .site-header__inner .site-header__main-nav {
  position: absolute;
  left: 40px;
  top: 22px;
}
.site-header .site-header__inner .site-header__main-nav ul li {
  float: left;
  border-left: 1px solid #eff1f3;
  margin-left: 12px;
  padding-left: 12px;
}
.language-fr .site-header .site-header__inner .site-header__main-nav ul li {
  margin-left: 10px;
  padding-left: 10px;
}
.site-header .site-header__inner .site-header__main-nav ul li:first-child {
  border: 0;
  margin-left: 0;
  padding-left: 0;
}
.site-header .site-header__inner .site-header__main-nav ul li.no-border {
  border: 0;
  padding-left: 0;
}
.site-header .site-header__inner .site-header__main-nav ul li.social-links {
  border: 0;
  margin-left: 20px;
  padding: 0;
}
.site-header .site-header__inner .site-header__main-nav ul li.social-links ul li {
  border: 0;
  margin: 0;
  padding: 0 5px;
}
.site-header .site-header__inner .site-header__main-nav ul li.social-links ul li a {
  font-size: 1.61111111em;
  border: 0 !important;
}
.site-header .site-header__inner .site-header__main-nav ul li a {
  display: block;
  color: #212529;
  font-family: Fago, sans-serif;
  height: 30px;
  line-height: 30px;
  border-bottom: 2px solid transparent;
  font-size: 0.88888889em;
  transition: border-color 0.2s;
}
.language-fr .site-header .site-header__inner .site-header__main-nav ul li a {
  font-size: 0.77777778em;
}
.site-header .site-header__inner .site-header__main-nav ul li a span {
  display: none;
}
.site-header .site-header__inner .site-header__main-nav ul li a i {
  height: 30px;
  line-height: 30px;
}
.site-header .site-header__inner .site-header__main-nav ul li a.home {
  color: #4e5862;
  border: 0 !important;
  font-size: 1.77777778em;
}
.site-header .site-header__inner .site-header__main-nav ul li a.home i {
  height: 30px;
  line-height: 30px;
}
.site-header .site-header__inner .site-header__main-nav ul li a.home:hover,
.site-header .site-header__inner .site-header__main-nav ul li a.home.active {
  border: 0;
  color: #E3000B;
}
.site-header .site-header__inner .site-header__main-nav ul li a:hover,
.site-header .site-header__inner .site-header__main-nav ul li a.active {
  text-decoration: none;
  border-color: #212529;
}
.site-header .site-header__inner .site-header__main-nav ul li a.active {
  border-color: #E3000B;
}
.site-header .site-header__inner .site-header__special-nav {
  position: absolute;
  left: 40px;
  bottom: 60px;
}
.site-header .site-header__inner .site-header__special-nav ul li {
  float: left;
  margin-right: 20px;
}
.site-header .site-header__inner .site-header__mobile-nav {
  position: absolute;
  left: 20px;
  top: 22px;
  display: none;
}
.site-header .site-header__inner .site-header__mobile-nav a {
  display: block;
  color: #212529;
}
.site-header .site-header__inner .site-header__mobile-nav a i {
  font-size: 1.77777778em;
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 32px;
  /* .move-right & {
            &:before {
              content: @icf-cross;
            }
          } */
}
.site-header .site-header__inner .social-links--mobile {
  border-left: 1px solid #eff1f3;
  left: 70px;
  padding: 5px 20px;
  position: absolute;
  top: 17px;
  display: none;
}
.site-header .site-header__inner .social-links--mobile li {
  float: left;
  margin-right: 10px;
}
.site-header .site-header__inner .social-links--mobile li a {
  display: block;
  color: #212529;
}
.site-header .site-header__inner .social-links--mobile li a i {
  height: 30px;
  line-height: 30px;
  font-size: 1.61111111em;
}
.site-header .site-header__inner .social-links--mobile li a span {
  display: none;
}
.roll-in-header {
  position: fixed;
  height: 60px;
  width: 100%;
  top: -70px;
  left: 0;
  background-color: #fff;
  z-index: 10000;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.18);
  transition: all 0.3s;
}
.roll-in-header .roll-in-header__inner {
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 40px;
}
.roll-in-header .roll-in-header__inner a {
  display: block;
  line-height: 60px;
  height: 60px;
  font-size: 0.88888889em;
}
.language-fr .roll-in-header .roll-in-header__inner a {
  font-size: 0.77777778em;
}
.roll-in-header .roll-in-header__inner a.home {
  font-size: 2.22222222em;
  border: 0 !important;
}
.roll-in-header .roll-in-header__inner a.home span {
  display: none;
}
.roll-in-header .roll-in-header__inner .roll-in-header__special-nav {
  float: left;
}
.roll-in-header .roll-in-header__inner .roll-in-header__special-nav ul li {
  float: left;
  margin-right: 15px;
}
.language-fr .roll-in-header .roll-in-header__inner .roll-in-header__special-nav ul li {
  margin-right: 12px;
}
.roll-in-header .roll-in-header__inner .roll-in-header__special-nav ul li a {
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s;
}
.roll-in-header .roll-in-header__inner .roll-in-header__special-nav ul li a:hover,
.roll-in-header .roll-in-header__inner .roll-in-header__special-nav ul li a.active {
  text-decoration: none;
  border-color: #E3000B;
}
.roll-in-header .roll-in-header__inner .roll-in-header__main-nav {
  float: right;
}
.roll-in-header .roll-in-header__inner .roll-in-header__main-nav ul li {
  float: left;
  margin-left: 15px;
}
.language-fr .roll-in-header .roll-in-header__inner .roll-in-header__main-nav ul li {
  margin-left: 12px;
}
.roll-in-header .roll-in-header__inner .roll-in-header__main-nav ul li a {
  color: #212529;
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s;
}
.roll-in-header .roll-in-header__inner .roll-in-header__main-nav ul li a:hover,
.roll-in-header .roll-in-header__inner .roll-in-header__main-nav ul li a.active {
  text-decoration: none;
  border-color: #212529;
}
.roll-in-header .roll-in-header__inner .roll-in-header__main-nav ul li a.active {
  border-color: #E3000B;
}
.scrolled .roll-in-header {
  top: 0;
}
.user-panel {
  background-color: #fff;
  border-top: 1px solid #fefefe;
  margin-bottom: 20px;
}
.user-panel .user-panel__inner {
  position: relative;
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 40px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.user-panel .user-panel__inner .user-panel__inner__actions {
  position: absolute;
  right: 40px;
  top: 18px;
}
/* =============================================================================
   GUI Parallax
   ========================================================================== */
.parallax-holder {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.parallax-holder .parallax-container {
  width: 100%;
  min-height: 1200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* =============================================================================
   Page Sections
   ========================================================================== */
.page-section {
  width: 100%;
  position: relative;
  padding: 40px 0;
  z-index: 20;
  overflow: hidden;
}
.page-section.page-section--parallax-bg {
  background-color: #212529;
}
.page-section.page-section--parallax-bg .page-section__headline {
  color: #fff;
  border-color: #fff;
}
.page-section.page-section--ci-color-1,
.page-section.page-section--colored {
  background-color: #E3000B;
  color: #fff;
}
.page-section.page-section--ci-color-1 .page-section__headline,
.page-section.page-section--colored .page-section__headline {
  color: #fff;
}
.page-section.page-section--ci-color-1 .page-section__headline span,
.page-section.page-section--colored .page-section__headline span {
  color: #fff;
}
.page-section.page-section--ci-color-1 .page-section__headline::before,
.page-section.page-section--colored .page-section__headline::before {
  background-color: #fff;
}
.page-section.page-section--black {
  background-color: #343a40;
  color: #fff;
}
.page-section.page-section--black a {
  color: #fff;
}
.page-section.page-section--symbol {
  background-color: #f7f7f7;
  overflow: hidden;
  padding: 0;
}
.page-section.page-section--symbol .page-section__inner > .row > *[class*="grid"] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.page-section.page-section--symbol .page-section__inner .grid--hassymbol {
  position: relative;
}
.page-section.page-section--symbol .page-section__inner .grid--hassymbol h4 {
  font-size: 1.11111111em;
  margin-bottom: 0;
}
.page-section.page-section--symbol .page-section__inner .grid--hassymbol h2 {
  font-size: 5.55555556em;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1;
  margin-left: -8px;
}
.page-section.page-section--symbol .page-section__inner .grid--hassymbol h5 {
  font-size: 0.88888889em;
  margin-bottom: 0;
}
.page-section.page-section--symbol .page-section__inner .grid--hassymbol::before {
  display: block;
  content: "\e610";
  color: #fefefe;
  position: absolute;
  right: 0;
  top: -836px;
  font-family: icon-font;
  height: 2000px;
  line-height: 2000px;
  transition: all 0.2s;
  font-size: 2000px;
  z-index: -1;
}
.page-section.page-section--toggle {
  background-color: #343a40;
  color: #fff;
  padding: 80px 0;
  overflow: hidden;
}
.page-section.page-section--toggle a {
  color: #fff;
}
.page-section.page-section--toggle .flex-media {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  margin-right: 20px;
}
.page-section.page-section--toggle .icf-caret-down {
  height: 70px;
  left: 50%;
  line-height: 65px;
  margin-left: -60px;
  position: absolute;
  top: -25px;
  width: 120px;
  color: #4e5862;
  font-size: 11.66666667em;
}
.page-section.page-section--toggle .toggle-close {
  position: absolute;
  right: 0;
  top: -5px;
  z-index: 10;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: right;
  font-size: 2.77777778em;
}
.page-section.page-section--toggle .toggle-content {
  padding-right: 60px;
  padding-left: 20px;
}
.page-section.page-section--no-padding-bottom {
  padding-bottom: 0;
}
.page-section.page-section--no-padding {
  padding: 0;
}
.page-section .page-section__inner {
  position: relative;
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 40px;
}
.page-section .page-section__header {
  text-align: center;
}
.page-section__headline {
  margin: 0 auto;
  margin-bottom: 40px;
  max-width: 700px;
  text-align: center;
  padding-bottom: 15px;
  font-weight: 700;
  position: relative;
  font-size: 2.55555556em;
}
.page-section__headline span {
  display: block;
  font-size: 26px;
  font-weight: normal;
  line-height: 1;
  color: #7e8b98;
}
.page-section__headline::before {
  content: "";
  display: block;
  position: absolute;
  width: 40%;
  left: 30%;
  height: 2px;
  background-color: #eff1f3;
  bottom: 0;
}
.page-section__headline.page-section__headline--red::before,
.page-section__headline.page-section__headline--colored::before {
  background-color: #E3000B;
}
/* =============================================================================
   Hero
   ========================================================================== */
.hero {
  margin-bottom: 40px;
  position: relative;
  text-align: center;
  background-position: center center;
  padding: 50px 0;
  color: #fff;
}
.hero.hero--has-overlay::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/singleones/transperancies/black_70.png");
}
.hero .hero__inner {
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 40px;
}
.hero .box {
  display: inline-block;
  padding: 40px 120px;
  padding-top: 40px / 1.5;
  text-align: center;
  margin-bottom: 20px;
}
.hero .box h1 {
  margin-bottom: 0;
  white-space: nowrap;
}
.hero .box .icf-dbp-emblem {
  font-size: 3em;
}
.hero .toggle-stream {
  display: block;
  position: relative;
  color: #fff;
  font-family: Fago, sans-serif;
  font-weight: 700;
  font-size: 1.55555556em;
}
.hero .toggle-stream i {
  font-size: 28px;
  margin-right: 8px;
}
/* =============================================================================
   GUI Content
   ========================================================================== */
.book-list-teaser li {
  float: left;
}
.book-list-teaser li img {
  max-width: 100%;
}
.book-list-teaser.book-list-teaser--longlist li {
  width: 10%;
}
.book-list-teaser.book-list-teaser--shortlist li {
  width: 16.66666667%;
}
.book-list-teaser.book-list-teaser--shortlist li a {
  display: block;
}
.teaser {
  display: block;
  color: #212529;
  margin-bottom: 40px;
}
.teaser h4 {
  color: #4e5862;
  margin-bottom: 0;
}
.teaser h2 {
  font-weight: 700;
  position: relative;
  margin-bottom: 30px;
}
.teaser h2::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 30%;
  background-color: #E3000B;
  bottom: -15px;
  left: 0;
  transition: all 0.3s;
}
.teaser p {
  font-size: 1em;
  margin-bottom: 0;
}
.teaser:hover {
  text-decoration: none;
  color: #212529;
}
.teaser:hover h2::before {
  width: 100%;
}
.image-teaser {
  position: relative;
  display: block;
  overflow: hidden;
  text-align: center;
  margin-bottom: 40px;
}
.image-teaser img {
  max-width: 100%;
  transform-origin: left top;
  transform: scale(1);
  transition: transform 0.3s;
}
.image-teaser p {
  position: absolute;
  background-image: url("../images/singleones/transperancies/black_60.png");
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 12px;
  margin-bottom: 0;
  color: #fff;
  overflow: hidden;
  text-align: left;
  transition: all 0.2s;
}
.image-teaser p span {
  display: block;
  position: absolute;
  width: 65px;
  height: 100%;
  right: 0;
  top: 0;
  text-align: center;
  font-size: 2.22222222em;
}
.image-teaser p span::before {
  display: block;
  content: "";
  position: absolute;
  right: -410px;
  top: 0;
  height: 665px;
  width: 800px;
  opacity: 1;
  background-image: url("../images/singleones/angle_colored.png");
  transition: all 0.2s;
}
.image-teaser p span i {
  width: 49px;
  height: 49px;
  text-align: center;
  line-height: 49px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.image-teaser:hover img {
  transform: scale(1.05);
}
.image-teaser:hover p {
  background-color: rgba(227, 0, 11, 0.5);
}
.image-teaser:hover p::before {
  width: 100%;
}
.image-teaser:hover p span::before {
  opacity: 0;
  right: -280px;
  transition: all 0.4s;
}
.number {
  display: inline-block;
  padding: 35%;
  border: 10px solid #eff1f3;
  position: relative;
  border-radius: 50%;
  box-shadow: 0 0 0 10px #f5f5f5, 0 0 0 12px #dadada;
}
.number .number__holder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.csstransforms .number .number__holder {
  top: 50%;
  transform: translate(0, -50%);
}
.csstransforms3d .number .number__holder {
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.number .number__holder span {
  display: block;
  line-height: 1;
  text-align: center;
}
.number .number__holder .number__value {
  font-weight: 700;
  border-bottom: 2px solid #eff1f3;
  margin: 0 12%;
  padding-bottom: 4%;
  margin-bottom: 4%;
  font-size: 4.72222222em;
}
.number .number__holder .number__name {
  color: #4e5862;
  font-size: 1.77777778em;
}
.number.number--home {
  margin: -20% 0;
}
.single-book {
  display: block;
  border-right: 6px solid #eff1f3;
  border-bottom: 6px solid #eff1f3;
  position: relative;
  margin-bottom: 40px;
}
.single-book img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.center .single-book {
  display: inline-block;
}
.single-book::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  top: -6px;
  right: -12px;
  transform: rotate(45deg);
}
.single-book::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #fff;
  position: absolute;
  bottom: -12px;
  left: -6px;
  transform: rotate(45deg);
}
.single-book.single-book--winner span {
  display: block;
  position: absolute;
  right: 5%;
  top: 5%;
  width: 41%;
  z-index: 20;
}
.single-book .single-book__inner {
  overflow: hidden;
  background-color: #eff1f3;
  position: relative;
}
.toggle-list .toggle-list__divider {
  margin-bottom: 0;
}
.grid--toggle-light {
  background-color: #f7f7f7;
  color: #212529;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.grid--toggle-light::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #f7f7f7;
  width: 1000%;
  height: 100%;
  top: 0;
  left: -100%;
}
.grid--toggle-light .icf-caret-up {
  color: #f7f7f7;
  height: 50px;
  left: 50%;
  line-height: 35px;
  margin-left: -22px;
  position: absolute;
  top: -25px;
  width: 85px;
  font-size: 8.33333333em;
}
.grid--toggle-light .grid__toggle-close {
  position: absolute;
  display: block;
  right: 0;
  top: -5px;
  z-index: 10;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.grid--toggle-light .grid__toggle-close i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: right;
  color: #212529;
  font-size: 2.77777778em;
}
.grid--toggle-light .grid__toggle-content {
  padding-right: 60px;
  padding-left: 0;
}
.grid--toggle-light .single-book {
  display: inline-block;
}
.grid--toggle-light .single-book::before {
  background-color: #f7f7f7;
}
.grid--toggle-light .single-book::after {
  background-color: #f7f7f7;
}
.row--intro .grid-3 {
  width: 22%;
}
.row--intro .grid-5 {
  width: 44.6667%;
}
.row--intro .row--intro__headline {
  overflow: hidden;
  position: relative;
  padding-top: 10%;
}
.row--intro .row--intro__headline .row--intro__headline__content {
  position: relative;
  z-index: 1;
}
.row--intro .row--intro__headline h1 {
  font-size: 3em;
}
.row--intro .row--intro__headline p {
  margin-bottom: 0;
}
.row--intro .row--intro__headline::before {
  content: attr(data-intro-headline);
  position: absolute;
  font-family: Fago, sans-serif;
  color: #fefefe;
  font-weight: 700;
  left: -16px;
  bottom: -60px;
  line-height: 1;
  z-index: -1;
  letter-spacing: -8px;
  white-space: nowrap;
  display: block;
  font-size: 10em;
}
.row--intro .row--intro__headline::after {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 120%;
  right: 0;
  top: 0;
  z-index: 0;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C */
  filter: progid:dximagetransform.microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1);
  /* IE6-9 */
}
.row--intro .row--intro__content {
  padding-top: 3%;
}
.archive-divider {
  margin-bottom: 40px / 2;
  border-width: 1px;
}
.filter {
  background-color: #fefefe;
  padding: 15px 0;
  transition: background-color 0.2s;
}
.filter.is_stuck {
  z-index: 90;
  border-bottom: 4px solid rgba(0, 0, 0, 0.08);
  background-color: #f7f7f7;
  background-clip: padding-box;
}
.filter .filter__inner {
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 40px;
}
.filter input,
.filter select,
.filter .selectboxit-container .selectboxit {
  border: 1px solid transparent;
  box-shadow: 4px 4px 0 #eff1f3;
  font-size: 1.11111111em;
}
.filter input:focus,
.filter select:focus,
.filter .selectboxit-container .selectboxit:focus {
  border-color: #d3d8dc;
  box-shadow: 4px 4px 0 #eff1f3;
}
.filter input {
  padding-right: 52px;
}
.filter button {
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  border: 0;
  width: 52px;
  height: 52px;
  text-align: center;
  z-index: 20;
}
.filter button::before {
  content: "\e620";
  font-family: icon-font;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 0;
  height: 52px;
  line-height: 52px;
  font-size: 1.77777778em;
}
.filter button span {
  display: none;
}
.filter .filter__hint {
  font-size: 1.44444444em;
  font-family: Fago, sans-serif;
  font-weight: 700;
  display: block;
  text-align: center;
  line-height: 52px;
}
.tab-nav ul {
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 40px;
}
.tab-nav ul li {
  float: left;
  margin-right: 30px;
}
.tab-nav ul li a {
  display: block;
  color: #212529;
  line-height: normal;
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
  transition: all 0.15s;
  font-size: 1em;
}
.tab-nav ul li a.active,
.tab-nav ul li a:hover {
  border-color: #212529;
  text-decoration: none;
}
.tab-nav ul li a.active {
  border-color: #E3000B;
  /* color: @standard-ci-color-1; */
}
.tab-nav.tab-nav--first-element {
  margin-bottom: 0;
  background-color: #f7f7f7;
  padding-top: 12px;
}
.tab-nav.tab-nav--first-element ul li a {
  font-size: 0.88888889em;
}
.title-with-details {
  border-bottom: 2px solid transparent;
  display: block;
  padding-bottom: 20px;
  transition: all 0.2s;
  margin-bottom: 30px;
}
.title-with-details h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Fago, sans-serif;
}
.title-with-details:hover {
  text-decoration: none;
  border-color: #E3000B;
}
.big-gallery-intro {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}
.big-gallery-subtitle {
  clear: both;
  padding-top: 30px;
  text-align: center;
  margin-bottom: 0;
  font-size: 1.11111111em;
}
.date-holder {
  padding-top: 32px;
  padding-left: 4px;
  position: relative;
  margin-bottom: 20px;
}
.date-holder::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #ff1722;
}
.date-holder .date-holder__date {
  display: block;
  color: #fff;
  background-color: #ff1722;
  padding: 0 10px;
  position: absolute;
  top: 0;
  left: 0;
  height: 33px;
  line-height: 33px;
  font-size: 0.77777778em;
}
.global-hint {
  position: fixed;
  z-index: 10000;
  top: 20px;
  left: 50%;
  margin-left: -170px;
  background-color: #28a745;
  color: #fff;
  padding: 20px 0;
  width: 340px;
  text-align: center;
  border: 1px solid #28a745;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.global-hint .global-hint__inner {
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 40px;
}
.pdf-link {
  word-break: break-word;
  display: block;
}
/* =============================================================================
   Footer
   ========================================================================== */
.site-footer {
  background-color: #E3000B;
  padding: 20px 0;
  color: #fff;
  height: 60px;
  font-size: 0.83333333em;
}
.site-footer a {
  color: #fff;
}
.site-footer p {
  margin-bottom: 0;
}
.site-footer .site-footer__inner {
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 40px;
}
.site-footer .site-footer__inner .legal {
  float: right;
}
.site-footer .site-footer__inner .legal li {
  float: left;
  margin-left: 5px;
}
.site-footer .site-footer__inner .footer-margin-top {
  margin-top: -8px;
}
/* =============================================================================
   Standard Delete & Extend Classes
   ========================================================================== */
/* =============================================================================
   Base Delete & Extend Classes
   ========================================================================== */
.no-margin {
  margin: 0;
}
.no-margin-bottom {
  margin-bottom: 0;
}
.no-margin-bottom-static {
  margin-bottom: 0 !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-25 {
  margin-bottom: 25px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-top-40 {
  padding-top: 40px;
}
.padding-top-60 {
  padding-top: 60px;
}
.display-inline {
  display: inline-block;
}
.display-block {
  display: block;
}
.standard-padding {
  padding-top: 40px;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.nf {
  float: none !important;
}
.no-wrap {
  white-space: nowrap;
}
.hide {
  display: none;
}
.overflow-auto {
  overflow-y: auto;
}
.overflow-visible {
  overflow: visible;
}
.overflow-hidden {
  overflow: hidden;
}
.locked-scroll {
  overflow: hidden;
}
.locked-scroll-mobile {
  overflow: hidden;
}
.locked-scroll-mobile body {
  overflow: hidden;
}
.no-opacity {
  opacity: 0;
}
.position-static {
  position: static;
}
.sticky-element {
  transform: translateZ(0);
}
.only-show-on-mobile {
  display: none;
}
.height-100 {
  height: 100px;
}
/* ==========================================================================
   IE Fixes
   ========================================================================== */
/* ==========================================================================
   IE Fixes
   ========================================================================== */
.lt-ie9 .fancybox-nav span {
  opacity: 1;
  visibility: hidden;
}
.lt-ie9 .fancybox-nav:hover span {
  opacity: 1;
  visibility: visible;
}
.lt-ie9 .invisible {
  visibility: visible !important;
}
/* ==========================================================================
   Low Bird Fixes
   ========================================================================== */
/* ==========================================================================
   Low Bird Fixes
   ========================================================================== */
/* ==========================================================================
   Touch Fixes
   ========================================================================== */
/* ==========================================================================
   Touch Fixes
   ========================================================================== */
.touch .btn:hover::before {
  opacity: 0.2;
  right: -434px;
}
.touch .btn:hover i {
  transform: scale(1);
}
.touch .media-with-details.media-with-details--is-book:hover .single-book__inner::before {
  right: -470px;
}
.touch a.media-with-details:hover img {
  transform: scale(1);
}
.touch a.media-with-details:hover::before {
  right: -470px;
}
.touch a.box--highlight:hover::before {
  right: -460px;
  opacity: 0.2;
}
.touch .teaser:hover h2::before {
  width: 30%;
}
.touch .image-teaser:hover img {
  transform: scale(1);
}
.touch .image-teaser:hover p span::before {
  opacity: 1;
  right: -410px;
}
/* ==========================================================================
   Webkit Fixes
   ========================================================================== */
@media all and (min-device-pixel-ratio: 0) {
  /* ==========================================================================
   Webkit Fixes
   ========================================================================== */
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (width <= 1610px) {
  /* =============================================================================
   Standard Styles 1610
   ========================================================================== */
  /* =============================================================================
   Project Styles 1610
   ========================================================================== */
}
@media only screen and (width <= 1430px) {
  /* =============================================================================
   Standard Styles 1430
   ========================================================================== */
  /* =============================================================================
   Project Styles 1430
   ========================================================================== */
}
@media only screen and (width <= 1340px) {
  /* =============================================================================
   Standard Styles 1340
   ========================================================================== */
  .gallery > li {
    width: 33.33333333%;
  }
  .gallery.gallery--center > li {
    width: 32%;
  }
  /* =============================================================================
   Project Styles 1340
   ========================================================================== */
  .page-section.page-section--symbol .page-section__inner .grid--hassymbol h4 {
    font-size: 0.88888889em;
  }
  .page-section.page-section--symbol .page-section__inner .grid--hassymbol h2 {
    font-size: 2.77777778em;
    margin-left: -4px;
  }
  .page-section.page-section--symbol .page-section__inner .grid--hassymbol h5 {
    font-size: 0.77777778em;
  }
  .number .number__holder .number__value {
    font-size: 3.61111111em;
  }
  .number .number__holder .number__name {
    font-size: 1.44444444em;
  }
}
@media only screen and (width <= 1280px) {
  /* =============================================================================
   Standard Styles 1280
   ========================================================================== */
  /* =============================================================================
   Project Styles 1280
   ========================================================================== */
}
@media only screen and (width <= 1180px) {
  /* =============================================================================
   Standard Styles 1180
   ========================================================================== */
  /* =============================================================================
   Project Styles 1180
   ========================================================================== */
  .box.box--highlight {
    padding: 20px;
  }
  .box.box--highlight h3 {
    font-size: 1.55555556em;
  }
  .box.box--highlight h1 {
    font-size: 2.33333333em;
    margin-bottom: 0;
  }
  .box.box--highlight p {
    font-size: 0.88888889em;
  }
  .language-fr .box.box--highlight.box--language-helper h1 {
    margin-bottom: 0;
  }
  .box.box--has-title::before {
    font-size: 6.66666667em;
    bottom: -40px;
    left: -8px;
  }
  a.box--highlight .icf-angle-right {
    height: 35px;
    line-height: 30px;
    font-size: 3.33333333em;
  }
  .teaser h4 {
    font-size: 0.88888889em;
  }
  .teaser h2 {
    font-size: 1.55555556em;
  }
  .teaser p {
    font-size: 0.88888889em;
  }
  #packery-container > .grid-4 {
    float: left;
    width: 50%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .hero .box {
    padding: 40px 120px;
    padding-top: 40px / 2;
  }
  .hero .toggle-stream {
    bottom: 10px;
  }
  .fl-list li {
    margin-right: 20px;
  }
  .row--intro .row--intro__headline::before {
    font-size: 6.66666667em;
    left: -8px;
    bottom: -40px;
  }
}
@media only screen and (width <= 1024px) {
  /* =============================================================================
   Standard Styles 1024
   ========================================================================== */
  .gallery > li {
    width: 50%;
  }
  .gallery.gallery--center > li {
    width: 49%;
  }
  .grid-6 .gallery > li {
    width: 50%;
  }
  /* =============================================================================
   Project Styles 1024
   ========================================================================== */
  .row--intro .row--intro__headline {
    padding-top: 0;
  }
  .row--intro .row--intro__content {
    padding-top: 0;
  }
  .row--intro .row--intro__content > p {
    margin-bottom: 20px;
  }
  .row--intro .row--intro__content p {
    font-size: 0.88888889em;
  }
  .row--intro .row--intro__content p .big-letter {
    line-height: 44px;
    margin: 4px 4px -6px -3px;
    font-size: 50px;
  }
}
@media only screen and (width <= 990px) {
  /* =============================================================================
   Standard Styles 990
   ========================================================================== */
  .row {
    margin-left: -20px;
  }
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12 {
    float: left;
    width: 100%;
    padding-left: 40px;
    position: relative;
    text-align: left;
    padding-left: 20px !important;
  }
  .row--no-padding .grid-1,
  .row--no-padding .grid-2,
  .row--no-padding .grid-3,
  .row--no-padding .grid-4,
  .row--no-padding .grid-5,
  .row--no-padding .grid-6,
  .row--no-padding .grid-7,
  .row--no-padding .grid-8,
  .row--no-padding .grid-9,
  .row--no-padding .grid-10,
  .row--no-padding .grid-11,
  .row--no-padding .grid-12 {
    padding-left: 0 !important;
  }
  .grid-1.center-column,
  .grid-2.center-column,
  .grid-3.center-column,
  .grid-4.center-column,
  .grid-5.center-column,
  .grid-6.center-column,
  .grid-7.center-column,
  .grid-8.center-column,
  .grid-9.center-column,
  .grid-10.center-column,
  .grid-11.center-column,
  .grid-12.center-column {
    margin-left: 0%;
  }
  .grid-1.right-column,
  .grid-2.right-column,
  .grid-3.right-column,
  .grid-4.right-column,
  .grid-5.right-column,
  .grid-6.right-column,
  .grid-7.right-column,
  .grid-8.right-column,
  .grid-9.right-column,
  .grid-10.right-column,
  .grid-11.right-column,
  .grid-12.right-column {
    margin-left: 0%;
  }
  .grid-1.center,
  .grid-2.center,
  .grid-3.center,
  .grid-4.center,
  .grid-5.center,
  .grid-6.center,
  .grid-7.center,
  .grid-8.center,
  .grid-9.center,
  .grid-10.center,
  .grid-11.center,
  .grid-12.center {
    text-align: center;
  }
  .row.row--keep-on-mobile .grid-1 {
    float: left;
    width: 8.33333333%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row.row--keep-on-mobile .grid-1.center {
    text-align: center;
  }
  .row.row--keep-on-mobile .grid-2 {
    float: left;
    width: 16.66666667%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row.row--keep-on-mobile .grid-2.center {
    text-align: center;
  }
  .row.row--keep-on-mobile .grid-3 {
    float: left;
    width: 25%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row.row--keep-on-mobile .grid-3.center {
    text-align: center;
  }
  .row.row--keep-on-mobile .grid-4 {
    float: left;
    width: 33.33333333%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row.row--keep-on-mobile .grid-4.center {
    text-align: center;
  }
  .row.row--keep-on-mobile .grid-5 {
    float: left;
    width: 41.66666667%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row.row--keep-on-mobile .grid-5.center {
    text-align: center;
  }
  .row.row--keep-on-mobile .grid-6 {
    float: left;
    width: 50%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row.row--keep-on-mobile .grid-6.center {
    text-align: center;
  }
  .row.row--keep-on-mobile .grid-7 {
    float: left;
    width: 58.33333333%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row.row--keep-on-mobile .grid-7.center {
    text-align: center;
  }
  .row.row--keep-on-mobile .grid-8 {
    float: left;
    width: 66.66666667%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row.row--keep-on-mobile .grid-8.center {
    text-align: center;
  }
  .row.row--keep-on-mobile .grid-9 {
    float: left;
    width: 75%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row.row--keep-on-mobile .grid-9.center {
    text-align: center;
  }
  .row.row--keep-on-mobile .grid-10 {
    float: left;
    width: 83.33333333%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row.row--keep-on-mobile .grid-10.center {
    text-align: center;
  }
  .row.row--keep-on-mobile .grid-11 {
    float: left;
    width: 91.66666667%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row.row--keep-on-mobile .grid-11.center {
    text-align: center;
  }
  .row.row--keep-on-mobile .grid-12 {
    float: left;
    width: 100%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row.row--keep-on-mobile .grid-12.center {
    text-align: center;
  }
  /* Push */
  .push-1,
  .push-2,
  .push-3,
  .push-4,
  .push-5,
  .push-6,
  .push-7,
  .push-8,
  .push-9,
  .push-10,
  .push-11,
  .push-12 {
    margin-left: 0%;
  }
  *[class*="grid"].grid--absolute {
    position: relative;
    height: auto;
    left: auto;
    top: auto;
  }
  *[class*="grid"].grid--absolute.grid--right {
    left: auto;
    right: auto;
  }
  h1 {
    font-size: 2.11111111em;
  }
  h2 {
    font-size: 1.77777778em;
  }
  h3 {
    font-size: 1.22222222em;
  }
  h4 {
    font-size: 1.11111111em;
  }
  h5 {
    font-size: 0.88888889em;
  }
  h6 {
    font-size: 0.77777778em;
  }
  p,
  .normal-list {
    font-size: 1em;
  }
  .font-size-20 {
    font-size: 1em;
  }
  .font-size-38 {
    font-size: 1.55555556em;
  }
  .big-letter {
    line-height: 44px;
    margin: 4px 4px -6px -3px;
    font-size: 50px;
  }
  .fancybox-html-content {
    padding: 20px;
    border: 0;
  }
  .btn-list {
    margin-bottom: 20px;
  }
  .btn-list li {
    float: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 10px;
  }
  .btn-list.no-margin-bottom-static {
    margin-bottom: 0;
  }
  .no-margin-bottom {
    margin-bottom: 20px;
  }
  .fancybox-title-inside-wrap {
    padding: 5px;
  }
  .fancybox-html-content {
    width: 100%;
  }
  .fancybox-type-inline {
    padding-bottom: 0;
  }
  .fancybox-type-iframe .fancybox-nav,
  .fancybox-type-inline .fancybox-nav {
    width: 30px;
    top: 100px;
  }
  .fancybox-type-iframe .fancybox-nav span,
  .fancybox-type-inline .fancybox-nav span {
    font-size: 2.22222222em;
  }
  .fancybox-type-iframe .fancybox-prev,
  .fancybox-type-inline .fancybox-prev {
    left: 0;
  }
  .fancybox-type-iframe .fancybox-next,
  .fancybox-type-inline .fancybox-next {
    right: 0;
  }
  .gallery {
    margin-left: -20px;
  }
  .gallery > li {
    padding-left: 20px;
    margin-bottom: 20px;
  }
  .gallery small {
    margin-bottom: -8px;
    margin-top: 2px;
  }
  .site-wrapper {
    margin: 0;
  }
  .pusher {
    display: none;
  }
  .site-footer {
    height: auto;
  }
  .site-footer .site-footer__inner {
    padding: 0 20px;
    font-size: 12px !important;
  }
  .site-footer .site-footer__inner p {
    font-size: 12px !important;
    margin-bottom: 10px;
  }
  .site-footer .site-footer__inner .legal {
    float: none;
  }
  .site-footer .site-footer__inner .legal li {
    margin-left: 0;
    margin-right: 5px;
  }
  .hide-on-mobile {
    display: none;
  }
  .only-show-on-mobile {
    display: block;
  }
  .center-on-mobile {
    text-align: center;
  }
  .center {
    text-align: left;
  }
  .standard-padding {
    padding-top: 20px;
  }
  .off-canvas-wrap__opener {
    display: block;
  }
  p,
  .normal-list,
  label {
    font-size: 0.88888889em;
  }
  /* =============================================================================
   Project Styles 990
   ========================================================================== */
  .teaser,
  .image-teaser,
  .single-image,
  p,
  .media-with-details,
  .single-book,
  .fl-list,
  hr,
  .page-section__headline,
  .item-list,
  .flex-media {
    margin-bottom: 20px;
  }
  .margin-bottom-25 {
    margin-bottom: 20px !important;
  }
  .margin-bottom-30 {
    margin-bottom: 20px !important;
  }
  .margin-bottom-40 {
    margin-bottom: 20px !important;
  }
  .margin-bottom-50 {
    margin-bottom: 20px !important;
  }
  .site-header .site-header__inner {
    height: 75px;
  }
  .site-header .site-header__inner .brand {
    left: 20px;
  }
  .site-header .site-header__inner .additional-info {
    right: 240px;
  }
  .user-panel .user-panel__inner {
    padding: 15px 20px;
  }
  .user-panel .user-panel__inner .user-panel__inner__actions {
    right: 20px;
  }
  .roll-in-header {
    display: none;
  }
  #packery-container .grid-4 {
    float: left;
    width: 100%;
    padding-left: 40px;
    position: relative;
    text-align: left;
    padding-left: 20px;
  }
  .teaser.teaser--hasimage p {
    margin-bottom: 20px;
  }
  .page-section {
    padding: 20px 0;
  }
  .page-section.page-section--symbol .page-section__inner > .row > *[class*="grid"] {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .page-section.page-section--symbol .page-section__inner .grid--hassymbol {
    text-align: center;
  }
  .page-section.page-section--symbol .page-section__inner .grid--hassymbol::before {
    display: none;
  }
  .page-section.page-section--toggle {
    padding: 20px 0;
  }
  .page-section.page-section--toggle .flex-media {
    margin-right: 0;
  }
  .page-section.page-section--toggle .toggle-content {
    padding: 0;
  }
  .page-section.page-section--toggle .toggle-content h1 {
    font-size: 1.55555556em;
  }
  .page-section .page-section__inner {
    padding: 0 20px;
  }
  .page-section .hero {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
  }
  .page-section__headline {
    font-size: 1.77777778em;
  }
  .page-section__headline span {
    font-size: 22px;
  }
  .number {
    margin: 0;
    border-width: 6px;
    padding: 45%;
    box-shadow: 0 0 0 6px #f5f5f5, 0 0 0 8px #dadada;
  }
  .number.number--home {
    margin: 0;
  }
  .box {
    margin-bottom: 20px;
    padding: 40px / 2;
  }
  .grid--absolute .box {
    position: relative;
    height: auto;
    inset: auto;
  }
  .csstransforms .grid--absolute .box .box__content {
    position: relative;
    top: auto;
    transform: translate(0, 0);
  }
  .csstransforms3d .grid--absolute .box .box__content {
    position: relative;
    top: auto;
    transform: translate3d(0, 0, 0);
  }
  .csstransforms .box.box--vertical-align-middle .box__content {
    position: relative;
    top: auto;
    transform: translate(0, 0);
  }
  .csstransforms3d .box.box--vertical-align-middle .box__content {
    position: relative;
    top: auto;
    transform: translate3d(0, 0, 0);
  }
  .box.box--highlight {
    padding: 20px;
  }
  .box.box--highlight .icf-dbp-emblem {
    font-size: 40px;
  }
  .box.box--highlight .box__content {
    padding: 0;
  }
  .box.box--highlight h3 {
    font-size: 1.33333333em;
  }
  .box.box--highlight h1 {
    font-size: 2em;
  }
  .box.box--highlight p {
    font-size: 0.88888889em;
  }
  .box.box--has-title {
    padding-bottom: 8%;
  }
  .box.box--has-title::before {
    color: #f7f7f7;
    left: -8px;
    bottom: -30px;
    font-size: 5em;
  }
  .box.box--has-title.box--light::before {
    color: #fefefe;
  }
  a.box--highlight .icf-angle-right {
    display: none;
  }
  .hero {
    height: auto;
    padding: 20px 0;
    background-size: cover;
  }
  .hero .hero__inner {
    padding: 0 20px;
  }
  .hero .toggle-stream {
    font-size: 1.22222222em;
  }
  .hero .toggle-stream i {
    font-size: 22px;
  }
  .hero .box {
    padding: 20px;
    display: block;
  }
  .hero .box h1 {
    white-space: normal;
  }
  .toggle-list .page-section .page-section__inner > .row > .grid-4 {
    float: left;
    width: 100%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .toggle-list .page-section .page-section__inner > .row > .grid-2 {
    float: left;
    width: 25%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .grid--toggle-light {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .grid--toggle-light .icf-caret-up {
    top: -10px;
  }
  .grid--toggle-light .grid__toggle-close {
    top: -2px;
    z-index: 10;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .grid--toggle-light .grid__toggle-close i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1.66666667em;
  }
  .grid--toggle-light .grid__toggle-content {
    padding: 0;
  }
  .grid--toggle-light .grid__toggle-content h3 {
    padding-right: 40px;
  }
  .row--intro .grid-3 {
    float: left;
    width: 33.33333333%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row--intro .grid-5 {
    float: left;
    width: 66.66666667%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row--intro .row--intro__headline {
    margin-bottom: 20px;
    padding-bottom: 8%;
  }
  .row--intro .row--intro__headline h1 {
    font-size: 2.11111111em;
  }
  .row--intro .row--intro__headline::before {
    color: #f7f7f7;
    left: -8px;
    bottom: -30px;
    font-size: 5em;
  }
  .filter .filter__inner {
    padding: 0 20px;
  }
  .filter .filter__hint {
    font-size: 1em;
    line-height: normal;
    padding: 8px 0;
  }
  .tab-nav ul {
    padding: 0 20px;
  }
  .tab-nav ul li {
    margin-right: 10px;
  }
  .tab-nav ul li a {
    font-size: 1em;
  }
  .time {
    margin-bottom: 10px;
  }
  .media-with-details {
    display: inline-block;
  }
  .media-with-details__hint {
    left: 20px;
    bottom: 2px;
  }
  .item {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .item:first-child {
    border-top: 1px dashed #eff1f3;
    padding-top: 10px;
  }
  .item:last-child {
    border-bottom: 1px dashed #eff1f3;
    margin-bottom: 20px;
  }
  .item h4 {
    font-size: 1em;
  }
  .item h5 {
    font-size: 0.77777778em;
  }
  .item.item--has-image {
    padding-left: 0;
    min-height: inherit;
  }
  .item.item--has-image .item__image {
    display: none;
  }
  .title-with-details {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
  .single-image.single-image--vb {
    margin-bottom: 20px;
  }
  .alert.alert--fullsize .alert__inner {
    padding: 10px 20px;
  }
  .gallery-slider {
    max-height: inherit;
    min-height: 300px;
  }
  .rsMinW .rsGCaption {
    bottom: 75px;
  }
}
@media only screen and (width <= 767px) {
  /* =============================================================================
   Standard Styles 767
   ========================================================================== */
  .fl-list {
    margin-bottom: 10px;
  }
  .fl-list li {
    float: none;
    margin-bottom: 10px;
  }
  .fl-list.fl-list--border {
    margin-bottom: 20px;
  }
  .max-width-mobile-220 {
    max-width: 220px;
  }
  /* =============================================================================
   Project Styles 767
   ========================================================================== */
  .site-header .site-header__inner {
    height: 75px;
  }
  .site-header .site-header__inner .brand {
    width: 50px;
    height: 56px;
    top: 10px;
    background-image: url("../images/singleones/logo-small-dark.svg");
  }
  .site-header .site-header__inner .additional-info {
    display: block;
    right: 240px;
    top: 14px;
  }
  .site-header .site-header__inner .additional-info p em {
    display: block;
    text-align: center;
  }
  .user-panel .user-panel__inner {
    padding: 15px 20px;
  }
  .user-panel .user-panel__inner .user-panel__inner__actions {
    right: auto;
    position: relative;
    top: auto;
  }
  .book-list-teaser.book-list-teaser--longlist li {
    width: 20%;
  }
  .book-list-teaser.book-list-teaser--shortlist li {
    width: 33.33333333%;
  }
  .number .number__holder .number__value {
    font-size: 2.11111111em;
  }
  .number .number__holder .number__name {
    font-size: 1em;
  }
  .toggle-list .page-section .page-section__inner > .row > .grid-4 {
    float: left;
    width: 100%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .toggle-list .page-section .page-section__inner > .row > .grid-2 {
    float: left;
    width: 50%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row--intro .grid-3 {
    float: left;
    width: 100%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row--intro .grid-5 {
    float: left;
    width: 100%;
    padding-left: 40px;
    position: relative;
    text-align: left;
  }
  .row--intro .single-book {
    max-width: 220px;
  }
  .row--intro .media-with-details {
    display: inline-block;
  }
  .box {
    padding: 12px !important;
  }
  .box .box__header {
    margin: -12px !important;
    margin-bottom: 12px !important;
    padding: 12px !important;
  }
  .hero--priceday .box.box--highlight .icf-angle-right {
    bottom: 15px !important;
    right: 15px !important;
  }
  .box .box__content .fl-list li {
    float: left;
    margin-bottom: 0;
  }
  .box .box__footer {
    margin: -12px !important;
    margin-top: 0 !important;
    padding: 12px !important;
  }
  a.box--highlight .icf-angle-right {
    font-size: 2.22222222em;
  }
  .title-list > li .title-list__options {
    padding-top: 10px;
    position: relative;
    right: auto;
    top: auto;
  }
  .title-list > li.title-list__canceled .title-list__options {
    right: auto;
  }
  .title-list > li.title-list__canceled .title-list__canceled__reason {
    padding-top: 10px;
  }
  .fancybox-html-content h3,
  .fancybox-html-content h4,
  .fancybox-html-content h5,
  .fancybox-html-content h6 {
    padding-right: 50px;
  }
  .fancybox-html-content h3 i,
  .fancybox-html-content h4 i,
  .fancybox-html-content h5 i,
  .fancybox-html-content h6 i {
    display: none;
  }
  .fancybox-html-content .btn-list li {
    float: left;
    margin-right: 10px;
  }
  .simple-btn i {
    display: none;
  }
}
@media only screen and (width <= 480px) {
  /* =============================================================================
   Project Styles 480
   ========================================================================== */
  .site-header .site-header__inner .additional-info {
    display: none;
  }
  .site-header .site-header__inner .languages-nav {
    right: 20px;
  }
}
@media print(minpixel-ratio: 5/4), (min-device-pixel-ratio: 1.25), (resolution >= 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* =============================================================================
   Base Includes End
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir::before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.cf::before,
.cf::after {
  content: " ";
  display: table;
}
.cf::after {
  clear: both;
}
.cf {
  *zoom: 1;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a::after,
  a[href^="javascript:"]::after,
  a[href^="#"]::after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}