/* Output/text/css/TS:20161206235802/F:/B:1209600/V:1w */
@charset "utf-8";
/* --- itp-screen --- */
/*
 * Bourbon + Normalize
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td, th {
  padding: 0; }

/*
 * Init: before
 * @import "init/*";
 */
/*
 * Colors
 */
/*
 * Maps
 */
/*
 * Variables
 */
/*
 * Widths & heights
 */
/*
* Widths & heights
*/
/*
 * Keyframes
 * @import "keyframes/*";
 */
@-webkit-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes spin-short {
  from {
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); }

  to {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }

@-moz-keyframes spin-short {
  from {
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); }

  to {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }

@keyframes spin-short {
  from {
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg); }

  to {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }

/*
 * Mixins
 * @import "mixins/*";
 */
/*
 * Fonts
 * @import "fonts/*";
 */
@font-face {
  font-family: 'News Gothic';
  src: url('/a/f/default/2D1197_1_0.eot');
  src: url('/a/f/default/2D1197_1_0.eot?#iefix') format('embedded-opentype'), url('/a/f/default/2D1197_1_0.woff2') format('woff2'), url('/a/f/default/2D1197_1_0.woff') format('woff'), url('/a/f/default/2D1197_1_0.ttf') format('truetype');
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'News Gothic';
  src: url('/a/f/default/2D1197_5_0.eot');
  src: url('/a/f/default/2D1197_5_0.eot?#iefix') format('embedded-opentype'), url('/a/f/default/2D1197_5_0.woff2') format('woff2'), url('/a/f/default/2D1197_5_0.woff') format('woff'), url('/a/f/default/2D1197_5_0.ttf') format('truetype');
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: 'News Gothic';
  src: url('/a/f/default/2D1197_3_0.eot');
  src: url('/a/f/default/2D1197_3_0.eot?#iefix') format('embedded-opentype'), url('/a/f/default/2D1197_3_0.woff2') format('woff2'), url('/a/f/default/2D1197_3_0.woff') format('woff'), url('/a/f/default/2D1197_3_0.ttf') format('truetype');
  font-style: normal;
  font-weight: 900; }

@font-face {
  font-family: 'News Gothic';
  src: url('/a/f/default/2D1197_2_0.eot');
  src: url('/a/f/default/2D1197_2_0.eot?#iefix') format('embedded-opentype'), url('/a/f/default/2D1197_2_0.woff2') format('woff2'), url('/a/f/default/2D1197_2_0.woff') format('woff'), url('/a/f/default/2D1197_2_0.ttf') format('truetype');
  font-style: italic;
  font-weight: 400; }

@font-face {
  font-family: 'News Gothic';
  src: url('/a/f/default/2D1197_6_0.eot');
  src: url('/a/f/default/2D1197_6_0.eot?#iefix') format('embedded-opentype'), url('/a/f/default/2D1197_6_0.woff2') format('woff2'), url('/a/f/default/2D1197_6_0.woff') format('woff'), url('/a/f/default/2D1197_6_0.ttf') format('truetype');
  font-style: italic;
  font-weight: 700; }

@font-face {
  font-family: 'News Gothic';
  src: url('/a/f/default/2D1197_4_0.eot');
  src: url('/a/f/default/2D1197_4_0.eot?#iefix') format('embedded-opentype'), url('/a/f/default/2D1197_4_0.woff2') format('woff2'), url('/a/f/default/2D1197_4_0.woff') format('woff'), url('/a/f/default/2D1197_4_0.ttf') format('truetype');
  font-style: italic;
  font-weight: 900; }

@font-face {
  font-family: 'Swiss';
  src: url('/a/f/default/2D1197_0_0.eot');
  src: url('/a/f/default/2D1197_0_0.eot?#iefix') format('embedded-opentype'), url('/a/f/default/2D1197_0_0.woff2') format('woff2'), url('/a/f/default/2D1197_0_0.woff') format('woff'), url('/a/f/default/2D1197_0_0.ttf') format('truetype');
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: 'icons';
  src: url('/a/f/default/icons.eot?-x7x7x7x7x');
  src: url('/a/f/default/icons.eot?#iefix-x7x7x7x7x') format('embedded-opentype'), url('/a/f/default/icons.woff?-x7x7x7x7x') format('woff'), url('/a/f/default/icons.ttf?-x7x7x7x7x') format('truetype'), url('/a/f/default/icons.svg?-x7x7x7x7x#icons') format('svg');
  font-weight: normal;
  font-style: normal; }

/*
 * Extends
 * @import "extends/*";
 */
/*
 * Highlight: yellow
 */
mark, .highlight-yellow {
  background-color: #ffe408;
  color: #000; }

/*
 * Highlight: red
 */
.highlight-red {
  background-color: #ee090c;
  color: #fff; }

.mod-article div.ad p, .mod-article-body .intro, .mod-article-body blockquote, .mod-article-aside figure.ad figcaption, .mod-navigation-secondary li.nav-item-register a, .mod-humo-ad strong, .tv-details, .mod-header-braces-serif h2, .mod-header-braces-serif-red h2, .mod-block .category, .mod-block-columns a, .mod-block-trending nav ul a, .mod-block-archive header h5, .mod-block-archive footer p, .mod-block-nuinhumo h5, .mod-block-nuinhumo li {
  font-family: 'Georgia', serif; }

body, .mod-form input, .mod-form select, .mod-form textarea, .mod-form button, .mod-header-alternative .mod-navigation-primary li li, .mod-header-alternative .mod-navigation-primary li li a, .mod-footer-top h5, .mod-navigation-secondary a, .mod-navigation-user .title, .mod-header-braces h2, .mod-block-archive header h3, .mod-block-archive header h4, .mod-block-header-red header h3 {
  font-family: 'News Gothic', sans-serif; }

h1, .h1, h2, .h2, .mod-block header blockquote, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .button-icon-block .desc, .mod-header .mod-navigation-primary li.active ul li a, .mod-article-body blockquote .author, .mod-navigation-primary a, .mod-tv a#tvguide, .mod-block .category-highlight span, .mod-block .category-highlight-border span, .mod-block footer p, .mod-block .pagination li a, .mod-block header blockquote .author, .mod-block-newsletter header h3, .mod-block-newsletter button, .mod-block-trending .body a, .mod-block-uitlaat .content footer, .mod-block-uitlaat .intro button[type="submit"], .mod-block-nuinhumo aside .actions a, .mod-block-tekstballon-view a:not(.button-next):not(.button-prev), .mod-modal .mod-modal-pagination, .mod-photospecial footer strong {
  font-family: 'Swiss', sans-serif; }

.mod-header-braces h2:after, .mod-header-braces-serif h2:after, .mod-header-braces-serif-red h2:after, .mod-block-trending nav div:after, .mod-header-braces h2:before, .mod-header-braces-serif h2:before, .mod-header-braces-serif-red h2:before, .mod-block-trending nav div:before, .mod-header-braces h2 span:after, .mod-header-braces-serif h2 span:after, .mod-header-braces-serif-red h2 span:after, .mod-block-trending nav ul:after, .mod-header-braces h2 span:before, .mod-header-braces-serif h2 span:before, .mod-header-braces-serif-red h2 span:before, .mod-block-trending nav ul:before, [class^="icon-"], [class*=" icon-"], .social .button-fb:before, .social .button-twitter:before, .social .button-mail:before, .mod-article-footer p.tags:before, .mod-article-aside .article-extra:before, .mod-comments form input[type="checkbox"]:checked + label:before, .mod-tv a#tvguide:before, span.star:before, .tv-details:before, .mod-block .pagination:before, .mod-block-trending .body time:before, .mod-block-thumb .more:before, .mod-block-thumb-full-height .more:before, .mod-block-thumb-full-width .more:before, .mod-block-thumb-square .more:before, .mod-block-thumb-wide .more:before, .mod-block-uitlaat .content footer:before, .mod-block-uitlaat .intro button[type="submit"]:before, .mod-block-nuinhumo aside .actions a:before, .double-hands-link:before, .double-hands-link:after, .button-prev .inner:before, .button-next .inner:before, .mod-comments > header h3 span.commenticon-inner:before, .mod-comments form h3 span.commenticon-inner:before, .mod-block-thumb-play .inner:before, .mod-rating:after, .mod-rating:before, .mod-block-uitlaat .intro h3 span.commenticon-inner:before {
  font-family: 'icons'; }

.mod-header-braces h2:after, .mod-header-braces-serif h2:after, .mod-header-braces-serif-red h2:after, .mod-block-trending nav div:after, .mod-header-braces h2:before, .mod-header-braces-serif h2:before, .mod-header-braces-serif-red h2:before, .mod-block-trending nav div:before, .mod-header-braces h2 span:after, .mod-header-braces-serif h2 span:after, .mod-header-braces-serif-red h2 span:after, .mod-block-trending nav ul:after, .mod-header-braces h2 span:before, .mod-header-braces-serif h2 span:before, .mod-header-braces-serif-red h2 span:before, .mod-block-trending nav ul:before, [class^="icon-"], [class*=" icon-"], .social .button-fb:before, .social .button-twitter:before, .social .button-mail:before, .mod-article-footer p.tags:before, .mod-article-aside .article-extra:before, .mod-comments form input[type="checkbox"]:checked + label:before, .mod-tv a#tvguide:before, span.star:before, .tv-details:before, .mod-block .pagination:before, .mod-block-trending .body time:before, .mod-block-thumb .more:before, .mod-block-thumb-full-height .more:before, .mod-block-thumb-full-width .more:before, .mod-block-thumb-square .more:before, .mod-block-thumb-wide .more:before, .mod-block-uitlaat .content footer:before, .mod-block-uitlaat .intro button[type="submit"]:before, .mod-block-nuinhumo aside .actions a:before, .double-hands-link:before, .double-hands-link:after {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-prev:before, .button-prev .inner:before {
  content: "\70"; }

.icon-next:before, .button-next .inner:before {
  content: "\6e"; }

.icon-play:before, .mod-block-thumb-play .inner:before {
  content: "\25b6"; }

.icon-check:before, .mod-comments form input[type="checkbox"]:checked + label:before {
  content: "\2713"; }

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

.icon-comments:before, .mod-comments > header h3 span.commenticon-inner:before, .mod-comments form h3 span.commenticon-inner:before, .mod-block-uitlaat .intro h3 span.commenticon-inner:before {
  content: "\270e"; }

.icon-email:before {
  content: "\2709"; }

.icon-facebook:before {
  content: "\66"; }

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

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

.icon-star:before, span.star:before {
  content: "\2605"; }

.icon-tags:before, .mod-article-footer p.tags:before {
  content: "\23"; }

.icon-twitter:before {
  content: "\74"; }

.icon-hand-down:before, .mod-article-aside .article-extra:before {
  content: "\2193"; }

.mod-header-braces h2 span:before, .mod-header-braces-serif h2 span:before, .mod-header-braces-serif-red h2 span:before, .mod-block-trending nav ul:before, .icon-hand-right:before, .mod-block .pagination:before, .mod-block-thumb .more:before, .mod-block-thumb-full-height .more:before, .mod-block-thumb-full-width .more:before, .mod-block-thumb-square .more:before, .mod-block-thumb-wide .more:before, .mod-block-uitlaat .content footer:before, .mod-block-uitlaat .intro button[type="submit"]:before, .mod-block-nuinhumo aside .actions a:before, .double-hands-link:before {
  content: "\2192"; }

.mod-header-braces h2 span:after, .mod-header-braces-serif h2 span:after, .mod-header-braces-serif-red h2 span:after, .mod-block-trending nav ul:after, .icon-hand-left:before, .double-hands-link:after {
  content: "\2190"; }

.mod-header-braces h2:before, .mod-header-braces-serif h2:before, .mod-header-braces-serif-red h2:before, .mod-block-trending nav div:before, .icon-brace-right:before {
  content: "\7b"; }

.mod-header-braces h2:after, .mod-header-braces-serif h2:after, .mod-header-braces-serif-red h2:after, .mod-block-trending nav div:after, .icon-brace-left:before {
  content: "\7d"; }

.icon-arrow-right:before, .mod-tv a#tvguide:before, .tv-details:before, .mod-block-trending .body time:before {
  content: "\3e"; }

.icon-facebook-nocircle:before, .social .button-fb:before {
  content: "\46"; }

.icon-twitter-nocircle:before, .social .button-twitter:before {
  content: "\54"; }

.icon-email-nocircle, .social .button-mail:before {
  content: "\40"; }

.icon-googleplus:before {
  content: "\2b"; }

.mod-article-footer p.tags, .mod-block-columns, .mod-block-trending .container, .mod-block-filter form .actions {
  border-bottom: 4px solid #000;
  padding: 0 0 25px 0;
  position: relative;
  /*
   * Small border at the bottom
   */ }
  .mod-article-footer p.tags:after, .mod-block-columns:after, .mod-block-trending .container:after, .mod-block-filter form .actions:after {
    background-color: #000;
    bottom: 4px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%; }

.mod-footer {
  border-top: 1px solid #000;
  padding: 25px 0 0 0;
  position: relative;
  /*
   * Small border at the bottom
   */ }
  .mod-footer:after {
    background-color: #000;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 100%; }

.mod-header-braces, .mod-header-braces-serif, .mod-header-braces-serif-red, .mod-block-trending nav {
  min-height: 37px;
  position: relative;
  text-align: center; }
  .mod-header-braces:before, .mod-header-braces-serif:before, .mod-header-braces-serif-red:before, .mod-block-trending nav:before {
    background-color: #000;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: 17px;
    width: 100%; }

.mod-header-braces h2, .mod-header-braces-serif h2, .mod-header-braces-serif-red h2, .mod-block-trending nav div {
  background-color: #fff;
  color: #ee090c;
  display: inline-block;
  padding: 0 20px;
  position: relative;
  text-align: center;
  width: auto; }
  .mod-header-braces h2:after, .mod-header-braces-serif h2:after, .mod-header-braces-serif-red h2:after, .mod-block-trending nav div:after, .mod-header-braces h2:before, .mod-header-braces-serif h2:before, .mod-header-braces-serif-red h2:before, .mod-block-trending nav div:before {
    color: #000;
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 49px;
    position: absolute;
    top: -4px;
    width: 11px; }
  .mod-header-braces h2:after, .mod-header-braces-serif h2:after, .mod-header-braces-serif-red h2:after, .mod-block-trending nav div:after {
    right: 0; }
  .mod-header-braces h2:before, .mod-header-braces-serif h2:before, .mod-header-braces-serif-red h2:before, .mod-block-trending nav div:before {
    left: -1px; }

.mod-header-braces h2 span, .mod-header-braces-serif h2 span, .mod-header-braces-serif-red h2 span, .mod-block-trending nav ul {
  padding: 0 60px; }
  .mod-header-braces h2 span:after, .mod-header-braces-serif h2 span:after, .mod-header-braces-serif-red h2 span:after, .mod-block-trending nav ul:after, .mod-header-braces h2 span:before, .mod-header-braces-serif h2 span:before, .mod-header-braces-serif-red h2 span:before, .mod-block-trending nav ul:before {
    -webkit-transition: left 500ms, right 500ms;
    -moz-transition: left 500ms, right 500ms;
    transition: left 500ms, right 500ms;
    color: #000;
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 25px;
    position: absolute;
    top: -4px;
    width: 50px; }
  .mod-header-braces h2 span:before, .mod-header-braces-serif h2 span:before, .mod-header-braces-serif-red h2 span:before, .mod-block-trending nav ul:before {
    left: 20px; }
  .mod-header-braces h2 span:after, .mod-header-braces-serif h2 span:after, .mod-header-braces-serif-red h2 span:after, .mod-block-trending nav ul:after {
    left: auto;
    right: 15px; }

.mod-header-braces h2:hover span:after, .mod-header-braces-serif h2:hover span:after, .mod-header-braces-serif-red h2:hover span:after, .mod-block-trending nav div:hover ul:after {
  right: 20px; }
.mod-header-braces h2:hover span:before, .mod-header-braces-serif h2:hover span:before, .mod-header-braces-serif-red h2:hover span:before, .mod-block-trending nav div:hover ul:before {
  left: 25px; }

/*
 * Init: after
 * @import "init/*";
 */
/*
 * Body
 */
body {
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  color: #000;
  cursor: default;
  font-size: 14px; }

/*
 * Selection
 */
::selection {
  background-color: #ee090c;
  color: #fff; }

::-moz-selection {
  background-color: #ee090c;
  color: #fff; }

/*
 * Hide
 */
.hide {
  display: none; }

/*
 * Float left
 */
.float-left {
  float: left; }

/*
 * Float right
 */
.float-right {
  float: right; }

/*
 * Lazyload images
 */
.js-lazy {
  display: none !important; }
  .js-lazy.lazied {
    display: block !important; }

/*
 * Figure
 */
figure {
  margin: 0; }

/*
 * Address
 */
address {
  display: inline; }

/*
 * Body: see _general.scss
 */
/*
 * Reset
 */
h1, h2, h3, h4, h5, h6, p, ol, ul, li {
  margin: 0;
  padding: 0; }

/*
 * Heading shared
 */
/*
 * Heading 1
 */
h1, .h1 {
  font-size: 2.55em;
  line-height: 1.5;
  font-weight: 700;
  line-height: 1.3em; }

/*
 * Heading 2
 */
h2, .h2, .mod-block header blockquote {
  font-size: 2em;
  line-height: 1.5;
  font-weight: 700;
  line-height: 1.3em; }

/*
 * Heading 3
 */
h3, .h3 {
  font-size: 1.75em;
  line-height: 1.5;
  font-weight: 700;
  line-height: 1.3em; }

/*
 * Heading 4
 */
h4, .h4 {
  font-size: 1.5em;
  line-height: 1.5;
  font-weight: 700;
  line-height: 1.3em; }

/*
 * Heading 5
 */
h5, .h5 {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 700;
  line-height: 1.3em; }

/*
 * Heading 6
 */
h6, .h6 {
  font-size: 1.1em;
  line-height: 1.5;
  font-weight: 700;
  line-height: 1.3em; }

/*
 * Paragraphs
 */
p {
  font-size: 1.35em;
  line-height: 1.5;
  line-height: 1.6em;
  margin: 0.675em 0; }

/*
 * Gradient paragraphs
 */
.gradient {
  max-height: 115px;
  overflow: hidden;
  position: relative; }
  .gradient:after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    /* IE10+ */
    background: linear, to bottom, rgba(255, 255, 255, 0) 0%, white 100%;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

/*
 * Lists
 */
dl dd, dl dt, dl li, ol dd, ol dt, ol li, ul dd, ul dt, ul li {
  font-size: 1.35em;
  line-height: 1.5;
  line-height: 1.5em;
  margin: 5px 0; }

/*
 * Unordered lists
 */
/*
 * Ordered lists
 */
/*
 * Definition lists
 */
/*
 * Links
 */
a {
  color: #ee090c;
  position: relative;
  text-decoration: none;
  /*
  &:before,
  &:after{

    border-bottom: 2px solid $color_red;
    content: '';
    left: 0;
    height: 1px;
    opacity: 0;
    position: absolute;
   top: 100%;
    transform: translateY(5px);
    transition: opacity 0.2s, transform 0.2s;
   width: 100%;

  }

  &:before{
    border-bottom: 1px solid $color_red;
    transform: translateY(3px);
  }

  &:hover::after,
  &:focus::after {
    opacity: 1;
    transform: translateY(2px);
  }

  &:hover::before,
  &:focus::before {
     opacity: 1;
     transform: translateY(0px);
  }

  &:active{}
  &:focus{}

  &:hover{}

  &:visited{}
  */ }
  a.noBorder, a.noBorder:hover {
    border: none; }
  a:hover {
    border-bottom: 1px solid #ee090c; }

/*
 * Strong
 */
b, strong {
  font-weight: 700; }

/*
 * Italic
 */
em, i {
  font-style: italic; }

/*
 * Underlined
 */
/*
 * Highlight
 */
/*
 * Small
 */
/*
 * Red button
 */
.button-red {
  -webkit-transition: background-color 300ms ease;
  -moz-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  background-color: #ee090c;
  color: #fff; }
  .button-red:hover {
    background-color: #e31e00; }

/*
 * Circle button
 */
.button-circle, .button-plus, .button-close, .button-close-small, .button-prev, .button-next {
  -webkit-transition: background-color 500ms, opacity 500ms;
  -moz-transition: background-color 500ms, opacity 500ms;
  transition: background-color 500ms, opacity 500ms;
  background-color: #ee090c;
  border-radius: 38px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 38px;
  font-size: 3em;
  line-height: 1.1em;
  text-align: center;
  margin: 5px;
  padding: 0 0 0 2px;
  position: relative;
  width: 36px;
  /*
  * Is-loading
  */ }
  .button-circle:before, .button-plus:before, .button-close:before, .button-close-small:before, .button-prev:before, .button-next:before {
    border: 2px solid #ee090c;
    border-radius: 42px;
    content: "";
    display: block;
    height: 42px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 42px; }
  .button-circle:hover, .button-plus:hover, .button-close:hover, .button-close-small:hover, .button-prev:hover, .button-next:hover {
    background-color: #e31e00;
    border: none; }
    .button-circle:hover:before, .button-plus:hover:before, .button-close:hover:before, .button-close-small:hover:before, .button-prev:hover:before, .button-next:hover:before {
      border-color: #e31e00; }
  .button-circle.is-loading, .is-loading.button-plus, .is-loading.button-close, .is-loading.button-close-small, .is-loading.button-prev, .is-loading.button-next {
    opacity: 0.75; }

/*
 * Plus button
 */
.button-plus, .button-close, .button-close-small {
  /*
  * Is-loading
  */ }
  .button-plus .inner, .button-close .inner, .button-close-small .inner {
    display: block;
    height: 24px;
    left: 7px;
    position: absolute;
    top: 7px;
    width: 24px; }
    .button-plus .inner:after, .button-close .inner:after, .button-close-small .inner:after, .button-plus .inner:before, .button-close .inner:before, .button-close-small .inner:before {
      background-color: #fff;
      content: "";
      display: block;
      position: absolute; }
    .button-plus .inner:after, .button-close .inner:after, .button-close-small .inner:after {
      height: 4px;
      left: 0;
      top: 10px;
      width: 24px; }
    .button-plus .inner:before, .button-close .inner:before, .button-close-small .inner:before {
      height: 24px;
      left: 10px;
      top: 0;
      width: 4px; }
  .button-plus.is-loading, .is-loading.button-close, .is-loading.button-close-small {
    -webkit-animation: spin 1000ms infinite;
    -moz-animation: spin 1000ms infinite;
    animation: spin 1000ms infinite; }

/*
 * Close button
 */
.button-close, .button-close-small {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }
  .button-close:hover, .button-close-small:hover {
    -webkit-animation: spin-short 500ms;
    -moz-animation: spin-short 500ms;
    animation: spin-short 500ms; }

/*
 * Close button small
 */
.button-close-small {
  height: 32px;
  width: 30px; }
  .button-close-small:before {
    height: 36px;
    width: 36px; }
  .button-close-small .inner:after {
    top: 7px;
    width: 18px; }
  .button-close-small .inner:before {
    left: 7px;
    height: 18px; }

/*
 * Button next + prev
 */
.button-prev, .button-next {
  height: 32px;
  width: 30px;
  -webkit-transition: margin 250ms;
  -moz-transition: margin 250ms;
  transition: margin 250ms;
  cursor: pointer; }
  .button-prev:before, .button-next:before {
    height: 36px;
    width: 36px; }
  .button-prev .inner, .button-prev .inner:before, .button-next .inner, .button-next .inner:before {
    cursor: pointer;
    color: #fff;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%; }
  .button-prev .inner:before, .button-next .inner:before {
    cursor: pointer;
    font-size: 20px;
    line-height: 1.6em;
    text-align: center; }

/*
 * Button prev
 */
/*
 * Button next
 */
.button-next .inner {
  padding-left: 3px; }

/*
 * Button icon
 */
.button-icon, .button-icon-block {
  border: none;
  color: #000; }
  .button-icon i, .button-icon-block i {
    -webkit-transition: margin-right 300ms ease;
    -moz-transition: margin-right 300ms ease;
    transition: margin-right 300ms ease;
    margin: 0 5px 0 0; }
  .button-icon .txt, .button-icon-block .txt {
    border-bottom: 1px solid #000;
    font-size: 1.75em;
    line-height: 1em;
    text-transform: uppercase; }
  .button-icon:hover, .button-icon-block:hover {
    border: none; }
    .button-icon:hover i, .button-icon-block:hover i {
      margin: 0 10px 0 0; }

/*
 * Button icon block
 */
.button-icon-block {
  display: block;
  line-height: 1.2em;
  padding: 0 0 0 50px;
  position: relative; }
  .button-icon-block i {
    left: 0;
    position: absolute;
    top: 0; }
  .button-icon-block .desc {
    border-bottom: 1px solid #000;
    font-size: 1em;
    line-height: 1em;
    text-transform: uppercase; }
  .button-icon-block:hover .desc {
    border: none; }

/*
* share buttons
*/
.social {
  list-style-type: none; }
  .social li {
    display: inline-block;
    margin: 0;
    padding: 0; }
  .social li:nth-child(2) {
    margin: 0 0 0 10px; }
  .social li:nth-child(3) {
    display: block; }
  .social .button-fb, .social .button-twitter, .social .button-mail {
    display: block;
    font-size: 17px;
    font-weight: bold;
    line-height: 17px;
    padding: 0;
    text-transform: uppercase;
    vertical-align: middle; }
    .social .button-fb:before, .social .button-twitter:before, .social .button-mail:before {
      background-color: white;
      font-size: 25px;
      margin-right: 9px;
      vertical-align: middle; }
  .social .button-fb, .social .button-twitter {
    color: white;
    display: inline-block;
    margin-bottom: 5px;
    width: 92px; }
  .social .button-fb {
    background-color: #4e69a2;
    border: 4px solid #4e69a2; }
    .social .button-fb:before {
      color: #4e69a2; }
  .social .button-twitter {
    background-color: #00aced;
    border: 4px solid #00aced; }
    .social .button-twitter:before {
      color: #00aced; }
  .social .button-mail {
    background-color: white;
    color: black;
    width: 214px;
    text-align: center;
    padding-top: 5px;
    position: relative;
    border-top: 2px solid black; }
    .social .button-mail:before {
      bottom: 3px;
      font-size: 30px;
      position: relative; }

/*
 * Social buttons
 */
.button-social-login-facebook, .button-social-login-googleplus {
  -webkit-transition: background-color 300ms ease;
  -moz-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  padding: 0;
  position: relative; }
  .button-social-login-facebook i, .button-social-login-facebook span, .button-social-login-googleplus i, .button-social-login-googleplus span {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    z-index: 2; }
  .button-social-login-facebook i, .button-social-login-googleplus i {
    color: #fff;
    font-size: 25px;
    height: 23px;
    overflow: hidden;
    padding: 7px;
    line-height: 25px; }
  .button-social-login-facebook span, .button-social-login-googleplus span {
    height: 23px;
    font-size: 15px;
    line-height: 25px;
    padding: 7px; }
  .button-social-login-facebook:after, .button-social-login-googleplus:after {
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
    z-index: 1; }
  .button-social-login-facebook:after, .button-social-login-googleplus:after {
    bottom: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%; }
  .button-social-login-facebook:hover, .button-social-login-googleplus:hover {
    border: none; }

.button-social-login-facebook {
  background-color: #4662b0; }
  .button-social-login-facebook i {
    font-size: 23px;
    line-height: 23px; }
  .button-social-login-facebook span {
    border-left: 1px solid #354c8c; }
  .button-social-login-facebook:after {
    background-color: #4662b0; }
  .button-social-login-facebook:hover {
    background-color: #506ec1; }
    .button-social-login-facebook:hover:after {
      background-color: #354c8c; }

.button-social-login-googleplus {
  background-color: #dd4b39; }
  .button-social-login-googleplus span {
    border-left: 1px solid #b93c2c; }
  .button-social-login-googleplus:after {
    background-color: #dd4b39; }
  .button-social-login-googleplus:hover {
    background-color: #e74b37; }
    .button-social-login-googleplus:hover:after {
      background-color: #b93c2c; }

/*
* Colors
*/
.mod-form {
  /*
  * Remove IOS shadow
  */
  /*
  * Prevent Firefox red box-shadow when an input with attr required is not valid
  */
  /*
  * Input placeholder
  */
  /*
  * Input
  */
  /*
  * Label
  */
  /*
  * Select
  */
  /*
  * Button
  */ }
  .mod-form input[type='text'], .mod-form input[type='email'], .mod-form input[type='search'], .mod-form input[type='password'], .mod-form input[type='number'], .mod-form textarea {
    -webkit-appearance: none;
    -moz-appearance: none; }
  .mod-form input:invalid, .mod-form input:required {
    box-shadow: none; }
  .mod-form ::-webkit-input-placeholder {
    color: #777;
    font-weight: 300; }
  .mod-form :-moz-placeholder {
    color: #777;
    font-weight: 300; }
  .mod-form ::-moz-placeholder {
    color: #777;
    font-weight: 300; }
  .mod-form :-ms-input-placeholder {
    color: #777;
    font-weight: 300; }
  .mod-form input, .mod-form select, .mod-form textarea {
    -webkit-transition: background-color 500ms, color 500ms;
    -moz-transition: background-color 500ms, color 500ms;
    transition: background-color 500ms, color 500ms;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: none;
    color: #000;
    display: block;
    font-size: 1.5em;
    line-height: 1.1em;
    padding: 15px 10px;
    width: 100%; }
  .mod-form textarea {
    font-size: 1em; }
  .mod-form input:focus, .mod-form textarea:focus {
    outline: 0; }
  .mod-form label {
    cursor: pointer;
    display: block;
    font-size: 17px;
    line-height: 20px;
    margin: 0 0 10px 0; }
  .mod-form select {
    -moz-appearance: input;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer; }
    .mod-form select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000; }
  .mod-form button {
    -webkit-transition: width 300ms;
    -moz-transition: width 300ms;
    transition: width 300ms;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    outline: 0;
    overflow: hidden;
    padding: 15px 10px 10px 10px;
    position: relative;
    width: auto; }

.container {
  margin: 0 auto;
  padding: 0 4px;
  width: 1016px; }

/*
 * tablet hack
 */
.mod-block-alternate, .mod-footer, .mod-footer-bottom, .mod-navigation-primary, .mod-navigation-secondary {
  margin: 0 4px;
  width: 1016px; }
  .mod-block-alternate .container, .mod-footer .container, .mod-footer-bottom .container, .mod-navigation-primary .container, .mod-navigation-secondary .container {
    padding: 0;
    width: auto; }
  @media screen and (min-width: 1016px) {
    .mod-block-alternate, .mod-footer, .mod-footer-bottom, .mod-navigation-primary, .mod-navigation-secondary {
      margin: 0;
      width: 100%; }
      .mod-block-alternate .container, .mod-footer .container, .mod-footer-bottom .container, .mod-navigation-primary .container, .mod-navigation-secondary .container {
        padding: 0 4px;
        width: 1016px; } }


.mod-footer-bottom {
  margin-left: -4px;
  margin-right: 0;
  width: 1026px; }
  .mod-footer-bottom .container {
    padding: 0 10px; }
  @media screen and (min-width: 1016px) {
    .mod-footer-bottom {
      margin: 0;
      padding: 0;
      width: 100%; } }

/*
 * Modules
 * @import "modules/*";
 */
.mod-typo .container {
  border-bottom: 1px dotted #ccc;
  padding: 30px 0; }
.mod-typo section ol, .mod-typo section ul {
  padding: 0 0 0 20px; }
  .mod-typo section ol li, .mod-typo section ul li {
    list-style-position: outside; }

/*
 * Grid
 */
.mod-grid {
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 0 -16px;
  position: relative; }
  .mod-grid .grid-item {
    list-style: none;
    margin: 0 0 30px 16px; }
  .mod-grid .grid-item-2 {
    width: 500px; }
  .mod-grid .grid-item-4 {
    width: 242px; }
  .mod-grid .grid-item-5 {
    width: 190.4px; }
  .mod-grid .grid-item-6 {
    width: 156px; }
  .mod-grid .grid-item-2-row {
    margin: 0;
    min-height: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 500px; }
    .mod-grid .grid-item-2-row:last-child {
      bottom: 4px;
      top: auto; }

/*
 * Lazyload button
 */
.mod-lazyload-button {
  color: #000;
  display: block;
  margin: 50px auto;
  outline: 0;
  height: 95px;
  width: 200px;
  /*
   * Button
   */
  /*
   * Text
   */
  /*
   * Hover
   */ }
  .mod-lazyload-button .button-plus, .mod-lazyload-button .button-close, .mod-lazyload-button .button-close-small {
    display: block;
    margin: 0 auto; }
  .mod-lazyload-button .desc {
    display: block;
    font-style: italic;
    font-size: 1.4em;
    font-weight: 700;
    height: 30px;
    line-height: 1.5em;
    margin: 12px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-5deg);
    width: 200px; }
  .mod-lazyload-button:hover {
    border: none;
    outline: 0; }

/*
 * Header
 */
.mod-header {
  padding: 32px 0 0 10px;
  position: relative;
  width: 1016px;
  z-index: 500; }
  @media screen and (min-width: 1016px) {
    .mod-header {
      padding: 32px 0 0 0;
      width: auto; } }
  .mod-header * {
    z-index: 520; }
  .mod-header:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 90px;
    left: 50%;
    margin: 0 0 0 -130px;
    position: absolute;
    top: 49px;
    width: 260px;
    z-index: 515; }
  .mod-header:before {
    border-bottom: 4px solid #000;
    border-top: 1px solid #000;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    margin: 0 0 0-508px;
    position: absolute;
    top: 128px;
    width: 1016px;
    z-index: 510; }
  .mod-header .mod-logo {
    margin-top: 25px; }
  .mod-header .mod-menu-button, .mod-header .mod-breadcrumbs {
    display: none; }
  .mod-header .mod-navigation-primary {
    /*
     * Hide subnavigation
     */
    /*
    * Show subnavigation
    */ }
    .mod-header .mod-navigation-primary li ul {
      display: none; }
    .mod-header .mod-navigation-primary li.active {
      margin-bottom: 75px;
      z-index: 600; }
      .mod-header .mod-navigation-primary li.active ul {
        display: block;
        position: absolute;
        left: 0;
        right: 0; }
        .mod-header .mod-navigation-primary li.active ul li {
          display: inline-block;
          margin: 0 10px; }
          .mod-header .mod-navigation-primary li.active ul li a {
            background-image: none;
            border: none;
            font-size: 0.55em;
            height: auto;
            text-decoration: none; }
            .mod-header .mod-navigation-primary li.active ul li a:active, .mod-header .mod-navigation-primary li.active ul li a.active, .mod-header .mod-navigation-primary li.active ul li a:hover {
              color: #ee090c; }
        .mod-header .mod-navigation-primary li.active ul:before {
          border-top: 3px solid black;
          content: "";
          display: block;
          margin: 20px 80px 0 92px;
          height: 20px; }

/*
 * Header: alternative
 */
.mod-header-alternative {
  background-color: #f8f8f4;
  border: none;
  height: 54px;
  left: 0;
  margin: 0 0 15px 0;
  padding: 10px 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 900;
  /*
   * Logo
   */
  /*
   * Primary navigation: hide by default
   */
  /*
   * Secondary navigation
   */
  /*
   * User navigation
   */
  /*
   * Search
   */
  /*
   * Menu button
   */
  /*
   * Breadcrumbs
   */
  /*
  * Open state
  */
  /*
  * Fixed state
  */
  /*
   * Breadcrumbs state
   */ }
  @media screen and (min-width: 1016px) {
    .mod-header-alternative {
      width: 100%; } }
  .mod-header-alternative .mod-grid {
    -webkit-justify-content: center;
    justify-content: center; }
  .mod-header-alternative .mod-logo, .mod-header-alternative .mod-logo a, .mod-header-alternative .mod-logo a:after, .mod-header-alternative .mod-logo span {
    height: 52px;
    width: 160px; }
  .mod-header-alternative .mod-logo {
    -webkit-transition: top 500ms ease;
    -moz-transition: top 500ms ease;
    transition: top 500ms ease;
    left: 50%;
    margin: 0 0 0 -80px;
    position: absolute;
    top: 10px;
    z-index: 930; }
  .mod-header-alternative .mod-logo span {
    -moz-background-size: 140px auto;
    -o-background-size: 140px auto;
    -webkit-background-size: 140px auto;
    background-size: 140px auto; }
  .mod-header-alternative .mod-logo a:after {
    font-size: 3.15em;
    letter-spacing: 8px;
    line-height: 1.25em; }
  .mod-header-alternative .mod-navigation-primary {
    -webkit-transition: height 300ms;
    -moz-transition: height 300ms;
    transition: height 300ms;
    background-color: #f8f8f4;
    height: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 74px;
    width: 100%;
    /*
     * First level
     */
    /*
     * Secondary level
     */ }
    .mod-header-alternative .mod-navigation-primary .container {
      padding-top: 15px; }
    .mod-header-alternative .mod-navigation-primary:before {
      background-color: #fff;
      content: "";
      display: block;
      height: 15px;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .mod-header-alternative .mod-navigation-primary li.active a {
      background-image: none; }
    .mod-header-alternative .mod-navigation-primary a {
      border: none;
      font-size: 1em;
      font-weight: 700;
      line-height: 1.5em;
      height: auto;
      text-align: left;
      width: auto; }
      .mod-header-alternative .mod-navigation-primary a:hover {
        background-image: none; }
        .mod-header-alternative .mod-navigation-primary a:hover span {
          display: block; }
    .mod-header-alternative .mod-navigation-primary > div > ul {
      flex-wrap: nowrap;
      margin-bottom: 40px;
      margin-top: 40px; }
    .mod-header-alternative .mod-navigation-primary div > ul > li {
      position: relative;
      text-align: left; }
      .mod-header-alternative .mod-navigation-primary div > ul > li:before {
        background-image: url("/a/i/humo-dot.png");
        background-position: 0 0;
        background-repeat: repeat-y;
        content: "";
        display: block;
        height: 100%;
        left: -16px;
        position: absolute;
        top: 0;
        width: 2px; }
      .mod-header-alternative .mod-navigation-primary div > ul > li > a {
        font-size: 1.2em; }
    .mod-header-alternative .mod-navigation-primary li ul {
      margin: 10px 0 0 0; }
    .mod-header-alternative .mod-navigation-primary li li {
      display: block;
      font-size: .75em;
      font-weight: 400;
      margin: 7px 0;
      padding: 0;
      text-align: left; }
      .mod-header-alternative .mod-navigation-primary li li a {
        display: inline;
        font-weight: 400; }
        .mod-header-alternative .mod-navigation-primary li li a:hover {
          border-bottom: 1px solid #000; }
  .mod-header-alternative .mod-navigation-secondary {
    -webkit-transition: opacity 250ms, right 250ms;
    -moz-transition: opacity 250ms, right 250ms;
    transition: opacity 250ms, right 250ms;
    left: auto;
    margin: 0;
    right: 20px;
    top: 20px;
    width: auto;
    z-index: 920; }
    @media screen and (min-width: 1016px) {
      .mod-header-alternative .mod-navigation-secondary {
        right: 50%;
        margin: 0 -508px 0 0; } }
    .mod-header-alternative .mod-navigation-secondary li {
      border: none; }
    .mod-header-alternative .mod-navigation-secondary .float-left {
      display: none; }
  .mod-header-alternative .mod-navigation-user {
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
    transition: opacity 250ms;
    top: 20px;
    z-index: 920; }
  .mod-header-alternative .mod-search {
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
    transition: opacity 250ms;
    background-color: transparent;
    left: 150px;
    line-height: 20px;
    height: 40px;
    margin: 0;
    text-align: left;
    top: 20px;
    z-index: 930; }
    @media screen and (min-width: 1016px) {
      .mod-header-alternative .mod-search {
        left: 50%;
        margin: 0 0 0 -386px; } }
    .mod-header-alternative .mod-search:before {
      display: none; }
    .mod-header-alternative .mod-search i {
      font-size: 20px;
      left: 0;
      line-height: 20px;
      margin: 0;
      right: auto;
      top: 6px; }
    .mod-header-alternative .mod-search input {
      background-color: transparent;
      font-size: 2em;
      left: 0;
      line-height: 1.25em;
      margin: 0;
      top: 0;
      right: auto;
      width: 200px; }
    .mod-header-alternative .mod-search.active i {
      left: 210px; }
  .mod-header-alternative .mod-menu-button {
    color: #000;
    left: 20px;
    margin: 0;
    position: absolute;
    top: 25px;
    z-index: 930; }
    .mod-header-alternative .mod-menu-button:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (min-width: 1016px) {
      .mod-header-alternative .mod-menu-button {
        left: 50%;
        margin: 0 0 0 -508px; } }
    .mod-header-alternative .mod-menu-button:hover {
      border: none; }
    .mod-header-alternative .mod-menu-button i, .mod-header-alternative .mod-menu-button .desc {
      display: block;
      float: left;
      vertical-align: top; }
    .mod-header-alternative .mod-menu-button .desc {
      font-size: 1.75em;
      font-weight: 700;
      line-height: 1.1em;
      margin: 0 0 0 10px;
      text-transform: uppercase; }
      .mod-header-alternative .mod-menu-button .desc span {
        -webkit-transition: margin-right 300ms;
        -moz-transition: margin-right 300ms;
        transition: margin-right 300ms;
        display: inline-block; }
    .mod-header-alternative .mod-menu-button i {
      -webkit-transition: color 300ms, -webkit-transform 300ms;
      -moz-transition: color 300ms, -moz-transform 300ms;
      transition: color 300ms, transform 300ms;
      font-size: 1.3em;
      line-height: 1.25em; }
    .mod-header-alternative .mod-menu-button:after {
      -webkit-transition: right 300ms;
      -moz-transition: right 300ms;
      transition: right 300ms;
      background-image: url("/a/i/humo-dot.png");
      background-position: 0 0;
      background-repeat: repeat-y;
      content: "";
      display: block;
      height: 20px;
      position: absolute;
      right: -14px;
      top: 1px;
      width: 2px; }
    .mod-header-alternative .mod-menu-button:hover i {
      color: #ee090c; }
  .mod-header-alternative .mod-breadcrumbs {
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    transition: opacity 500ms;
    left: 152px;
    line-height: 1em;
    margin: 0;
    opacity: 0;
    max-height: 30px;
    max-width: 894px;
    overflow: hidden;
    position: absolute;
    top: 24px;
    z-index: 910; }
    @media screen and (min-width: 1016px) {
      .mod-header-alternative .mod-breadcrumbs {
        left: 50%;
        margin: 0 0 0 -384px; } }
  .mod-header-alternative.is-open .mod-navigation-primary {
    height: 420px; }
  .mod-header-alternative.is-open .mod-menu-button i {
    transform: rotate(-90deg); }
  .mod-header-alternative.is-fixed .mod-logo {
    top: -200px; }
  .mod-header-alternative.is-fixed .mod-navigation-secondary, .mod-header-alternative.is-fixed .mod-navigation-user {
    opacity: 0; }
  .mod-header-alternative.is-fixed .mod-search {
    opacity: 0; }
  .mod-header-alternative.is-fixed .mod-breadcrumbs {
    z-index: 930; }
  .mod-header-alternative.has-breadcrumbs .mod-breadcrumbs {
    opacity: 1; }

@-moz-document url-prefix() {
  .mod-header-alternative .mod-breadcrumbs {
    top: 23px; } }

.mod-footer {
  background-color: white;
  clear: both; }

.mod-footer-top {
  margin-bottom: 20px; }
  .mod-footer-top h5 {
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 25px 0; }
  .mod-footer-top ul, .mod-footer-top li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .mod-footer-top li {
    font-size: 1.05em;
    line-height: 1.5em;
    margin: 7px 0; }
  .mod-footer-top a {
    color: #000;
    text-transform: uppercase; }
    .mod-footer-top a:hover {
      border-bottom: 1px solid #000; }
  .mod-footer-top .grid-item {
    min-height: 340px;
    position: relative; }
    .mod-footer-top .grid-item:before {
      background-image: url("/a/i/humo-dot.png");
      background-position: 0 0;
      background-repeat: repeat-y;
      content: "";
      display: block;
      height: 100%;
      left: -16px;
      position: absolute;
      top: 0;
      width: 2px; }

.mod-footer-bottom {
  background-color: #000;
  padding: 25px 0; }
  .mod-footer-bottom .container {
    position: relative; }
  .mod-footer-bottom li, .mod-footer-bottom a, .mod-footer-bottom p {
    color: #fff; }
  .mod-footer-bottom ul, .mod-footer-bottom li {
    list-style: none; }
  .mod-footer-bottom ul:after {
    content: "";
    display: table;
    clear: both; }
  .mod-footer-bottom li {
    float: left;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0 30px 0 0; }
    .mod-footer-bottom li.float-right {
      font-size: 1.3em;
      float: right;
      margin: 0 0 0 10px; }
      .mod-footer-bottom li.float-right a:hover {
        border: none; }
    .mod-footer-bottom li.nav-item-facebook a, .mod-footer-bottom li.nav-item-twitter a {
      -webkit-transition: color 300ms;
      -moz-transition: color 300ms;
      transition: color 300ms; }
    .mod-footer-bottom li.nav-item-facebook a:hover {
      color: #3b5998; }
    .mod-footer-bottom li.nav-item-twitter a:hover {
      color: #55acee; }
    .mod-footer-bottom li a:hover {
      border-bottom: 1px solid #fff; }
  .mod-footer-bottom p {
    font-size: 1.2em; }
    .mod-footer-bottom p a {
      border-bottom: 1px solid #fff;
      margin: 0 0 0 20px; }
      .mod-footer-bottom p a:hover {
        border-color: #858585; }
  .mod-footer-bottom .fb-like {
    bottom: 4px;
    left: 325px;
    position: absolute; }
  .mod-footer-bottom .partners {
    bottom: 2px;
    line-height: 1em;
    position: absolute;
    right: 10px; }
    .mod-footer-bottom .partners:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (min-width: 1016px) {
      .mod-footer-bottom .partners {
        right: 0; } }
    .mod-footer-bottom .partners img {
      display: block;
      height: 25px;
      width: auto; }
    .mod-footer-bottom .partners li {
      float: left;
      margin: 0 0 0 16px; }
    .mod-footer-bottom .partners a {
      border: none;
      display: block; }
      .mod-footer-bottom .partners a:hover {
        border: none; }

.mod-article {
  padding: 55px 0;
  position: relative;
  /*
    * Ad
    */
  /*
  * Header
  */ }
  @media screen and (min-width: 1016px) {
    .mod-article {
      padding: 55px 0; } }
  .mod-article .container {
    width: 1016px; }
    @media screen and (min-width: 1016px) {
      .mod-article .container {
        width: 1016px; } }
  .mod-article .mod-restricted {
    margin: 35px 0 55px 0; }
  .mod-article div.ad:before {
    background-image: url("/a/i/humo-dot-horizontal.png");
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 3px;
    margin-bottom: 55px;
    width: 696px; }
  .mod-article div.ad p {
    text-transform: uppercase;
    color: #ee090c;
    text-align: left; }
  .mod-article .mod-article-header {
    padding: 0 0 10px 0;
    position: relative; }
    .mod-article .mod-article-header:after {
      content: "";
      display: table;
      clear: both; }
    .mod-article .mod-article-header h1 {
      border-bottom: 4px solid #000;
      font-size: 3.9em;
      margin: 0 0 15px 0;
      padding: 0 0 5px 0; }
    .mod-article .mod-article-header .social {
      float: right; }
  .mod-article .meta {
    color: #858585;
    font-size: 1.1em;
    margin: 0;
    vertical-align: middle;
    float: left; }
    .mod-article .meta a {
      color: #ee090c; }

/*
  * Content
  */
.mod-article-content {
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  /*
    * Paragraphs
    */ }
  .mod-article-content p {
    margin: 1.5em 0; }

/*
  * Body
  */
.mod-article-body {
  display: block;
  padding: 0 16px 0 0;
  position: relative;
  width: 696px;
  /*
    * Intro (can contain multiple paragraphs)
    */
  /*
    * Question
    */
  /*
    * Blockquote
    */
  /*
     * Links
     */
  /*
     * Images
     */
  /*
     * Lists
     */
  /*
     * Ratings
     */
  /*
     * Last paragraph
     */ }
  .mod-article-body:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 1016px) {
    .mod-article-body {
      width: 696px; } }
  .mod-article-body .intro {
    font-size: 1.15em;
    font-weight: 700;
    /*
      * Paragraphs
      */ }
    .mod-article-body .intro p {
      margin-top: 0; }
  .mod-article-body .question {
    font-weight: 900;
    margin-bottom: 0; }
    .mod-article-body .question + p {
      margin-top: 5px; }
  .mod-article-body blockquote {
    font-size: 1.75em;
    font-weight: 600;
    line-height: 1.2;
    margin-left: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 30px;
    position: relative;
    width: 696px; }
    .mod-article-body blockquote:after {
      border-top: 15px solid #ee090c;
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      width: 100%;
      width: 120px; }
    @media screen and (min-width: 1016px) {
      .mod-article-body blockquote {
        margin-left: -50px; } }
    .mod-article-body blockquote.has-author:after {
      display: none; }
    .mod-article-body blockquote.has-author .author span:after {
      border-top: 15px solid #ee090c;
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      width: 100%;
      bottom: -20px;
      width: 100%; }
    .mod-article-body blockquote .author {
      display: block;
      font-style: normal;
      margin: 15px 0 0 2px; }
      .mod-article-body blockquote .author span {
        display: inline-block;
        position: relative; }
  .mod-article-body a:hover {
    border-bottom: 1px solid #ee090c; }
  .mod-article-body img {
    max-width: 100%;
    max-height: 100%; }
  .mod-article-body h2 {
    margin: 1.2em 0; }
  .mod-article-body h3, .mod-article-body h4, .mod-article-body h5 {
    margin: 1.2em 0; }
  .mod-article-body img.float-left, .mod-article-body figure.float-left {
    margin: 0 16px 16px 0; }
  .mod-article-body figure footer small {
    font-size: .9em;
    line-height: 1em; }
  .mod-article-body ol, .mod-article-body ul {
    margin: 15px 0;
    padding: 0 0 0 16px; }
    .mod-article-body ol li, .mod-article-body ul li {
      list-style-position: outside; }
  .mod-article-body p.mod-rating {
    margin: 10px 0 0 0; }

/*
  * Footer
  */
  .mod-article-footer p.tags {
    color: #ee090c;
    font-size: 1em;
    margin-bottom: 0;
    padding-bottom: 30px; }
    .mod-article-footer p.tags a:hover {
      border-bottom: 1px solid #ee090c; }
    .mod-article-footer p.tags:before {
      color: #000;
      font-size: 0.8em; }
    .mod-article-footer p.tags span {
      color: #000; }

/*
  * Aside
  */
.mod-article-aside {
  display: block;
  vertical-align: top;
  width: 304px;
  /*
    * Ad in aside
    */
  /*
    * Extra
    */ }
  @media screen and (min-width: 1016px) {
    .mod-article-aside {
      width: 304px; } }
  .mod-article-aside figure.ad {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0; }
    .mod-article-aside figure.ad figcaption {
      text-transform: uppercase;
      color: #ee090c;
      text-align: right; }
  .mod-article-aside .article-extra {
    bottom: 20px;
    position: absolute;
    right: 0; }
    .mod-article-aside .article-extra p {
      display: table-caption;
      font-size: 1em;
      text-transform: uppercase; }
    .mod-article-aside .article-extra:before {
      -webkit-transition: top 500ms;
      -moz-transition: top 500ms;
      transition: top 500ms;
      left: -10px;
      font-size: 1.35em;
      position: absolute;
      top: -40px; }
    .mod-article-aside .article-extra:hover:before {
      top: -30px; }

/*
  * Share
  */
.mod-article-share {
  padding: 16px 0;
  }
  .mod-article-share:after {
    content: "";
    display: table;
    clear: both; }
  .mod-article-share p {
    color: #ee090c;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 2.3em;
    margin: 0; }
  .mod-article-share .float-right {
    text-align: right;
    margin-top: -10px; }
  .mod-article-share ul {
    float: left; }


.mod-comments {
  padding: 0 20px 55px 20px;
  /*
   * Header
   */
  /*
   * Comment
   */
  /*
   * Form
   */ }
  @media screen and (min-width: 1016px) {
    .mod-comments {
      padding: 0 0 55px 0;
      width: 1016px; } }
  .mod-comments > header {
    padding: 0 0 5px 0; }
    .mod-comments > header:after {
      content: "";
      display: table;
      clear: both; }
    .mod-comments > header h2, .mod-comments > header h3 {
      margin: 0; }
    .mod-comments > header h2 {
      color: #ee090c;
      float: left; }
    .mod-comments > header h3 {
      float: right;
      display: block; }
      .mod-comments > header h3 span.commenticon {
        background-color: #fff;
        border: 2px solid #ee090c;
        border-radius: 30px;
        display: block;
        height: 30px;
        width: 30px;
        float: right;
        margin: 0 0 10px 10px; }
      .mod-comments > header h3 span.commenticon-inner {
        background-color: #ee090c;
        border-radius: 26px;
        display: block;
        height: 26px;
        left: 2px;
        top: 2px;
        position: relative;
        width: 26px; }
        .mod-comments > header h3 span.commenticon-inner:before {
          color: #fff;
          font-size: 15px;
          left: 5px;
          position: relative;
          top: -4px; }
  .mod-comments .mod-comment {
    background-image: url("/a/i/humo-dot-horizontal.png");
    background-position: left top;
    background-repeat: repeat-x;
    padding: 20px 0 20px 96px;
    position: relative; }
    .mod-comments .mod-comment:after {
      content: "";
      display: table;
      clear: both; }
    .mod-comments .mod-comment header:after {
      content: "";
      display: table;
      clear: both; }
    .mod-comments .mod-comment header h4 {
      color: #ee090c;
      float: left; }
    .mod-comments .mod-comment header time {
      float: right;
      font-size: 1.2em; }
    .mod-comments .mod-comment .body p {
      font-size: 1.2em;
      line-height: 1.5em;
      margin: 0.5em 0; }
    .mod-comments .mod-comment .thumb {
      left: 0;
      height: auto;
      position: absolute;
      top: 20px;
      width: 80px; }
  .mod-comments form {
    margin: 20px 0 0 0; }
    .mod-comments form h3 {
      text-align: center;
      position: relative;
      padding: 65px 0 0 0; }
      .mod-comments form h3 .desc {
        display: block;
        transform: rotate(-5deg); }
      .mod-comments form h3:after, .mod-comments form h3:before {
        background-color: #000;
        bottom: 15px;
        content: '';
        display: block;
        height: 4px;
        position: absolute;
        width: 35%; }
      .mod-comments form h3:after {
        right: 0; }
      .mod-comments form h3:before {
        left: 0; }
      .mod-comments form h3 span.commenticon {
        background-color: #fff;
        border: 3px solid #ee090c;
        border-radius: 50px;
        display: block;
        height: 50px;
        width: 50px;
        left: 50%;
        position: absolute;
        margin: 0 0 0 -30px;
        top: 0; }
      .mod-comments form h3 span.commenticon-inner {
        background-color: #ee090c;
        border-radius: 46px;
        display: block;
        height: 46px;
        left: 2px;
        top: 2px;
        position: relative;
        width: 46px; }
        .mod-comments form h3 span.commenticon-inner:before {
          color: #fff;
          font-size: 25px;
          left: 0;
          position: relative;
          top: 9px; }
    .mod-comments form textarea {
      border-color: #000;
      border-style: solid;
      border-width: 2px;
      height: 175px; }
      .mod-comments form textarea:focus {
        border-color: #ee090c;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 0, 0, 0.6); }
    .mod-comments form input[type="checkbox"] {
      display: none; }
    .mod-comments form input[type="checkbox"]:checked + label:before {
      color: #ee090c; }
    .mod-comments form label {
      display: inline-block;
      cursor: pointer;
      margin-top: 10px; }
      .mod-comments form label:before {
        content: "";
        display: inline-block;
        font-size: 30px;
        width: 30px;
        height: 30px;
        background: #f8f8f4;
        vertical-align: middle;
        margin-right: 10px; }
    .mod-comments form .actions {
      text-align: right;
      margin: -10px 0 0 0; }

/*
 * Logo
 */
.mod-logo, .mod-logo a, .mod-logo a:after, .mod-logo span {
  cursor: pointer;
  display: block;
  height: 80px;
  overflow: hidden;
  width: 240px; }

.mod-logo {
  margin: 0 auto;
  position: relative;
  z-index: 590; }
  .mod-logo a {
    background-color: #ee090c;
    color: #fff;
    /*&:hover,
    &:focus{

      span{

        top: -100%;

      }

      &:after{

        top: 0;

      }

    }*/ }
  .mod-logo span {
    -webkit-transition: top 300ms;
    -moz-transition: top 300ms;
    transition: top 300ms;
    background-attachment: scroll;
    background-image: url("/a/i/humo-logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ee090c;
    background-image: url("/a/i/humo-logo.svg");
    background-size: 206px auto;
    left: 0;
    position: absolute;
    top: 0;
    text-align: center;
    text-indent: -9999px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .mod-logo span {
        -moz-background-size: 206px auto;
        -o-background-size: 206px auto;
        -webkit-background-size: 206px auto;
        background-size: 206px auto;
        background-image: url("/a/i/humo-logo@2x.png"); } }

/*
 * 3D transform
 *
.logo{

  @include perspective(2000px);
  margin: 0 auto;

}

.logo a{

  @include transition(transform 300ms);

  background-color: map-get($highlight-colors,'red_default');
  //text-indent: -9999px;
  color: map-get($text-colors,'white_default');
  font-size: 4em;
  font-weight: 900;
  line-height: 1.3em;
  text-align: center;
  transform-origin: 50% 0;
  transform-style: preserve-3d;

  &:before {

    @include transition(background 300ms);
    background-color: #6f0f00;
    content: 'Home';
    height: 100%;
    left: 0;
    position: absolute;
    top: 100%;
    transform: rotateX(-90deg);
    transform-origin: 50% 0;
    width: 100%;

  }

  &:hover,
  &:focus{
    transform: rotateX(90deg) translateY(-22px);

    &:before{
      background-color: map-get($highlight-colors,'red_default');
    }

  }

}*
*/
.mod-navigation-primary {
  padding: 22px 0 20px 0; }
  .mod-navigation-primary .mod-grid {
    -webkit-justify-content: center;
    justify-content: center; }
    .mod-navigation-primary .mod-grid li {
      display: inline-block; }
  .mod-navigation-primary ul, .mod-navigation-primary li {
    list-style: none;
    text-align: center; }
  .mod-navigation-primary li, .mod-navigation-primary .grid-item {
    display: block;
    margin: 0; }
    .mod-navigation-primary li:nth-child(1).active a, .mod-navigation-primary li:nth-child(1) a:hover, .mod-navigation-primary .grid-item:nth-child(1).active a, .mod-navigation-primary .grid-item:nth-child(1) a:hover {
      background-position: 50% 0; }
    .mod-navigation-primary li:nth-child(2).active a, .mod-navigation-primary li:nth-child(2) a:hover, .mod-navigation-primary .grid-item:nth-child(2).active a, .mod-navigation-primary .grid-item:nth-child(2) a:hover {
      background-position: 50% -90px; }
    .mod-navigation-primary li:nth-child(3).active a, .mod-navigation-primary li:nth-child(3) a:hover, .mod-navigation-primary .grid-item:nth-child(3).active a, .mod-navigation-primary .grid-item:nth-child(3) a:hover {
      background-position: 50% -180px; }
    .mod-navigation-primary li:nth-child(4).active a, .mod-navigation-primary li:nth-child(4) a:hover, .mod-navigation-primary .grid-item:nth-child(4).active a, .mod-navigation-primary .grid-item:nth-child(4) a:hover {
      background-position: 50% -135px; }
    .mod-navigation-primary li:nth-child(5).active a, .mod-navigation-primary li:nth-child(5) a:hover, .mod-navigation-primary .grid-item:nth-child(5).active a, .mod-navigation-primary .grid-item:nth-child(5) a:hover {
      background-position: 50% -45px; }
  .mod-navigation-primary a {
    -webkit-transition: border-color 300ms, color 300ms;
    -moz-transition: border-color 300ms, color 300ms;
    transition: border-color 300ms, color 300ms;
    border-bottom: 2px solid #fff;
    color: #000;
    display: block;
    font-size: 1.8em;
    height: 42px;
    line-height: 1.25em;
    text-transform: uppercase; }
  .mod-navigation-primary li.active a, .mod-navigation-primary a:hover {
    background-attachment: scroll;
    background-image: url("/a/i/humo-logos.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url("/a/i/humo-logos.svg"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .mod-navigation-primary li.active a, .mod-navigation-primary a:hover {
        -moz-background-size: 138px auto;
        -o-background-size: 138px auto;
        -webkit-background-size: 138px auto;
        background-size: 138px auto;
        background-image: url("/a/i/humo-logos@2x.png"); } }
    .mod-navigation-primary li.active a span, .mod-navigation-primary a:hover span {
      display: none; }
  .mod-navigation-primary .mod-grid {
    position: relative; }

/*
 * Local variables
 */
/*
 * Top navigation
 */
.mod-navigation-secondary {
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
  /*
   * List
   */
  /*
   * List-item
   */
  /*
   * Left aligned list-items
   */
  /*
   * Right aligned list-items
   */
  /*
   * Login list-item
   */
  /*
   * Register list-item
   */
  /*
   * List-item inner link
   */ }
  .mod-navigation-secondary ul {
    display: block; }
    .mod-navigation-secondary ul:after {
      content: "";
      display: table;
      clear: both; }
  .mod-navigation-secondary li {
    border-bottom: 2px solid #000;
    display: block;
    margin: 0;
    position: relative;
    /*
     * Vertical border
     */
    /*
     * Hide vertical border on first list-item
     */ }
    .mod-navigation-secondary li:after {
      background-color: #000;
      content: "";
      display: block;
      height: 10px;
      margin: -4px 0 0 0;
      position: absolute;
      left: -1px;
      top: 50%;
      width: 1px;
      z-index: 521; }
    .mod-navigation-secondary li:first-child::after {
      display: none; }
  .mod-navigation-secondary li.float-left:hover {
    border-color: #ee090c; }
  .mod-navigation-secondary li.float-left a:hover {
    color: #ee090c; }
  .mod-navigation-secondary li.float-right:after {
    display: none; }
  .mod-navigation-secondary li.nav-item-login:hover {
    border-color: #ee090c; }
  .mod-navigation-secondary li.nav-item-login a {
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    padding: 8px 15px 5px 15px; }
    .mod-navigation-secondary li.nav-item-login a:hover {
      background-color: #000; }
  .mod-navigation-secondary li.nav-item-register a {
    color: #000;
    font-family: serif;
    font-size: 17px;
    line-height: 17px;
    padding-bottom: 6px;
    padding-right: 15px;
    padding-top: 7px;
    text-transform: none; }
    .mod-navigation-secondary li.nav-item-register a:after {
      border-color: transparent transparent transparent #000;
      border-style: solid;
      border-width: 5.5px 0 5.5px 8px;
      height: 0;
      transform: rotate(360deg);
      width: 0;
      content: "";
      display: block;
      position: absolute;
      top: 11px;
      right: 2px; }
    .mod-navigation-secondary li.nav-item-register a:hover::after {
      border-color: transparent transparent transparent #ee090c; }
  .mod-navigation-secondary a {
    -webkit-transition: background-color 200ms, color 200ms;
    -moz-transition: background-color 200ms, color 200ms;
    transition: background-color 200ms, color 200ms;
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1em;
    padding: 10px 10px 8px 10px;
    text-transform: uppercase; }
    .mod-navigation-secondary a:hover {
      border: none; }
    .mod-navigation-secondary a:after, .mod-navigation-secondary a:before {
      display: none; }

.mod-navigation-user {
  cursor: pointer;
  margin: 0 -508px 0 0;
  position: absolute;
  right: 50%;
  top: 0;
  z-index: 1200; }
  .mod-navigation-user ul {
    position: absolute;
    right: 0;
    top: 0; }
  .mod-navigation-user ul, .mod-navigation-user li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .mod-navigation-user li {
    border-bottom: 2px solid #000;
    text-transform: uppercase; }
  .mod-navigation-user .nav-item {
    display: none; }
  .mod-navigation-user a {
    background-color: rgba(255, 255, 255, 0.85);
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    color: #000;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    padding: 10px 8px 8px 8px; }
    .mod-navigation-user a:hover {
      background-color: white;
      border-bottom: none;
      font-weight: 700; }
  .mod-navigation-user .title {
    background-color: #ee090c;
    border-bottom: 2px solid #000;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1em;
    padding: 10px 20px 8px 12px;
    text-transform: uppercase; }
    .mod-navigation-user .title span:after {
      border-style: inset;
      border-width: 6px 4px 0 4px;
      border-color: #000 transparent transparent transparent;
      content: "";
      display: block;
      height: 0;
      position: absolute;
      top: 13px;
      right: 6px;
      width: 0; }
  .mod-navigation-user:hover .nav-item {
    display: block; }

.mod-breadcrumbs a {
  color: #000;
  text-transform: uppercase; }
  .mod-breadcrumbs a:hover {
    border-bottom: 1px solid #000; }
.mod-breadcrumbs span {
  display: inline;
  font-size: 0.95em;
  line-height: 1.7em; }
  .mod-breadcrumbs span:after {
    content: "/";
    font-weight: 400;
    margin: 0 0 0 7px; }
  .mod-breadcrumbs span:last-child:after {
    display: none; }
.mod-breadcrumbs .level-0 {
  font-weight: 700; }

.mod-humo-ad {
  display: block;
  left: 10px;
  line-height: 1em;
  position: absolute;
  top: 50px;
  width: 304px;
  z-index: 600; }
  .mod-humo-ad:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 1016px) {
    .mod-humo-ad {
      left: 50%;
      margin: 0 0 0 -508px; } }
  .mod-humo-ad .thumb {
    float: left;
    height: 60px;
    width: 46px; }
    .mod-humo-ad .thumb img {
      display: block;
      height: 60px;
      width: 46px; }
  .mod-humo-ad .desc {
    float: right;
    width: 250px; }
  .mod-humo-ad strong {
    font-size: 1em;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase; }
  .mod-humo-ad .number {
    display: block;
    font-family: serif;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1em; }
  .mod-humo-ad em {
    color: #000;
    display: block;
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
    margin-top: 10px;
    text-transform: uppercase; }
  .mod-humo-ad:hover {
    border: none; }

.mod-search {
  display: block;
  height: 63px;
  margin: 0 -508px 0 0;
  position: absolute;
  right: 50%;
  top: 50px;
  width: 304px;
  z-index: 600;
  /*
   * Active
   */
  /*
   * Before
   */
  /*
   * Icon
   */
  /*
   * Input
   */ }
  .mod-search.active i {
    left: 0; }
  .mod-search.active input {
    opacity: 1; }
  .mod-search.active:before {
    width: 30px; }
  .mod-search:before {
    -webkit-transition: width 500ms ease;
    -moz-transition: width 500ms ease;
    transition: width 500ms ease;
    background-color: #fff;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 304px;
    z-index: 615; }
  .mod-search i {
    -webkit-transition: color 300ms, left 500ms ease;
    -moz-transition: color 300ms, left 500ms ease;
    transition: color 300ms, left 500ms ease;
    cursor: pointer;
    display: block;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    margin: -15px 0 0 0;
    position: absolute;
    left: 274px;
    top: 50%;
    width: 30px;
    z-index: 620; }
    .mod-search i:hover {
      color: #ee090c; }
  .mod-search input {
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    border-bottom: 1px solid #f8f8f4;
    font-size: 3em;
    left: 40px;
    line-height: 1.2em;
    margin: -25px 0 0 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 259px;
    z-index: 610; }

.mod-tv {
  margin-bottom: 20px;
  padding:20px 0 20px 0 !important;
   }
  .mod-tv a#tvguide {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 0 auto;
    padding: 10px;
    position: initial;
    text-transform: uppercase;
    width: 300px; }
    .mod-tv a#tvguide:before {
      padding-right: 10px; }
    .mod-tv a#tvguide:hover {
      border: none; }
  .mod-tv .container {
    position: relative; }
  .mod-tv h1 {
    display: inline-block;
    left: 30px;
    margin-bottom: 20px;
    padding: 0 10px;
    position: relative;
    width: 317px; }
  .mod-tv header.tvtips:before {
    background-image: url("/a/i/humo-dot-horizontal.png");
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 3px;
    position: relative;
    top: 25px;
    width: 1016px; }
  .mod-tv .mod-block-border:before {
    bottom: inherit;
    height: 100%; }
  .mod-tv .mod-block-cols {
    min-height: 170px; }
    .mod-tv .mod-block-cols .mod-block-link {
      min-height: 170px; }
  .mod-tv .mod-block-thumb .inner {
    padding-top: 165px;
    cursor:pointer;
    }
    .mod-tv .mod-block-thumb .inner:after {
      content: none; }
    .mod-tv .mod-block-thumb .inner:hover .thumb {
      -moz-filter: blur(0px);
      -o-filter: blur(0px);
      -webkit-filter: blur(0px);
      filter: blur(0px); }
  .mod-tv section:after {
    background-image: url("/a/i/humo-dot-horizontal.png");
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 3px;
    margin-left: 16px;
    width: 100%; }

.mod-block-double-border {
  margin-bottom: 20px; }

span.star:before {
  color: #ee090c;
  font-size: 25px;
  margin-right: 5px; }

.tv-details {
  bottom: 0;
  color: #ee090c;
  font-size: 1.2em;
  margin: 0;
  position: absolute; }
  .tv-details:before {
    color: #000;
    margin: 0 10px 0 0;
    vertical-align: middle; }

.mod-header-braces, .mod-header-braces-serif, .mod-header-braces-serif-red {
  margin: 0 0 25px 0; }

.mod-header-braces h2 {
  color: #000;
  font-weight: 400;
  text-transform: uppercase; }

.mod-header-braces-serif h2, .mod-header-braces-serif-red h2 {
  color: #000;
  font-style: italic;
  font-weight: 700;
  text-transform: none; }

.mod-header-braces-serif-red h2 {
  color: #ee090c; }

.mod-article-header-photo > img {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
.mod-article-header-photo .mod-article {
  margin-top: 250px; }
.mod-article-header-photo .mod-article .mod-article-header, .mod-article-header-photo .mod-article .mod-article-content {
  background-color: #fff; }
.mod-article-header-photo .mod-article .mod-article-header {
  padding: 20px 50px 0 50px; }
.mod-article-header-photo .mod-article .mod-article-content {
  padding: 0 50px; }

.mod-background-ad {
  background-attachment: fixed;
  background-image: url("/a/i/dummies/background-ad.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat; }

.mod-body-container {
  background-color: white;
  border: 25px solid white;
  position: relative; }

/*
 * Module: block
 */
/*
 * General block
 */
.mod-block {
  margin-bottom: 45px;
  position: relative;
  /*
   * Thumbnail
   */
  /*
   * Category: shared
   */
  /*
   * Default category
   */
  /*
   * Category: highlight
   */
  /*
   * Category: highlight with border
   */
  /*
   * Rating
   */
  /*
   * Footer
   */
  /*
  * Pagination
  */ }
  .mod-block a.thumb {
    z-index: 131; }
  .mod-block a.thumb img, .mod-block img.thumb {
    display: block;
    height: auto;
    width: 100%; }
  .mod-block a.thumb {
    display: block; }
    .mod-block a.thumb:hover {
      border: none; }
  .mod-block .thumb {
    margin: 0 0 25px 0; }
  .mod-block .category, .mod-block .category-highlight, .mod-block .category-highlight-border {
    color: #ee090c;
    font-size: 1.1em;
    font-weight: 700;
    margin: 0 0 5px 0;
    position: relative;
    text-transform: uppercase; }
    .mod-block .category span, .mod-block .category-highlight span, .mod-block .category-highlight-border span {
      position: relative;
      z-index: 110; }
    .mod-block .category:after, .mod-block .category:before, .mod-block .category-highlight:after, .mod-block .category-highlight:before, .mod-block .category-highlight-border:after, .mod-block .category-highlight-border:before {
      position: relative;
      z-index: 100; }
  .mod-block .category-highlight span, .mod-block .category-highlight-border span {
    background-color: #ee090c;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
    text-align: center; }
  .mod-block .category-highlight-border {
    text-align: center; }
    .mod-block .category-highlight-border:before {
      background-color: #000;
      content: "";
      display: block;
      height: 3px;
      left: 0;
      position: absolute;
      top: 10px;
      width: 100%; }
  .mod-block .body a {
    color: #000; }
    .mod-block .body a:hover {
      border: none;
      text-decoration: underline; }
  .mod-block .mod-rating {
    margin: 5px 0; }
  .mod-block footer p {
    margin: 15px 0 10px 0;
    text-transform: uppercase; }
  .mod-block footer:after {
    background-color: #ee090c;
    content: "";
    display: block;
    height: 14px;
    width: 65px; }
  .mod-block .pagination {
    float: right; }
    .mod-block .pagination li {
      border-bottom: 1px solid #000;
      display: inline-block;
      margin: 0 5px; }
      .mod-block .pagination li a {
        font-size: 1em;
        line-height: 1em;
        margin-top: 0; }
        .mod-block .pagination li a:active {
          color: #ee090c; }
    .mod-block .pagination:before {
      margin-right: 12px;
      vertical-align: top;
      position: relative;
      top: 5px; }
  .mod-block header blockquote {
    font-family: 'Georgia', serif;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.3em;
    margin: 0;
    position: relative;
    text-transform: none; }
    .mod-block header blockquote a:hover {
      border: none;
      text-decoration: underline; }
    .mod-block header blockquote:after {
      border-top: 15px solid #ee090c;
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      width: 100%;
      bottom: -25px;
      width: 130px; }
    .mod-block header blockquote.has-author:after {
      display: none; }
    .mod-block header blockquote.has-author .author span:after {
      border-top: 15px solid #ee090c;
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      width: 100%;
      bottom: -20px;
      width: 100%; }
    .mod-block header blockquote .author {
      display: block;
      font-style: normal;
      margin: 15px 0 0 2px;
      text-transform: uppercase; }
      .mod-block header blockquote .author span {
        display: inline-block;
        position: relative; }

/*
* Inner link
*/
.mod-block .inner {
  border: none;
  color: #000;
  cursor: default;
  display: block;
  min-height: calc(100% - 341px); }
  .mod-block .inner header a {
    color: #000; }
    .mod-block .inner header a:hover {
      border-bottom: 1px solid #000;
      text-decoration: none; }
  .mod-block .inner .thumb, .mod-block .inner:after, .mod-block .inner .more {
    cursor: pointer; }
  .mod-block .inner .more:hover {
    border: none; }

.mod-block-alternate {
  background-color: #f8f8f4;
  padding: 55px 0; }

.mod-block-alternate-2 {
  padding: 55px; }

.mod-block-alternate + .mod-block {
  margin-bottom: 45px; }

/*
 * Block with 2 columns
 */
/*
 * Block with 3 columns
 */
/*
 * Block with 4 columns
 */
.mod-block-4-cols .body {
  font-size: 1.3em; }

.mod-block-3-cols-2-rows .mod-block {
  min-height: 654px; }

/*
 * Full block
 */
.mod-block-full {
  margin-bottom: 45px;
  /*
   * Category
   */
  /*
   * Body
   */
  /*
   * Inner
   */ }
  .mod-block-full .category {
    font-size: 1.4em; }
  .mod-block-full .body {
    max-width: 880px; }
  .mod-block-full .inner {
    min-height: 0; }

/*
 * Serif block with big font
 */
.mod-block-serif-big h2, .mod-block-serif-big header blockquote {
  font-size: 3em;
  line-height: 1.3em; }

.mod-block-border header, .mod-block-border .body {
  padding-right: 16px; }
.mod-block-border:before {
  background-image: url("/a/i/humo-dot.png");
  background-position: 0 0;
  background-repeat: repeat-y;
  bottom: 0;
  content: "";
  display: block;
  height: calc(100% - 340px);
  position: absolute;
  right: -8px;
  width: 2px; }

/*
 * Newsletter block
 */
.mod-block-newsletter {
  -webkit-transition: background-color 500ms ease;
  -moz-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  background-color: #ffe408;
  position: relative; }
  .mod-block-newsletter.has-error {
    background-color: #ee090c; }
    .mod-block-newsletter.has-error:after {
      border-color: #e31e00; }
  .mod-block-newsletter.is-loading:after {
    border-width: 70px;
    border-top: none; }
.mod-block-newsletter header {
    padding: 10px; }
    
.mod-block-newsletter header h3 {
      font-size: 2.8em;
      line-height: 1.1em; }
.mod-block-newsletter p {
      font-size: 1.2em;
      margin: 0 10px 10px 10px; }
.mod-block-newsletter .formfield {
 transition: background-color 500ms ease 0s, color 500ms ease 0s;
 box-sizing: border-box;
 background-color: #FFF;
 border: medium none;
 color: #000;
 display: block;
 font-size: 1.5em;
 line-height: 1.1em;
 padding: 15px 10px;
 width: 100%;
}
.mod-block-newsletter .actions {
 cursor:pointer;
 float:right;
}
.mod-block-newsletter .txt {
 color: #000;
 font-size: 1.3em;
 line-height: 1em;
 text-align: right;
 text-transform: uppercase;
 font-family: "Swiss",sans-serif;
}
.mod-block-newsletter .txt:hover {
 color:#fff;
}


/*
 * Block: 'columns'
 */
.mod-block-columns {
  /*
   * List
   */
  /*
   * List-item
   */
  /*
   * List-item a
   */ }
  .mod-block-columns ul {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0; }
    .mod-block-columns ul:after {
      content: "";
      display: table;
      clear: both; }
  .mod-block-columns li {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    width: 25%; }
    .mod-block-columns li:last-child a {
      border: none; }
  .mod-block-columns a {
    -webkit-transition: color 500ms;
    -moz-transition: color 500ms;
    transition: color 500ms;
    border-right: 1px solid #000;
    color: #000;
    display: block;
    font-size: .9em;
    font-weight: 400;
    height: 2.6em;
    line-height: 1.3em;
    overflow: hidden;
    text-align: center;
    width: 100%; }
    .mod-block-columns a:hover, .mod-block-columns a:focus {
      border: none; }
      .mod-block-columns a:hover span, .mod-block-columns a:focus span {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%); }
    .mod-block-columns a span {
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      display: inline-block;
      padding: 0 70px;
      position: relative;
      transition: transform 0.3s; }
      .mod-block-columns a span:before {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        content: attr(data-hover);
        font-weight: 700;
        left: 0;
        padding: 0 70px;
        position: absolute;
        top: 100%;
        transform: translate3d(0, 0, 0); }
    .mod-block-columns a strong {
      display: block; }
  .mod-block-columns.mod-block-alternate header h2 {
    background-color: #f8f8f4; }

/*
 * Block: trending
 */
.mod-block-trending .container {
  padding-bottom: 40px; }
  .mod-block-trending .container:after {
    content: "";
    display: table;
    clear: both; }
.mod-block-trending nav {
  margin: 0 0 30px 0; }
  .mod-block-trending nav div {
    background-color: #f8f8f4; }
  .mod-block-trending nav ul {
    display: inline-block;
    text-align: center; }
    .mod-block-trending nav ul li {
      display: inline-block;
      margin: 5px 0 0 20px; }
      .mod-block-trending nav ul li:first-child {
        margin-left: 0; }
      .mod-block-trending nav ul li.nav-item-active a {
        border-bottom: 1px solid #ee090c;
        color: #ee090c; }
    .mod-block-trending nav ul a {
      color: #000;
      font-size: 1.2em;
      font-style: italic;
      font-weight: 700; }
      .mod-block-trending nav ul a:hover {
        border: none; }
.mod-block-trending .tabs {
  height: 410px;
  overflow: hidden;
  position: relative;
  /*
     * Gradients
     */ }
  .mod-block-trending .tabs:after, .mod-block-trending .tabs:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 20px;
    z-index: 200; }
  .mod-block-trending .tabs:after {
    background: -moz-linear-gradient(right, #f8f8f4 0%, rgba(248, 248, 244, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, right top, left top, color-stop(0%, #f8f8f4), color-stop(100%, rgba(248, 248, 244, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(right, #f8f8f4 0%, rgba(248, 248, 244, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(right, #f8f8f4 0%, rgba(248, 248, 244, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(right, #f8f8f4 0%, rgba(248, 248, 244, 0) 100%);
    /* IE10+ */
    background: linear, to left, #f8f8f4 0%, rgba(248, 248, 244, 0) 100%;
    /* W3C */
    right: 0; }
  .mod-block-trending .tabs:before {
    background: -moz-linear-gradient(left, #f8f8f4 0%, rgba(248, 248, 244, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f8f8f4), color-stop(100%, rgba(248, 248, 244, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #f8f8f4 0%, rgba(248, 248, 244, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #f8f8f4 0%, rgba(248, 248, 244, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #f8f8f4 0%, rgba(248, 248, 244, 0) 100%);
    /* IE10+ */
    background: linear, to right, #f8f8f4 0%, rgba(248, 248, 244, 0) 100%;
    /* W3C */
    left: 0; }
.mod-block-trending .body {
  -webkit-transition: left 1000ms ease;
  -moz-transition: left 1000ms ease;
  transition: left 1000ms ease;
  height: 410px;
  left: 0;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0 16px;
  position: absolute;
  top: 0;
  width: 1016px; }
  .mod-block-trending .body:after {
    content: "";
    display: table;
    clear: both; }
  .mod-block-trending .body li {
    display: block;
    float: left;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    position: relative;
    width: 328px; }
    .mod-block-trending .body li:last-child {
      padding-right: 0; }
    .mod-block-trending .body li:after {
      background-image: url("/a/i/humo-dot-horizontal.png");
      background-position: 0 0;
      background-repeat: repeat-x;
      bottom: 0;
      content: "";
      display: block;
      height: 4px;
      left: 0;
      position: absolute;
      width: 100%; }
    .mod-block-trending .body li:nth-last-child(-n+3) {
      margin: 0;
      padding: 0; }
      .mod-block-trending .body li:nth-last-child(-n+3):after {
        display: none; }
  .mod-block-trending .body a {
    color: #000;
    display: block;
    font-size: .9em;
    line-height: 1.3em;
    height: 110px;
    overflow: hidden;
    padding: 0 16px 0 0; }
    .mod-block-trending .body a:after {
      content: "";
      display: table;
      clear: both; }
    .mod-block-trending .body a:hover {
      border: none; }
      .mod-block-trending .body a:hover .desc {
        color: #ee090c; }
  .mod-block-trending .body img, .mod-block-trending .body .desc {
    display: block; }
  .mod-block-trending .body img {
    float: left;
    width: 110px; }
  .mod-block-trending .body .desc {
    -webkit-transition: color 500ms;
    -moz-transition: color 500ms;
    transition: color 500ms;
    float: right;
    width: 190px; }
  .mod-block-trending .body time {
    bottom: 0;
    color: #ee090c;
    display: block;
    font-family: Georgia, serif;
    font-size: 0.75em;
    left: 120px;
    position: absolute; }
    .mod-block-trending .body time:before {
      color: #000;
      margin: 0 5px 0 0;
      vertical-align: middle; }
.mod-block-trending .hide {
  display: block; }
.mod-block-trending .tab-0.hide {
  left: -1016px; }
.mod-block-trending .tab-1.hide {
  left: 100%; }
.mod-block-trending.mod-block-alternate nav ul {
  background-color: #f8f8f4; }

.mod-block-archive {
  margin-bottom: 0; }
  .mod-block-archive header {
    margin: 0 0 15px 0; }
    .mod-block-archive header h3, .mod-block-archive header h4 {
      color: #ee090c; }
    .mod-block-archive header h3 {
      color: #ee090c;
      font-size: 2em;
      font-weight: 900;
      line-height: 1em; }
    .mod-block-archive header h4 {
      font-size: 1.3em;
      font-weight: 700;
      text-transform: none; }
    .mod-block-archive header h5 {
      color: #858585;
      font-style: italic;
      font-weight: 400;
      text-transform: none; }
  .mod-block-archive article header, .mod-block-archive article ul, .mod-block-archive article footer {
    padding: 0 16px; }
  .mod-block-archive article ul {
    padding: 0 16px 0 28px; }
  .mod-block-archive article header {
    margin: 0 0 10px 0; }
  .mod-block-archive article li {
    color: #30383a;
    font-size: 1.1em;
    line-height: 1.5em;
    list-style-position: outside;
    margin: 0 0 15px 0; }
  .mod-block-archive article li a, .mod-block-archive article p a {
    color: #000; }
    .mod-block-archive article li a:hover, .mod-block-archive article p a:hover {
      border-bottom: 1px solid #000; }
  .mod-block-archive footer p {
    font-size: 1.2em;
    font-style: italic;
    margin: 0; }
    .mod-block-archive footer p a {
      color: #ee090c;
      font-weight: 700;
      padding: 0 0 3px 0; }
      .mod-block-archive footer p a:hover {
        border-bottom: 1px solid #ee090c; }
    .mod-block-archive footer p i {
      font-size: 12px;
      margin: 0 0 0 5px; }
  .mod-block-archive .thumb {
    -moz-box-shadow: 2px 2px 1px 0px gainsboro;
    -o-box-shadow: 2px 2px 1px 0px gainsboro;
    -webkit-box-shadow: 2px 2px 1px 0px gainsboro;
    box-shadow: 2px 2px 1px 0px gainsboro;
    display: block;
    height: auto;
    margin: 0 0 20px 0;
    width: 100%; }
    .mod-block-archive .thumb img {
      display: block; }
    .mod-block-archive .thumb:hover {
      border: none; }

/*
 * Shared
 */
.mod-block-thumb, .mod-block-thumb-full-height, .mod-block-thumb-full-width, .mod-block-thumb-square, .mod-block-thumb-wide {
  z-index: 100;
  /*
   * Shared
   */
  /*
  * Time
  */
  /*
   * Inner
   */
  /*
   * Facebook Like button
   */ }
  .mod-block-thumb time, .mod-block-thumb .more, .mod-block-thumb-full-height time, .mod-block-thumb-full-height .more, .mod-block-thumb-full-width time, .mod-block-thumb-full-width .more, .mod-block-thumb-square time, .mod-block-thumb-square .more, .mod-block-thumb-wide time, .mod-block-thumb-wide .more {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5em;
    position: absolute;
    right: 35px;
    text-align: right;
    text-transform: uppercase;
    width: 170px; }
  .mod-block-thumb .more, .mod-block-thumb-full-height .more, .mod-block-thumb-full-width .more, .mod-block-thumb-square .more, .mod-block-thumb-wide .more {
    bottom: 100%;
    font-size: 1.3em; }
  .mod-block-thumb time, .mod-block-thumb-full-height time, .mod-block-thumb-full-width time, .mod-block-thumb-square time, .mod-block-thumb-wide time {
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    transition: opacity 300ms;
    background-image: url("/a/i/humo-dot-white-horizontal.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    opacity: 0;
    padding: 20px 0;
    z-index: 140; }
  .mod-block-thumb .inner, .mod-block-thumb-full-height .inner, .mod-block-thumb-full-width .inner, .mod-block-thumb-square .inner, .mod-block-thumb-wide .inner {
    z-index: 110; }
  .mod-block-thumb .more, .mod-block-thumb-full-height .more, .mod-block-thumb-full-width .more, .mod-block-thumb-square .more, .mod-block-thumb-wide .more {
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    transition: opacity 300ms;
    color: #fff;
    display: block;
    opacity: 0;
    padding: 0 0 0 50px;
    text-align: right;
    width: 120px;
    z-index: 140;
    /*
    * Before
    */ }
    .mod-block-thumb .more:hover, .mod-block-thumb-full-height .more:hover, .mod-block-thumb-full-width .more:hover, .mod-block-thumb-square .more:hover, .mod-block-thumb-wide .more:hover {
      border: 0; }
    .mod-block-thumb .more:before, .mod-block-thumb-full-height .more:before, .mod-block-thumb-full-width .more:before, .mod-block-thumb-square .more:before, .mod-block-thumb-wide .more:before {
      -webkit-transition: opacity 300ms;
      -moz-transition: opacity 300ms;
      transition: opacity 300ms;
      color: #fff;
      display: block;
      font-size: .75em;
      left: 0;
      margin: 0 5px 0 0;
      position: absolute;
      top: 5px;
      z-index: 140; }
  .mod-block-thumb .inner:hover .more, .mod-block-thumb .inner:hover time, .mod-block-thumb .inner:hover .fb-like, .mod-block-thumb-full-height .inner:hover .more, .mod-block-thumb-full-height .inner:hover time, .mod-block-thumb-full-height .inner:hover .fb-like, .mod-block-thumb-full-width .inner:hover .more, .mod-block-thumb-full-width .inner:hover time, .mod-block-thumb-full-width .inner:hover .fb-like, .mod-block-thumb-square .inner:hover .more, .mod-block-thumb-square .inner:hover time, .mod-block-thumb-square .inner:hover .fb-like, .mod-block-thumb-wide .inner:hover .more, .mod-block-thumb-wide .inner:hover time, .mod-block-thumb-wide .inner:hover .fb-like {
    opacity: 1; }
  .mod-block-thumb .fb-like, .mod-block-thumb-full-height .fb-like, .mod-block-thumb-full-width .fb-like, .mod-block-thumb-square .fb-like, .mod-block-thumb-wide .fb-like {
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 140; }

/*
 * Normal thumb
 */
.mod-block-thumb {
  /*
  * Inner behaviour
  */
  /*
   * Thumb
   */ }
  .mod-block-thumb .inner {
    padding-top: 341px; }
  .mod-block-thumb .thumb, .mod-block-thumb a.thumb {
    height: 316px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 242px;
    z-index: 120; }
    .mod-block-thumb .thumb img, .mod-block-thumb a.thumb img {
      height: auto;
      left: -5px;
      position: absolute;
      top: -5px;
      width: 252px; }
    .mod-block-thumb .thumb:before, .mod-block-thumb a.thumb:before {
      -webkit-transition: opacity 300ms;
      -moz-transition: opacity 300ms;
      transition: opacity 300ms;
      background-color: #000;
      content: "";
      display: block;
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 130; }
  .mod-block-thumb:hover .thumb img, .mod-block-thumb:hover a.thumb img {
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -webkit-filter: blur(3px);
    filter: blur(3px); }
  .mod-block-thumb:hover .thumb:before, .mod-block-thumb:hover a.thumb:before {
    opacity: 0.5; }
  .mod-block-thumb time {
    top: 238px; }
  .mod-block-thumb .more {
    bottom: calc(100% - 234px); }
  .mod-block-thumb .fb-like {
    right: 35px;
    top: 25px; }
  .mod-block-thumb.mod-block-thumb-play .inner:before {
    top: 128px; }

/*
* Suare thumb
*/
.mod-block-thumb-square {
  /*
  * Inner behaviour
  */
  /*
   * Thumb
   */ }
  .mod-block-thumb-square .inner {
    padding-top: 267px; }
  .mod-block-thumb-square .thumb, .mod-block-thumb-square a.thumb {
    height: 242px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 242px;
    z-index: 120; }
    .mod-block-thumb-square .thumb img, .mod-block-thumb-square a.thumb img {
      height: auto;
      left: -5px;
      position: absolute;
      top: -5px;
      width: 252px; }
    .mod-block-thumb-square .thumb:before, .mod-block-thumb-square a.thumb:before {
      -webkit-transition: opacity 300ms;
      -moz-transition: opacity 300ms;
      transition: opacity 300ms;
      background-color: #000;
      content: "";
      display: block;
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 130; }
  .mod-block-thumb-square:hover .thumb img, .mod-block-thumb-square:hover a.thumb img {
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -webkit-filter: blur(3px);
    filter: blur(3px); }
  .mod-block-thumb-square:hover .thumb:before, .mod-block-thumb-square:hover a.thumb:before {
    opacity: 0.5; }
  .mod-block-thumb-square time {
    top: 164px; }
  .mod-block-thumb-square .more {
    bottom: calc(100% - 164px); }
  .mod-block-thumb-square .fb-like {
    right: 35px;
    top: 25px; }
  .mod-block-thumb-square.mod-block-thumb-play .inner:before {
    top: 88px; }
  .mod-block-thumb-square.mod-block-border:before {
    height: calc(100% - 262px); }

/*
 * Full height thumb
 */
.mod-block-thumb-full-height {
  /*
  * Inner behaviour
  */
  /*
   * Thumb
   */ }
  .mod-block-thumb-full-height .inner {
    padding-top: 608px; }
  .mod-block-thumb-full-height .thumb, .mod-block-thumb-full-height a.thumb {
    height: 608px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 242px;
    z-index: 120; }
    .mod-block-thumb-full-height .thumb img, .mod-block-thumb-full-height a.thumb img {
      height: auto;
      left: -5px;
      position: absolute;
      top: -5px;
      width: 252px; }
    .mod-block-thumb-full-height .thumb:before, .mod-block-thumb-full-height a.thumb:before {
      -webkit-transition: opacity 300ms;
      -moz-transition: opacity 300ms;
      transition: opacity 300ms;
      background-color: #000;
      content: "";
      display: block;
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 130; }
  .mod-block-thumb-full-height:hover .thumb img, .mod-block-thumb-full-height:hover a.thumb img {
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -webkit-filter: blur(3px);
    filter: blur(3px); }
  .mod-block-thumb-full-height:hover .thumb:before, .mod-block-thumb-full-height:hover a.thumb:before {
    opacity: 0.5; }
  .mod-block-thumb-full-height time {
    top: 538px; }
  .mod-block-thumb-full-height .more {
    bottom: calc(100% - 524px); }
  .mod-block-thumb-full-height .fb-like {
    right: 35px;
    top: 25px; }
  .mod-block-thumb-full-height .inner {
    min-height: 0; }
  .mod-block-thumb-full-height.mod-block-thumb-play .inner:before {
    top: 268px; }

/*
* Full width thumb
*/
.mod-block-thumb-full-width {
  /*
  * Inner behaviour
  */
  /*
   * Thumb
   */ }
  .mod-block-thumb-full-width .inner {
    padding-top: 432px; }
  .mod-block-thumb-full-width .thumb, .mod-block-thumb-full-width a.thumb {
    height: 412px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 1016px;
    z-index: 120; }
    .mod-block-thumb-full-width .thumb img, .mod-block-thumb-full-width a.thumb img {
      height: auto;
      left: -5px;
      position: absolute;
      top: -5px;
      width: 1026px; }
    .mod-block-thumb-full-width .thumb:before, .mod-block-thumb-full-width a.thumb:before {
      -webkit-transition: opacity 300ms;
      -moz-transition: opacity 300ms;
      transition: opacity 300ms;
      background-color: #000;
      content: "";
      display: block;
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 130; }
  .mod-block-thumb-full-width:hover .thumb img, .mod-block-thumb-full-width:hover a.thumb img {
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -webkit-filter: blur(3px);
    filter: blur(3px); }
  .mod-block-thumb-full-width:hover .thumb:before, .mod-block-thumb-full-width:hover a.thumb:before {
    opacity: 0.5; }
  .mod-block-thumb-full-width time {
    top: 344px;
    width: 250px; }
  .mod-block-thumb-full-width .more {
    bottom: calc(100% - 330px);
    width: 200px; }
  .mod-block-thumb-full-width .fb-like {
    left: 35px;
    top: 325px; }
  .mod-block-thumb-full-width.mod-block-thumb-play .inner:before {
    top: 170px; }

/*
 * Wide thumb (2-columns)
 */
.mod-block-thumb-wide {
  /*
  * Inner behaviour
  */
  /*
   * Thumb
   */ }
  .mod-block-thumb-wide .inner {
    padding-top: 341px; }
  .mod-block-thumb-wide .thumb, .mod-block-thumb-wide a.thumb {
    height: 316px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 500px;
    z-index: 120; }
    .mod-block-thumb-wide .thumb img, .mod-block-thumb-wide a.thumb img {
      height: auto;
      left: -5px;
      position: absolute;
      top: -5px;
      width: 510px; }
    .mod-block-thumb-wide .thumb:before, .mod-block-thumb-wide a.thumb:before {
      -webkit-transition: opacity 300ms;
      -moz-transition: opacity 300ms;
      transition: opacity 300ms;
      background-color: #000;
      content: "";
      display: block;
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 130; }
  .mod-block-thumb-wide:hover .thumb img, .mod-block-thumb-wide:hover a.thumb img {
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -webkit-filter: blur(3px);
    filter: blur(3px); }
  .mod-block-thumb-wide:hover .thumb:before, .mod-block-thumb-wide:hover a.thumb:before {
    opacity: 0.5; }
  .mod-block-thumb-wide time {
    top: 250px;
    width: 250px; }
  .mod-block-thumb-wide .more {
    bottom: calc(100% - 240px);
    width: 200px; }
  .mod-block-thumb-wide .fb-like {
    left: 35px;
    top: 230px; }
  .mod-block-thumb-wide.mod-block-thumb-play .inner:before {
    top: 128px; }

.mod-block-thumb-play .inner:before {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  color: #fff;
  cursor: pointer;
  font-size: 60px;
  left: 50%;
  margin: 0 0 0 -30px;
  opacity: 0.75;
  position: absolute;
  top: 25%;
  z-index: 140; }
.mod-block-thumb-play .inner:hover:before {
  opacity: 0; }

/*
 * Blur on Firefox
 */
@-moz-document url-prefix() {
  .mod-block-thumb .inner:hover a.thumb img, .mod-block-thumb-full-height .inner:hover a.thumb img, .mod-block-thumb-full-width .inner:hover a.thumb img, .mod-block-thumb-wide .inner:hover a.thumb img {
    -moz-filter: url("/a/i/humo-blur.svg#blur");
    filter: url("/a/i/humo-blur.svg#blur"); } }

.mod-block-header-red header {
  margin: 0 0 20px 0; }
  .mod-block-header-red header h3, .mod-block-header-red header h4 {
    color: #ee090c; }
  .mod-block-header-red header h3 {
    color: #ee090c;
    font-size: 3em;
    font-weight: 900;
    line-height: 1em; }

.mod-rating, .mod-rating:after, .mod-rating:before {
  font-size: 15px;
  height: 15px;
  letter-spacing: 1px;
  line-height: 15px;
  max-height: 15px;
  overflow: hidden;
  vertical-align: middle;
  width: 83px; }

.mod-rating {
  display: inline-block;
  position: relative; }
  .mod-rating span {
    display: none; }
  .mod-rating:after, .mod-rating:before {
    content: '\2605\2605\2605\2605\2605';
    display: block;
    left: 0;
    position: absolute;
    top: 0; }
  .mod-rating:after {
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    transition: color 300ms ease;
    color: #ee090c;
    width: 0; }
  .mod-rating:before {
    color: #d5d5d5; }
  .mod-rating:hover:after {
    color: #e31e00; }

/*
 * Rating: 0.5
 */
.mod-rating-00:after {
  width: 0px; }
.mod-rating-05:after {
  width: 8px; }

/*
* Rating: 1
*/
.mod-rating-10:after {
  width: 16px; }

/*
* Rating: 1.5
*/
.mod-rating-15:after {
  width: 25px; }

/*
* Rating: 2
*/
.mod-rating-20:after {
  width: 33px; }

/*
* Rating: 2.5
*/
.mod-rating-25:after {
  width: 42px; }

/*
* Rating: 3
*/
.mod-rating-30:after {
  width: 50px; }

/*
* Rating: 3.5
*/
.mod-rating-35:after {
  width: 58px; }

/*
* Rating: 4
*/
.mod-rating-40:after {
  width: 67px; }
.mod-rating-45:after {
  width: 76px; }
.mod-rating-50:after {
  width: 100%; }

.mod-block-link a.inner {
  padding-bottom: 30px; }

.mod-block-uitlaat {
  margin-bottom: 0;
  position: relative; }
  .mod-block-uitlaat .content {
    border: 5px solid white;
    float: left;
    position: relative; }
    .mod-block-uitlaat .content footer {
      background-color: white;
      height: 20px;
      padding: 10px 0 10px 15px; }
      .mod-block-uitlaat .content footer a {
        color: #000;
        text-transform: uppercase;
        font-weight: bold; }
      .mod-block-uitlaat .content footer:after {
        content: none; }
      .mod-block-uitlaat .content footer:before {
        margin-right: 5px;
        vertical-align: middle; }
    .mod-block-uitlaat .content span.triangle {
      border-bottom: 25.98px solid white;
      border-left: 0px solid transparent;
      border-right: 30px solid transparent;
      top: -25px;
      display: block;
      height: 0;
      left: 14px;
      position: absolute;
      width: 0; }
      .mod-block-uitlaat .content span.triangle:before {
        border-bottom: 19.485px solid #f8f8f4;
        border-left: 0px solid transparent;
        border-right: 22.5px solid transparent;
        content: "";
        display: block;
        height: 0;
        left: 3px;
        position: absolute;
        top: 7px;
        width: 0; }
  .mod-block-uitlaat .intro {
    background-color: white; }
    .mod-block-uitlaat .intro form {
      padding: 10px 10px 56px 10px;
      position: relative; }
    .mod-block-uitlaat .intro h3 {
      color: #ee090c; }
      .mod-block-uitlaat .intro h3 span.commenticon {
        background-color: #fff;
        border: 2px solid #ee090c;
        border-radius: 30px;
        display: block;
        height: 30px;
        width: 30px;
        position: absolute;
        top: -20px;
        right: 10px; }
      .mod-block-uitlaat .intro h3 span.commenticon-inner {
        background-color: #ee090c;
        border-radius: 26px;
        display: block;
        height: 26px;
        left: 2px;
        top: 2px;
        position: relative;
        width: 26px; }
        .mod-block-uitlaat .intro h3 span.commenticon-inner:before {
          color: #fff;
          font-size: 15px;
          left: 5px;
          position: relative;
          top: -1px; }
    .mod-block-uitlaat .intro input, .mod-block-uitlaat .intro textarea {
      background: #f8f8f4;
      font-size: 1em;
      margin: 10px 0; }
    .mod-block-uitlaat .intro button[type="submit"] {
      background: white;
      bottom: 10px;
      color: #000;
      display: block;
      font-size: 2.5em;
      left: 10px;
      padding: 5px 0;
      position: absolute;
      text-decoration: underline;
      text-transform: uppercase; }
      .mod-block-uitlaat .intro button[type="submit"]:before {
        display: inline-block;
        margin-right: 12px;
        font-size: 25px; }
    .mod-block-uitlaat .intro textarea {
      height: 150px; }
    .mod-block-uitlaat .intro:after {
      border-top: 25.98px solid white;
      border-left: 30px solid transparent;
      border-right: 0px solid transparent;
      bottom: -30px;
      content: "";
      display: block;
      height: 0;
      left: 155px;
      position: absolute;
      width: 0; }
  .mod-block-uitlaat .item {
    margin-bottom: 30px;
    width: 235px; }
    .mod-block-uitlaat .item h3 {
      font-size: 1.6em;
      padding: 10px 15px 0 15px;
      text-transform: none; }
    .mod-block-uitlaat .item header {
      margin-bottom: 38px;
      position: relative; }
      .mod-block-uitlaat .item header img {
        left: 0;
        position: absolute;
        top: 0; }
      .mod-block-uitlaat .item header p, .mod-block-uitlaat .item header time {
        padding: 0 0 0 60px;
        margin: 0;
        line-height: 16px; }
    .mod-block-uitlaat .item p {
      font-size: 1em;
      line-height: 24px;
      padding: 0 15px; }
    .mod-block-uitlaat .item time {
      font-size: 1.2em; }
  .mod-block-uitlaat nav {
    padding-bottom: 55px;
    text-align: center; }
    .mod-block-uitlaat nav a, .mod-block-uitlaat nav li {
      color: #000; }
    .mod-block-uitlaat nav a {
      font-weight: bold;
      text-transform: uppercase; }
      .mod-block-uitlaat nav a:hover, .mod-block-uitlaat nav a:active {
        color: #ee090c; }
    .mod-block-uitlaat nav img {
      vertical-align: middle; }
    .mod-block-uitlaat nav li {
      display: inline;
      list-style-type: none;
      padding: 0 15px; }

.mod-block-filter {
  background-color: #f8f8f4; }
  .mod-block-filter header, .mod-block-filter form, .mod-block-filter footer {
    padding: 20px; }
  .mod-block-filter header {
    padding-bottom: 10px; }
  .mod-block-filter form {
    margin: 0;
    padding-bottom: 0;
    padding-top: 0; }
    .mod-block-filter form input {
      font-size: 1em;
      line-height: 1em;
      font-weight: 400; }
    .mod-block-filter form .actions {
      padding-bottom: 64px; }
  .mod-block-filter footer {
    margin: 35px 0 0 0; }
    .mod-block-filter footer ul, .mod-block-filter footer li {
      margin: 0;
      padding: 0; }
    .mod-block-filter footer ul {
      margin: 0 0 0 -10px; }
      .mod-block-filter footer ul:after {
        content: "";
        display: table;
        clear: both; }
    .mod-block-filter footer li {
      float: left;
      list-style: none;
      margin: 0 10px 15px 10px; }
    .mod-block-filter footer a {
      border-bottom: 1px solid #000;
      color: #000;
      font-size: 1.65em;
      line-height: 1em;
      text-transform: uppercase; }
      .mod-block-filter footer a:hover {
        border: none; }
    .mod-block-filter footer h4 {
      margin: 0 0 20px 0; }
    .mod-block-filter footer:after {
      display: none; }
  .mod-block-filter h3 {
    color: #ee090c;
    margin: 0 0 5px 0; }
  .mod-block-filter h4 {
    font-weight: 400;
    font-size: 1.75em;
    text-transform: none; }
  .mod-block-filter .actions {
    text-align: center; }

.mod-block-double-border:after {
  content: "";
  border-bottom: 4px solid #000;
  border-top: 1px solid #000;
  display: block;
  height: 3px;
  margin-left: 16px;
  width: 100%; }

.mod-block-list header {
  margin: 0 0 20px 0;
  text-align: center; }
.mod-block-list li a {
  color: #000;
  display: block;
  font-size: 1.5em;
  text-align: center; }
  .mod-block-list li a:hover {
    border: none; }
  .mod-block-list li a img {
    display: block;
    margin: 0 0 20px 0; }
.mod-block-list footer {
  font-size: 1em;
  text-align: right; }
  .mod-block-list footer p {
    font-size: 1em; }

.mod-block-nuinhumo .container {
  width: 932px; }
  .mod-block-nuinhumo .container:after {
    content: "";
    display: table;
    clear: both; }
.mod-block-nuinhumo h4 {
  color: #ee090c;
  font-size: 2em;
  font-weight: 400;
  text-transform: none; }
.mod-block-nuinhumo h5 {
  color: #858585;
  font-style: italic;
  font-weight: 400; }
.mod-block-nuinhumo li {
  color: #30383a;
  font-size: 1em;
  line-height: 1.5em;
  list-style-type: none;
  margin: 15px 0; }
.mod-block-nuinhumo .content a:hover {
  border-bottom: 1px solid #ee090c; }
.mod-block-nuinhumo aside {
  float: left;
  margin: 0 32px 0 0;
  width: 400px; }
  .mod-block-nuinhumo aside p {
    text-align: left; }
  .mod-block-nuinhumo aside .actions a {
    color: #000;
    font-size: 1.3em;
    text-decoration: underline;
    text-transform: uppercase; }
    .mod-block-nuinhumo aside .actions a:before {
      display: inline-block;
      padding-right: 10px; }
    .mod-block-nuinhumo aside .actions a:hover {
      border: none; }
  .mod-block-nuinhumo aside .pagination {
    float: none;
    text-align: center;
    width: auto; }
    .mod-block-nuinhumo aside .pagination:after, .mod-block-nuinhumo aside .pagination:before {
      display: none; }
.mod-block-nuinhumo .content {
  float: right;
  width: 500px; }

.mod-block-archive-page h3 {
  text-align: center; }

.mod-block-detail-view .button-prev, .mod-block-detail-view .button-next {
  font-weight: bold;
  margin: 30px 25px; }
.mod-block-detail-view footer * {
  vertical-align: top; }
.mod-block-detail-view img {
  margin: 0 auto; }
.mod-block-detail-view .container {
  text-align: center; }
  .mod-block-detail-view .container span.spacer {
    font-size: 1em;
    line-height: 3.5; }
  .mod-block-detail-view .container .pagination {
    font-weight: bold;
    line-height: 3.5em; }

.mod-block-tekstballon-view a:not(.button-next):not(.button-prev) {
  color: #000;
  display: block;
  font-size: 1.75em;
  text-decoration: underline;
  text-transform: uppercase; }
.mod-block-tekstballon-view span {
  text-transform: uppercase;
  font-size: 2em;
  line-height: 2.5em; }
  .mod-block-tekstballon-view span span {
    text-transform: none;
    font-size: 1em;
    line-height: 1em; }

.mod-block-tekstballon-list header {
  height: 33px;
  margin-top: 45px; }
  .mod-block-tekstballon-list header a {
    text-decoration: underline; }
.mod-block-tekstballon-list h1 {
  color: #ee090c;
  float: left;
  font-size: 3em;
  line-height: 0.8em;
  text-transform: none; }
.mod-block-tekstballon-list a {
  color: #000;
  float: right;
  font-size: 1.75em;
  margin-top: 7px;
  text-transform: uppercase; }
.mod-block-tekstballon-list ul {
  clear: both; }

.mod-block-cartoon-view {
  margin-bottom: 55px; }
  .mod-block-cartoon-view span {
    font-size: 2em;
    line-height: 2.5em; }

.double-hands-link:hover {
  border: none; }
.double-hands-link:before {
  display: inline-block;
  margin-right: 10px; }
.double-hands-link:after {
  display: inline-block;
  margin-left: 10px; }

.mod-block-alternate-border {
  position: relative; }
  .mod-block-alternate-border:before {
    border-top: 2px solid #f8f8f4;
    content: "";
    position: absolute;
    top: -6px;
    width: 100%; }

/*
* Modules
* @import "modules/*";
*/
.mod-logged-in .mod-navigation-secondary .nav-item-login, .mod-logged-in .mod-navigation-secondary .nav-item-register {
  display: none; }

.mod-login, .mod-login-modal {
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 800px; }
  .mod-login:after, .mod-login-modal:after {
    content: "";
    display: table;
    clear: both; }
  .mod-login h2, .mod-login h3, .mod-login-modal h2, .mod-login-modal h3 {
    line-height: 1em;
    margin: 0 0 20px 0;
    text-transform: none; }
    .mod-login h2 {
     max-width: 435px;
    }
  .mod-login .itp-form, .mod-login-modal .itp-form {
    width: 480px; }
    .mod-login .itp-form .spacer, .mod-login-modal .itp-form .spacer {
      display: block;
      clear: both;
      font-size: 1em;
      line-height: 1em;
      margin: 20px 0 0 0;
      position: relative;
      text-transform: uppercase; }
      .mod-login .itp-form .spacer:after, .mod-login-modal .itp-form .spacer:after {
        content: "";
        border-bottom: 4px solid #000000;
        border-top: 1px solid #000000;
        bottom: 15px;
        display: block;
        height: 2px;
        margin-left: 35px;
        position: relative;
        vertical-align: middle; }
  .mod-login aside, .mod-login-modal aside {
    background-color: #ffe408;
    margin-left: 96px;
    padding: 20px;
    position: relative;
    width: 184px; }
    .mod-login aside .devices, .mod-login-modal aside .devices {
      font-size: 1.5em; }
    .mod-login aside ul, .mod-login aside ul.desc, .mod-login aside li, .mod-login-modal aside ul, .mod-login-modal aside ul.desc, .mod-login-modal aside li {
      border: none;
      font-size: 1em;
      line-height: 1em;
      list-style: none;
      margin: 0;
      padding: 0; }
    .mod-login aside li, .mod-login-modal aside li {
      font-size: 1.2em;
      margin: 0 0 10px 0; }
      .mod-login aside li a, .mod-login-modal aside li a {
        border-bottom: 1px solid #000;
        color: #000; }
        .mod-login aside li a:hover, .mod-login-modal aside li a:hover {
          border: none; }
    .mod-login aside .spacer, .mod-login-modal aside .spacer {
      display: block;
      position: relative;
      padding-top: 20px; }
      .mod-login aside .spacer:before, .mod-login-modal aside .spacer:before {
        content: "";
        border-bottom: 4px solid #000000;
        border-top: 1px solid #000000;
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        top: 0;
        vertical-align: middle;
        width: 100%; }
  .mod-login input, .mod-login-modal input {
    font-size: 1em; }
  .mod-login .intro, .mod-login-modal .intro {
    font-weight: 700;
    max-width:430px;
    }
  .mod-login .actions:after, .mod-login-modal .actions:after {
    content: "";
    display: table;
    clear: both; }
  .mod-login .actions a, .mod-login-modal .actions a {
    float: left;
    font-size: .8em;
    line-height: 1em;
    margin-top: 15px; }
  .mod-login .actions button, .mod-login-modal .actions button {
    float: right; }
  .mod-login .actions-social, .mod-login-modal .actions-social {
    margin-bottom: 0; }
    .mod-login .actions-social a, .mod-login-modal .actions-social a {
      margin-right: 10px; }

.mod-login-modal {
  background-color: #f8f8f4;
  padding: 30px;
  width: 768px; }
  .mod-login-modal aside {
    margin-left: 64px; }

/*
 * Alternative page lay-out
 */
.mod-alternative {
  padding-top: 150px;
  /*
   * Hide HUMO ad
   */ }
  .mod-alternative .mod-humo-ad {
    display: none; }

.mod-modal {
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  transition: opacity 500ms;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 90000;
  /*
   * Overlay
   */
  /*
  * Content
  */
  /*
   * Content Inner
   */
  /*
   * Close button
   */
  /*
   * Aside
   */
  /*
   * Footer
   */
  /*
   * Pagination container
   */
  /*
   * Pagination label
   */
  /*
   * Pagination buttons
   */
  /*
  * Prev button
  */
  /*
  * Next button
  */
  /*
   * Open
   */
  /*
   * Animate
   */
  /*
   * Loader
   */ }
  .mod-modal .mod-modal-overlay {
    background-color: #eee;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.85;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 90100; }
  .mod-modal .mod-modal-content {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .mod-modal .mod-modal-content-inner {
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 90600; }
    .mod-modal .mod-modal-content-inner img, .mod-modal .mod-modal-content-inner iframe {
      display: block;
      height: auto;
      width: 100%; }
  .mod-modal .mod-modal-content-target {
    padding: 20px; }
    .mod-modal .mod-modal-content-target .flex {
      display: flex;
      flex-direction: row;
      width: 740px; }
      .mod-modal .mod-modal-content-target .flex div.abbo {
        margin: 0px 0 0px 100px; }
  .mod-modal .mod-modal-content-target-bg {
    background-color: #fff; }
  .mod-modal .mod-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 90200; }
  .mod-modal .mod-modal-aside {
    background-color: #fff;
    height: 100%;
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: 0;
    text-align: left;
    width: 240px;
    z-index: 90200; }
    .mod-modal .mod-modal-aside .mod-modal-aside-inner {
      height: 80%;
      left: 30px;
      overflow: hidden;
      overflow-y: auto;
      margin: 0;
      position: absolute;
      top: 10%;
      width: 240px; }
    .mod-modal .mod-modal-aside p {
      font-size: 1.2em;
      line-height: 1.5em; }
  .mod-modal .mod-modal-footer {
    margin-top: 15px;
    text-align: center; }
    .mod-modal .mod-modal-footer * {
      vertical-align: top; }
    .mod-modal .mod-modal-footer small {
      font-size: 1.5em;
      font-weight: 700;
      line-height: 1em;
      display: block;
      margin: 0 0 15px 0; }
  .mod-modal .mod-modal-pagination-container {
    bottom: 30px;
    display: block;
    left: 50%;
    margin: 0 0 0 -75px;
    position: absolute;
    text-align: center;
    width: 150px;
    z-index: 90200; }
  .mod-modal .mod-modal-pagination {
    display: inline-block;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle; }
  .mod-modal .mod-modal-prev, .mod-modal .mod-modal-next {
    display: inline-block;
    vertical-align: middle; }
  .mod-modal.is-open {
    opacity: 1; }
  .mod-modal.is-animated .mod-modal-content-inner {
    -webkit-transition: height 250ms, width 250ms, margin 250ms;
    -moz-transition: height 250ms, width 250ms, margin 250ms;
    transition: height 250ms, width 250ms, margin 250ms;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  .mod-modal .mod-modal-loader {
    background-color: #fff;
    border-radius: 135px;
    display: none;
    height: 125px;
    left: 50%;
    margin: -67.5px 0 0-67.5px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top: 50%;
    width: 125px;
    z-index: 90500; }
    .mod-modal .mod-modal-loader span {
      border-top: 20px solid #ee090c;
      display: block;
      height: 130px;
      left: 50%;
      margin: 0 0 0 -20px;
      position: absolute;
      top: -5px;
      width: 40px; }
    .mod-modal .mod-modal-loader:after {
      background-attachment: scroll;
      background-image: url("/a/i/humo-bg-spinner.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: 0 0;
      border-radius: 125px;
      content: '';
      display: block;
      height: 125px;
      position: relative;
      width: 125px;
      z-index: 90502; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .mod-modal .mod-modal-loader:after {
          -moz-background-size: 125px auto;
          -o-background-size: 125px auto;
          -webkit-background-size: 125px auto;
          background-size: 125px auto;
          background-image: url("/a/i/humo-bg-spinner@2x.png"); } }
  .mod-modal.is-loading .mod-modal-loader span {
    -webkit-animation: spin 1500ms linear infinite;
    -moz-animation: spin 1500ms linear infinite;
    animation: spin 1500ms linear infinite; }
  .mod-modal.is-loading .mod-modal-loader {
    display: block; }
  .mod-modal.is-loading .mod-modal-loader-0:after {
    background-position: 0 0; }
  .mod-modal.is-loading .mod-modal-loader-1:after {
    background-position: 0 -125px; }
  .mod-modal.is-loading .mod-modal-loader-2:after {
    background-position: 0 -250px; }
  .mod-modal.is-loading .mod-modal-loader-3:after {
    background-position: 0 -375px; }
  .mod-modal.is-loading .mod-modal-loader-4:after {
    background-position: 0 -500px; }
  .mod-modal.is-loading .mod-modal-loader-5:after {
    background-position: 0 -625px; }
  .mod-modal.is-loading .mod-modal-loader-6:after {
    background-position: 0 -750px; }
  .mod-modal.is-loading .mod-modal-loader-7:after {
    background-position: 0 -875px; }
  .mod-modal.is-loading .mod-modal-loader-8:after {
    background-position: 0 -1000px; }
  .mod-modal.is-loading .mod-modal-loader-9:after {
    background-position: 0 -1125px; }
  .mod-modal.is-loading .mod-modal-loader-10:after {
    background-position: 0 0; }

.mod-leaderboard {
  background-color: #f8f8f4;
  margin: 0 0 30px 0;
  padding: 25px;
  text-align: center;
  width: 1016px;
  /*
  a,
  img{

    display: block;
    height: 90px;
    margin: 0 auto;
    width: 728px;

  }*/ }
  @media screen and (min-width: 1016px) {
    .mod-leaderboard {
      width: auto; } }
  .mod-leaderboard small {
    font-size: .7em;
    text-transform: uppercase; }
  .mod-leaderboard a:hover {
    border: none; }

.mod-photospecial {
  margin: 0 0 30px 0;
  position: relative; }
  .mod-photospecial h3 {
    margin: 0 0 15px 0; }
  .mod-photospecial .body {
    height: 280px;
    margin: 0 0 0 -16px;
    overflow: hidden; }
    .mod-photospecial .body:after {
      content: "";
      display: table;
      clear: both; }
    .mod-photospecial .body a {
      display: block;
      margin: 0 0 16px 16px; }
      .mod-photospecial .body a:hover {
        border: none; }
    .mod-photospecial .body img {
      display: block; }
  .mod-photospecial footer {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 5px;
    position: absolute;
    top: 60px;
    right: 10px; }
    .mod-photospecial footer p {
      font-size: 1.5em;
      line-height: 1em;
      margin: 0;
      text-align: center;
      text-transform: uppercase; }
    .mod-photospecial footer strong {
      display: block;
      line-height: 1em; }
    .mod-photospecial footer span {
      display: block;
      font-size: .5em;
      line-height: 1em; }

/*
 * Compatibility hacks
 */
.ie-lt9 {
  /*
   * Header
   */
  /*
   * Logo
   */
  /*
   * Navigation
   */ }
  .ie-lt9 .mod-header .mod-navigation-primary .mod-grid .grid-item {
    display: inline; }
  .ie-lt9 .mod-logo a, .ie-lt9 .mod-logo a:hover {
    background-image: url("/a/i/humo-logo.png");
    top: 0; }
  .ie-lt9 .mod-navigation-primary a:hover {
    background-image: url("/a/i/humo-logos.png"); }

/*
* Grid: reset flexbox
*/
.ie-lt9 .mod-grid, .ie-9 .mod-grid, .ie9 .mod-grid {
  display: block; }
  .ie-lt9 .mod-grid:after, .ie-9 .mod-grid:after, .ie9 .mod-grid:after {
    content: "";
    display: table;
    clear: both; }
  .ie-lt9 .mod-grid .grid-item, .ie-9 .mod-grid .grid-item, .ie9 .mod-grid .grid-item {
    float: left; }


/* --- itp-screen-humo --- */
/* additions to ITP css */
.mod-article-fb-like {
  margin:10px 0 15px 0;
}
.mod-article-detail-dot-horizontal {
    background-image: url("/a/i/humo-dot-horizontal.png");
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 3px;
    margin: 0;
}
.mod-article-detail-double-line, .mod-double-line {
  border-top: 1px solid #000;
  padding: 6px 0 0 0;
  position: relative;
}
.mod-article-detail-double-line:after, .mod-double-line:after {
    background-color: #000;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 100%;
}
.mod-article-detail-width {
  width:696px;
}
.mod-form .button-red {
  background-color: #ee090c;
}
.mod-modal-content .error, .mod-login .error {
  background: #e3000f;
  margin: 10px 0;
  padding: 10px;
  color: #ffffff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  border: 2px solid #fff;
}
.mod-comments {
 padding: 30px 0px;
 width:auto;
}
.mod-comments .mod-comment header h4 {
 margin:0;
}
.mod-comments .mod-comment .thumb {
  width:50px;
}
.mod-comments .mod-comment {
  padding-left:66px;
}
.mod-comment .body .subject {
  font-weight:700;
}
#comment_loadmore .mod-lazyload-button {
  margin-top:0;
  margin-bottom:0;
}
.button-social-login-facebook, .button-social-login-googleplus {
    color: #fff !important;
}
.button-prev span, .button-next span {
  text-transform:none;
}
.button-prev.button-prev-inactive, .button-prev.button-prev-inactive:hover,
.button-next.button-next-inactive, .button-next.button-next-inactive:hover {
   background-color: #aaa !important;
   border-bottom:0;
   cursor:default !important;
}
.button-prev.button-prev-inactive:before,
.button-next.button-next-inactive:before {
  border: 2px solid #aaa;
  border-color: #aaa;
}
.button-prev.button-prev-inactive:hover:before,
.button-next.button-next-inactive:hover:before {
  background-color: none;
  border: 2px solid #aaa;
  border-color: #aaa;
}
li.grid-item-4 .desc.small {
  font-size:18px;
  line-height:25px;
}
.mod-navigation-secondary li.float-left a.active {
  color: #ee090c;
}
.resetContainer .container {
  width:auto !important;
  padding:0 !important;
}
.noLinkBorder a {
  border-bottom:0 !important;
}
.mod-block-tekstballon-view a.category {
  display:inline !important;
  font-size: 1em !important;
  text-decoration:none !important;
  text-transform:none !important;
  font-family: Arial,sans-serif !important;
}
.mod-block-small-desc li a {
  font-size:1em !important;
  text-transform:none !important;
}
.shop_container {
  padding: 0px;
  width: 1150px;
  margin: 0 auto;
}
.mod-block-cols-freeheight .mod-block, .mod-block-cols.mod-block-cols-freeheight .mod-block, .mod-block-cols.mod-block-cols-freeheight,
.mod-block-cols-freeheight.mod-block-cols {
    min-height: auto !important;
}
.mod-block-3-cols-2-rows .mod-block {
 min-height: 592px;
}
.mod-block-cols-freeheight {
    min-height: auto;
}
.mod-block .inner .more a {
    color:#fff;
}
.mod-block .inner .more a:hover {
    border-bottom: 1px solid #fff;
}
.mod-redtitle {
  margin-bottom:20px;
}
.mod-redtitle h3 {
  color: #EE090C;
  font-size: 3em;
  font-weight: 900;
  line-height: 1em;
}

/*
.mod-block .inner header blockquote:hover, .mod-block .inner header h2:hover {
    text-decoration: underline;
}
*/

.mod-block-alternate-color {
  background-color: #f8f8f4;
}
.grid-standalone a {
  position:static;
}
.mod-block-1-cols {
  margin: 0px 0px 0px -16px;
}
.mod-block-1-cols .grid-item {
  margin: 0px 0px 30px 16px;
}
.mod-block-1-cols.mod-block-dotted-border, .mod-block-1-cols.mod-block-double-border {
  margin-bottom: 20px;
}
.mod-block-dotted-border {
  margin-bottom: 20px;
}
.mod-block-dotted-border:after, .mod-block-1-cols.mod-block-dotted-border:after {
  background-image: url("/a/i/humo-dot-horizontal.png");
  background-repeat: repeat-x;
  content: "";
  display: block;
  height: 3px;
  margin-left: 16px;
  width: 100%;
}
.mod-block-1-cols.mod-block-dotted-border:after,
.mod-block-1-cols.mod-block-double-border:after {
  width:auto;
}
.mod-grid .grid-item-2-row:last-child {
  top:338px;
  bottom:auto;
}
.tabs-freeheight {
  height:auto !important;
}
.tabs-freeheight .body {
  position:relative;
  overflow:auto;
  height:auto;
}
.mod-block-uitlaat nav a.selected {
  color: #EE090C;
  border-bottom: 1px solid #EE090C;
  text-decoration: none;
}
.mod-block-uitlaat .content footer:before {
  content: "";
  margin-right: 0;
}
.mod-block-uitlaat .content footer {
  height:15px;
  font-size:15px;
}
.mod-block-uitlaat .item header time {
  width:172px;
  display:block;
  line-height:37px;
}
.grid-item-2-row figure.ad {
  position:absolute;
  right:0;
}
.mod-block-filter footer figure.ad {
  position:absolute;
  right:20px;
}
.grid-item-2-row figure.ad figcaption, .mod-block-filter footer figure.ad figcaption {
  text-transform: uppercase;
  color: #EE090C;
  text-align: right;
}
.mod-block-uitlaat .intro button[type="submit"] {
  font-size:1.5em;
}
.mod-block-uitlaat .intro {
  margin-bottom:60px;
}
.mod-block-uitlaat .intro:after {
  display:none;
}
.mod-footer-bottom .fb-like {
  left:500px;
}
/*
.mod-block-alternate {
  margin-bottom: 45px;
}*/
.mod-block-filter footer {
  margin-top:0;
  padding-top: 0;
}
.mod-block-filter .mod-form button {
  border:0;
  font-size:14px;
  color:#000;
}
.mod-block-basicpage {
  padding: 15px;
  margin: 0;
  width:auto;
}
.mod-humo-ad .number {
  display:inline;
}
.mod-humo-ad strong {
  font-family: "News Gothic",sans-serif;
  font-weight: 900;
  line-height: 1.2em;
}
.mod-alternative {
    padding-top: 100px;
}
.mod-leaderboard {
  margin: 0 auto;
  padding: 0;
  padding-bottom:30px;
  background:none;
}
.mod-alternative .mod-leaderboard, .mod-header-2016 .mod-leaderboard {
 padding: 15px 0;
}
.mod-header-alternative {
  z-index: 1901;
}
.mod-alternative .mod-search {
  width:250px;
}
.mod-navigation-secondary li.nav-item-login a {
    /*line-height: 20px;
    padding: 8px 20px 7px;*/
}
.mod-article .mod-article-header h1 {
  font-size:3em;
}
.mod-block-cols-minheight {
  min-height: 608px;
}
.mod-article-body h1 {
  margin: 1.2em 0px;
}
.mod-article {
  padding-top: 25px;
}
.mod-footer-bottom .container {
  width:996px;
}
.mod-footer-bottom .partners {
  right:10px;
}
.mod-block-thumb-square time {
  padding: 10px 0 20px 0;
  top: 174px;
}
.general_spacer {
    display: block;
    clear: both;
    font-size: 1em;
    line-height: 1em;
    margin: 20px 0px 0px;
    position: relative;
    text-transform: uppercase;
}
.general_spacer:after {
    content: "";
    border-bottom: 4px solid #000;
    border-top: 1px solid #000;
    bottom: 15px;
    display: block;
    height: 2px;
    margin-left: 35px;
    position: relative;
    vertical-align: middle;
}
.mod-article-content-width {
  width:696px;
}
footer.rightLink {
    font-size: 0.6em;
    text-align: right;
    margin: 0 0 35px 0;
}
.mod-article-body p.mod-rating {
 margin: 0px 0px 10px 0;
}
.mod-article-aside figure.ad {
    margin: 0 0 20px 4px;
    position:relative;
    top: auto;
    right: auto;
    width:300px;
}
.article-rightcol-block {
 width:300px;
 margin: 0 0 30px 4px;
 padding: 10px 0 0 0;
 background-color: #F8F8F4;
}
.article-rightcol-block .mod-header-braces {
 margin: 0 0 10px 0;
}
.article-rightcol-block .mod-header-braces h2 {
 text-transform: none;
 font-size:1.8em;
 background-color: #F8F8F4;
 font-family: "Georgia",serif;
 font-style:italic;
}
.article-rightcol-block .mod-header-braces h2:before, .article-rightcol-block .mod-header-braces h2:after {
 font-size:35px;
}
.article-rightcol-block .mod-header-braces h2 span:before, .article-rightcol-block .mod-header-braces h2 span:after {
 font-size:20px;
}
.article-rightcol-block .mod-header-braces h2 span {
 padding: 0px 50px;
 font-weight: 400;
}
.article-rightcol-block .mod-header-braces h2 span:before {
 left: 10px;
}
.article-rightcol-block .mod-header-braces h2 span:after {
 right: 10px;
}
.article-rightcol-block .mod-block-trending .body {
 position:relative;
 width:auto;
 height:auto;
 padding:0;
 transition:none;
}
.article-rightcol-block .mod-block-trending .body li {
 width:300px;
 margin: 0px 0px 5px 0;
 padding: 0px 0px 10px 0;
}
.article-rightcol-block .mod-block-trending .body li:last-child {
 margin:0;
 padding: 0px 0px 10px 0;
}
.article-rightcol-block .mod-block-trending .body li:nth-last-child(-n+3):after {
 display: block;
}
.article-rightcol-block .mod-block-trending .body li:last-child:after {
 display:none;
}
.article-rightcol-block .mod-block-trending .body li a {
 padding:0px;
 height:90px;
 font-size: 0.85em;
}
.article-rightcol-block .mod-block-trending .body img {
 width:90px;
}
.article-rightcol-block .mod-block-trending .body .desc {
 width:195px;
 padding-right:5px;
}
.article-rightcol-block .mod-block-trending .body time {
 left:100px;
}
.article-rightcol-block.article-rightcol-block-rightcolB .body .desc {
 float:left;
 width:auto;
 padding-left:5px;
}
.article-rightcol-block.article-rightcol-block-rightcolB .body li a {
 height:auto;
}

.mod-article-aside figure.ad-ligatus {
 margin:0 0 30px 4px;
}
#lig_humo_humo_side, #lig_humo_humo_smartbox_ti_cm {
 border:1px solid black;
}
.mod-block-trending .category {
 color: #EE090C;
 text-transform: uppercase;
 font-size: 0.85em;
 font-family: "News Gothic",sans-serif;
 font-weight: 700;
 line-height: 1em;
}

.mod-navigation-primary .grid-item-6 ul li {
 width:140px;
}



/* font sizes/interlinie */
.mod-block .inner p.body {
  line-height: 1.35em;
  word-wrap: break-word;
}
.mod-article-content p {
  line-height: 1.35em;
  margin: 1.3em 0px 0 0;
}
.mod-article-content .intro p {
  margin: 0 0px 1.3em 0;
}
.mod-modal .mod-modal-aside p.mod-modal-desc {
  font-size: 1.2em;
  font-weight: 700;
}
.mod-modal div.mod-modal-desc {
  font-size: 1.2em;
  font-weight: bold;
  background: #555;
  color: #fff;
  padding:10px;
}
.mod-block-thumb-full-width .inner {
    padding-top: 422px;
}
.mod-block-thumb .inner, .mod-block-thumb-wide .inner {
    padding-top: 326px;
}
.mod-block-thumb-square .inner {
    padding-top: 252px;
}
.mod-block-full header, .mod-block-thumb header, .mod-block-thumb-wide header {
  margin-bottom:0px;
}
.mod-block-full .category, .mod-block-thumb .category, .mod-block-thumb-wide .category {
  font-size:1.05em;
  margin-bottom:0px;
  font-family: "News Gothic",sans-serif;
  font-weight: 900;
}
.mod-block-full .inner h2, .mod-block-thumb .inner h2, .mod-block-thumb-wide .inner h2 {
  line-height:1.15em;
  font-size:1.75em;
}
.mod-block .inner p.body {
    line-height: 1.25em;
    margin: 4px 0;
    font-size:1.15em;
}

/*
.mod-block-serif header blockquote {
  font-family: "Georgia",serif;
  font-size:1.65em;
  line-height:1.2em;
}
*/

/*.mod-block-archive .thumb {
  margin-bottom: 10px;
}

.mod-block-archive header {
  margin-bottom: 5px;
}
.mod-block-archive article li {
  margin-top:0;
  line-height:1.25em;
}*/

/*
.mod-block-archive article li a {
  color:#000;
}
.mod-block-archive article li a:hover {
  border-bottom-color:#000;
}
*/

.mod-article-body-content strong {
  font-weight:900;
}
.mod-article-body-content p {
  margin:0 0 0.6em 0;
}
.mod-article-body-content h1, .mod-article-body-content h2, .mod-article-body-content h3 {
  margin:0.8em 0 0.6em 0;
}
.mod-article-body figure {
  margin-bottom: 15px;
}
.mod-modal .mod-modal-footer small {
  font-size:1.1em;
}
/*
.mod-modal .mod-modal-pagination {
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 5px 10px;
}
*/
.mod-modal .mod-modal-pagination-container {
 width:200px;
 margin: 0px 0px 0px -100px;
}
.mod-block-trending .body time {
  font-weight: 700;
  font-size: 0.7em;
}
.mod-article .mod-article-header .social {
 margin-top:12px;
}
blockquote .author {
 text-transform: uppercase;
 margin: 5px 0px 0px 0px !important;
 font-size:0.8em !important;
}

.mod-article-body .mod-restricted .container {
 width:auto;
 padding:0;
}
.mod-article-body .mod-restricted .container .mod-login {
 width:auto;
}
.mod-article-body .mod-restricted .container .mod-login .itp-form {
 width:auto;
 padding-left:7px;
}
.mod-article-body .mod-restricted .container .mod-login aside {
 margin-left:30px;
}
.mod-article-share ul {
 margin:0;
 padding:0;
}
.social .button-twitter:hover {
 border-bottom:4px solid #00ACED;
}
.social .button-fb:hover {
 border-bottom:4px solid #4E69A2;
}
.mod-article-share p {
 line-height: 2.3em;
 margin: 0px;
}
.mod-block-alternate .mod-header-braces-serif h2 {
 background-color: #F8F8F4;
}
.button-prevnext-free {
 height:42px;
 line-height:42px;
}
.button-prevnext-free .txt {
 font-size: 1.75em;
 line-height: 42px;
 margin: 0 5px;
 text-transform: uppercase;
}

.button-social-login-googleplus-alternate {
}

.mod-block-newsletter-popup {
 padding:16px;
 margin: 0 auto;
 width: 500px;
 transition: background-color 500ms ease 0s;
 background-color: #FFE408;
}
.mod-block-newsletter-popup h3 {
 font-size: 2.8em;
 line-height: 1.1em;
}
.mod-block-newsletter-popup .formfield {
 transition: background-color 500ms ease 0s, color 500ms ease 0s;
 box-sizing: border-box;
 background-color: #FFF;
 border: medium none;
 color: #000;
 display: block;
 font-size: 1.5em;
 line-height: 1.1em;
 padding: 15px 10px;
 width: 100%;
}
.mod-block-newsletter-popup .actions {
 cursor:pointer;
 float:right;
}
.mod-block-newsletter-popup .txt {
 color: #000;
 font-size: 1.3em;
 line-height: 1em;
 text-align: right;
 text-transform: uppercase;
 font-family: "Swiss",sans-serif;
}
.mod-block-newsletter-popup .newsletter__footer {
 position:relative;
 display:block;
 left:0;
 bottom:0;
 right:0;
}
.mod-block-newsletter-popup .newsletter__input {
 font-size:1em;
}
.mod-block-newsletter-popup .txt:hover {
 color:#fff;
}
.mod-block-newsletter2 {
 background:#3fa134;
 color:#fff;
}
.mod-block-newsletter3 {
 background:#eb121e;
 color:#fff;
}
.mod-block-newsletter4 {
 background:#052a6f;
 color:#fff;
}
.mod-block-newsletter2 .txt, .mod-block-newsletter3 .txt, .mod-block-newsletter4 .txt {
 color:#fff;
}
.mod-block-newsletter2 .txt:hover, .mod-block-newsletter3 .txt:hover, .mod-block-newsletter4 .txt:hover {
 color: #000;
}
 
.mod-block-cartoons {
 padding:30px 0;
}
.button-icon-block:hover {
    border: medium none !important;
}
.mod-block-thumb time a, .mod-block-thumb-full-height time a, .mod-block-thumb-full-width time a, .mod-block-thumb-square time a, .mod-block-thumb-wide time a {
 color:#fff;
 display:block;
}
.mod-block-thumb time a:hover, .mod-block-thumb-full-height time a:hover, .mod-block-thumb-full-width time a:hover, .mod-block-thumb-square time a:hover, .mod-block-thumb-wide time a:hover {
 border-bottom: none;
}
.mod-block-trending nav ul a {
 color: #EE090C;
}
.mod-block-trending nav ul a:hover {
 border-bottom: 1px solid #EE090C;
}
.mod-block-trending nav ul li.nav-item-active a {
 color:#000;
 border-bottom: 1px solid #000;
 cursor:default;
}

.mod-logo-festivalitis span {
 background-image: url("/a/i/festivalitis-logo-2015.png");
 background-size: 240px 80px;
 background-color: transparent;
}
.mod-header-alternative .mod-logo-festivalitis span {
    background-size: 160px 52px;
}
.mod-logo-festivalitis a {
 background-color: transparent;
}
.mod-navigation-festivalitis {
 padding: 10px 0 20px 0;
}
.mod-navigation-festivalitis .line3px {
 margin-top:7px;
}
.mod-navigation-festivalitis a {
 float:left;
 border:0;
 margin-right:3px;
}
.mod-navigation-festivalitis a img {
 opacity: 0.55;
}
.mod-navigation-festivalitis a.active img    {
 opacity: 1;
}
.mod-navigation-festivalitis ul {
 list-style: outside none none;
 text-align: center;
 margin: 15px 0 0 0;
}
.mod-navigation-festivalitis ul li {
    display: inline-block;
    margin: 0px 10px;
}
.mod-navigation-festivalitis ul li a {
 font-family: "Swiss",sans-serif;
    background-image: none;
 border: medium none;
 font-size: 0.8em;
 height: auto;
 text-decoration: none;
 line-height: 1.25em;
 text-transform: uppercase;
 color:#000;
}
.mod-navigation-festivalitis ul li a.active, .mod-navigation-festivalitis ul li a:hover {
 color: #EE090C;
}

.article-rightcol-block .mod-block-trending .body .desc_rating {
 width:195px;
 padding-right:5px;
 display:block;
 float:right;
}
.article-rightcol-block .mod-block-trending .body .desc_rating p {
 margin-top:0;
}

/* SSO related */
.ssoiframecontainer iframe, .ssoinlinecontainer iframe, .ssoinlinecontainerprofile iframe {
 width:100% !important;
 height:100% !important;
 min-height:550px;
}
.ssoiframecontainer {
 min-width:900px;
 min-height:550px;
}
.ssoinlinecontainer {
 min-height:550px;
}
.ssoinlinecontainerprofile {
 min-height:800px;
}

.openvenster .ov_left {
 width:320px;
 margin-right:24px;
 float:left;
}
.openvenster .ov_right {
 width:672px;
 float:left;
}
.openvenster .ov_white {
 background: #fff;
 border-bottom: 1px solid #252525;
 padding: 20px 25px;
}
.openvenster .ov_links p {
 height:48px;
 line-height:48px;
 padding:0 18px 0 63px;
 margin:0;
 background:#fff url(/a/i/ov-enveloppe.png) no-repeat;
 background-position: 18px 16px;
 border-bottom:1px solid #f8f8f4;
 clear:both;
}
.openvenster .ov_links p .ov_author {
 float:right;
 font-style:italic;
 font-size:0.85em;
}
.openvenster .ov_right .container {
 width:auto;
}
.openvenster .ov_right h2.ov_title {
 position:absolute;
 top:14px;
 font-size:1.7em;
}
.openvenster .ov_detail {
 background:#fff;
 padding:25px;
}
.openvenster .ov_detail h1 {
 color:#eb212e;
}
.openvenster .ov_detail_author {
 font-weight:bold;
 font-style:italic;
 height:20px;
 line-height:20px;
 margin:20px 0 0 0;
 background:url(/a/i/ov-enveloppe.png) no-repeat;
 background-position:0 2px;
 padding:0 0 0 38px;
}
.openvenster .ov_keywords {
 padding: 20px 0;
}
.openvenster .ov_keywords a {
 float:left;
 background:#fff;
 padding:5px 10px;
 margin: 0 8px 8px 0;
 border: 1px solid #252525;
 color:#000;
}
.openvenster .ov_keywords a:hover, .openvenster .ov_keywords a.active {
 background:#ee090c;
 color:#fff;
 border: 1px solid #ee090c;
}
.openvenster p.tags {
 border-bottom:0;
 font-size:1.2em;
}
.openvenster .mod-article-footer {
 margin-top:25px;
}
.openvenster .mod-article-footer p.tags:after {
 display:none;
}
.openvenster .meta {
 color: #858585;
 font-size: 1.2em;
}

.ratingbar_link {
 float:right;
 display:inline;
 margin:-13px 0 0 5px !important;
}
.ratingbar_link_after {
 margin:0 !important;
 height:10px;
}

.secondary-nav__list-item.highlight2 {
 background:#d4c7e3;
 margin:0;
 line-height: 40px;
 padding:0;
 cursor:pointer;
}
.secondary-nav__link.highlight2 {
 background:#d4c7e3;
 color:#000;
 padding-left: 20px;
 padding-right: 20px;
 height: 40px;
 display:inline-block;
}
.secondary-nav__list-item.highlight2:hover a {
 color:#fff;
}

.secondary-nav__list-item.highlight3 {
 background:#ee090c;
 margin:0;
 line-height: 40px;
 padding:0;
 cursor:pointer;
}
.secondary-nav__link.highlight3 {
 background:#ee090c;
 color:#fff;
 padding-left: 20px;
 padding-right: 20px;
 height: 40px;
 display:inline-block;
}
.secondary-nav__list-item.highlight3:hover a, .secondary-nav__list-item.highlight3:active a {
 color:#fff;
}

.share-bar {
 width:35px;
 height:126px;
}
.share-bar .share-btn {
 display:block;
 width:35px;
 height:35px;
 margin-bottom:7px;
}
.share-bar .share-fb {
 background: url(/a/i/share-fb.png) no-repeat;
}
.share-bar .share-twitter {
 background: url(/a/i/share-twitter.png) no-repeat;
}
.share-bar .share-email {
 background: url(/a/i/share-email.png) no-repeat;
}

/* --- form --- */
.form {
 
}
.form .fld {
 display: block;
 margin-bottom: 10px;
}
.form .fld .label {
 float: left;
 width: 100px;
 text-align: right;
 padding-bottom: 2px;
 height: 25px;
 line-height:25px;
}
.form.formwide .fld .label {
 width: 200px;
}
.form .leftcol {
 /*width: 186px;*/
 text-align: right;
}
.form .fld .label label {
 display: block;
 /*margin-top: 7px;*/
}
.form .fld .inputlabel {
 display: block;
 margin-bottom: 7px;
}
.form .fld .required, .form .fld .notrequired {
 margin: 0;
 margin-top: 2px;
 padding: 0;
 display: block;
 float: left;
 width: 16px;
 height: 25px;
 text-shadow: 1px 1px 1px #ffffff;
}
.form .fld .required span {
 font-family: "trebuchet ms",verdana,helvetica,arial,sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #477CED;
 line-height: 23px;
 text-align: center;
 display: block;
 height: 25px;
 width: 16px;
}
.form .fld .input {
 display: block;
 float: left;
 margin-left: 5px;
 width: auto;
}
.form .fld .input input, .form .fld .input textarea, .form .fld .input select, .form .fld .input .inputbox, .inputbox {
 font-family: verdana,helvetica,arial,sans-serif;
 font-size: 11px;
 padding: 5px;
 width: auto;
 background: #ffffff;
 border-left: 1px solid #999999;
 border-top: 1px solid #999999;
 border-right: 1px solid #dedede;
 border-bottom: 1px solid #dedede;
 outline: none;
 -webkit-transition: all 0.25s ease-in-out;
 -moz-transition: all 0.25s ease-in-out;
 transition: all 0.25s ease-in-out;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 -webkit-background-clip: padding-box;
}
.form .fld .input .inputbox.disabled, .inputbox.disabled {
 background: #efefef;
}
.form .fld .input .valueitem .c {
 display: block;
 margin: 0;
 padding: 0;
 float: left;
}
.form .fld .input .valueitem .clabel {
 display: block;
 margin: 0;
 padding: 0;
 padding-left: 30px;
 margin-top: -18px;
 float: left;
}
.form .fld .input .valueitem .clabel label {
 display: inline !important;
 margin: 0;
 padding: 0;
}
.form .fld .input input:focus, .form .fld .input textarea:focus, .inputbox:focus {
    -webkit-box-shadow: 0 0 7px #ffed00; 
    -moz-box-shadow: 0 0 7px #ffed00;
    box-shadow: 0 0 7px #ffed00;
}
.form .fld .input .columns {
 display: block;
 position: relative;
}
.form .fld .input .columns .column {
 position: relative;
 display: block;
 float: left;
 margin-right: 30px;
 width: 200px;
 margin-bottom: 10px;
}


.form .f {
 text-align: right;
}
.form div.error {
 background: #e3000f;
 margin: 0;
 padding: 0;
 color: #ffffff;
 -moz-border-radius: 5px;
 border-radius: 5px;
 /*text-shadow: 1px 1px 1px #660000;*/
 margin-top: 2px;
 margin-bottom: 5px;
 display: block;
 max-width: 450px;
 border: 2px solid #fff;
}
.form div.error a {
 color: #ffffff;
 border-bottom: 1px dotted #ffffff;
}
.form div.error p {
 margin: 0;
 padding: 5px;
 width: auto;
 font-size:0.90em;
 line-height:normal;
}
.form p.error {
 background: #ED1148;
 margin: 0;
 padding: 0;
 color: #ffffff;
 -moz-border-radius: 5px;
 border-radius: 5px;
 text-shadow: 1px 1px 1px #660000;
 margin: 0;
 padding: 5px;
 margin-top: 2px;
 margin-bottom: 5px;
 width: 220px;
}
.form .sub {
 border-bottom: 1px solid #ffffff;
 margin: 0;
 padding: 0;
 margin-bottom: 20px;
 margin-top: 20px;
}
.form .sub p {
 font-weight: normal;
 font-size: 16px;
 margin: 0;
 border-bottom: 1px solid #ababab;
 color: #000000;
 text-shadow: 1px 1px 1px #ffffff;
}

.form .button {
 margin:15px 0 0 120px;
}
.form.formwide .button {
 margin:15px 0 0 220px;
}
.form .buttoninline {
 margin:0 0 0 15px;
}
input.inputSubmit, input.inputButton, a.button, a.button:link, a.button:visited {
 font-size: 15px;
    text-transform: uppercase;
    color: #FFF;
    background: none repeat scroll 0% 0% #EE090C;
    border: medium none;
    padding: 3px 6px;
    cursor: pointer;
    overflow: visible;
    white-space: nowrap;
    text-align: center;
    border-radius: 3px;
    margin: 0 0 10px 0;
    width:auto;
}
input.inputSubmit:hover {
   background-color: #6E0406;
 }
input.inputSubmitLarge {
  font-size:18px;
  font-weight: bold;
 }


/* --- screenhumo --- */
/* general */
.clear { clear:both;}
.clear5 { clear:both; height:5px; }
.clear10 { clear:both; height:10px; }
.clear15 { clear:both; height:15px; }
.clear20 { clear:both; height:20px; }
.clear30 { clear:both; height:30px; }
.hidden { display: none; }
.block { display: block; }
.center { text-align: center; }
.noPadding { padding: 0 !important; }
.noTopPadding { padding-top: 0 !important; }
.noBackground { background: none !important; }
.whiteBackground { background: #fff !important; }
.noMargin { margin: 0 !important; }
.noTopMargin { margin-top: 0 !important; }
.noBottomMargin { margin-bottom: 0 !important; }
.noFloat { float: none !important; }
.noTextTransform { text-transform:none !important; }
.floatLeft { float: left; }
.floatRight { float: right; }
.noBorder { border: none !important; }
.noBorder a { border: none !important; }
.noUnderline { text-decoration: none !important; border-bottom: 0px !important; }
.red { color:#ee090c; }
.grey { color: #666; }
.textNormal { font-size:1em; }
.textSmaller95 { font-size:0.95em; }
.tablePadding5 td { padding:5px; }
.resetLinkCss a {
 font-size:1em !important;
 float:none !important;
 text-transform:none !important;
}
.line3px {
 height:3px;
 background: #000;
}
span.geinterviewde { font-weight: 900; }

span.ttt_ttt { font-weight: 900; color: #ee090c; }

.mod-article-body-content .k4q {
  margin-bottom:0px;
}

/* detail content */
img.bodyTextImgleft {
 margin: 0 12px 12px 0;
}
img.bodyTextImgright {
 margin: 0 0 12px 12px;
}
img.bodyTextImgcenter {
 margin: 0 auto;
 display: block;
}

/* audio player */
.humoAudioPlayer {
 background:#262626;
 width:676px;
 padding:10px;
 margin-bottom:12px;
}

/* normal page */
.normalPage {
 border-top: 3px solid #000;
 padding-top:30px;
 margin-bottom:30px;
}
.normalPage header h3 {
    color: #EE090C;
    font-size: 3em;
    font-weight: 900;
    line-height: 1em;
}

/* social */
.twitterTweetEmbed { margin: 0 0 10px 0; }
.sharebuttoninclude {
 position:relative;
 line-height:normal;
 margin-top:4px;
 clear:both;
 /*z-index:10;*/
}
.sharebuttoninclude .sbi_google {
 float:left;
 margin-right:7px;
}
.sharebuttoninclude .sbi_twitter {
 float:left;
 margin-right:0px;
 width:81px;
 overflow:hidden;
}
.sharebuttoninclude .sbi_facebook {
 float:left;
 margin-right:7px;
 /*overflow:visible;
 z-index:50;*/
}
.sharebuttoninclude .sbi_pinterest {
 float:left;
 margin-right:10px;
}
.fbLikeCount {
 font-family: "Helvetica Neue Regular","Helvetica Regular",Arial,sans-serif;
 margin-left:10px;
 color:#616161;
 background:url(/a/i/icon_like_blue.png) no-repeat 0 1px;
 padding-left:14px;
 font-size: 12px;
 font-weight:normal;
}


/* DEEZER PLAYER */
.deezerPlayer {
 margin:2px 0 15px 0;
 /*background: #000 url(/a/i/bck_deezer3.jpg) no-repeat 0 0;*/
 background:#000;
 position:relative;
 /*padding-top:37px;*/
 padding:5px;
}
.deezerPlayer .deezeriframe {
 height:250px;
}
.deezerPlayer .banner {
 text-align:center;
 margin:0;
 padding-bottom:10px;
}

/* SPOTIFY PLAYER */
.spotifyPlayer {
 margin:2px 0 15px 0;
 /*background: #000 url(/a/i/bck_player_spotify.jpg) no-repeat 0 0;*/
 background:#000;
 position:relative;
 padding:5px;
}
.spotifyPlayer .spotifyiframe {
 
}
.spotifyPlayer .banner {
 text-align:center;
 margin:0;
 padding-bottom:10px;
}

/* fotospecial */
.inline_fotospecial { background:#fff; margin:20px 0 10px 0; }
.inline_fotospecial_hdr { height:29px; }
.inline_fotospecial_ruler { height:8px; border-top:1px solid #000; border-bottom:1px solid #000; }
.inline_fotospecial_body { background:#F8F8F4; padding-top:15px; }
.inline_fotospecial ul { margin: 0; }
.inline_fotospecial .grid-item { margin-bottom: 0; }

/* inline video player */
.inline_video { background:#fff; margin:10px 0; }
.inline_video_ruler { height:8px; border-top:1px solid #000; border-bottom:1px solid #000; }
.inline_video_body { background:#F8F8F4; padding:15px; }

/* category links old website */
.categories {
  font-size: 1em;
 line-height: 1em;
 margin: 0;
}
.categories .category {
 font-family: Arial, sans-serif;
 background: #eee;
 font-size: 12px;
 font-weight: 500;
 color: #666;
 border: 1px solid #ddd;
 padding: 2px 5px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 margin: 0 8px 8px 0;
}
.categories .category:link,
.categories .category:visited {
 background: #eee;
 color: #666;
 border: 1px solid #ddd;
}
.categories .category:hover,
.categories .category:active,
.categories .category:focus {
 background: #000;
 color: #f4f4f4 !important;
 border: 1px solid #000;
}
  .categories .selectedCategory:link,
  .categories .selectedCategory:visited,
  .categories .selectedCategory:hover,
  .categories .selectedCategory:active,
  .categories .selectedCategory:focus {
   color: #fff !important;
   background: #ee090c !important;
   border-color: #ee090c !important;
  }

/* old fonts */

@font-face {
  font-family: 'ProximaNovaExtraCondensedBold';
  src: url('/a/f/default/proxima_nova/ProximaNovaExCn-Bold-webfont.eot');
}
@font-face {
  font-family: 'ProximaNovaExtraCondensedBold';
  src: url('/a/f/default/proxima_nova/ProximaNovaExCn-Bold-webfont.eot');
  src: local('☺'),
  url('/a/f/default/proxima_nova/ProximaNovaExCn-Bold-webfont.woff') format('woff'), 
  url('/a/f/default/proxima_nova/ProximaNovaExCn-Bold-webfont.ttf') format('truetype'),
  url('/a/f/default/proxima_nova/ProximaNovaExCn-Bold-webfont.svg#webfontsMgfz09k') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
  font-family: 'ProximaNovaExtraCondensedSbold';
  src: url('/a/f/default/proxima_nova/ProximaNovaExCn-Sbold-webfont.eot');
}
@font-face {
 font-family: 'ProximaNovaExtraCondensedSbold';
 src: url('/a/f/default/proxima_nova/ProximaNovaExCn-Sbold-webfont.eot');
 src: local('☺'),
  url('/a/f/default/proxima_nova/ProximaNovaExCn-Sbold-webfont.woff') format('woff'), 
  url('/a/f/default/proxima_nova/ProximaNovaExCn-Sbold-webfont.ttf') format('truetype'),
  url('/a/f/default/proxima_nova/ProximaNovaExCn-Sbold-webfont.svg#webfontsMgfz09k') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
  font-family: 'ProximaNovaExtraCondensedReg';
  src: url('/a/f/default/proxima_nova/ProximaNovaExCn-Sbold-webfont.eot');
}
@font-face {
 font-family: 'ProximaNovaExtraCondensedReg';
 src: url('/a/f/default/proxima_nova/ProximaNovaExCn-Reg-webfont.eot');
 src: local('☺'),
  url('/a/f/default/proxima_nova/ProximaNovaExCn-Reg-webfont.woff') format('woff'), 
  url('/a/f/default/proxima_nova/ProximaNovaExCn-Reg-webfont.ttf') format('truetype'),
  url('/a/f/default/proxima_nova/ProximaNovaExCn-Reg-webfont.svg#webfontsMgfz09k') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'DroidSerifRegular';
 src: url('/a/f/default/droid_serif/DroidSerif-Regular-webfont.eot');
}
@font-face {
 font-family: 'DroidSerifRegular';
 src: url('/a/f/default/droid_serif/DroidSerif-Regular-webfont.eot');
 src: local('☺'),
  url('/a/f/default/droid_serif/DroidSerif-Regular-webfont.woff') format('woff'), 
  url('/a/f/default/droid_serif/DroidSerif-Regular-webfont.ttf') format('truetype'),
  url('/a/f/default/droid_serif/DroidSerif-Regular-webfont.svg#webfontsMgfz09k') format('svg');
 font-weight: normal;
 font-style: normal;
}

/* video player */
.inArticleMovieHeader {
 width:560px;
 height:37px;
}
.inArticleMovie {
    background: url("/a/i/bck_videoplayer2.jpg") no-repeat scroll 0px 0px #000;
    width:540px;
}
.movieBox.inArticleMovie {
    padding: 3px 10px 10px;
    margin-bottom: 25px;
}

/* zoekertjes */
.wizoektBox {
 background: #F7DD8D url(/a/i/bg_zoekertjes.png) no-repeat top right;
 position: relative;
 top: -25px;
 padding: 125px 15px 30px 20px;
}
.shoutBox {
 background: #f06f1c url(/a/i/bg_shoutbox.png) no-repeat top right;
 position: relative;
 top: -25px;
 padding: 125px 15px 30px 20px;
}
.shoutBox.gvdw {
 background: #ffde89 url(/a/i/bg_zelf_iets_opladen.png) no-repeat top center;
}

/* EPG DETAIL */
.ipg_detail_content {
 background: #eeeeee;
 border: 1px solid #d3d3d3;
 padding: 10px 15px 15px 15px;
 margin: 0 0 15px 0;
}
.ipgDetail .meta {
 padding:0;
 line-height:50px;
}
.ipgDetail .meta img {
 margin-right:12px;
}
.ipgDetail .picon {
 display: inline-block;
 background: #90a2aa;
 padding: 0px 4px;
 margin: 0 2px 0 0;
 font-size: 9px; 
 text-transform: uppercase; 
 color: #fff;  
 -moz-border-radius:3px; 
 -webkit-border-radius:3px;
}
.ipgDetail .mod-article-content p {
 margin-top:0;
}
.ipg_detail_labels {
 height:30px;
}
.ipg_detail_label {
 height:30px;
 line-height:30px;
 color:#fff;
 font-family: "Swiss",sans-serif;
 font-size: 1em;
 font-weight: 700;
 display:block;
 float:left;
 padding: 0 12px;
 margin-right:4px;
}
.ipg_detail_label_tip {
 background:#de4d46;
}
.ipg_detail_label_docu {
 background:#78af2b;
}
.ipg_detail_label_film {
 background:#207898;
}
.ipg_detail_label_muziek {
 background:#009acf;
}
.ipg_detail_label_sport {
 background:#00662b;
}
.ipg_detail_bc {
 background: #f8f8f4;
 border: 1px solid #d9d9d9;
 padding: 5px;
 margin: 0 0 15px 0;
 height:35px;
 line-height:35px;
 font-weight:bold;
 font-size:1.25em;
}
.ipg_detail_bc img.floatLeft {
 margin-right: 10px;
}
.ipg_detail_desc h3 {
 margin: 1.1em 0 0.5em 0;
 color: #ff0000;
 font-size:1.5em;
}
.ipg_detail_episodes {
 background:#f8f8f4;
 border: 1px solid #b9b9b9;
 border-bottom:0;
 margin: 1.3em 0 0.5em 0;
 padding: 10px 0 0 0;
}
.ipg_detail_episodes_info {
 min-height:35px;
 border-bottom: 1px solid #b9b9b9;
 background: url(/a/i/epg_icon_episode.gif) no-repeat 15px 0;
 padding-left: 55px;
 font-weight: 700;
 font-size: 1.2em;
 line-height: 23px;
}
.ipg_detail_episodes_link {
 float:right;
 margin-right:15px;
 line-height: 23px;
 height:35px;
 cursor:pointer;
}
.ipg_detail_episodes_link:hover {
 text-decoration: underline;
}
.ipg_detail_episodes_list {
 border-bottom: 1px solid #b9b9b9;
 padding: 0 15px;
}
.ipg_detail_episodes_list ul {
 margin:0;
 padding:0;
}
.ipg_detail_episodes_list li {
 border-top: 1px solid #c4c3c3;
 list-style:none;
 padding: 3px 0;
}
.ipg_detail_related ul {
 margin: 15px 0 0 15px;
}
.ipg_detail_related a {
 color:#000;
}
.ipg_detail_related a:hover {
 border-bottom: 1px solid #000;
}

/* OTHER */
.next_to_imu {
 position:absolute;
 left:0px;
 width:190px;
}

/* cover blokje */
.mod-cover-block {
   background: #F8F8F4;
   border: 1px solid #656563;
   margin: 15px 0 30px 0;
   position:relative;
   height:100px;
}
.mod-cover-block .cover {
 position:absolute;
 left:15px;
 top:15px;
}
.mod-cover-block .mod-cover-content {
 position:absolute;
 left:85px;
 top:15px;
}
.mod-cover-block .mod-cover-content-humo {
 font-weight:700;
}
.mod-cover-block .mod-cover-content p {
 margin: 0px 0px 0.2em;
 line-height: 1.1em;
}
.mod-cover-block .mod-cover-readmore {
 font-weight: 700;
 padding: 0px 0px 3px;
 font-size: 0.9em;
 font-style: italic;
 font-family: "Georgia",serif;
}
.mod-cover-block .mod-cover-readmore i {
 font-size: 12px;
 margin: 0px 0px 0px 5px;
}

.imu a:hover {
 border:none !important;
}

.blendleloginform h2.h1 {
 text-align:center;
 font-size: 2.3em;
 line-height: 1.2em;
}
.blendleloginform .loginformoption {
 width:348px;
 float:left;
 padding:15px 0 40px 0;
}
.blendleloginform .optionblendle {
 background:#f8f9f4;
}
.blendleloginform .intro {
 font-family: "News Gothic",sans-serif;
 font-weight:900;
 text-align:center;
 font-size: 1.25em;
}
.blendleloginform .blendlebuttonholder {
 text-align:center;
 width:265px;
 margin: 37px auto 0 auto;
}





/* --- cookie-legal-info --- */
/*cookie legal info*/
#sdbCookieLegalContainer{
 display: none;
 font-family: arial,verdana,helvetica,sans-serif;
 font-size: 12px;
 z-index: 2147483647;
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 50px;
}
#sdbCookieLegalWrapper{
 background-color: #777;
 height: 50px;
 line-height: 50px;
 opacity: 0.8;
 filter:alpha(opacity=80);
 -moz-opacity:0.8;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 -khtml-opacity: 0.8;
 -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=80)”;
}
#sdbCookieLegal{
 text-align: center;
 color: #fff;
}
#sdbCookieLegal a {
 text-decoration: underline;
 color: #fff;
}
#close_cookie_legal_info {
 background-color: #000;
 cursor: pointer;
 padding: 5px;
}


/* ====================== 
 * 0-480 mediaQ
 * ======================
 * */
@media (max-width: 480px) { 
    #sdbCookieLegalWrapper {
        height: 50px;
        line-height: 2.5em;
        padding: 2px 3px 3px 3px;
        font-size: .85em;
    }
    #close_cookie_legal_info{
        padding: 2px;
    }
}

/* =======================
 * 481-767 mediaQ
 * =======================
 * */
@media (min-width: 481px) and (max-width: 767px){ 
    #sdbCookieLegalWrapper {
        height: 50px;
        line-height: 2em;
        padding: 2px 3px 3px 3px;
        font-size: .85em;
    }
    #close_cookie_legal_info{
        padding: 2px;
    }
}

/* ==========================
 * 768 - 999 mediaQ
 * ==========================
 * */
@media (min-width: 768px) and (max-width: 999px){ }



/* --- pg-screen --- */
.archive-item__list, .article-list, .trending-list, .toplist, .article-thumb-list, .primary-nav__list, .secondary-nav__list, .tertiary-nav, .sub-nav__list {
  margin: 0;
  padding: 0;
  list-style: none; }

@font-face {
  font-family: 'Swiss Black';
  src: url('/a/f/default/swiss_721_black_condensed-webfont.eot');
  src: url('/a/f/default/swiss_721_black_condensed-webfont.eot?') format('embedded-opentype'), url('/a/f/default/swiss_721_black_condensed-webfont.woff2') format('woff2'), url('/a/f/default/swiss_721_black_condensed-webfont.woff') format('woff'), url('/a/f/default/swiss_721_black_condensed-webfont.ttf') format('truetype');
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'Swiss Bold';
  src: url('/a/f/default/swiss_721_bold_condensed-webfont.eot');
  src: url('/a/f/default/swiss_721_bold_condensed-webfont.eot?') format('embedded-opentype'), url('/a/f/default/swiss_721_bold_condensed-webfont.woff2') format('woff2'), url('/a/f/default/swiss_721_bold_condensed-webfont.woff') format('woff'), url('/a/f/default/swiss_721_bold_condensed-webfont.ttf') format('truetype');
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'Swiss Light';
  src: url('/a/f/default/swiss_721_light_condensed-webfont.eot');
  src: url('/a/f/default/swiss_721_light_condensed-webfont.eot?') format('embedded-opentype'), url('/a/f/default/swiss_721_light_condensed-webfont.woff2') format('woff2'), url('/a/f/default/swiss_721_light_condensed-webfont.woff') format('woff'), url('/a/f/default/swiss_721_light_condensed-webfont.ttf') format('truetype');
  font-style: normal;
  font-weight: normal; }

.col {
  float: left;
  box-sizing: border-box; }

.col--primary {
  width: 473px; }

.col--secondary {
  position: relative;
  width: 243px; }

.col--tertiary {
  width: 300px; }

.col__inner {
  margin-right: 20px; }
  .col:first-child .col__inner {
    margin-left: 0; }
  .col--tertiary .col__inner {
    margin-right: 0; }

.row {
  margin-bottom: 40px; }
  .row:before, .row:after {
    display: table;
    content: ' '; }
  .row:after {
    clear: both; }

.col--1 {
  width: 83.83333px;
  margin-right: 20px; }
  .col--1:last-child {
    margin-right: 0; }

.col--2 {
  width: 166px;
  margin-right: 20px; }
  .col--2:last-child {
    margin-right: 0; }

.col--3 {
  width: 246.5px;
  margin-right: 20px; }
  .col--3:last-child {
    margin-right: 0; }

.col--4 {
  width: 325.33333px;
  margin-right: 20px; }
  .col--4:last-child {
    margin-right: 0; }

.col--5 {
  width: 402.5px;
  margin-right: 20px; }
  .col--5:last-child {
    margin-right: 0; }

.col--6 {
  width: 478px;
  margin-right: 20px; }
  .col--6:last-child {
    margin-right: 0; }

.col--7 {
  width: 551.83333px;
  margin-right: 20px; }
  .col--7:last-child {
    margin-right: 0; }

.col--8 {
  width: 624px;
  margin-right: 20px; }
  .col--8:last-child {
    margin-right: 0; }

.col--9 {
  width: 694.5px;
  margin-right: 20px; }
  .col--9:last-child {
    margin-right: 0; }

.col--10 {
  width: 763.33333px;
  margin-right: 20px; }
  .col--10:last-child {
    margin-right: 0; }

.col--11 {
  width: 830.5px;
  margin-right: 20px; }
  .col--11:last-child {
    margin-right: 0; }

.page-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  background-color: #fff;
  z-index: 8900; }
  .page-header.js-is-fixed {
    position: fixed;
    height: 70px; }

.mod-header-2016 {
  margin-top: 164px; }

.section-teaser--fixed {
  height: 708px; }
  .section-teaser--fixed:before, .section-teaser--fixed:after {
    display: table;
    content: ' '; }
  .section-teaser--fixed:after {
    clear: both; }
.section-teaser--bordered {
  position: relative;
  margin-top: -18px;
  padding-top: 40px;
  border-top: 1px solid #eaeae7; }
  .section-teaser--bordered:before, .section-teaser--bordered:after {
    display: table;
    content: ' '; }
  .section-teaser--bordered:after {
    clear: both; }
.section-teaser-bordered_no_title {
 border-top: 1px solid #eaeae7;
  padding-top: 20px;
}


.section-teaser {
  background-image: url('/a/i/humo-dot-horizontal.png');
  background-repeat: repeat-x;
  background-position: bottom left; }
  .section-teaser:before, .section-teaser:after {
    display: table;
    content: ' '; }
  .section-teaser:after {
    clear: both; }
  .section-teaser + .section-teaser {
    margin-top: 20px; }

.section-teaser--background {
  padding-right: 10px;
  padding-left: 10px;
  background-color: #f8f8f4;
  background-image: none; }

.advertising {
  position: relative;
  text-align: center; }
  .advertising:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    margin: auto;
    color: #fff;
    content: 'advertising'; }
  .section-teaser .advertising {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -20px;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    background-color: #fff;
    overflow: hidden; }

.ankeiler {
  width: 100%;
  height: 342px;
  box-sizing: border-box; }
  .ankeiler * {
    box-sizing: border-box; }
  .toplist__item .ankeiler {
    height: 360px; }
  .col--primary .ankeiler {
    padding-right: 10px;
    float: left; }
    .col--primary .ankeiler:last-child {
      padding-right: 0;
      padding-left: 10px; }
  .trending-list .ankeiler {
    height: 264px; }
  .col__inner > .ankeiler, .col > .ankeiler {
    margin-bottom: 2px; }

.ankeiler--narrow {
  width: 50%; }

.ankeiler--large {
  height: 706px; }
  .col--primary .ankeiler--large:last-child {
    padding-left: 0; }

.ankeiler--thumb {
  height: 99px;
  overflow: hidden; }
  .ankeiler--thumb:before, .ankeiler--thumb:after {
    display: table;
    content: ' '; }
  .ankeiler--thumb:after {
    clear: both; }

.ankeiler--wide {
  display: block;
  height: 290px; }
  .ankeiler--wide:before, .ankeiler--wide:after {
    display: table;
    content: ' '; }
  .ankeiler--wide:after {
    clear: both; }
  .col .ankeiler--wide {
    padding-right: 0;
    padding-left: 0; }
    .col .ankeiler--wide:last-child {
      padding-left: 0; }

.ankeiler__figure {
  display: table-row;
  position: relative; }
  .ankeiler--wide .ankeiler__figure {
    display: block;
    width: 50%;
    height: 100%;
    float: left;
    overflow: hidden; }
  .ankeiler--thumb .ankeiler__figure {
    display: block; }
  .article-thumb-list__item .ankeiler__figure {
    width: 99px;
    height: 99px;
    float: left; }

.ankeiler__image {
  display: block;
  width: 100%;
  height: auto; }

.ankeiler__title {
  padding-bottom: 16px;
  -webkit-transition: 0.2s ease-in-out color;
          transition: 0.2s ease-in-out color;
  color: #000;
  word-wrap: break-word;
  font-family: 'Swiss Bold';
  font-size: 22px;
  font-weight: normal;
  line-height: 1.05; }
  .ankeiler__link:hover .ankeiler__title, .ankeiler__link:focus .ankeiler__title {
    color: #ee090c; }
  .ankeiler--large .ankeiler__title {
    font-size: 34px; }
  .col--tertiary .ankeiler__title {
    font-size: 24px; }
  .trending-list .ankeiler__title, .toplist .ankeiler__title {
    font-size: 18px; }
  .toplist .ankeiler__title {
    min-height: 89px;
    padding-bottom: 30px; }
  .article-thumb-list__item .ankeiler__title {
    font-size: 16px; }
  .ankeiler--inverted .ankeiler__title {
    color: #fff; }
  .ankeiler--wide .ankeiler__title {
    padding-bottom: 0; }

.ankeiler__text {
  margin-top: 10px;
  margin-bottom: 0;
  color: #000;
  font-family: 14px;
  font-size: 14px;
  line-height: 20px; }
  .ankeiler--inverted .ankeiler__text {
    color: #fff; }
  .ankeiler--large .ankeiler__text {
    padding-bottom: 14px; }

.ankeiler__wrapper {
  display: table-row;
  position: relative;
  background-color: #fff; }
  .ankeiler--wide .ankeiler__wrapper {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 50%;
    height: 100%;
    margin-right: 0;
    float: left;
    overflow: auto; }
  .ankeiler--thumb .ankeiler__wrapper {
    display: block; }
  .trending-list .ankeiler__wrapper {
    background-color: #f8f8f4; }
  .toplist__item .ankeiler__wrapper {
    background-color: #f8f8f4; }
    .toplist__item .ankeiler__wrapper::after {
      position: absolute;
      right: 10px;
      bottom: 56px;
      color: #eaeae7;
      font-family: 'Swiss Bold';
      font-size: 70px;
      content: counter(numbers);
      counter-increment: numbers; }
   .toplist__item.toplist_item_nonumber .ankeiler__wrapper::after {
    content:'';
   }
  .ankeiler--inverted .ankeiler__wrapper {
    padding-bottom: 18px;
    background-color: #000; }
  .ankeiler--large.ankeiler--inverted .ankeiler__wrapper {
    padding-bottom: 16px; }
  .col:first-child .ankeiler--narrow:first-child.ankeiler--inverted .ankeiler__wrapper {
    margin-right: 20px; }
  .col:first-child .ankeiler--narrow:last-child.ankeiler--inverted .ankeiler__wrapper {
    margin-left: 20px; }
  .article-thumb-list__item .ankeiler__wrapper {
    position: relative;
    margin-left: 114px;
    background-color: transparent; }

.ankeiler__link {
  display: table-cell;
  position: relative;
  width: 100%;
  height: 100%;
  border: 0;
  background-repeat: no-repeat;
  background-size: cover; }
  .ankeiler__figure .ankeiler__link {
    vertical-align: middle; }
  .ankeiler__link:hover {
    border: 0; }
  .ankeiler__wrapper .ankeiler__link {
    height: 1px; }
  .ankeiler--inverted .ankeiler__wrapper .ankeiler__link {
    padding-right: 10px;
    padding-left: 10px; }
  .ankeiler--wide .ankeiler__wrapper .ankeiler__link {
   padding-right: 10px;
    padding-left: 10px;
  }
  .ankeiler--wide .ankeiler__link {
    display: inline-block;
    padding: 0;
    background: none; }
  .ankeiler--thumb .ankeiler__link {
    display: block; }

.ankeiler__content {
  display: table;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed; }
  .ankeiler__content:hover {
    border-bottom: 0; }
  .ankeiler--inverted .ankeiler__content {
    position: relative; }
    .ankeiler--inverted .ankeiler__content::before, .ankeiler--inverted .ankeiler__content::after {
      position: absolute;
      bottom: -2px;
      height: 2px;
      content: ''; }
    .ankeiler--inverted .ankeiler__content::before {
      right: -20px;
      left: -20px;
      width: calc(100% + 40px);
      background-color: #fff; }
    .ankeiler--inverted .ankeiler__content::after {
      right: 0;
      left: 0;
      width: 100%;
      background-color: #000; }
  .ankeiler--wide .ankeiler__content, .ankeiler--thumb .ankeiler__content {
    display: block; }

.ankeiler__counter {
  -webkit-transition: 0.2s ease-in-out color;
          transition: 0.2s ease-in-out color;
  color: #43433f;
  font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap; }
  .ankeiler__counter:hover {
    color: #3b5998; }
  .toplist__item .ankeiler__counter {
    position: absolute;
    bottom: 10px;
    left: 0; }
  .ankeiler__counter svg {
    width: 12px;
    height: 12px;
    margin-top: -3px;
    line-height: 1;
    vertical-align: middle; }
  .ankeiler__counter .background-facebook {
    fill: currentColor; }

.ankeiler__header {
  line-height: 0; }
  .toplist .ankeiler__header {
    position: relative;
    min-height: 128px;
    z-index: 10; }

.archive-item {
  width: 25%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 10px;
  padding-left: 10px;
  float: left;
  box-sizing: border-box; }

.archive-item__image {
  display: block;
  width: 100%;
  height: auto; }

.archive-item__content {
  margin-top: 20px;
  padding-left: 20px;
  border-left: 1px solid #eaeae7; }

.archive-item__title, .archive-item__subtitle {
  font-family: 'Swiss Bold';
  font-size: 16px;
  text-transform: uppercase; }

.archive-item__title {
  color: #ee090c; }

.archive-item__subtitle {
  color: #999; }

.archive-item__list {
  margin-top: 10px;
  color: #ee090c; }

.archive-item__link {
  -webkit-transition: 0.2s ease-in-out color;
          transition: 0.2s ease-in-out color;
  color: #000; }
  .archive-item__link:hover {
    border-bottom: 0;
    color: #ee090c; }

.archive-item__list-item {
  display: block;
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 18px; }
  .archive-item__list-item:before {
    position: absolute;
    top: 4px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #ee090c;
    content: ''; }

.sub-nav__search .button--search {
  display: inline-block;
  margin: 0 auto;
  padding: 8px 10px 7px;
  -webkit-transition: width 300ms;
          transition: width 300ms;
  border: 0;
  outline: 0;
  background-color: #ee090c;
  color: #fff;
  font-size: 17px;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  box-sizing: content-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.header {
  position: relative;
  text-align: center;
  z-index: 3; }

.identity {
  height: 70px;
  margin: 0; }

.identity__logo {
  width: 210px;
  height: 70px;
  -webkit-transition: 0.2s ease-in-out -webkit-transform;
          transition: 0.2s ease-in-out transform; }
  .js-is-fixed .identity__logo {
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-transform: scale(.7, .7) translate3d(0, -15px, 0);
            transform: scale(.7, .7) translate3d(0, -15px, 0); }
    .ie-lt9 .js-is-fixed .identity__logo, .ie-9 .js-is-fixed .identity__logo {
      width: 150px;
      height: 50px; }
   .ie-lt9 .js-is-fixed .identity__logo img, .ie-9 .js-is-fixed .identity__logo img {
    height:100%;
   }
  .identity__logo svg {
    width: 100%;
    height: 100%; }


.label-new {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 7px;
  color: #ee090c;
  font-family: 'Swiss Bold';
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase; }
  .ankeiler--black .label-new, .label-new.label-new--inverted, .ankeiler--inverted .label-new {
    padding-right: 5px;
    padding-left: 5px;
    background-color: #ee090c;
    color: #fff;
    line-height: 20px; }
  .article-thumb-list__item .label-new {
    margin-top: 0; }

.label-new--big {
  height: 36px;
  margin: auto;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #ee090c;
  color: #fff;
  font-family: 'Swiss Black';
  font-size: 20px;
  line-height: 38px; }
.label-new--big a, .label-new--big a:link, .label-new--big a:visited {
 color:#fff;
}

.section-teaser--fixed .article-list {
  height: 728px; }

.trending-list {
  position: relative;
  margin-top: -18px;
  padding-top: 40px;
  border-top: 1px solid #eaeae7;
  background-color: #f8f8f4; }

.article-list__item {
  position: relative;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 2px;
  background-image: url('/a/i/humo-dot-horizontal.png');
  background-repeat: repeat-x;
  background-position: bottom left; }
  .article-list__item:before, .article-list__item:after {
    display: table;
    content: ' '; }
  .article-list__item:after {
    clear: both; }
  .article-list__item:last-child {
    background-image: none; }
  .section-teaser .col--wide .article-list__item {
    height: calc(100% - 22px); }

.article-thumb-list:before, .article-thumb-list:after {
  display: table;
  content: ' '; }
.article-thumb-list:after {
  clear: both; }

.article-thumb-list__item {
  margin-top: 0;
  margin-bottom: 20px; }

.trending-list__item {
  margin-top: 0;
  margin-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  border-bottom: 1px solid #eaeae7; }
  .trending-list__item:last-child {
    border-bottom: 0; }

.toplist {
  counter-reset: numbers; }

.toplist__item {
  position: relative;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 10px;
  padding-left: 10px;
  float: left;
  box-sizing: border-box; }

.newsletter {
  margin-bottom: -2px;
  padding: 10px;
  background-color: #ee090c;
  text-align: center; }
  .section-teaser .newsletter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.newsletter__header {
  margin-top: 10px; }

.newsletter__title {
  font-size: 20px;
   }
  .newsletter__title span {
    display: inline-block;
    font-size: 50px;
    line-height: 70px; }

.newsletter__text {
  margin-top: 10px;
  font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px; }

.newsletter__footer {
  position: absolute;
  right: 10px;
  bottom: 10px;
  left: 10px;
  text-align: left; }

.newsletter__input {
  width: calc(100% - 40px);
  height: 40px;
  padding-top: 12px;
  padding-bottom: 10px;
  padding-left: 10px;
  float: left;
  border: 0;
  outline: none;
  background-color: #fff;
  color: #000;
  font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.1em;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.newsletter__button {
  width: 40px;
  height: 40px;
  float: left;
  -webkit-transition: 0.2s ease-in-out background-color;
          transition: 0.2s ease-in-out background-color;
  background-color: #000;
  color: #fff;
  font-family: 'Swiss';
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer; }
  .newsletter__button:hover {
    background-color: #43433f; }

.primary-nav {
  position: relative;
  height: 70px;
  background-color: #f8f8f4;
  z-index: 8910; }
  .primary-nav > .container {
    position: relative; }

.secondary-nav:before, .secondary-nav:after {
  display: table;
  content: ' '; }
.secondary-nav:after {
  clear: both; }
.js-is-fixed .secondary-nav {
  display: none; }

.primary-nav__list, .sub-nav__list {
  text-align: center; }
  .primary-nav__list li, .sub-nav__list li {
    display: inline-block;
    margin: 0;
    margin-right: -2px;
    margin-left: -2px;
    vertical-align: middle; }

.primary-nav__link, .sub-nav__link {
  display: block;
  font-family: 'Swiss';
  text-transform: uppercase; }

.primary-nav__link {
  padding-right: 20px;
  padding-left: 20px;
  font-size: 22px;
  line-height: 70px; }
  .primary-nav__link.active {
    background-color: #fff; }

.tertiary-nav {
  float: right; }

.secondary-nav__list-item, .tertiary-nav__item {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase; }

.tertiary-nav__item {
  font-weight: bold; }
  .tertiary-nav__item:last-child {
    padding-right: 0; }

.secondary-nav__list-item:first-child {
  padding-left: 0; }

.tertiary-nav__link + .tertiary-nav__link {
  margin-left: 5px; }
  .tertiary-nav__link + .tertiary-nav__link::before {
    display: inline-block;
    width: 1px;
    height: 9px;
    margin-right: 5px;
    background-color: #000;
    content: ''; }

.tertiary-nav__link.tertiary-nav__link--red {
  text-decoration: underline; }

.primary-nav__link, .secondary-nav__link, .tertiary-nav__link, .sub-nav__link {
  text-decoration: none;
  color: #000 ;
  -webkit-transition: 0.2s ease-in-out color;
          transition: 0.2s ease-in-out color; }
  .primary-nav__link:focus, .primary-nav__link:hover, .secondary-nav__link:focus, .secondary-nav__link:hover, .tertiary-nav__link:focus, .tertiary-nav__link:hover, .sub-nav__link:focus, .sub-nav__link:hover {
    color: #ee090c ;
    text-decoration: none; }
  .primary-nav__link:hover, .secondary-nav__link:hover, .tertiary-nav__link:hover, .sub-nav__link:hover {
    border-bottom: 0; }
  .primary-nav__link.active, .secondary-nav__link.active, .tertiary-nav__link.active, .sub-nav__link.active {
    color: #ee090c; }
  .tertiary-nav__item:first-child .primary-nav__link, .tertiary-nav__item:first-child .secondary-nav__link, .tertiary-nav__item:first-child .tertiary-nav__link, .tertiary-nav__item:first-child .sub-nav__link {
    text-decoration: none;
    color: #ee090c ; }
    .tertiary-nav__item:first-child .primary-nav__link:visited, .tertiary-nav__item:first-child .secondary-nav__link:visited, .tertiary-nav__item:first-child .tertiary-nav__link:visited, .tertiary-nav__item:first-child .sub-nav__link:visited {
      color: #ee090c ; }
    .tertiary-nav__item:first-child .primary-nav__link:focus, .tertiary-nav__item:first-child .primary-nav__link:hover, .tertiary-nav__item:first-child .secondary-nav__link:focus, .tertiary-nav__item:first-child .secondary-nav__link:hover, .tertiary-nav__item:first-child .tertiary-nav__link:focus, .tertiary-nav__item:first-child .tertiary-nav__link:hover, .tertiary-nav__item:first-child .sub-nav__link:focus, .tertiary-nav__item:first-child .sub-nav__link:hover {
      color: #000 ;
      text-decoration: none; }

.sub-nav__link.highlight_link {
 background: #ee090c;
 color:#fff;
}

.sub-nav {
  position: relative;
  /*height: 51px;*/
  border-bottom: 3px solid #f8f8f4;
 /*background-image: url('/a/i/bck-sub-nav.png');*/
  -webkit-transition: 0.2s ease-in-out -webkit-transform;
          transition: 0.2s ease-in-out transform;
  background-color: #fff;
  overflow: hidden;
  z-index: 8890; }
/*.sub-nav-border { height:3px; }*/
  .ie-9 .sub-nav, .ie-lt9 .sub-nav {
    margin-top: 0; }
  .js-is-fixed .sub-nav, .search-trigger-checkbox:checked + .js-is-fixed .sub-nav {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .ie-9 .js-is-fixed .sub-nav, .ie-lt9 .js-is-fixed .sub-nav, .ie-9 .search-trigger-checkbox:checked + .js-is-fixed .sub-nav, .ie-lt9 .search-trigger-checkbox:checked + .js-is-fixed .sub-nav {
      margin-top: 0; }
  .js-is-fixed.js-hide-subnav .sub-nav {
    -webkit-transform: translate3d(0, -54px, 0);
            transform: translate3d(0, -54px, 0); }
    .ie-9 .js-is-fixed.js-hide-subnav .sub-nav, .ie-lt9 .js-is-fixed.js-hide-subnav .sub-nav {
      margin-top: -54px; }

.sub-nav__link {
  padding-right: 15px;
  padding-left: 15px;
  font-size: 15px;
  line-height: 51px; }
  .sub-nav__link.active {
    color: #ee090c; }

.search-trigger {
  position: absolute;
  top: 0;
  right: 7px;
  bottom: 0;
  padding-right: 20px;
  padding-left: 20px; }
  .search-trigger-checkbox:checked + .page-header .search-trigger {
    background-color: #fff; }

.search-trigger__label {
  line-height: 70px;
  cursor: pointer;
  vertical-align: middle; }
  .search-trigger__label:hover i, .search-trigger__label:focus i, .search-trigger-checkbox:checked + .page-header .search-trigger__label i {
    color: #ee090c; }
  .search-trigger__label i {
    -webkit-transition: 0.2s ease-in-out color;
            transition: 0.2s ease-in-out color;
    color: #000; }

.sub-nav__search {
  position: absolute;
  right: 0;
  bottom: 54px;
  left: 0;
  width: 100%;
  height: 51px;
  -webkit-transition: 0.2s ease-in-out -webkit-transform;
          transition: 0.2s ease-in-out transform;
  line-height: 54px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
.sub-nav__search .container {
 background:#fff;
}
  .search-trigger-checkbox:checked + .page-header .sub-nav__search {
    -webkit-transform: translate3d(0, 54px, 0);
            transform: translate3d(0, 54px, 0); }
  .search-trigger-checkbox:checked + .page-header .sub-nav {
   height:51px;
   border-bottom: 3px solid #f8f8f4;
  }
    .ie-9 .search-trigger-checkbox:checked + .page-header .sub-nav__search, .ie-lt9 .search-trigger-checkbox:checked + .page-header .sub-nav__search {
      bottom: 0; }
  .sub-nav__search .input--search {
    display: block;
    width: 95%;
    padding-top: 16px;
    padding-bottom: 10px;
    padding-left: 0;
    border: 0;
    outline: none;
    background-color: #fff;
    color: #000;
    font-size: 1.5em;
    line-height: 1.1em;
    box-sizing: border-box;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }

.sub-nav__table {
  width: 100%;
  height: 51px; }
  .sub-nav__table td {
    vertical-align: middle; }
    .sub-nav__table td:last-child {
      width: 82px;
      text-align: right; }

.search-trigger-checkbox:checked {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.trigger--hide {
  display: none;
  position: absolute;
  height: 0;
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.trigger--fixed {
  position: absolute;
  border: 0;
  border-radius: 0;
  opacity: 0;
  z-index: 2;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.humosapiens-button {
    position: absolute;
    top: 0;
    right: 0;
    background:url(/a/i/stempel-humo-sapiens-small.png) no-repeat;
    width:37px;
    height:20px;
}

.play-button {
  position: relative;
  width: 47px;
  height: 47px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transition: 0.2s ease-in-out background-color;
          transition: 0.2s ease-in-out background-color;
  border: 3px solid #fff;
  border-radius: 23.5px;
  background-color: rgba(40, 40, 40, 0.7); }
  .ankeiler--wide .play-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }
  .ankeiler:hover .play-button {
    background-color: rgba(40, 40, 40, 0.3); }
  .ankeiler--trending .play-button, .ankeiler--most-read .play-button {
    width: 31.33333px;
    height: 31.33333px;
    border-radius: 15.66667px; }
    .ankeiler--trending .play-button svg, .ankeiler--most-read .play-button svg {
      width: 12px;
      height: 14px;
      margin-right: 7px;
      margin-left: 7px; }
  .play-button svg {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 18px;
    height: 20px;
    margin-top: auto;
    margin-right: 11px;
    margin-bottom: auto;
    margin-left: 14px; }

.ankeiler--free {
 margin-bottom:-2px;
 height:344px;
 background:#fff;
}
.ankeiler--large.ankeiler--free {
 height:708px;
}
.ankeiler--wide.ankeiler--free {
 height:292px;
}
.ankeiler--wide .ankeiler--imu {
 height:250px;
 overflow:hidden;
}
.ankeiler--square.ankeiler--free {
 margin-bottom:-2px !important;
}
.ankeiler--open {
 height:auto;
}
.ankeiler--full {
 height:500px;
}
.article-list__item-full {
 margin-bottom:0;
 background-image: url('/a/i/humo-dot-horizontal.png') !important;
}
.ankeiler--full .ankeiler__title {
    font-size: 34px; }

.ankeiler--full .ankeiler__text {
    padding-bottom: 14px; }
.ankeiler--free.mozaiek-block-uitlaat {
 background: url('/a/i/blokje-uitlaat.png') no-repeat;
 padding: 90px 22px 15px 25px;
}
.ankeiler--free.mozaiek-block-uitlaat h2 {
 padding-bottom:5px;
 font-size:18px;
 line-height:25px;
}
.ankeiler--free.mozaiek-block-uitlaat p {
 margin-top:0;
 font-size: 15px;
}
.ankeiler--free.mozaiek-block-uitlaat a, .ankeiler--free.mozaiek-block-uitlaat a:link, .ankeiler--free.mozaiek-block-uitlaat a:visited {
 color:inherit;
}
.ankeiler--free.mozaiek-block-uitlaat a:hover {
 border-bottom: 1px solid #000;
}
.ankeiler--free.mod-block-newsletter1 {
 background:#ffe408;
 color:#000;
 text-align: center;
 padding: 10px;
 padding-right: 10px !important;
 position: relative;
}
.ankeiler--free.mod-block-newsletter2 {
 background:#3fa134;
 color:#fff;
 text-align: center;
 padding: 10px;
 padding-right: 10px !important;
 position: relative;
}
.ankeiler--free.mod-block-newsletter3 {
 background:#eb121e;
 color:#fff;
 text-align: center;
 padding: 10px;
 padding-right: 10px !important;
 position: relative;
}
.ankeiler--free.mod-block-newsletter4 {
 background:#052a6f;
 color:#fff;
 text-align: center;
 padding: 10px;
 padding-right: 10px !important;
 position: relative;
}
.ankeiler--narrow.mod-block-newsletter1,
.ankeiler--narrow.mod-block-newsletter2,
.ankeiler--narrow.mod-block-newsletter3,
.ankeiler--narrow.mod-block-newsletter4 {
 width:calc(50% - 10px);
}
.ankeiler--narrow.mod-block-newsletter1:last-child,
.ankeiler--narrow.mod-block-newsletter2:last-child,
.ankeiler--narrow.mod-block-newsletter3:last-child,
.ankeiler--narrow.mod-block-newsletter4:last-child {
 margin-left:10px;
}
.mod-block-reviewsearch {
 margin-bottom:-2px !important;
 height:344px;
 background-color: #f8f8f4;
 padding:10px;
 position: relative;
}
.mod-block-reviewsearch h3 {
 color: #ee090c;
 margin: 0 0 15px 0;
 font-size: 2.25em;
}
.mod-block-reviewsearch .newsletter__button {
 width:auto;
 padding-left:15px;
 padding-right:15px;
}

.ankeiler__header .mod-rating {
 float:right;
}
.ankeiler--trending .mod-rating {
 margin-bottom:0;
}
.ankeiler__fblikes {
 font-family: "Helvetica Neue Regular","Helvetica Regular",Arial,sans-serif;
 margin-left:8px;
 color:#616161;
 background:url(/a/i/fb-onmouseover.png) no-repeat;
 padding-left:19px;
 padding-top:1px;
 font-size: 12px;
 font-weight:normal;
 height:15px;
 line-height:15px;
 word-wrap:normal;
}
.ankeiler--inverted .ankeiler__fblikes {
 background:url(/a/i/fb-voor-op-het-zwart.png) no-repeat;
 color:#f4f3f3;
}
.toplist__item .ankeiler__fblikes {
    position: absolute;
    bottom: 10px;
    left: 0;
    margin-left:0;
}

#humosapiens_teasers .section-teaser--background, #humosapiens_teasers .ankeiler__wrapper, .article-rightcol-block-humosapiens {
 background-color:#d3c8e2;
}
#humosapiens_teasers .section-teaser--bordered {
 margin-top: -38px;
 padding-top: 60px;
}
#humosapiens_teasers .button-icon {
 background-color:#21c1f2;
 color:#df1021;
}
.humosapiens_row_header {
 height:56px;
 text-align:center;
 z-index:3;
 position:relative;
}
.article-rightcol-block-humosapiens {
 padding-top:0;
}

#videozone_teasers .section-teaser--background, #videozone_teasers .ankeiler__wrapper {
 background-color:#000;
}
#videozone_teasers .section-teaser--bordered {
 margin-top: -48px;
 padding-top: 60px;
}
.video_teasers_row_header {
 height:73px;
 text-align:center;
 z-index:3;
 position:relative;
}
#videozone_teasers h2 {
    color: #fff;
}
#videozone_teasers .ankeiler__fblikes {
    color: #ccc;
}

#videozone_homepage {
 width:300px;
 height:708px;
 background:#000;
 position:relative;
 margin:-10px 0 0 0;
}
#videozone_homepage .mod-block-trending .body {
 padding: 0 8px;
}
#videozone_homepage .mod-block-trending .body li .desc {
 color:#fff;
}
#videozone_homepage .mod-block-trending .body li .desc .fbLikeCount {
 color:#ccc;
}
#videozone_homepage .videozone_homepage_header {
 margin:-32px 0 10px 0;
 height:63px;
}
#videozone_homepage .videozone_homepage_footer {
 position:absolute;
 bottom:0;
 height:44px;
 left:0;
}