@charset "UTF-8";
/*
 *
 * Fix for inuit
 * https://gist.github.com/stephencoe/2d71ea355564bfe0e0d3
 *
*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
.layout {
  letter-spacing: -.31em; }

/* Opera hack */
.opera:-o-prefocus,
.layout {
  word-spacing: -.43em; }

.layout__item {
  letter-spacing: normal;
  word-spacing: normal; }

/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
/*! 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; }

/*------------------------------------*    #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

/*------------------------------------*    #SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */
ul, ol, dd {
  margin-left: 48px;
  margin-left: 3rem; }

/*------------------------------------*    #PAGE
\*------------------------------------*/
/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
html {
  font-size: 0.66667em;
  /* [1] */
  line-height: 1.5;
  /* [1] */
  background-color: #fff;
  color: #333;
  overflow-y: scroll;
  /* [2] */
  min-height: 100%;
  /* [3] */
  -webkit-text-size-adjust: 100%;
  /* [4] */
  -ms-text-size-adjust: 100%;
  /* [4] */
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */ }
  @media screen and (min-width: 720px) {
    html {
      font-size: 1em;
      /* [1] */
      line-height: 1.5;
      /* [1] */ } }

/*------------------------------------*    #HEADINGS
\*------------------------------------*/
/**
 * Headings 1–6.
 */
/*------------------------------------*    #BUTTONS
\*------------------------------------*/
/**
 * A simple button object.
 */
/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles (often necessary when styling `input`s as
 *    buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 * 6. Fixes odd inner spacing in IE7.
 * 7. Subtract the border size from the padding value so that buttons do not
 *    grow larger as we add borders.
 */
.btn {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  font: inherit;
  /* [3] */
  text-align: center;
  /* [4] */
  margin: 0;
  /* [4] */
  cursor: pointer;
  /* [5] */
  overflow: visible;
  /* [6] */
  padding: 11px 23px;
  /* [7] */
  background-color: #4a8ec2;
  border: 1px solid #4a8ec2; }
  .btn, .btn:hover, .btn:active, .btn:focus {
    text-decoration: none;
    /* [4] */
    color: #fff; }

/**
 * Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
 */
.btn::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*------------------------------------*    #LAYOUT
\*------------------------------------*/
/**
 * The inuitcss layout system uses `box-sizing: border-box;` and
 * `display: inline-block;` to create an extremely powerful, flexible
 * alternative to the traditional grid system. Combine the layout items with
 * the widths found in `trumps.widths`.
 */
/**
 * Begin a layout group.
 */
.layout {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -20px; }

/**
     * 1. Cause columns to stack side-by-side.
     * 2. Space columns apart.
     * 3. Align columns to the tops of each other.
     * 4. Full-width unless told to behave otherwise.
     * 5. Required to combine fluid widths and fixed gutters.
     */
.layout__item {
  display: inline-block;
  /* [1] */
  padding-left: 20px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */ }

/**
     * Make the layout items fill up from the right hand side.
     */
.layout--right {
  text-align: right; }
  .layout--right > .layout__item {
    text-align: left; }

/**
     * Make the layout items fill up from the center outward.
     */
.layout--center {
  text-align: center; }
  .layout--center > .layout__item {
    text-align: left; }

/*------------------------------------*    #IMAGES
\*------------------------------------*/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */ }

/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
.gm-style img,
img[width],
img[height] {
  /* [2] */
  max-width: none; }

/*------------------------------------*    #WIDTHS
\*------------------------------------*/
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes can take a fraction-like format (e.g. `.u-2/3`) or a spoken-
 * word format (e.g. `.u-2-of-3`). Use these in your markup:
 *
 * <div class="u-7/12">
 */
.u-1-of-1 {
  width: 100% !important; }

.u-1-of-2 {
  width: 50% !important; }

.u-1-of-3 {
  width: 33.33333% !important; }

.u-2-of-3 {
  width: 66.66667% !important; }

.u-1-of-4 {
  width: 25% !important; }

.u-2-of-4 {
  width: 50% !important; }

.u-3-of-4 {
  width: 75% !important; }

.u-1-of-5 {
  width: 20% !important; }

.u-2-of-5 {
  width: 40% !important; }

.u-3-of-5 {
  width: 60% !important; }

.u-4-of-5 {
  width: 80% !important; }

/*------------------------------------*    #SPACING
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/**
     * Remove margins.
     */
.u-m0 {
  margin: 0 !important; }

.u-mt0 {
  margin-top: 0 !important; }

.u-mr0 {
  margin-right: 0 !important; }

.u-mb0 {
  margin-bottom: 0 !important; }

.u-ml0 {
  margin-left: 0 !important; }

.u-mh0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.u-mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

/**
     * Remove paddings.
     */
.u-p0 {
  padding: 0 !important; }

.u-pt0 {
  padding-top: 0 !important; }

.u-pr0 {
  padding-right: 0 !important; }

.u-pb0 {
  padding-bottom: 0 !important; }

.u-pl0 {
  padding-left: 0 !important; }

.u-ph0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.u-pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

/*------------------------------------*    #WIDTHS-RESPONSIVE
\*------------------------------------*/
/**
 * Responsive width classes based on your responsive settings.
 */
@media screen and (max-width: 720px) {
  .u-1-of-1-mobile {
    width: 100% !important; }
  .u-1-of-2-mobile {
    width: 50% !important; }
  .u-1-of-3-mobile {
    width: 33.33333% !important; }
  .u-2-of-3-mobile {
    width: 66.66667% !important; }
  .u-1-of-4-mobile {
    width: 25% !important; }
  .u-2-of-4-mobile {
    width: 50% !important; }
  .u-3-of-4-mobile {
    width: 75% !important; }
  .u-1-of-5-mobile {
    width: 20% !important; }
  .u-2-of-5-mobile {
    width: 40% !important; }
  .u-3-of-5-mobile {
    width: 60% !important; }
  .u-4-of-5-mobile {
    width: 80% !important; } }

@media screen and (min-width: 720px) {
  .u-1-of-1-lap-and-up {
    width: 100% !important; }
  .u-1-of-2-lap-and-up {
    width: 50% !important; }
  .u-1-of-3-lap-and-up {
    width: 33.33333% !important; }
  .u-2-of-3-lap-and-up {
    width: 66.66667% !important; }
  .u-1-of-4-lap-and-up {
    width: 25% !important; }
  .u-2-of-4-lap-and-up {
    width: 50% !important; }
  .u-3-of-4-lap-and-up {
    width: 75% !important; }
  .u-1-of-5-lap-and-up {
    width: 20% !important; }
  .u-2-of-5-lap-and-up {
    width: 40% !important; }
  .u-3-of-5-lap-and-up {
    width: 60% !important; }
  .u-4-of-5-lap-and-up {
    width: 80% !important; } }

@media screen and (min-width: 1024px) {
  .u-1-of-1-desk-and-up {
    width: 100% !important; }
  .u-1-of-2-desk-and-up {
    width: 50% !important; }
  .u-1-of-3-desk-and-up {
    width: 33.33333% !important; }
  .u-2-of-3-desk-and-up {
    width: 66.66667% !important; }
  .u-1-of-4-desk-and-up {
    width: 25% !important; }
  .u-2-of-4-desk-and-up {
    width: 50% !important; }
  .u-3-of-4-desk-and-up {
    width: 75% !important; }
  .u-1-of-5-desk-and-up {
    width: 20% !important; }
  .u-2-of-5-desk-and-up {
    width: 40% !important; }
  .u-3-of-5-desk-and-up {
    width: 60% !important; }
  .u-4-of-5-desk-and-up {
    width: 80% !important; } }

@media screen and (min-width: 1051px) {
  .u-1-of-1-portable-and-up {
    width: 100% !important; }
  .u-1-of-2-portable-and-up {
    width: 50% !important; }
  .u-1-of-3-portable-and-up {
    width: 33.33333% !important; }
  .u-2-of-3-portable-and-up {
    width: 66.66667% !important; }
  .u-1-of-4-portable-and-up {
    width: 25% !important; }
  .u-2-of-4-portable-and-up {
    width: 50% !important; }
  .u-3-of-4-portable-and-up {
    width: 75% !important; }
  .u-1-of-5-portable-and-up {
    width: 20% !important; }
  .u-2-of-5-portable-and-up {
    width: 40% !important; }
  .u-3-of-5-portable-and-up {
    width: 60% !important; }
  .u-4-of-5-portable-and-up {
    width: 80% !important; } }

@media screen and (min-width: 1224px) {
  .u-1-of-1-desk {
    width: 100% !important; }
  .u-1-of-2-desk {
    width: 50% !important; }
  .u-1-of-3-desk {
    width: 33.33333% !important; }
  .u-2-of-3-desk {
    width: 66.66667% !important; }
  .u-1-of-4-desk {
    width: 25% !important; }
  .u-2-of-4-desk {
    width: 50% !important; }
  .u-3-of-4-desk {
    width: 75% !important; }
  .u-1-of-5-desk {
    width: 20% !important; }
  .u-2-of-5-desk {
    width: 40% !important; }
  .u-3-of-5-desk {
    width: 60% !important; }
  .u-4-of-5-desk {
    width: 80% !important; } }

@media screen and (min-width: 1700px) {
  .u-1-of-1-big-resolution {
    width: 100% !important; }
  .u-1-of-2-big-resolution {
    width: 50% !important; }
  .u-1-of-3-big-resolution {
    width: 33.33333% !important; }
  .u-2-of-3-big-resolution {
    width: 66.66667% !important; }
  .u-1-of-4-big-resolution {
    width: 25% !important; }
  .u-2-of-4-big-resolution {
    width: 50% !important; }
  .u-3-of-4-big-resolution {
    width: 75% !important; }
  .u-1-of-5-big-resolution {
    width: 20% !important; }
  .u-2-of-5-big-resolution {
    width: 40% !important; }
  .u-3-of-5-big-resolution {
    width: 60% !important; }
  .u-4-of-5-big-resolution {
    width: 80% !important; } }

@media screen and (min-width: 721px) and (max-width: 1050px) {
  .u-1-of-1-portable {
    width: 100% !important; }
  .u-1-of-2-portable {
    width: 50% !important; }
  .u-1-of-3-portable {
    width: 33.33333% !important; }
  .u-2-of-3-portable {
    width: 66.66667% !important; }
  .u-1-of-4-portable {
    width: 25% !important; }
  .u-2-of-4-portable {
    width: 50% !important; }
  .u-3-of-4-portable {
    width: 75% !important; }
  .u-1-of-5-portable {
    width: 20% !important; }
  .u-2-of-5-portable {
    width: 40% !important; }
  .u-3-of-5-portable {
    width: 60% !important; }
  .u-4-of-5-portable {
    width: 80% !important; } }

@media screen and (min-width: 721px) and (max-width: 1330px) {
  .u-1-of-1-portable-and-low-resolution {
    width: 100% !important; }
  .u-1-of-2-portable-and-low-resolution {
    width: 50% !important; }
  .u-1-of-3-portable-and-low-resolution {
    width: 33.33333% !important; }
  .u-2-of-3-portable-and-low-resolution {
    width: 66.66667% !important; }
  .u-1-of-4-portable-and-low-resolution {
    width: 25% !important; }
  .u-2-of-4-portable-and-low-resolution {
    width: 50% !important; }
  .u-3-of-4-portable-and-low-resolution {
    width: 75% !important; }
  .u-1-of-5-portable-and-low-resolution {
    width: 20% !important; }
  .u-2-of-5-portable-and-low-resolution {
    width: 40% !important; }
  .u-3-of-5-portable-and-low-resolution {
    width: 60% !important; }
  .u-4-of-5-portable-and-low-resolution {
    width: 80% !important; } }

@media screen and (min-width: 1331px) {
  .u-1-of-1-navigation-1-ligne {
    width: 100% !important; }
  .u-1-of-2-navigation-1-ligne {
    width: 50% !important; }
  .u-1-of-3-navigation-1-ligne {
    width: 33.33333% !important; }
  .u-2-of-3-navigation-1-ligne {
    width: 66.66667% !important; }
  .u-1-of-4-navigation-1-ligne {
    width: 25% !important; }
  .u-2-of-4-navigation-1-ligne {
    width: 50% !important; }
  .u-3-of-4-navigation-1-ligne {
    width: 75% !important; }
  .u-1-of-5-navigation-1-ligne {
    width: 20% !important; }
  .u-2-of-5-navigation-1-ligne {
    width: 40% !important; }
  .u-3-of-5-navigation-1-ligne {
    width: 60% !important; }
  .u-4-of-5-navigation-1-ligne {
    width: 80% !important; } }

@media screen and (min-width: 820px) and (max-width: 1330px) {
  .u-1-of-1-navigation-2-ligne {
    width: 100% !important; }
  .u-1-of-2-navigation-2-ligne {
    width: 50% !important; }
  .u-1-of-3-navigation-2-ligne {
    width: 33.33333% !important; }
  .u-2-of-3-navigation-2-ligne {
    width: 66.66667% !important; }
  .u-1-of-4-navigation-2-ligne {
    width: 25% !important; }
  .u-2-of-4-navigation-2-ligne {
    width: 50% !important; }
  .u-3-of-4-navigation-2-ligne {
    width: 75% !important; }
  .u-1-of-5-navigation-2-ligne {
    width: 20% !important; }
  .u-2-of-5-navigation-2-ligne {
    width: 40% !important; }
  .u-3-of-5-navigation-2-ligne {
    width: 60% !important; }
  .u-4-of-5-navigation-2-ligne {
    width: 80% !important; } }

@media screen and (min-width: 720px) and (max-width: 820px) {
  .u-1-of-1-navigation-3-ligne {
    width: 100% !important; }
  .u-1-of-2-navigation-3-ligne {
    width: 50% !important; }
  .u-1-of-3-navigation-3-ligne {
    width: 33.33333% !important; }
  .u-2-of-3-navigation-3-ligne {
    width: 66.66667% !important; }
  .u-1-of-4-navigation-3-ligne {
    width: 25% !important; }
  .u-2-of-4-navigation-3-ligne {
    width: 50% !important; }
  .u-3-of-4-navigation-3-ligne {
    width: 75% !important; }
  .u-1-of-5-navigation-3-ligne {
    width: 20% !important; }
  .u-2-of-5-navigation-3-ligne {
    width: 40% !important; }
  .u-3-of-5-navigation-3-ligne {
    width: 60% !important; }
  .u-4-of-5-navigation-3-ligne {
    width: 80% !important; } }

/*------------------------------------*    #SPACING-RESPONSIVE
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/*------------------------------------*    #LIST-BARE
\*------------------------------------*/
/**
 * The list-bare object simply removes any indents and bullet points from lists.
 */
.list-bare {
  margin: 0;
  padding: 0;
  list-style: none; }

/*------------------------------------*    #LIST-INLINE
\*------------------------------------*/
/**
 * The list-inline object simply displays a list of items in one line.
 */
.list-inline {
  margin: 0;
  padding: 0;
  list-style: none; }
  .list-inline > li {
    display: inline-block; }

/*------------------------------------*    #LIST-BLOCK
\*------------------------------------*/
/**
 * The list-block object creates blocky list items out of a `ul` or `ol`.
 */
.list-block {
  margin: 0;
  padding: 0;
  list-style: none; }

.list-block__item,
.list-block > li {
  padding: 24px; }

/*------------------------------------*    #TABLES
\*------------------------------------*/
.table {
  width: 100%; }

/*------------------------------------*    #CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */
.clearfix::after, .weather__city-list li a::after, .weather__observation-list li a::after, .lSAction::after,
.media::after {
  content: "";
  display: table;
  clear: both; }

/*------------------------------------*    #MEDIA
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.media {
  display: block; }

.media__img {
  float: left;
  margin-right: 24px; }
  .media__img > img {
    display: block; }

.media__body {
  overflow: hidden;
  display: block; }
  .media__body,
  .media__body > :last-child {
    margin-bottom: 0; }

/* generated with grunt-sass-globbing */
/**
 * Fetch nested keys
 * Fetch nested keys
 * @param {Arglist} $keys - Keys to fetch
 * @return {*}
 */
/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
.custom-select {
  position: relative;
  padding: 0;
  /* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */
  /* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select.
  Note this si a 2x image so it will look bad in browsers that don't support background-size.
  In production, you'd handle this resolution switch via media query but this is a demo. */
  /* Hover style */
  /* Set options to normal weight */ }
  .custom-select select {
    width: 100%;
    margin: 0;
    background: none;
    border: 1px solid transparent;
    outline: none;
    /* Prefixed box-sizing rules necessary for older browsers */
    box-sizing: border-box;
    /* Remove select styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Font size must the 16px or larger to prevent iOS page zoom on focus */
    font-size: 1.3em;
    /* General select styles: change as needed */
    padding: .6em 1.9em .5em .8em;
    cursor: pointer;
    /* Focus style */ }
    @media screen and (min-width: 720px) {
      .custom-select select {
        font-size: 1em; } }
    .custom-select select:focus {
      outline: none;
      background-color: transparent; }
    .custom-select select :-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000; }
  .custom-select::after {
    top: 0.75em;
    right: 0;
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1;
    pointer-events: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000; }
  .custom-select option {
    font-weight: normal; }

/* ------------------------------------  */
/* START OF UGLY BROWSER-SPECIFIC HACKS */
/* ----------------------------------  */
/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
x:-o-prefocus,
.custom-select::after {
  display: none; }

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-select select::-ms-expand {
    display: none; }
  .custom-select select:focus::-ms-value {
    background: transparent; } }

/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() {
  .custom-select {
    overflow: hidden; }
    .custom-select::after {
      width: 11px; }
  .custom-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''; } }

/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
/* ------------------------------------  */
/*  END OF UGLY BROWSER-SPECIFIC HACKS  */
/* ------------------------------------  */
/* generated with grunt-sass-globbing */
/* generated with grunt-sass-globbing */
.footer {
  background-color: black;
  color: white;
  position: relative;
  z-index: 9; }
  .footer a {
    color: #fff;
    text-decoration: none; }
    .footer a:visited {
      color: #fff; }
  .footer-disclaimer {
    display: none;
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 10px;
    width: 100%;
    z-index: 10; }
  .footer__logo {
    text-align: center;
    display: block;
    padding: 26px 0px 6px 0px; }
    .footer__logo path,
    .footer__logo rect,
    .footer__logo polygon,
    .footer__logo circle {
      fill: #fff; }
    @media screen and (max-width: 720px) {
      .footer__logo {
        padding: 26px 0px 16px 0px; } }
  .footer__social {
    padding-bottom: 20px; }
    .footer__social__title {
      display: inline;
      font-size: 15px;
      padding-right: 20px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }
    .footer__social__list {
      display: inline;
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .footer__social__list__li {
        display: inline; }
        .footer__social__list__li a {
          padding: 0 10px;
          border-right: 1px white solid; }
          .footer__social__list__li a .youtube-icon {
            fill: white;
            top: 8px;
            position: relative; }
        .footer__social__list__li:last-child a {
          border-right: 0px; }
  .footer__site-nav {
    margin: 0 20px; }
    @media screen and (min-width: 1024px) {
      .footer__site-nav .list-inline {
        display: inline-block; } }
    .footer__site-nav__item:last-child a, .footer__site-nav__item:nth-last-child(2) a {
      border-bottom: 0; }
    .footer__site-nav__item:nth-child(odd) a {
      text-align: left; }
    .footer__site-nav__item:nth-child(even) a {
      text-align: right; }
    @media screen and (min-width: 1024px) {
      .footer__site-nav__item {
        width: auto !important;
        border-bottom: 1px #979797 solid;
        border-top: 1px #979797 solid; }
        .footer__site-nav__item:first-child a {
          padding-left: 0; }
        .footer__site-nav__item:last-child a {
          padding-right: 0; } }
    .footer__site-nav__link {
      display: block;
      font-size: 15px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      padding: 10px 0;
      border-bottom: 1px #979797 solid; }
      @media screen and (min-width: 1024px) {
        .footer__site-nav__link {
          padding: 10px 20px;
          border-bottom: none; } }
  .footer__bottom-list {
    color: #c2c2c2;
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
    font-size: 12px;
    margin-top: 10px; }
    .footer__bottom-list .list-inline li {
      vertical-align: middle; }
    .footer__bottom-list .language-select {
      text-transform: none; }
      @media screen and (max-width: 720px) {
        .footer__bottom-list .language-select {
          font-size: 1em; } }
    .footer__bottom-list .custom-select select {
      padding: 0.5em 1.9em 0.5em 0.8em; }
    .footer__bottom-list .custom-select::after {
      top: 11px;
      right: 8px; }
  @media screen and (max-width: 330px) {
    .footer .footer__site-nav__item {
      width: 100% !important; }
      .footer .footer__site-nav__item:nth-last-child(2) a {
        border-bottom: 1px #979797 solid !important; }
    .footer .footer__site-nav__link {
      text-align: center !important; } }

.site-header {
  color: #fff;
  background-color: #1a1a1a;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  max-width: 1600px;
  /*    // Sticky Header
        position: fixed;
        width: 100%;

        &__content {
            padding-left: 0;
            max-width: 1600px;
            margin: auto;
            display: block;
            @include invert-font-colour();
        }*/ }
  .site-header .section-title {
    font-size: 30px; }
    .site-header .section-title.theme--business {
      display: none;
      color: #1081AE;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--business {
          display: block; } }
    .site-header .section-title.theme--news {
      display: none;
      color: #E7B322;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--news {
          display: block; } }
    .site-header .section-title.theme--top-stories {
      display: none;
      color: #E7B322;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--top-stories {
          display: block; } }
    .site-header .section-title.theme--sport {
      display: none;
      color: #8ec702;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--sport {
          display: block; } }
    .site-header .section-title.theme--science_technology {
      display: none;
      color: #0AA9AD;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--science_technology {
          display: block; } }
    .site-header .section-title.theme--insiders {
      display: none;
      color: #e6b221;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--insiders {
          display: block; } }
    .site-header .section-title.theme--no-comment {
      display: none;
      color: #c6c9ce;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--no-comment {
          display: block; } }
    .site-header .section-title.theme--talk-show {
      display: none;
      color: #d87415;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--talk-show {
          display: block; } }
    .site-header .section-title.theme--magazines {
      display: none;
      color: #c29259;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--magazines {
          display: block; } }
    .site-header .section-title.theme--color-breaking {
      display: none;
      color: #f00;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--color-breaking {
          display: block; } }
    .site-header .section-title.theme--special-coverage {
      display: none;
      color: #fb9400;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--special-coverage {
          display: block; } }
    .site-header .section-title.theme--culture {
      display: none;
      color: #F2332A;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--culture {
          display: block; } }
    .site-header .section-title.theme--weather {
      display: none;
      color: #4BB9EA;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--weather {
          display: block; } }
    .site-header .section-title.theme--programs {
      display: none;
      color: #A64D79;
      text-transform: uppercase;
      padding-left: 24px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      float: left;
      line-height: 66px; }
      @media screen and (min-width: 720px) {
        .site-header .section-title.theme--programs {
          display: block; } }
  .site-header__content {
    padding-left: 0; }

.site-heading__container {
  position: relative;
  z-index: 4;
  max-width: 1600px; }
  .site-heading__container .sticky-header {
    position: fixed;
    top: 0;
    width: 100%; }

.top-header-detection {
  display: none;
  position: absolute;
  top: 0;
  padding: 5px;
  background: #fff;
  z-index: 5;
  width: 100%;
  font-size: 12px;
  text-align: center;
  font-weight: bold; }

.logo-container {
  background-color: #f9d713;
  position: relative;
  z-index: 2;
  padding: 10px; }
  @media screen and (min-width: 720px) {
    .logo-container {
      max-width: 370px;
      float: left;
      padding: 5px 0; } }

p {
  font-family: sans-serif; }
  .fonts-loaded p {
    font-family: "Open Sans", sans-serif, sans-serif; }

@media screen and (min-width: 720px) {
  .container {
    margin: 0 auto;
    max-width: 1600px; } }

.main-wrapper {
  position: relative;
  z-index: 0;
  overflow-y: hidden; }
  .main-wrapper--locked {
    position: fixed;
    overflow: hidden; }

@media screen and (min-width: 720px) {
  .main-body {
    width: 75%; } }

.sidebar-visible .main-body {
  display: none; }
  @media screen and (min-width: 720px) {
    .sidebar-visible .main-body {
      display: block; } }

.main-content {
  z-index: 1;
  position: relative;
  box-shadow: 8px -2px 8px rgba(0, 0, 0, 0.15); }

.article-meta {
  font-family: "Open Sans", sans-serif; }

option:nth-child(even) {
  background-color: #e2e2e2; }

option:nth-child(odd) {
  background-color: #f2f0ed; }

@media screen and (min-width: 720px) {
  .image__pullout {
    margin-left: -125px;
    float: left;
    margin-right: 2.2em;
    margin-bottom: 2.2em; } }

.contribution__pullout {
  background-color: #FFC90E;
  width: 300px;
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  margin-left: 5px;
  font-size: 14px;
  padding: 8px;
  border-radius: 8px; }
  @media screen and (min-width: 720px) {
    .contribution__pullout {
      margin-left: -45px; } }

.sidebar {
  display: none;
  width: 100%;
  padding-left: 20px; }
  @media screen and (min-width: 720px) {
    .sidebar {
      top: 0;
      right: 0;
      position: absolute;
      display: inline-block;
      width: 25%;
      padding-left: 0;
      height: 100%; } }
  .sidebar-visible .sidebar {
    display: inline-block; }

.sidebar-section__heading {
  color: #fff;
  background-color: #2b2b2b;
  text-align: center; }
  .sidebar-section__heading h2 {
    margin: 0;
    padding: 10px; }

/*

Language Select
```

```
 */
.language-select {
  font-family: sans-serif;
  position: relative;
  text-transform: uppercase; }
  .fonts-loaded .language-select {
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif, sans-serif; }
  .language-select--header {
    display: none;
    color: #1a1a1a;
    vertical-align: text-bottom;
    margin-right: 15px;
    height: 45px;
    line-height: 45px; }
    .language-select--header::after {
      display: inline-block;
      position: absolute;
      top: 16px;
      right: 10px;
      border-color: #1a1a1a;
      width: 9px; }
    .language-select--header select {
      padding-right: 20px; }
      @media screen and (min-width: 720px) {
        .language-select--header select {
          display: inline-block;
          width: 90px;
          height: 25px;
          line-height: 20px;
          padding: 0 0 0 12.8px; } }
    @media screen and (min-width: 720px) {
      .language-select--header {
        display: inline-block;
        width: 65px;
        cursor: pointer;
        margin-right: 0; } }

/*
Connection speed
This is the connection speed button on mobile
```
<div class="connection-speed">
    <span>Connection Speed</span>
</div>
```
 */
.connection-speed {
  top: 50%;
  right: 15px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 50px; }
  .connection-speed .icon {
    bottom: 0;
    position: relative;
    height: 100%;
    cursor: pointer;
    color: #1a1a1a; }
    .connection-speed .icon::before {
      position: relative;
      top: 25px; }
  .connection-speed .icon-desktop-settings {
    display: none; }
    @media screen and (min-width: 720px) {
      .connection-speed .icon-desktop-settings {
        display: inline-block; } }
  .connection-speed .icon-mobile-settings {
    display: inline-block;
    line-height: 2px;
    font-size: 16px; }
    @media screen and (min-width: 720px) {
      .connection-speed .icon-mobile-settings {
        display: none; } }
  @media screen and (min-width: 720px) {
    .connection-speed {
      display: none; } }

.connection-speed--desktop {
  top: 15px;
  position: relative;
  margin-left: 30px;
  cursor: pointer;
  margin-bottom: -1px;
  top: 10px; }
  html:not(.layout-mode--basic) .connection-speed--desktop {
    top: 14px; }
  .connection-speed--desktop .icon {
    color: #fff; }
  @media screen and (min-width: 720px) {
    .connection-speed--desktop {
      display: inline-block; } }

/*
Layout mode switcher
====================
```
<ul class="layout-mode-switcher" id="layout-mode-switcher">
  <li data-mode="basic">
    <span class="layout-mode-switcher__label">Lite</span>
  </li>
  <li data-mode="standard" class="is-active">
    <span class="layout-mode-switcher__label">Standard</span>
  </li>
  <li data-mode="advanced">
    <span class="layout-mode-switcher__label">Advanced</span>
  </li>
</ul>
```
 */
.layout-mode-switcher__container {
  display: none;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out false, opacity 0.5s ease-in-out false;
  -o-transition: -o-transform 0.5s ease-in-out false, opacity 0.5s ease-in-out false;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  -webkit-transform: translate3d(0, -360px, 0);
  -moz-transform: translate3d(0, -360px, 0);
  -ms-transform: translate3d(0, -360px, 0);
  -o-transform: translate3d(0, -360px, 0);
  transform: translate3d(0, -360px, 0);
  position: absolute;
  padding: 0 0 120px;
  width: 100%;
  z-index: 0;
  opacity: 0;
  text-align: center; }
  @media screen and (max-width: 720px) {
    .layout-mode-switcher__container {
      margin-top: 25px; } }
  .layout-mode-switcher__container.active {
    display: block;
    -webkit-transform: translate3d(0, 49px, 0);
    -moz-transform: translate3d(0, 49px, 0);
    -ms-transform: translate3d(0, 49px, 0);
    -o-transform: translate3d(0, 49px, 0);
    transform: translate3d(0, 49px, 0);
    opacity: 1; }
    @media screen and (min-width: 720px) {
      .layout-mode-switcher__container.active {
        padding: 90px 0;
        -webkit-transform: translate3d(0, 66px, 0);
        -moz-transform: translate3d(0, 66px, 0);
        -ms-transform: translate3d(0, 66px, 0);
        -o-transform: translate3d(0, 66px, 0);
        transform: translate3d(0, 66px, 0); } }
  .layout-mode-switcher__container h2 {
    margin: 0; }
  @media screen and (min-width: 720px) {
    .layout-mode-switcher__container p {
      margin: 0; } }
  .layout-mode-switcher__container .layout-mode-switcher__close {
    cursor: pointer;
    padding: 10px 20px;
    float: right; }
    @media screen and (min-width: 720px) {
      .layout-mode-switcher__container .layout-mode-switcher__close {
        margin-top: -90px;
        margin-right: 4px; } }

.layout-mode-switcher__text {
  margin: 60px 0 90px; }
  @media screen and (min-width: 720px) {
    .layout-mode-switcher__text {
      display: block; } }

.layout-mode-switcher__desktop-container {
  display: none;
  text-align: right; }
  .layout-mode-switcher__desktop-container__basic-recommendation {
    display: inline-block;
    font-size: 13px;
    margin: 0;
    text-align: left; }
    html:not(.layout-mode--basic) .layout-mode-switcher__desktop-container__basic-recommendation {
      display: none; }
  @media screen and (min-width: 720px) {
    .layout-mode-switcher__desktop-container {
      display: block;
      padding-top: 10px; } }

.layout-mode-switcher {
  width: 80%;
  height: 18px;
  position: relative;
  font-size: 6px;
  padding: 6px 10px;
  max-width: 400px;
  background-color: #6a6a6a;
  border-radius: 9px;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  top: 6px; }
  html:not(.layout-mode--basic) .layout-mode-switcher {
    top: 10px; }
  .layout-mode-switcher::after {
    top: 8px;
    right: 2em;
    left: 2em;
    content: "";
    position: absolute;
    height: 2px;
    background-color: #1a1a1a; }
  .layout-mode-switcher.layout-mode-switcher--lite {
    width: 20%;
    min-width: 200px;
    display: none;
    margin: 0 20px; }
    @media screen and (min-width: 1224px) {
      .layout-mode-switcher.layout-mode-switcher--lite {
        display: inline-block; } }
  @media screen and (min-width: 720px) {
    .layout-mode-switcher {
      display: inline-block;
      margin-left: 40px;
      width: 40%; } }
  .layout-mode--basic .layout-mode-switcher [data-mode="basic"]::before, .layout-mode--standard .layout-mode-switcher [data-mode="standard"]::before, .layout-mode--advanced .layout-mode-switcher [data-mode="advanced"]::before {
    opacity: 1; }
  .layout-mode-switcher > li {
    color: #fff;
    background-color: #1a1a1a;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1em;
    height: 1em;
    cursor: pointer;
    position: relative;
    z-index: 1;
    display: block;
    float: left;
    border-radius: .5em; }
    .layout-mode-switcher > li::before {
      top: -8px;
      right: 2em;
      left: -7px;
      content: "✓";
      position: absolute;
      width: 22px;
      height: 22px;
      display: block;
      padding: 2px 5px;
      font-size: 14px;
      background-color: #3ea9f5;
      opacity: 0;
      border-radius: 11px;
      vertical-align: middle;
      line-height: 1.2;
      border: 1px solid #1a1a1a;
      border: 1px solid rgba(0, 0, 0, 0.75);
      -webkit-transition: all 0.25s false;
      -moz-transition: all 0.25s false false;
      -o-transition: all 0.25s false false;
      transition: all 0.25s; }
    .layout-mode-switcher > li:active::before {
      -webkit-transform: scale(1.8) rotate(20deg);
      -moz-transform: scale(1.8) rotate(20deg);
      -ms-transform: scale(1.8) rotate(20deg);
      -o-transform: scale(1.8) rotate(20deg);
      transform: scale(1.8) rotate(20deg); }
    .layout-mode-switcher > li:hover::before {
      opacity: .5; }
    .layout-mode-switcher > li ~ li {
      margin-left: 45%;
      margin-left: calc(50% - 1em - 4px); }

.layout-mode-switcher__icon {
  top: -50px;
  position: absolute;
  font-size: 20px;
  margin-left: -20px; }
  .layout-mode-switcher__icon .icon-mob {
    display: inline-block; }
    @media screen and (min-width: 720px) {
      .layout-mode-switcher__icon .icon-mob {
        display: none; } }
  .layout-mode-switcher__icon .icon-desk {
    display: none; }
    @media screen and (min-width: 720px) {
      .layout-mode-switcher__icon .icon-desk {
        display: inline-block; } }

.layout-mode-switcher__label {
  text-align: center;
  display: inline-block;
  font-size: 14px;
  width: 50px;
  margin-left: -25px;
  padding-top: 30px;
  font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }
  .layout-mode-switcher__label::before {
    top: 0;
    content: "";
    position: relative;
    display: block;
    margin: 0 auto 5px; }
  .layout-mode-switcher--lite .layout-mode-switcher__label {
    top: -35px;
    position: relative;
    padding-top: 0; }
  .layout-mode-switcher__label.layout-mode-switcher__label--lite::before, .layout-mode-switcher__label.layout-mode-switcher__label--standard::before, .layout-mode-switcher__label.layout-mode-switcher__label--advanced::before {
    font-family: "icons";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .layout-mode-switcher__label.layout-mode-switcher__label--lite::before {
    content: "\f105"; }
  .layout-mode-switcher__label.layout-mode-switcher__label--standard::before {
    content: "\f106"; }
  .layout-mode-switcher__label.layout-mode-switcher__label--advanced::before {
    content: "\f107"; }

/*
Africanews Logo
Either a link or can be used to trigger lazy loading. I hope you like SVG code.
```
<div class="logo">
    <a href="{{ path('home') }}" title="Africanews" class="logo__link">

    </a>
</div>
```
 */
.logo__link {
  padding: 5px 0;
  display: inline-block;
  width: 55%;
  text-align: center;
  margin: 0 auto;
  display: block; }
  .csstransition .logo__link {
    -webkit-transition: all 3s ease-out;
    -moz-transition: all 3s ease-out false;
    -o-transition: all 3s ease-out false;
    transition: all 3s ease-out; }
  .logo__link svg {
    max-width: 100%; }
  @media screen and (min-width: 720px) {
    .logo__link {
      padding-left: 16px;
      width: auto;
      display: inline-block; } }

.mobile-menu {
  width: 100%;
  height: 100%;
  position: absolute;
  color: #fff;
  background-color: #1a1a1a;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out false;
  -o-transition: -o-transform 0.5s ease-in-out false;
  transition: transform 0.5s ease-in-out;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
  z-index: 20; }
  .mobile-menu.mobile-menu__open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .not-csstransform .mobile-menu {
    left: -100%; }
    .not-csstransform .mobile-menu.mobile-menu__open {
      left: 0; }
  .csstransitions .mobile-menu {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out false;
    -o-transition: all 0.3s ease-out false;
    transition: all 0.3s ease-out; }
  .mobile-menu a {
    line-height: 50px;
    display: inline-block; }
    .mobile-menu a:hover:not(.mobile-menu__language) {
      background-color: #2b2b2b; }
  @media screen and (min-width: 720px) {
    .mobile-menu {
      display: none; } }
  .mobile-menu__horizontal li {
    border-bottom: 1px solid #2b2b2b;
    width: 50% !important;
    float: left; }
  .mobile-menu__horizontal .mobile-menu__watch-live {
    width: 100%; }
    .mobile-menu__horizontal .mobile-menu__watch-live .icon {
      vertical-align: inherit; }
    .mobile-menu__horizontal .mobile-menu__watch-live .live-icon {
      font-size: 20px;
      margin-right: 5px; }
  .mobile-menu__vertical .navigation__item {
    padding: 0; }
    .mobile-menu__vertical .navigation__item a {
      color: #fff; }
      .mobile-menu__vertical .navigation__item a:visited {
        color: #fff; }
    .mobile-menu__vertical .navigation__item a {
      display: block; }

.mobile-menu__main-nav a,
.mobile-menu__sub-nav a {
  color: #fff; }
  .mobile-menu__main-nav a:visited,
  .mobile-menu__sub-nav a:visited {
    color: #fff; }

.mobile-menu__main-nav a {
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  padding: 0 20px; }

.mobile-menu__main-nav li {
  border-bottom: 1px solid #2b2b2b;
  background-color: #1a1a1a; }
  .mobile-menu__main-nav li.mobile-menu__sub-nav--red {
    background-color: #d0021b; }

.mobile-menu__main-nav .theme--business:hover, .mobile-menu__main-nav .theme--business.active {
  border-left: 10px #1081AE solid;
  border-bottom-color: #1081AE; }

.mobile-menu__main-nav .theme--news:hover, .mobile-menu__main-nav .theme--news.active {
  border-left: 10px #E7B322 solid;
  border-bottom-color: #E7B322; }

.mobile-menu__main-nav .theme--top-stories:hover, .mobile-menu__main-nav .theme--top-stories.active {
  border-left: 10px #E7B322 solid;
  border-bottom-color: #E7B322; }

.mobile-menu__main-nav .theme--sport:hover, .mobile-menu__main-nav .theme--sport.active {
  border-left: 10px #8ec702 solid;
  border-bottom-color: #8ec702; }

.mobile-menu__main-nav .theme--science_technology:hover, .mobile-menu__main-nav .theme--science_technology.active {
  border-left: 10px #0AA9AD solid;
  border-bottom-color: #0AA9AD; }

.mobile-menu__main-nav .theme--insiders:hover, .mobile-menu__main-nav .theme--insiders.active {
  border-left: 10px #e6b221 solid;
  border-bottom-color: #e6b221; }

.mobile-menu__main-nav .theme--no-comment:hover, .mobile-menu__main-nav .theme--no-comment.active {
  border-left: 10px #c6c9ce solid;
  border-bottom-color: #c6c9ce; }

.mobile-menu__main-nav .theme--talk-show:hover, .mobile-menu__main-nav .theme--talk-show.active {
  border-left: 10px #d87415 solid;
  border-bottom-color: #d87415; }

.mobile-menu__main-nav .theme--magazines:hover, .mobile-menu__main-nav .theme--magazines.active {
  border-left: 10px #c29259 solid;
  border-bottom-color: #c29259; }

.mobile-menu__main-nav .theme--color-breaking:hover, .mobile-menu__main-nav .theme--color-breaking.active {
  border-left: 10px #f00 solid;
  border-bottom-color: #f00; }

.mobile-menu__main-nav .theme--special-coverage:hover, .mobile-menu__main-nav .theme--special-coverage.active {
  border-left: 10px #fb9400 solid;
  border-bottom-color: #fb9400; }

.mobile-menu__main-nav .theme--culture:hover, .mobile-menu__main-nav .theme--culture.active {
  border-left: 10px #F2332A solid;
  border-bottom-color: #F2332A; }

.mobile-menu__main-nav .theme--weather:hover, .mobile-menu__main-nav .theme--weather.active {
  border-left: 10px #4BB9EA solid;
  border-bottom-color: #4BB9EA; }

.mobile-menu__main-nav .theme--programs:hover, .mobile-menu__main-nav .theme--programs.active {
  border-left: 10px #A64D79 solid;
  border-bottom-color: #A64D79; }

.mobile-menu__sub-nav {
  border-bottom: 1px solid #2b2b2b;
  width: 100%;
  margin-bottom: -1px;
  text-align: center; }
  .mobile-menu__sub-nav li {
    border-right: 1px solid #2b2b2b;
    width: 32%; }
    .mobile-menu__sub-nav li a {
      font-size: 12px; }
    .mobile-menu__sub-nav li:last-child {
      border-right: 0; }

.mobile-menu__language--selected, .mobile-menu__language:hover {
  position: relative; }
  .mobile-menu__language--selected::after, .mobile-menu__language:hover::after {
    top: 70%;
    left: 0;
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 2px solid #f9d713; }

.mobile-menu__search-form .search-form {
  width: 100%; }

.mobile-menu__search-form i {
  top: 0;
  right: 0;
  position: absolute;
  width: 35px;
  height: 35px;
  z-index: 4; }

.mobile-menu__search-form .search-form__query {
  color: #fff;
  background-color: #2b2b2b;
  width: 100%;
  position: relative;
  padding: 10px 60px 10px 10px; }

/*
Mobile Navigation
Button and mobile navigation menu
```

```
 */
.nav-button {
  padding: 8px 10px;
  cursor: pointer;
  display: inline;
  float: left;
  margin-top: 4px; }
  @media screen and (min-width: 720px) {
    .nav-button {
      display: none; } }

.nav-button__lines, .nav-button__lines::before, .nav-button__lines::after {
  width: 25px;
  display: inline-block;
  height: 3px;
  background: #1a1a1a; }

.nav-button__lines {
  position: relative; }
  .nav-button__lines::before, .nav-button__lines::after {
    left: 0;
    content: "";
    position: absolute;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out false;
    -o-transition: all 0.4s ease-out false;
    transition: all 0.4s ease-out; }
  .nav-button__lines::before {
    top: 8px; }
  .nav-button__lines::after {
    top: -8px; }
  .open .nav-button__lines {
    background: none; }
    .open .nav-button__lines::before, .open .nav-button__lines::after {
      top: 0; }
    .open .nav-button__lines::before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      -moz-transform: rotate3d(0, 0, 1, 45deg);
      -ms-transform: rotate3d(0, 0, 1, 45deg);
      -o-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg); }
    .open .nav-button__lines::after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      -moz-transform: rotate3d(0, 0, 1, -45deg);
      -ms-transform: rotate3d(0, 0, 1, -45deg);
      -o-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg); }

.navigation__wrapper {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
  max-height: 64px;
  display: none;
  background-color: #d1a138; }
  @media screen and (max-width: 1024px) and (min-width: 720px) {
    .navigation__wrapper {
      max-height: none; } }
  .business .navigation__wrapper {
    background-color: #1081AE; }
  .news .navigation__wrapper {
    background-color: #E7B322; }
  .top-stories .navigation__wrapper {
    background-color: #E7B322; }
  .sport .navigation__wrapper {
    background-color: #8ec702; }
  .science_technology .navigation__wrapper {
    background-color: #0AA9AD; }
  .insiders .navigation__wrapper {
    background-color: #e6b221; }
  .no-comment .navigation__wrapper {
    background-color: #c6c9ce; }
  .talk-show .navigation__wrapper {
    background-color: #d87415; }
  .magazines .navigation__wrapper {
    background-color: #c29259; }
  .color-breaking .navigation__wrapper {
    background-color: #f00; }
  .special-coverage .navigation__wrapper {
    background-color: #fb9400; }
  .culture .navigation__wrapper {
    background-color: #F2332A; }
  .weather .navigation__wrapper {
    background-color: #4BB9EA; }
  .programs .navigation__wrapper {
    background-color: #A64D79; }
  @media screen and (min-width: 720px) {
    .navigation__wrapper {
      display: inline-block;
      padding-left: 0; } }

.navigation ul {
  display: inline-block; }

.navigation__item {
  font-family: sans-serif; }
  .navigation__item a {
    color: #1a1a1a;
    text-decoration: none; }
    .navigation__item a:visited {
      color: #1a1a1a; }
  .fonts-loaded .navigation__item {
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif, sans-serif; }
  .navigation__item a {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 50px;
    display: inline-block;
    outline: none;
    padding: 2px 20px 0; }
    @media screen and (min-width: 721px) and (max-width: 1050px) {
      .navigation__item a {
        padding: 2px 8px 0 !important; } }
    .active .navigation__item a {
      font-family: sans-serif; }
      .fonts-loaded .active .navigation__item a {
        font-family: "Overpass-Bold", sans-serif; }
  .navigation__item .search-form__query {
    position: absolute;
    padding-right: 20px;
    padding: 0 22px;
    width: 21px;
    z-index: 3;
    outline: none;
    border: 0;
    background: none;
    cursor: pointer;
    right: -16px;
    height: 30px; }
    .navigation__item .search-form__query:focus {
      left: 30px;
      position: relative;
      width: 194px;
      z-index: 1;
      cursor: text;
      left: 20px;
      top: -2px; }
  .navigation__item .search-form__icon {
    cursor: pointer;
    transition: opacity .4s ease;
    margin-right: 6px;
    line-height: 0.9rem; }
  .navigation__item-isactive {
    font-weight: bold; }

.navigation__sub-menu {
  color: #fff;
  background-color: #2b2b2b;
  float: right; }
  .navigation__sub-menu a {
    color: #fff; }
    .navigation__sub-menu a:visited {
      color: #fff; }
  @media screen and (min-width: 820px) and (max-width: 1330px) {
    .navigation__sub-menu {
      width: 100%;
      text-align: right; } }
  @media screen and (min-width: 720px) and (max-width: 820px) {
    .navigation__sub-menu {
      width: 100%;
      text-align: right; } }
  .navigation__sub-menu li {
    vertical-align: top; }
    .navigation__sub-menu li::after {
      content: "";
      border-right: 1px solid #666;
      display: inline-block;
      height: 20px;
      top: 4px;
      position: relative; }
    .navigation__sub-menu li:last-child::after {
      border: 0; }
    .navigation__sub-menu li a {
      line-height: 56px;
      height: 56px; }
    .navigation__sub-menu li .icon {
      vertical-align: inherit; }
    .navigation__sub-menu li .navigation-live:hover {
      color: #fff;
      background-color: #df0000; }
    .navigation__sub-menu li .navigation-live .live-icon {
      font-size: 24px;
      margin-right: 5px; }
    .navigation__sub-menu li .navigation-weather:hover {
      color: #fff;
      background-color: #4BB9EA; }
    .navigation__sub-menu li .navigation-weather .weather-icon {
      font-size: 24px; }

.navigation__item-search {
  position: relative;
  padding: 10px 30px;
  margin: 0; }

.sub-navigation--mobile .sub-navigation__title {
  background-color: #1a1a1a;
  padding: 0 20px;
  min-width: 138px; }
  @media screen and (min-width: 720px) {
    .sub-navigation--mobile .sub-navigation__title {
      padding: 0 0 0 30px; } }
  .sub-navigation--mobile .sub-navigation__title > a {
    font-family: sans-serif;
    font-size: 1.9rem; }
    .fonts-loaded .sub-navigation--mobile .sub-navigation__title > a {
      font-family: "Overpass-Bold", sans-serif; }

.sub-navigation__item::before {
  display: none; }

.sub-navigation__item > a {
  color: #666;
  font-size: 1.125rem;
  font-weight: bold; }
  .sub-navigation__item > a:hover {
    color: black; }

.search-form {
  position: relative;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out false;
  -o-transition: all 0.3s ease-out false;
  transition: all 0.3s ease-out; }

.search-form__query {
  position: absolute;
  padding-right: 20px;
  width: 0;
  z-index: 3;
  outline: none;
  border: 0;
  background: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out false;
  -o-transition: all 0.3s ease-out false;
  transition: all 0.3s ease-out; }
  @media screen and (min-width: 720px) {
    .search-form__query:focus {
      left: 20px;
      position: relative;
      width: 200px;
      z-index: 1;
      cursor: text; } }

.search-form__icon {
  cursor: pointer;
  transition: opacity .4s ease;
  font-size: 10px; }
  .search-form__icon::before {
    top: 35%;
    position: absolute; }
    .navigation__item .search-form__icon::before {
      left: -10px;
      top: 6px; }

.navigation__item-search {
  cursor: pointer; }

.type-ahead-group, .search-form {
  position: relative; }
  .type-ahead-group > ul, .type-ahead-group > .search__filter-column__search-term ul, .search-form > ul, .search-form > .search__filter-column__search-term ul {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
    display: block;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none;
    margin: 2px 0 0;
    min-width: 210px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000; }
    .type-ahead-group > ul > li, .type-ahead-group > .search__filter-column__search-term ul > li, .search-form > ul > li, .search-form > .search__filter-column__search-term ul > li {
      height: 30px;
      line-height: 1; }
      .type-ahead-group > ul > li:last-child, .type-ahead-group > .search__filter-column__search-term ul > li:last-child, .search-form > ul > li:last-child, .search-form > .search__filter-column__search-term ul > li:last-child {
        border-bottom: none; }
      .type-ahead-group > ul > li::after, .type-ahead-group > .search__filter-column__search-term ul > li::after, .search-form > ul > li::after, .search-form > .search__filter-column__search-term ul > li::after {
        border: none; }
      .type-ahead-group > ul > li > a, .type-ahead-group > .search__filter-column__search-term ul > li > a, .search-form > ul > li > a, .search-form > .search__filter-column__search-term ul > li > a {
        height: 30px;
        clear: both;
        color: #333;
        display: block;
        font-weight: 400;
        white-space: nowrap;
        text-transform: none;
        font-family: "Montserrat";
        padding: 10px;
        line-height: 10px; }
      .type-ahead-group > ul > li.active > a, .type-ahead-group > ul > li > a:hover, .type-ahead-group > .search__filter-column__search-term ul > li.active > a, .type-ahead-group > .search__filter-column__search-term ul > li > a:hover, .search-form > ul > li.active > a, .search-form > ul > li > a:hover, .search-form > .search__filter-column__search-term ul > li.active > a, .search-form > .search__filter-column__search-term ul > li > a:hover {
        background-color: #F6F4F2;
        text-decoration: none; }

/*
View more button.
Either a link or can be used to trigger lazy loading
```

```
 */
/*
Sub navigation
--------------

Sub navigation is used on the homepage above theme blocks

```
<div class="sub-navigation">
  <div class="sub-navigation__wrapper">
    <h2 class="sub-navigation__title">Top Stories</h2>
    <ul class="sub-navigation__list list-inline">
      <li class="sub-navigation__item">Worldwide</li>
      <li class="sub-navigation__item">Tunisia</li>
    </ul>
  </div>
</div>
```
 */
.sub-navigation {
  position: relative;
  overflow: hidden;
  height: 45px;
  border-bottom: 1px solid;
  box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.15); }
  .sub-navigation::after {
    top: 0;
    right: 0;
    content: "";
    position: absolute;
    width: 20px;
    height: 100%;
    background: -owg-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    -pie-background: -pie-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff); }
  @media screen and (min-width: 720px) {
    .sub-navigation {
      padding-left: 0;
      height: 60px; } }
  .theme--business .sub-navigation {
    border-bottom-color: #1081AE; }
  .theme--news .sub-navigation {
    border-bottom-color: #E7B322; }
  .theme--top-stories .sub-navigation {
    border-bottom-color: #E7B322; }
  .theme--sport .sub-navigation {
    border-bottom-color: #8ec702; }
  .theme--science_technology .sub-navigation {
    border-bottom-color: #0AA9AD; }
  .theme--insiders .sub-navigation {
    border-bottom-color: #e6b221; }
  .theme--no-comment .sub-navigation {
    border-bottom-color: #c6c9ce; }
  .theme--talk-show .sub-navigation {
    border-bottom-color: #d87415; }
  .theme--magazines .sub-navigation {
    border-bottom-color: #c29259; }
  .theme--color-breaking .sub-navigation {
    border-bottom-color: #f00; }
  .theme--special-coverage .sub-navigation {
    border-bottom-color: #fb9400; }
  .theme--culture .sub-navigation {
    border-bottom-color: #F2332A; }
  .theme--weather .sub-navigation {
    border-bottom-color: #4BB9EA; }
  .theme--programs .sub-navigation {
    border-bottom-color: #A64D79; }

.sub-navigation__wrapper {
  text-transform: uppercase;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-color: #fff; }
  @media screen and (min-width: 720px) {
    .sub-navigation__wrapper {
      overflow-x: auto; } }

.sub-navigation__title,
.sub-navigation__item {
  font-family: sans-serif;
  color: #1a1a1a;
  display: inline-block;
  font-size: 14px;
  line-height: 45px; }
  .fonts-loaded .sub-navigation__title, .fonts-loaded
  .sub-navigation__item {
    font-family: "Overpass-Bold", sans-serif; }

.sub-navigation__title {
  font-family: sans-serif;
  text-transform: uppercase;
  padding: 0 .5em 0 1.5em;
  margin: 0;
  position: relative;
  float: left;
  font-weight: normal;
  font-size: 16px; }
  .fonts-loaded .sub-navigation__title {
    font-family: "Overpass-Bold", sans-serif; }
  @media screen and (min-width: 720px) {
    .sub-navigation__title {
      font-size: 24px;
      line-height: 62px;
      padding-left: 45px; } }
  .sub-navigation__title::before {
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    width: 10px;
    height: 45px;
    background-color: #1a1a1a; }
    .theme--business .sub-navigation__title::before {
      background-color: #1081AE; }
    .theme--news .sub-navigation__title::before {
      background-color: #E7B322; }
    .theme--top-stories .sub-navigation__title::before {
      background-color: #E7B322; }
    .theme--sport .sub-navigation__title::before {
      background-color: #8ec702; }
    .theme--science_technology .sub-navigation__title::before {
      background-color: #0AA9AD; }
    .theme--insiders .sub-navigation__title::before {
      background-color: #e6b221; }
    .theme--no-comment .sub-navigation__title::before {
      background-color: #c6c9ce; }
    .theme--talk-show .sub-navigation__title::before {
      background-color: #d87415; }
    .theme--magazines .sub-navigation__title::before {
      background-color: #c29259; }
    .theme--color-breaking .sub-navigation__title::before {
      background-color: #f00; }
    .theme--special-coverage .sub-navigation__title::before {
      background-color: #fb9400; }
    .theme--culture .sub-navigation__title::before {
      background-color: #F2332A; }
    .theme--weather .sub-navigation__title::before {
      background-color: #4BB9EA; }
    .theme--programs .sub-navigation__title::before {
      background-color: #A64D79; }
    @media screen and (min-width: 720px) {
      .sub-navigation__title::before {
        width: 30px;
        height: 60px; } }
  .sub-navigation__title > a {
    display: inline-block;
    height: 100%;
    color: inherit;
    text-decoration: none; }

.sub-navigation--mobile .sub-navigation__title a {
  color: #E7B322; }

.sub-navigation__title a {
  color: black; }

.article-view .sub-navigation__title a {
  color: black; }

.business .site-header__content .sub-navigation__title a, .business .sub-navigation--mobile .sub-navigation__title a {
  color: #1081AE; }
  @media screen and (min-width: 720px) {
    .business .site-header__content .sub-navigation__title a, .business .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.news .site-header__content .sub-navigation__title a, .news .sub-navigation--mobile .sub-navigation__title a {
  color: #E7B322; }
  @media screen and (min-width: 720px) {
    .news .site-header__content .sub-navigation__title a, .news .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.top-stories .site-header__content .sub-navigation__title a, .top-stories .sub-navigation--mobile .sub-navigation__title a {
  color: #E7B322; }
  @media screen and (min-width: 720px) {
    .top-stories .site-header__content .sub-navigation__title a, .top-stories .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.sport .site-header__content .sub-navigation__title a, .sport .sub-navigation--mobile .sub-navigation__title a {
  color: #8ec702; }
  @media screen and (min-width: 720px) {
    .sport .site-header__content .sub-navigation__title a, .sport .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.science_technology .site-header__content .sub-navigation__title a, .science_technology .sub-navigation--mobile .sub-navigation__title a {
  color: #0AA9AD; }
  @media screen and (min-width: 720px) {
    .science_technology .site-header__content .sub-navigation__title a, .science_technology .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.insiders .site-header__content .sub-navigation__title a, .insiders .sub-navigation--mobile .sub-navigation__title a {
  color: #e6b221; }
  @media screen and (min-width: 720px) {
    .insiders .site-header__content .sub-navigation__title a, .insiders .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.no-comment .site-header__content .sub-navigation__title a, .no-comment .sub-navigation--mobile .sub-navigation__title a {
  color: #c6c9ce; }
  @media screen and (min-width: 720px) {
    .no-comment .site-header__content .sub-navigation__title a, .no-comment .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.talk-show .site-header__content .sub-navigation__title a, .talk-show .sub-navigation--mobile .sub-navigation__title a {
  color: #d87415; }
  @media screen and (min-width: 720px) {
    .talk-show .site-header__content .sub-navigation__title a, .talk-show .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.magazines .site-header__content .sub-navigation__title a, .magazines .sub-navigation--mobile .sub-navigation__title a {
  color: #c29259; }
  @media screen and (min-width: 720px) {
    .magazines .site-header__content .sub-navigation__title a, .magazines .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.color-breaking .site-header__content .sub-navigation__title a, .color-breaking .sub-navigation--mobile .sub-navigation__title a {
  color: #f00; }
  @media screen and (min-width: 720px) {
    .color-breaking .site-header__content .sub-navigation__title a, .color-breaking .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.special-coverage .site-header__content .sub-navigation__title a, .special-coverage .sub-navigation--mobile .sub-navigation__title a {
  color: #fb9400; }
  @media screen and (min-width: 720px) {
    .special-coverage .site-header__content .sub-navigation__title a, .special-coverage .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.culture .site-header__content .sub-navigation__title a, .culture .sub-navigation--mobile .sub-navigation__title a {
  color: #F2332A; }
  @media screen and (min-width: 720px) {
    .culture .site-header__content .sub-navigation__title a, .culture .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.weather .site-header__content .sub-navigation__title a, .weather .sub-navigation--mobile .sub-navigation__title a {
  color: #4BB9EA; }
  @media screen and (min-width: 720px) {
    .weather .site-header__content .sub-navigation__title a, .weather .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.programs .site-header__content .sub-navigation__title a, .programs .sub-navigation--mobile .sub-navigation__title a {
  color: #A64D79; }
  @media screen and (min-width: 720px) {
    .programs .site-header__content .sub-navigation__title a, .programs .sub-navigation--mobile .sub-navigation__title a {
      color: black; } }

.sub-navigation__item {
  display: inline-block;
  padding: 0 .8em 0 1em;
  position: relative;
  color: #666; }
  .sub-navigation__item::before {
    top: 50%;
    left: 0;
    content: "";
    position: absolute;
    width: 1px;
    height: 0.9em;
    display: inline-block;
    background-color: #2b2b2b;
    line-height: 16px;
    margin-top: -.5em; }
  .sub-navigation__item > a {
    color: inherit;
    text-decoration: none; }
  @media screen and (min-width: 720px) {
    .sub-navigation__item {
      padding-top: 2px;
      line-height: 58px; } }

.sub-navigation__list li a {
  font-size: 14px; }

.sub-navigation__list li::before {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  background-color: #c2c2c2; }

.sub-navigation__list li:first-child::before {
  background-color: transparent; }

/*
  Mobile subnavigation
  ====================
  This only gets displayed on mobile
  ```
<div class="sub-navigation sub-navigation--mobile">
  <div class="sub-navigation__wrapper">
    <h2 class="sub-navigation__title">Top Stories</h2>
    <ul class="sub-navigation__list list-inline">
      <li class="sub-navigation__item">Worldwide</li>
      <li class="sub-navigation__item">Tunisia</li>
    </ul>
  </div>
</div>
```
 */
@media screen and (min-width: 720px) {
  .sub-navigation--mobile {
    display: none; } }

.business .sub-navigation--mobile {
  border-bottom-color: #1081AE; }

.news .sub-navigation--mobile {
  border-bottom-color: #E7B322; }

.top-stories .sub-navigation--mobile {
  border-bottom-color: #E7B322; }

.sport .sub-navigation--mobile {
  border-bottom-color: #8ec702; }

.science_technology .sub-navigation--mobile {
  border-bottom-color: #0AA9AD; }

.insiders .sub-navigation--mobile {
  border-bottom-color: #e6b221; }

.no-comment .sub-navigation--mobile {
  border-bottom-color: #c6c9ce; }

.talk-show .sub-navigation--mobile {
  border-bottom-color: #d87415; }

.magazines .sub-navigation--mobile {
  border-bottom-color: #c29259; }

.color-breaking .sub-navigation--mobile {
  border-bottom-color: #f00; }

.special-coverage .sub-navigation--mobile {
  border-bottom-color: #fb9400; }

.culture .sub-navigation--mobile {
  border-bottom-color: #F2332A; }

.weather .sub-navigation--mobile {
  border-bottom-color: #4BB9EA; }

.programs .sub-navigation--mobile {
  border-bottom-color: #A64D79; }

/* generated with grunt-sass-globbing */
/*
Standard Button
```
<button class="btn">Click</button>
```
 */
.btn {
  font-family: sans-serif;
  color: #1a1a1a;
  border: 0;
  text-transform: uppercase;
  padding: 5px 11px;
  cursor: pointer; }
  .fonts-loaded .btn {
    font-family: "Overpass-Bold", sans-serif; }
  .btn--sport, .btn--market {
    padding: 8px 11px 8px 20px; }
  .btn:hover {
    color: #1a1a1a; }
  .btn:visited {
    color: #1a1a1a; }

.btn-sidebar {
  border-radius: 30px;
  font-size: 16px;
  background: none;
  border: 1px solid #666;
  padding: 15px 30px;
  margin: 50px auto;
  display: block; }

.btn-popup {
  border-radius: 6px;
  font-size: 16px;
  background: transparent;
  border: 1px solid #1081AE;
  display: inline-block; }
  .btn-popup, .btn-popup:visited {
    color: #1081AE;
    text-transform: uppercase; }

.btn--right {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-left: 50%; }
  @media screen and (min-width: 720px) {
    .btn--right {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
      float: right;
      margin-left: 0; } }

.btn--bare {
  background: none;
  border: 0; }

.btn--center {
  text-align: center; }

/*
Standard Button with added "+" symbol CTA
```
<button class="btn btn--plus">View More</button>
```
 */
.btn--plus {
  position: relative;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold; }
  .btn--plus::after {
    top: 0;
    right: 0;
    content: "+";
    position: absolute;
    display: inline-block;
    font-size: 20px;
    width: 25px;
    height: 100%;
    text-align: center; }

/*
Standard Button with added "->" symbol CTA
```
<button class="btn btn--plus-arrow">View More</button>
```
 */
.btn--plus-arrow {
  position: relative;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold; }
  .btn--plus-arrow::after {
    top: 0;
    right: 0;
    content: "›";
    position: absolute;
    display: inline-block;
    font-size: 23px;
    line-height: 29px;
    width: 25px;
    height: 100%;
    text-align: center; }

.btn-arrow {
  display: inline-block;
  width: 20px; }
  .btn-arrow div {
    z-index: 1;
    pointer-events: none;
    border-left: 2px solid #4a4a4a;
    border-bottom: 2px solid #4a4a4a;
    margin: 0 auto;
    position: relative;
    display: block; }
  .btn-arrow--next div {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: -4px;
    top: 15px; }
  .btn-arrow--prev div {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 4px;
    top: 15px; }
  .btn-arrow--down div {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 8px; }
  .btn-arrow--up div {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 18px; }

.checkbox__wrapper {
  padding: 0 12px;
  border-bottom: 1px #c2c2c2 solid;
  color: #666; }

.checkbox__styled {
  display: none;
  border: 1px black solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  height: 10px;
  width: 10px;
  float: left;
  margin-top: 5px; }
  @media screen and (min-width: 720px) {
    .checkbox__styled {
      margin-top: 8px; } }
  .checkbox__styled--checked {
    content: '\2713';
    background-color: red; }

.checkbox__non-styled {
  margin-right: 20px;
  margin-top: 0; }

.checkbox__label {
  font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
  color: #666;
  font-size: 14px;
  cursor: pointer;
  padding: 15px 0;
  display: inline-block !important;
  width: 72%; }

.btn--search-filter {
  font-size: 14px;
  background-color: white !important;
  text-transform: none;
  color: #666;
  width: 100%;
  border-top: 4px #f2f2f2 solid !important;
  padding: 15px 0; }
  @media screen and (min-width: 720px) {
    .btn--search-filter {
      font-size: 16px; } }
  .btn--search-filter:active, .btn--search-filter:focus {
    color: #666 !important; }

#program-list .checkbox__wrapper:last-child {
  border-bottom: none; }

.shown-standard {
  display: none; }
  .layout-mode--standard .shown-standard {
    display: block; }

.shown-advanced {
  display: none; }
  .layout-mode--advanced .shown-advanced {
    display: block; }

.hidden-in-basic {
  display: block !important; }
  .layout-mode--basic .hidden-in-basic {
    display: none !important; }

.img-responsive {
  width: 100%; }

.icon-responsive {
  width: 4%; }

.img-16x9 {
  position: relative;
  padding-bottom: 56.25%; }
  .img-16x9 img {
    position: absolute; }

.accessibility-aid {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
  margin: 0; }
  .accessibility-aid:focus {
    color: #fff;
    background-color: #1a1a1a;
    width: auto;
    height: auto;
    clip: auto;
    z-index: 3;
    top: 0;
    line-height: 50px;
    padding: 0 10px;
    font-weight: bold;
    text-decoration: none; }

/**
 * Add/remove floats
 */
.float--right {
  float: right !important; }

.float--left {
  float: left !important; }

.float--none {
  float: none !important; }

.text--left {
  text-align: left; }

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

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

.text--uppercase {
  text-transform: uppercase; }

.show-lap-and-up {
  display: none; }
  @media screen and (min-width: 720px) {
    .show-lap-and-up {
      display: block; } }

.right-legend {
  font-size: 14px;
  text-transform: uppercase;
  text-align: right;
  margin: 20px 20px 10px 0;
  position: relative;
  color: #666; }
  .layout-mode--standard .editors-pick .right-legend {
    margin: 0;
    padding: 10px; }
  .right-legend::before {
    top: 10px;
    left: 0;
    content: "";
    position: absolute;
    width: 50%; }
    @media screen and (min-width: 1024px) {
      .right-legend::before {
        border-top: 1px solid #e6e6e6; } }
    .layout-mode--basic .right-legend::before {
      border-top: none !important; }
    @media screen and (min-width: 720px) {
      .right-legend::before {
        display: none; } }
  @media screen and (min-width: 720px) {
    .right-legend {
      margin: 0 0 40px;
      text-align: left; }
      .layout-mode--standard .right-legend {
        margin: 0 0 20px; } }
  .right-legend--just-in {
    text-align: right;
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
    font-weight: lighter;
    margin: 10px 0 !important;
    padding-right: 30px; }
    .right-legend--just-in__icon {
      margin-left: 10px; }
    .right-legend--just-in::before {
      display: block;
      width: 60%; }

.align--center {
  display: block;
  margin: auto; }

.arrow-right, .arrow-right--grey, .layout-mode--basic .arrow-right--white, .arrow-right--white {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 9px solid #1a1a1a; }
  .arrow-right--grey, .layout-mode--basic .arrow-right--white {
    border-left: 9px solid grey !important; }
  .arrow-right--white {
    border-left: 9px solid white !important; }

.boxPlay, .boxPlay--grey, .layout-mode--basic .boxPlay--white, .boxPlay--white {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  border: 1px solid black;
  padding: 3px 8px 3px 12px; }
  .boxPlay--grey, .layout-mode--basic .boxPlay--white {
    border: 1px solid grey; }
  .boxPlay--white {
    border: 1px solid white;
    margin-right: 3px; }

.boxPlayJs {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  border: 1px solid white;
  margin-right: 3px;
  margin-bottom: 3px;
  padding: 3px 8px 3px 12px; }

/**
* Generate padding class
*/
.u-ptop0 {
  padding-top: 0px !important; }

.u-ptop1 {
  padding-top: 1px !important; }

.u-ptop2 {
  padding-top: 2px !important; }

.u-ptop3 {
  padding-top: 3px !important; }

.u-ptop4 {
  padding-top: 4px !important; }

.u-ptop5 {
  padding-top: 5px !important; }

.u-ptop6 {
  padding-top: 6px !important; }

.u-ptop7 {
  padding-top: 7px !important; }

.u-ptop8 {
  padding-top: 8px !important; }

.u-ptop9 {
  padding-top: 9px !important; }

.u-ptop10 {
  padding-top: 10px !important; }

.u-ptop11 {
  padding-top: 11px !important; }

.u-ptop12 {
  padding-top: 12px !important; }

.u-ptop13 {
  padding-top: 13px !important; }

.u-ptop14 {
  padding-top: 14px !important; }

.u-ptop15 {
  padding-top: 15px !important; }

.u-ptop16 {
  padding-top: 16px !important; }

.u-ptop17 {
  padding-top: 17px !important; }

.u-ptop18 {
  padding-top: 18px !important; }

.u-ptop19 {
  padding-top: 19px !important; }

.u-ptop20 {
  padding-top: 20px !important; }

.u-ptop21 {
  padding-top: 21px !important; }

.u-ptop22 {
  padding-top: 22px !important; }

.u-ptop23 {
  padding-top: 23px !important; }

.u-ptop24 {
  padding-top: 24px !important; }

.u-ptop25 {
  padding-top: 25px !important; }

.u-ptop26 {
  padding-top: 26px !important; }

.u-ptop27 {
  padding-top: 27px !important; }

.u-ptop28 {
  padding-top: 28px !important; }

.u-ptop29 {
  padding-top: 29px !important; }

.u-ptop30 {
  padding-top: 30px !important; }

.u-ptop31 {
  padding-top: 31px !important; }

.u-ptop32 {
  padding-top: 32px !important; }

.u-ptop33 {
  padding-top: 33px !important; }

.u-ptop34 {
  padding-top: 34px !important; }

.u-ptop35 {
  padding-top: 35px !important; }

.u-ptop36 {
  padding-top: 36px !important; }

.u-ptop37 {
  padding-top: 37px !important; }

.u-ptop38 {
  padding-top: 38px !important; }

.u-ptop39 {
  padding-top: 39px !important; }

.u-ptop40 {
  padding-top: 40px !important; }

.u-ptop41 {
  padding-top: 41px !important; }

.u-ptop42 {
  padding-top: 42px !important; }

.u-ptop43 {
  padding-top: 43px !important; }

.u-ptop44 {
  padding-top: 44px !important; }

.u-ptop45 {
  padding-top: 45px !important; }

.u-ptop46 {
  padding-top: 46px !important; }

.u-ptop47 {
  padding-top: 47px !important; }

.u-ptop48 {
  padding-top: 48px !important; }

.u-ptop49 {
  padding-top: 49px !important; }

.u-ptop50 {
  padding-top: 50px !important; }

.u-pright0 {
  padding-right: 0px !important; }

.u-pright1 {
  padding-right: 1px !important; }

.u-pright2 {
  padding-right: 2px !important; }

.u-pright3 {
  padding-right: 3px !important; }

.u-pright4 {
  padding-right: 4px !important; }

.u-pright5 {
  padding-right: 5px !important; }

.u-pright6 {
  padding-right: 6px !important; }

.u-pright7 {
  padding-right: 7px !important; }

.u-pright8 {
  padding-right: 8px !important; }

.u-pright9 {
  padding-right: 9px !important; }

.u-pright10 {
  padding-right: 10px !important; }

.u-pright11 {
  padding-right: 11px !important; }

.u-pright12 {
  padding-right: 12px !important; }

.u-pright13 {
  padding-right: 13px !important; }

.u-pright14 {
  padding-right: 14px !important; }

.u-pright15 {
  padding-right: 15px !important; }

.u-pright16 {
  padding-right: 16px !important; }

.u-pright17 {
  padding-right: 17px !important; }

.u-pright18 {
  padding-right: 18px !important; }

.u-pright19 {
  padding-right: 19px !important; }

.u-pright20 {
  padding-right: 20px !important; }

.u-pright21 {
  padding-right: 21px !important; }

.u-pright22 {
  padding-right: 22px !important; }

.u-pright23 {
  padding-right: 23px !important; }

.u-pright24 {
  padding-right: 24px !important; }

.u-pright25 {
  padding-right: 25px !important; }

.u-pright26 {
  padding-right: 26px !important; }

.u-pright27 {
  padding-right: 27px !important; }

.u-pright28 {
  padding-right: 28px !important; }

.u-pright29 {
  padding-right: 29px !important; }

.u-pright30 {
  padding-right: 30px !important; }

.u-pright31 {
  padding-right: 31px !important; }

.u-pright32 {
  padding-right: 32px !important; }

.u-pright33 {
  padding-right: 33px !important; }

.u-pright34 {
  padding-right: 34px !important; }

.u-pright35 {
  padding-right: 35px !important; }

.u-pright36 {
  padding-right: 36px !important; }

.u-pright37 {
  padding-right: 37px !important; }

.u-pright38 {
  padding-right: 38px !important; }

.u-pright39 {
  padding-right: 39px !important; }

.u-pright40 {
  padding-right: 40px !important; }

.u-pright41 {
  padding-right: 41px !important; }

.u-pright42 {
  padding-right: 42px !important; }

.u-pright43 {
  padding-right: 43px !important; }

.u-pright44 {
  padding-right: 44px !important; }

.u-pright45 {
  padding-right: 45px !important; }

.u-pright46 {
  padding-right: 46px !important; }

.u-pright47 {
  padding-right: 47px !important; }

.u-pright48 {
  padding-right: 48px !important; }

.u-pright49 {
  padding-right: 49px !important; }

.u-pright50 {
  padding-right: 50px !important; }

.u-pbottom0 {
  padding-bottom: 0px !important; }

.u-pbottom1 {
  padding-bottom: 1px !important; }

.u-pbottom2 {
  padding-bottom: 2px !important; }

.u-pbottom3 {
  padding-bottom: 3px !important; }

.u-pbottom4 {
  padding-bottom: 4px !important; }

.u-pbottom5 {
  padding-bottom: 5px !important; }

.u-pbottom6 {
  padding-bottom: 6px !important; }

.u-pbottom7 {
  padding-bottom: 7px !important; }

.u-pbottom8 {
  padding-bottom: 8px !important; }

.u-pbottom9 {
  padding-bottom: 9px !important; }

.u-pbottom10 {
  padding-bottom: 10px !important; }

.u-pbottom11 {
  padding-bottom: 11px !important; }

.u-pbottom12 {
  padding-bottom: 12px !important; }

.u-pbottom13 {
  padding-bottom: 13px !important; }

.u-pbottom14 {
  padding-bottom: 14px !important; }

.u-pbottom15 {
  padding-bottom: 15px !important; }

.u-pbottom16 {
  padding-bottom: 16px !important; }

.u-pbottom17 {
  padding-bottom: 17px !important; }

.u-pbottom18 {
  padding-bottom: 18px !important; }

.u-pbottom19 {
  padding-bottom: 19px !important; }

.u-pbottom20 {
  padding-bottom: 20px !important; }

.u-pbottom21 {
  padding-bottom: 21px !important; }

.u-pbottom22 {
  padding-bottom: 22px !important; }

.u-pbottom23 {
  padding-bottom: 23px !important; }

.u-pbottom24 {
  padding-bottom: 24px !important; }

.u-pbottom25 {
  padding-bottom: 25px !important; }

.u-pbottom26 {
  padding-bottom: 26px !important; }

.u-pbottom27 {
  padding-bottom: 27px !important; }

.u-pbottom28 {
  padding-bottom: 28px !important; }

.u-pbottom29 {
  padding-bottom: 29px !important; }

.u-pbottom30 {
  padding-bottom: 30px !important; }

.u-pbottom31 {
  padding-bottom: 31px !important; }

.u-pbottom32 {
  padding-bottom: 32px !important; }

.u-pbottom33 {
  padding-bottom: 33px !important; }

.u-pbottom34 {
  padding-bottom: 34px !important; }

.u-pbottom35 {
  padding-bottom: 35px !important; }

.u-pbottom36 {
  padding-bottom: 36px !important; }

.u-pbottom37 {
  padding-bottom: 37px !important; }

.u-pbottom38 {
  padding-bottom: 38px !important; }

.u-pbottom39 {
  padding-bottom: 39px !important; }

.u-pbottom40 {
  padding-bottom: 40px !important; }

.u-pbottom41 {
  padding-bottom: 41px !important; }

.u-pbottom42 {
  padding-bottom: 42px !important; }

.u-pbottom43 {
  padding-bottom: 43px !important; }

.u-pbottom44 {
  padding-bottom: 44px !important; }

.u-pbottom45 {
  padding-bottom: 45px !important; }

.u-pbottom46 {
  padding-bottom: 46px !important; }

.u-pbottom47 {
  padding-bottom: 47px !important; }

.u-pbottom48 {
  padding-bottom: 48px !important; }

.u-pbottom49 {
  padding-bottom: 49px !important; }

.u-pbottom50 {
  padding-bottom: 50px !important; }

.u-pleft0 {
  padding-left: 0px !important; }

.u-pleft1 {
  padding-left: 1px !important; }

.u-pleft2 {
  padding-left: 2px !important; }

.u-pleft3 {
  padding-left: 3px !important; }

.u-pleft4 {
  padding-left: 4px !important; }

.u-pleft5 {
  padding-left: 5px !important; }

.u-pleft6 {
  padding-left: 6px !important; }

.u-pleft7 {
  padding-left: 7px !important; }

.u-pleft8 {
  padding-left: 8px !important; }

.u-pleft9 {
  padding-left: 9px !important; }

.u-pleft10 {
  padding-left: 10px !important; }

.u-pleft11 {
  padding-left: 11px !important; }

.u-pleft12 {
  padding-left: 12px !important; }

.u-pleft13 {
  padding-left: 13px !important; }

.u-pleft14 {
  padding-left: 14px !important; }

.u-pleft15 {
  padding-left: 15px !important; }

.u-pleft16 {
  padding-left: 16px !important; }

.u-pleft17 {
  padding-left: 17px !important; }

.u-pleft18 {
  padding-left: 18px !important; }

.u-pleft19 {
  padding-left: 19px !important; }

.u-pleft20 {
  padding-left: 20px !important; }

.u-pleft21 {
  padding-left: 21px !important; }

.u-pleft22 {
  padding-left: 22px !important; }

.u-pleft23 {
  padding-left: 23px !important; }

.u-pleft24 {
  padding-left: 24px !important; }

.u-pleft25 {
  padding-left: 25px !important; }

.u-pleft26 {
  padding-left: 26px !important; }

.u-pleft27 {
  padding-left: 27px !important; }

.u-pleft28 {
  padding-left: 28px !important; }

.u-pleft29 {
  padding-left: 29px !important; }

.u-pleft30 {
  padding-left: 30px !important; }

.u-pleft31 {
  padding-left: 31px !important; }

.u-pleft32 {
  padding-left: 32px !important; }

.u-pleft33 {
  padding-left: 33px !important; }

.u-pleft34 {
  padding-left: 34px !important; }

.u-pleft35 {
  padding-left: 35px !important; }

.u-pleft36 {
  padding-left: 36px !important; }

.u-pleft37 {
  padding-left: 37px !important; }

.u-pleft38 {
  padding-left: 38px !important; }

.u-pleft39 {
  padding-left: 39px !important; }

.u-pleft40 {
  padding-left: 40px !important; }

.u-pleft41 {
  padding-left: 41px !important; }

.u-pleft42 {
  padding-left: 42px !important; }

.u-pleft43 {
  padding-left: 43px !important; }

.u-pleft44 {
  padding-left: 44px !important; }

.u-pleft45 {
  padding-left: 45px !important; }

.u-pleft46 {
  padding-left: 46px !important; }

.u-pleft47 {
  padding-left: 47px !important; }

.u-pleft48 {
  padding-left: 48px !important; }

.u-pleft49 {
  padding-left: 49px !important; }

.u-pleft50 {
  padding-left: 50px !important; }

.u-mtop0 {
  margin-top: 0px !important; }

.u-mtop1 {
  margin-top: 1px !important; }

.u-mtop2 {
  margin-top: 2px !important; }

.u-mtop3 {
  margin-top: 3px !important; }

.u-mtop4 {
  margin-top: 4px !important; }

.u-mtop5 {
  margin-top: 5px !important; }

.u-mtop6 {
  margin-top: 6px !important; }

.u-mtop7 {
  margin-top: 7px !important; }

.u-mtop8 {
  margin-top: 8px !important; }

.u-mtop9 {
  margin-top: 9px !important; }

.u-mtop10 {
  margin-top: 10px !important; }

.u-mtop11 {
  margin-top: 11px !important; }

.u-mtop12 {
  margin-top: 12px !important; }

.u-mtop13 {
  margin-top: 13px !important; }

.u-mtop14 {
  margin-top: 14px !important; }

.u-mtop15 {
  margin-top: 15px !important; }

.u-mtop16 {
  margin-top: 16px !important; }

.u-mtop17 {
  margin-top: 17px !important; }

.u-mtop18 {
  margin-top: 18px !important; }

.u-mtop19 {
  margin-top: 19px !important; }

.u-mtop20 {
  margin-top: 20px !important; }

.u-mtop21 {
  margin-top: 21px !important; }

.u-mtop22 {
  margin-top: 22px !important; }

.u-mtop23 {
  margin-top: 23px !important; }

.u-mtop24 {
  margin-top: 24px !important; }

.u-mtop25 {
  margin-top: 25px !important; }

.u-mtop26 {
  margin-top: 26px !important; }

.u-mtop27 {
  margin-top: 27px !important; }

.u-mtop28 {
  margin-top: 28px !important; }

.u-mtop29 {
  margin-top: 29px !important; }

.u-mtop30 {
  margin-top: 30px !important; }

.u-mtop31 {
  margin-top: 31px !important; }

.u-mtop32 {
  margin-top: 32px !important; }

.u-mtop33 {
  margin-top: 33px !important; }

.u-mtop34 {
  margin-top: 34px !important; }

.u-mtop35 {
  margin-top: 35px !important; }

.u-mtop36 {
  margin-top: 36px !important; }

.u-mtop37 {
  margin-top: 37px !important; }

.u-mtop38 {
  margin-top: 38px !important; }

.u-mtop39 {
  margin-top: 39px !important; }

.u-mtop40 {
  margin-top: 40px !important; }

.u-mtop41 {
  margin-top: 41px !important; }

.u-mtop42 {
  margin-top: 42px !important; }

.u-mtop43 {
  margin-top: 43px !important; }

.u-mtop44 {
  margin-top: 44px !important; }

.u-mtop45 {
  margin-top: 45px !important; }

.u-mtop46 {
  margin-top: 46px !important; }

.u-mtop47 {
  margin-top: 47px !important; }

.u-mtop48 {
  margin-top: 48px !important; }

.u-mtop49 {
  margin-top: 49px !important; }

.u-mtop50 {
  margin-top: 50px !important; }

.u-mright0 {
  margin-right: 0px !important; }

.u-mright1 {
  margin-right: 1px !important; }

.u-mright2 {
  margin-right: 2px !important; }

.u-mright3 {
  margin-right: 3px !important; }

.u-mright4 {
  margin-right: 4px !important; }

.u-mright5 {
  margin-right: 5px !important; }

.u-mright6 {
  margin-right: 6px !important; }

.u-mright7 {
  margin-right: 7px !important; }

.u-mright8 {
  margin-right: 8px !important; }

.u-mright9 {
  margin-right: 9px !important; }

.u-mright10 {
  margin-right: 10px !important; }

.u-mright11 {
  margin-right: 11px !important; }

.u-mright12 {
  margin-right: 12px !important; }

.u-mright13 {
  margin-right: 13px !important; }

.u-mright14 {
  margin-right: 14px !important; }

.u-mright15 {
  margin-right: 15px !important; }

.u-mright16 {
  margin-right: 16px !important; }

.u-mright17 {
  margin-right: 17px !important; }

.u-mright18 {
  margin-right: 18px !important; }

.u-mright19 {
  margin-right: 19px !important; }

.u-mright20 {
  margin-right: 20px !important; }

.u-mright21 {
  margin-right: 21px !important; }

.u-mright22 {
  margin-right: 22px !important; }

.u-mright23 {
  margin-right: 23px !important; }

.u-mright24 {
  margin-right: 24px !important; }

.u-mright25 {
  margin-right: 25px !important; }

.u-mright26 {
  margin-right: 26px !important; }

.u-mright27 {
  margin-right: 27px !important; }

.u-mright28 {
  margin-right: 28px !important; }

.u-mright29 {
  margin-right: 29px !important; }

.u-mright30 {
  margin-right: 30px !important; }

.u-mright31 {
  margin-right: 31px !important; }

.u-mright32 {
  margin-right: 32px !important; }

.u-mright33 {
  margin-right: 33px !important; }

.u-mright34 {
  margin-right: 34px !important; }

.u-mright35 {
  margin-right: 35px !important; }

.u-mright36 {
  margin-right: 36px !important; }

.u-mright37 {
  margin-right: 37px !important; }

.u-mright38 {
  margin-right: 38px !important; }

.u-mright39 {
  margin-right: 39px !important; }

.u-mright40 {
  margin-right: 40px !important; }

.u-mright41 {
  margin-right: 41px !important; }

.u-mright42 {
  margin-right: 42px !important; }

.u-mright43 {
  margin-right: 43px !important; }

.u-mright44 {
  margin-right: 44px !important; }

.u-mright45 {
  margin-right: 45px !important; }

.u-mright46 {
  margin-right: 46px !important; }

.u-mright47 {
  margin-right: 47px !important; }

.u-mright48 {
  margin-right: 48px !important; }

.u-mright49 {
  margin-right: 49px !important; }

.u-mright50 {
  margin-right: 50px !important; }

.u-mbottom0 {
  margin-bottom: 0px !important; }

.u-mbottom1 {
  margin-bottom: 1px !important; }

.u-mbottom2 {
  margin-bottom: 2px !important; }

.u-mbottom3 {
  margin-bottom: 3px !important; }

.u-mbottom4 {
  margin-bottom: 4px !important; }

.u-mbottom5 {
  margin-bottom: 5px !important; }

.u-mbottom6 {
  margin-bottom: 6px !important; }

.u-mbottom7 {
  margin-bottom: 7px !important; }

.u-mbottom8 {
  margin-bottom: 8px !important; }

.u-mbottom9 {
  margin-bottom: 9px !important; }

.u-mbottom10 {
  margin-bottom: 10px !important; }

.u-mbottom11 {
  margin-bottom: 11px !important; }

.u-mbottom12 {
  margin-bottom: 12px !important; }

.u-mbottom13 {
  margin-bottom: 13px !important; }

.u-mbottom14 {
  margin-bottom: 14px !important; }

.u-mbottom15 {
  margin-bottom: 15px !important; }

.u-mbottom16 {
  margin-bottom: 16px !important; }

.u-mbottom17 {
  margin-bottom: 17px !important; }

.u-mbottom18 {
  margin-bottom: 18px !important; }

.u-mbottom19 {
  margin-bottom: 19px !important; }

.u-mbottom20 {
  margin-bottom: 20px !important; }

.u-mbottom21 {
  margin-bottom: 21px !important; }

.u-mbottom22 {
  margin-bottom: 22px !important; }

.u-mbottom23 {
  margin-bottom: 23px !important; }

.u-mbottom24 {
  margin-bottom: 24px !important; }

.u-mbottom25 {
  margin-bottom: 25px !important; }

.u-mbottom26 {
  margin-bottom: 26px !important; }

.u-mbottom27 {
  margin-bottom: 27px !important; }

.u-mbottom28 {
  margin-bottom: 28px !important; }

.u-mbottom29 {
  margin-bottom: 29px !important; }

.u-mbottom30 {
  margin-bottom: 30px !important; }

.u-mbottom31 {
  margin-bottom: 31px !important; }

.u-mbottom32 {
  margin-bottom: 32px !important; }

.u-mbottom33 {
  margin-bottom: 33px !important; }

.u-mbottom34 {
  margin-bottom: 34px !important; }

.u-mbottom35 {
  margin-bottom: 35px !important; }

.u-mbottom36 {
  margin-bottom: 36px !important; }

.u-mbottom37 {
  margin-bottom: 37px !important; }

.u-mbottom38 {
  margin-bottom: 38px !important; }

.u-mbottom39 {
  margin-bottom: 39px !important; }

.u-mbottom40 {
  margin-bottom: 40px !important; }

.u-mbottom41 {
  margin-bottom: 41px !important; }

.u-mbottom42 {
  margin-bottom: 42px !important; }

.u-mbottom43 {
  margin-bottom: 43px !important; }

.u-mbottom44 {
  margin-bottom: 44px !important; }

.u-mbottom45 {
  margin-bottom: 45px !important; }

.u-mbottom46 {
  margin-bottom: 46px !important; }

.u-mbottom47 {
  margin-bottom: 47px !important; }

.u-mbottom48 {
  margin-bottom: 48px !important; }

.u-mbottom49 {
  margin-bottom: 49px !important; }

.u-mbottom50 {
  margin-bottom: 50px !important; }

.u-mleft0 {
  margin-left: 0px !important; }

.u-mleft1 {
  margin-left: 1px !important; }

.u-mleft2 {
  margin-left: 2px !important; }

.u-mleft3 {
  margin-left: 3px !important; }

.u-mleft4 {
  margin-left: 4px !important; }

.u-mleft5 {
  margin-left: 5px !important; }

.u-mleft6 {
  margin-left: 6px !important; }

.u-mleft7 {
  margin-left: 7px !important; }

.u-mleft8 {
  margin-left: 8px !important; }

.u-mleft9 {
  margin-left: 9px !important; }

.u-mleft10 {
  margin-left: 10px !important; }

.u-mleft11 {
  margin-left: 11px !important; }

.u-mleft12 {
  margin-left: 12px !important; }

.u-mleft13 {
  margin-left: 13px !important; }

.u-mleft14 {
  margin-left: 14px !important; }

.u-mleft15 {
  margin-left: 15px !important; }

.u-mleft16 {
  margin-left: 16px !important; }

.u-mleft17 {
  margin-left: 17px !important; }

.u-mleft18 {
  margin-left: 18px !important; }

.u-mleft19 {
  margin-left: 19px !important; }

.u-mleft20 {
  margin-left: 20px !important; }

.u-mleft21 {
  margin-left: 21px !important; }

.u-mleft22 {
  margin-left: 22px !important; }

.u-mleft23 {
  margin-left: 23px !important; }

.u-mleft24 {
  margin-left: 24px !important; }

.u-mleft25 {
  margin-left: 25px !important; }

.u-mleft26 {
  margin-left: 26px !important; }

.u-mleft27 {
  margin-left: 27px !important; }

.u-mleft28 {
  margin-left: 28px !important; }

.u-mleft29 {
  margin-left: 29px !important; }

.u-mleft30 {
  margin-left: 30px !important; }

.u-mleft31 {
  margin-left: 31px !important; }

.u-mleft32 {
  margin-left: 32px !important; }

.u-mleft33 {
  margin-left: 33px !important; }

.u-mleft34 {
  margin-left: 34px !important; }

.u-mleft35 {
  margin-left: 35px !important; }

.u-mleft36 {
  margin-left: 36px !important; }

.u-mleft37 {
  margin-left: 37px !important; }

.u-mleft38 {
  margin-left: 38px !important; }

.u-mleft39 {
  margin-left: 39px !important; }

.u-mleft40 {
  margin-left: 40px !important; }

.u-mleft41 {
  margin-left: 41px !important; }

.u-mleft42 {
  margin-left: 42px !important; }

.u-mleft43 {
  margin-left: 43px !important; }

.u-mleft44 {
  margin-left: 44px !important; }

.u-mleft45 {
  margin-left: 45px !important; }

.u-mleft46 {
  margin-left: 46px !important; }

.u-mleft47 {
  margin-left: 47px !important; }

.u-mleft48 {
  margin-left: 48px !important; }

.u-mleft49 {
  margin-left: 49px !important; }

.u-mleft50 {
  margin-left: 50px !important; }

.arrow-up {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 9px solid #fff; }

.grayscale, .weather-banner .weather__hourly li img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */ }

.spacer {
  margin-top: 30px; }

body {
  background-color: #f2f0ed;
  padding-top: 74px; }
  @media screen and (min-width: 1331px) {
    body {
      padding-top: 118px; } }
  @media screen and (min-width: 820px) and (max-width: 1330px) {
    body {
      padding-top: 170px; } }
  @media screen and (min-width: 720px) and (max-width: 820px) {
    body {
      padding-top: 224px; } }

h1 a,
h2 a,
li a,
button a {
  text-decoration: none; }

a, button {
  outline: 0; }

#main img[src='Error.src'], .sidebar img[src='Error.src'] {
  display: none; }

body.weather #main img {
  background-image: none; }

@font-face {
  font-family: "HelveticaNeueLTStd-BdCn";
  src: url("/fonts/HelveticaNeueLTStd-BdCn.eot");
  src: url("/fonts/HelveticaNeueLTStd-BdCn.eot?#iefix") format("embedded-opentype"), url("/fonts/HelveticaNeueLTStd-BdCn.woff") format("woff"), url("/fonts/HelveticaNeueLTStd-BdCn.ttf") format("truetype"), url("/fonts/HelveticaNeueLTStd-BdCn.svg#svgFontName") format("svg"); }

@font-face {
  font-family: "HelveticaNeueLTStd-Cn";
  src: url("/fonts/HelveticaNeueLTStd-Cn.eot");
  src: url("/fonts/HelveticaNeueLTStd-Cn.eot?#iefix") format("embedded-opentype"), url("/fonts/HelveticaNeueLTStd-Cn.woff") format("woff"), url("/fonts/HelveticaNeueLTStd-Cn.ttf") format("truetype"), url("/fonts/HelveticaNeueLTStd-Cn.svg#svgFontName") format("svg"); }

@font-face {
  font-family: "Overpass-Bold";
  src: url("/fonts/overpass-bold.eot");
  src: url("/fonts/overpass-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/overpass-bold.woff") format("woff"), url("/fonts/overpass-bold.ttf") format("truetype"), url("/fonts/overpass-bold.svg#svgFontName") format("svg"); }

@font-face {
  font-family: "Overpass-Light";
  src: url("/fonts/overpass-light.eot");
  src: url("/fonts/overpass-light.eot?#iefix") format("embedded-opentype"), url("/fonts/overpass-light.woff") format("woff"), url("/fonts/overpass-light.ttf") format("truetype"), url("/fonts/overpass-light.svg#svgFontName") format("svg"); }

html {
  font-family: "Open Sans", sans-serif; }

/*
Headings
--------
```
<h1>Heading 1</h1>
<span class="h1">Heading 1</h1>
<h2>Heading 2</h2>
<span class="h2">Heading 2</h2>
<h3>Heading 3</h3>
<span class="h3">Heading 3</h3>
<h4>Heading 4</h4>
<span class="h4">Heading 4</h4>
<h5>Heading 5</h5>
<span class="h5">Heading 5</h5>
<h6>Heading 6</h6>
<span class="h6">Heading 6</h6>
```
 */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.alpha,
.beta,
.gamma,
.delta,
.epsilon,
.zeta {
  letter-spacing: 0;
  font-family: "Montserrat", 'sans-serif'; }

/*

Blockquote
----------
```
<blockquote>
  Lorem ipsum dolor sit amet, consectetur adipisicing.
</blockquote>
```
 */
/*

Small Font Size
----------
```
<span class="tiny">
  Lorem ipsum dolor sit amet, consectetur adipisicing
</span>
```
 */
.small-font {
  font-size: 11px; }

.small {
  font-size: 1.2rem; }

.blue {
  color: #1081AE; }

p,
span,
div {
  letter-spacing: 0; }

/* generated with grunt-sass-globbing */
/*
Advertisement Component
Simple container for advertising elements.
```
<div class="advert">
    <a href="#">
        <img src="http://placehold.it/350x250" width="100%" />
    </a>
</div>
```
 */
.block-gg-ads {
  display: inline-block; }

.autocomplete {
  position: absolute;
  transition: all 0.5s ease 0s;
  max-height: 0;
  overflow-y: hidden;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
  .autocomplete.open {
    display: block;
    transition: all 0.5s ease 0s;
    background-color: #FAFAFA;
    max-height: 500px;
    overflow-y: hidden;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
  .autocomplete:empty, .autocomplete.open:empty {
    display: none; }
  .autocomplete:active, .autocomplete:focus, .autocomplete:hover {
    background-color: #FAFAFA;
    transition: all 0.5s ease 0s; }
  .autocomplete > ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .autocomplete > ul > li {
      cursor: pointer;
      padding: 5px 0 5px 10px; }
      .autocomplete > ul > li.locked {
        cursor: inherit; }
      .autocomplete > ul > li.active, .autocomplete > ul > li:active, .autocomplete > ul > li:focus, .autocomplete > ul > li:hover {
        background-color: #EEEEEE;
        transition: all 0.5s ease 0s; }
      .autocomplete > ul > li.active a:active, .autocomplete > ul > li:active a:active, .autocomplete > ul > li:focus a:active, .autocomplete > ul > li:hover a:active, .autocomplete > ul > li.active a:focus, .autocomplete > ul > li:active a:focus, .autocomplete > ul > li:focus a:focus, .autocomplete > ul > li:hover a:focus, .autocomplete > ul > li.active a:hover, .autocomplete > ul > li:active a:hover, .autocomplete > ul > li:focus a:hover, .autocomplete > ul > li:hover a:hover {
        text-decoration: none; }

input[data-autocomplete] {
  border-color: #808080;
  border-style: none none solid none;
  border-width: 0px 0px 1px 0px;
  margin: 0px;
  padding: 5px;
  width: 100%; }

.contact {
  margin: 20px; }
  .contact__text {
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif !important; }
  .contact__select {
    margin-top: 0 !important; }
  .contact input, .contact label, .contact select, .contact textarea {
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
    display: block;
    margin: 20px 0;
    padding: 4px 10px;
    height: 31px;
    width: 100%; }
  .contact textarea {
    width: 100%;
    min-height: 150px; }
  .contact__label {
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif !important;
    padding: 0 !important;
    margin-bottom: 0 !important; }
  .contact__submit {
    background-color: #f9d713;
    float: right;
    padding: 20px 40px !important;
    line-height: 0px;
    font-size: 20px;
    text-align: right;
    width: auto !important;
    border: none;
    font-family: "Montserrat"; }

#light-slider__carousel {
  position: relative;
  padding-left: 0;
  height: auto !important;
  z-index: 1; }
  .layout-mode--basic #light-slider__carousel .lslide:not(:nth-child(-n+3)) {
    display: none; }
  .layout-mode--basic #light-slider__carousel .lslide:nth-child(3) article {
    padding-bottom: 0; }
  @media screen and (min-width: 720px) {
    .layout-mode--basic #light-slider__carousel {
      height: 111px !important; }
      .layout-mode--basic #light-slider__carousel .lslide:not(:nth-child(-n+3)) {
        display: block; }
      .layout-mode--basic #light-slider__carousel .media__body {
        position: relative; }
        .layout-mode--basic #light-slider__carousel .media__body .article__flag, .layout-mode--basic #light-slider__carousel .media__body .block__flag {
          margin-top: 0;
          left: 0 !important; } }
  #light-slider__carousel .article__flag .arrow-right, #light-slider__carousel .block__flag .arrow-right, #light-slider__carousel .article__flag .arrow-right--grey, #light-slider__carousel .block__flag .arrow-right--grey, #light-slider__carousel .article__flag .arrow-right--white, #light-slider__carousel .block__flag .arrow-right--white {
    margin: 3px 10px 0 0; }
  #light-slider__carousel .teaser__content {
    background: transparent; }

.layout-mode--basic .lSGallery {
  display: none; }

@keyframes preload-show-1 {
  from {
    transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-hide-1 {
  to {
    transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-cycle-1 {
  5% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #d1a138; }
  10%,
  75% {
    transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color: #f9d713; }
  80%,
  100% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-show-2 {
  from {
    transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-hide-2 {
  to {
    transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-cycle-2 {
  10% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #d1a138; }
  15%,
  70% {
    transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color: #f9d713; }
  75%,
  100% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-show-3 {
  from {
    transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-hide-3 {
  to {
    transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-cycle-3 {
  15% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #d1a138; }
  20%,
  65% {
    transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color: #f9d713; }
  70%,
  100% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-show-4 {
  from {
    transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-hide-4 {
  to {
    transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-cycle-4 {
  20% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #d1a138; }
  25%,
  60% {
    transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color: #f9d713; }
  65%,
  100% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-show-5 {
  from {
    transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-hide-5 {
  to {
    transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-cycle-5 {
  25% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #d1a138; }
  30%,
  55% {
    transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color: #f9d713; }
  60%,
  100% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-show-6 {
  from {
    transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-hide-6 {
  to {
    transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-cycle-6 {
  30% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #d1a138; }
  35%,
  50% {
    transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color: #f9d713; }
  55%,
  100% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #d1a138; } }

@keyframes preload-flip {
  0% {
    transform: rotateY(0deg) rotateZ(-60deg); }
  100% {
    transform: rotateY(360deg) rotateZ(-60deg); } }

.preloader {
  display: none;
  font-size: 20px;
  display: block;
  width: 3.75em;
  height: 4.25em;
  transform-origin: center center;
  transform: rotateY(180deg) rotateZ(-60deg);
  margin: auto; }
  .preloader .slice {
    border-top: 1.125em solid transparent;
    border-right: none;
    border-bottom: 1em solid transparent;
    border-left: 1.875em solid #f9d713;
    position: absolute;
    top: 0px;
    left: 50%;
    transform-origin: left bottom;
    border-radius: 3px 3px 0 0; }
  .preloader .slice:nth-child(1) {
    transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.82s preload-hide-1 both 1; }
  .preloader .slice:nth-child(2) {
    transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.74s preload-hide-2 both 1; }
  .preloader .slice:nth-child(3) {
    transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.66s preload-hide-3 both 1; }
  .preloader .slice:nth-child(4) {
    transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.58s preload-hide-4 both 1; }
  .preloader .slice:nth-child(5) {
    transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.5s preload-hide-5 both 1; }
  .preloader .slice:nth-child(6) {
    transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
    animation: 0.15s linear 0.42s preload-hide-6 both 1; }
  .preloader.loading {
    animation: 2s preload-flip steps(2) infinite both; }
    .preloader.loading .slice:nth-child(1) {
      transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
      animation: 2s preload-cycle-1 linear infinite both; }
    .preloader.loading .slice:nth-child(2) {
      transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
      animation: 2s preload-cycle-2 linear infinite both; }
    .preloader.loading .slice:nth-child(3) {
      transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
      animation: 2s preload-cycle-3 linear infinite both; }
    .preloader.loading .slice:nth-child(4) {
      transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
      animation: 2s preload-cycle-4 linear infinite both; }
    .preloader.loading .slice:nth-child(5) {
      transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
      animation: 2s preload-cycle-5 linear infinite both; }
    .preloader.loading .slice:nth-child(6) {
      transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
      animation: 2s preload-cycle-6 linear infinite both; }
  .preloader--center .preloader {
    position: fixed;
    z-index: 99;
    top: 50%;
    left: 50%;
    margin-left: -1.875em;
    margin-top: -2.125em; }
  .preloader--center.preloader__wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 98;
    left: 0;
    top: 0;
    background: black;
    /* The Fallback */
    background: rgba(0, 0, 0, 0.2); }
  .preloader--sm .preloader {
    font-size: 20%; }
  .preloader--std .preloader {
    font-size: 70%; }
  .preloader--big .preloader {
    font-size: 150%; }

.wrapper-lightBox--switcher {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10000; }
  .wrapper-lightBox--switcher .popup-lightBox {
    width: 46%;
    height: 427px;
    margin: auto;
    margin-top: 22%;
    background-color: #1a1a1a;
    color: #ffffff;
    font-weight: bold;
    padding: 20px;
    clear: both; }
    @media screen and (min-width: 721px) and (max-width: 1050px) {
      .wrapper-lightBox--switcher .popup-lightBox {
        width: 70%; } }
    @media screen and (max-width: 720px) {
      .wrapper-lightBox--switcher .popup-lightBox {
        width: 100%;
        height: auto; } }
    @media screen and (min-width: 720px) {
      .wrapper-lightBox--switcher .popup-lightBox {
        margin-top: 18%; } }
    @media screen and (min-width: 1700px) {
      .wrapper-lightBox--switcher .popup-lightBox {
        margin-top: 14%; } }
    .wrapper-lightBox--switcher .popup-lightBox-title {
      font-family: "Overpass-Bold";
      position: relative;
      margin-top: 0; }
      .wrapper-lightBox--switcher .popup-lightBox-title a {
        color: #ffffff; }
      .wrapper-lightBox--switcher .popup-lightBox-title .icon {
        position: absolute;
        right: 15px;
        top: -15px; }
    .wrapper-lightBox--switcher .popup-lightBox-body {
      padding: 0px 65px 32px 65px;
      clear: both; }

.search__result-column {
  margin-top: 12px; }

.search__filter-column {
  margin-bottom: 40px; }
  .search__filter-column__search-term {
    background-color: #f2f0ed;
    overflow: hidden;
    width: 75%;
    float: left; }
    @media screen and (min-width: 720px) {
      .search__filter-column__search-term {
        width: 100%; } }
    .search__filter-column__search-term input {
      border: none;
      background-color: transparent;
      height: 100%;
      color: black;
      font-size: 14px;
      padding: 14px 12px;
      border: none;
      font-family: "Montserrat";
      width: 100%;
      padding-right: 38px; }
    .search__filter-column__search-term ul {
      margin: 0;
      padding: 0;
      background-color: white;
      list-style-type: none;
      letter-spacing: 0 !important;
      border: 1px #f2f0ed solid;
      border-top: none; }
      .search__filter-column__search-term ul li {
        padding: 10px;
        cursor: pointer; }
        .search__filter-column__search-term ul li.active, .search__filter-column__search-term ul li:hover {
          background-color: #F6F4F2; }
  .search__filter-column__fold-unfold {
    width: 25%;
    color: black;
    font-size: 13px;
    float: left;
    padding: 14px 12px;
    padding-right: 0;
    text-decoration: none;
    letter-spacing: 0;
    text-align: center; }
    @media screen and (min-width: 720px) {
      .search__filter-column__fold-unfold {
        display: none; } }
  .search__filter-column__search-type {
    font-family: "Overpass-Bold";
    color: #666;
    font-size: 14px;
    padding: 15px 12px;
    margin: 0;
    border-bottom: 1px #c2c2c2 solid; }

.search__404 {
  padding: 10px 46px; }
  .search__404 p {
    font-family: "Montserrat";
    text-align: center;
    font-size: 16px; }
    @media screen and (min-width: 720px) {
      .search__404 p {
        font-size: 23px; } }
  .search__404__wrapper {
    max-width: 400px;
    margin: auto; }
  .search__404 svg {
    display: block;
    margin: auto; }

.search .search-spacer {
  padding: 10px;
  padding-left: 30px;
  padding-bottom: 0 !important; }
  @media screen and (min-width: 720px) {
    .search .search-spacer {
      padding: 20px;
      padding-left: 40px; } }

.search.theme-block:first-child .sub-navigation {
  display: block !important; }
  .search.theme-block:first-child .sub-navigation .sub-navigation__wrapper {
    -webkit-box-shadow: 0px 11px 33px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 11px 33px -12px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 11px 33px -12px rgba(0, 0, 0, 0.75); }

.search > .theme-block__spacer {
  padding-top: 0; }
  @media screen and (min-width: 720px) {
    .search > .theme-block__spacer {
      padding-top: 20px; } }

.search .triangle-search {
  width: 0;
  height: 0;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  top: 100%;
  float: right;
  margin-top: 7px; }
  @media screen and (min-width: 720px) {
    .search .triangle-search {
      opacity: 0 !important; } }

.search .close .triangle-search {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.search .disable .triangle-search {
  width: 0;
  height: 0;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #bbb; }

.search .close .filter-list {
  display: none; }
  @media screen and (min-width: 720px) {
    .search .close .filter-list {
      display: block !important; } }

.search .disable.search__filter-column__fold-unfold {
  color: #bbb; }

.search .search-form__icon {
  position: absolute;
  height: 46px;
  right: 30%;
  top: 10px; }
  @media screen and (min-width: 720px) {
    .search .search-form__icon {
      right: 40px;
      top: 20px; } }
  .search .search-form__icon::before {
    top: 40%;
    position: relative; }

.search .latest-stories {
  margin-left: 0px; }

.page-cookie table td, .page-cookie table th {
  padding: 8px 10px; }

.page-cookie .cookie-bold {
  font-weight: bold; }

.page-contribution h2 {
  padding-bottom: 2px; }

.page-contribution .contrib_icons {
  padding-right: 15px; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden; }

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.error-404 .search__search-term {
  position: relative;
  background-color: #f2f0ed;
  overflow: hidden;
  width: 75%;
  float: left; }
  @media screen and (min-width: 720px) {
    .error-404 .search__search-term {
      width: 100%; } }
  .error-404 .search__search-term input {
    border: none;
    background-color: transparent;
    height: 100%;
    color: black;
    font-size: 14px;
    padding: 14px 12px;
    border: none;
    font-family: "Montserrat";
    width: 100%;
    padding-right: 38px; }
  .error-404 .search__search-term ul {
    margin: 0;
    padding: 0;
    background-color: white;
    list-style-type: none;
    letter-spacing: 0 !important;
    border: 1px #f2f0ed solid;
    border-top: none; }
    .error-404 .search__search-term ul li {
      padding: 10px;
      cursor: pointer; }
      .error-404 .search__search-term ul li.active, .error-404 .search__search-term ul li:hover {
        background-color: #F6F4F2; }
  .error-404 .search__search-term .search-form__icon {
    position: absolute;
    height: 46px;
    right: 20px;
    top: 0; }
    @media screen and (min-width: 720px) {
      .error-404 .search__search-term .search-form__icon {
        right: 20px; } }
    .error-404 .search__search-term .search-form__icon::before {
      top: 40%;
      position: relative; }

.error-404 .message, .error-500 .message {
  font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
  font-size: 20px;
  text-align: center; }
  .error-404 .message-left, .error-500 .message-left {
    text-align: left; }

.error-404 .title, .error-500 .title {
  font-family: "Montserrat";
  font-size: 24px;
  text-align: center; }

.error-404 .image, .error-500 .image {
  text-align: center;
  margin: 0 20%; }
  .error-404 .image img, .error-500 .image img {
    width: 100%; }

.error-404 .search__search-term, .error-500 .search__search-term {
  float: none;
  margin: 30px 0; }

.teaser__static-page h1 {
  color: #f9d713;
  line-height: 1.15em; }

.teaser__static-page blockquote {
  border: 1px solid #000;
  padding: 5px 15px 15px 15px; }
  .teaser__static-page blockquote strong {
    color: #f9d713; }

/*
 *  Usage:
 *
 *    <div class="sk-three-bounce">
 *      <div class="sk-child sk-bounce1"></div>
 *      <div class="sk-child sk-bounce2"></div>
 *      <div class="sk-child sk-bounce3"></div>
 *    </div>
 *
 */
.sk-three-bounce {
  margin: 40px auto;
  width: 80px;
  text-align: center; }
  .sk-three-bounce.preloader--sm .sk-child {
    width: 5px;
    height: 5px; }
  .sk-three-bounce.preloader--std .sk-child {
    width: 10px;
    height: 10px; }
  .sk-three-bounce.preloader--big .sk-child {
    width: 20px;
    height: 20px; }
  .sk-three-bounce.preloader--center .sk-child {
    margin: auto;
    position: fixed; }

.sk-three-bounce .sk-child {
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }

.sk-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.sk-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

/*
 *  Usage:
 *   <div class="circular-loader preloader--{{ option }}"></div>
 */
.circular-loader {
  position: absolute;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  text-indent: -9999em;
  -webkit-animation: animCircularLoader 1.1s infinite ease;
  animation: animCircularLoader 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }
  .circular-loader.preloader--sm {
    font-size: 4px;
    right: 16px;
    margin-top: -20px; }
  .circular-loader.preloader--std {
    font-size: 6px;
    right: 20px;
    margin-top: -20px; }
  .circular-loader.preloader--big {
    font-size: 8px;
    right: 24px;
    margin-top: -20px; }
  .circular-loader.preloader--center {
    font-size: 8px;
    margin: auto;
    position: fixed; }

@-webkit-keyframes animCircularLoader {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } }

@keyframes animCircularLoader {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } }

.h3-weather--subtitle, .h4-weather--subtitle {
  font-family: "Overpass-Bold";
  font-size: 16px;
  margin-bottom: 5px;
  padding-left: 20px; }

@media screen and (min-width: 720px) {
  .h3-weather--subtitle {
    font-size: 24px; } }

.block-mobile-gutter {
  padding: 0 20px !important; }
  @media screen and (min-width: 720px) {
    .block-mobile-gutter {
      padding: 0 !important; } }

.weather__temp-max, .weather__temp-min {
  font-family: "Montserrat"; }

.weather-sun-time li {
  font-size: 14px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding-right: 15px; }
  .weather-sun-time li:not(:last-child) {
    border-right: 1px solid #2b2b2b; }
  @media screen and (min-width: 720px) {
    .weather-sun-time li {
      font-size: 16px; } }

.weather__temp-max {
  position: relative;
  color: #ea5932; }
  .weather__temp-max::after {
    content: '';
    display: block;
    height: 1px;
    background-color: #1a1a1a;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
    position: absolute; }

@media screen and (min-width: 1024px) {
  .weather__temp--large {
    margin-top: 60px; } }

.weather__temp--large .weather__temp-max {
  font-size: 40px;
  padding-left: 20px; }
  @media screen and (min-width: 720px) {
    .weather__temp--large .weather__temp-max {
      font-size: 106px;
      line-height: 1em;
      padding-left: 0; } }
  .weather__temp--large .weather__temp-max::after {
    top: 26px;
    left: 114px;
    width: 20%; }
    @media screen and (min-width: 720px) {
      .weather__temp--large .weather__temp-max::after {
        top: 133px;
        left: 0;
        width: 15%; } }

.weather__temp--large .weather__temp-min {
  font-size: 22px;
  position: relative;
  top: 0;
  left: 0;
  margin-left: 15px; }
  @media screen and (min-width: 720px) {
    .weather__temp--large .weather__temp-min {
      font-size: 45px;
      line-height: 1em;
      display: block;
      margin-left: 34px; } }

.weather-banner {
  display: none;
  min-height: 85px;
  position: absolute;
  background-color: #f6f5f2;
  left: 0;
  z-index: 2;
  width: 100%;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
  font-family: "Montserrat";
  font-size: 16px; }
  @media screen and (min-width: 721px) and (max-width: 1050px) {
    .weather-banner .layout__item:first-child {
      overflow-x: scroll; } }
  .weather-banner__wrapper {
    min-width: 1085px; }
    .weather-banner__wrapper--mobile {
      display: none; }
      @media screen and (max-width: 720px) {
        .weather-banner__wrapper--mobile {
          display: block; } }
  .weather-banner a {
    color: #1a1a1a; }
  .weather-banner .weather__temp-max {
    font-size: 26px; }
    .weather-banner .weather__temp-max::after {
      top: 26px;
      width: 100%;
      left: 14px; }
  .weather-banner .weather__temp-min {
    font-size: 16px;
    position: relative;
    top: 20px;
    left: -10px; }
  .weather-banner .weather__date {
    font-size: 14px; }
  .weather-banner .weather__city {
    font-size: 22px; }
  .weather-banner .layout__item {
    padding: 13px 0 13px 13px; }
  .weather-banner .layout__separator {
    border-right: 2px solid #c2c2c2; }
  .weather-banner .weather__weekly .weather__temp-min {
    font-size: 13px;
    top: 4px;
    left: 0; }
  .weather-banner .weather__hourly li {
    width: 18%;
    text-align: center;
    font-size: 13px;
    line-height: 1.2em;
    vertical-align: top;
    color: #666; }
    .weather-banner .weather__hourly li img {
      display: block;
      margin: auto; }
  .weather-banner .weather__hourly-temp {
    color: #ea5932;
    font-size: 16px;
    display: block; }

.weather__weekly {
  font-size: 13px; }
  .weather__weekly .layout__separator:not(:first-child), .weather__weekly .layout__separator:not(:first-child) + div {
    padding-left: 10px; }
  .weather__weekly .crop {
    width: 35px;
    height: 35px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle; }
    .weather__weekly .crop img {
      margin-top: -5px;
      margin-left: -5px; }
  .weather__weekly .weather__temp-max {
    font-size: 16px; }
    .weather__weekly .weather__temp-max::after {
      top: 10px;
      width: 40%;
      left: 21px; }
  .weather__weekly .weather__temp-min {
    font-size: 13px;
    top: 8px;
    left: -5px; }
  .weather__weekly.active {
    background-color: #f2f0ed; }

.cities__search-form {
  background-color: #fff;
  margin-top: -20px;
  padding: 12px 15px 15px 30px; }
  @media screen and (min-width: 720px) {
    .cities__search-form {
      padding-left: 40px;
      margin-left: -10px; } }
  .cities__search-form .weather-sponsor {
    float: right;
    width: 18%;
    margin-left: 2%;
    display: none; }
    @media screen and (min-width: 720px) {
      .cities__search-form .weather-sponsor {
        width: 100%;
        float: none;
        margin-left: 0; } }
  .cities__search-form i {
    top: 5px;
    right: 0;
    position: absolute;
    width: 35px;
    height: 19px;
    z-index: 4;
    line-height: 1rem; }

.tabs__wrapper .weather__weekly {
  display: inline-block !important;
  width: 20%;
  font-size: 12px;
  font-family: "Montserrat";
  padding-top: 5px;
  padding-bottom: 11px; }
  @media screen and (min-width: 720px) {
    .tabs__wrapper .weather__weekly {
      font-size: 16px; } }

@media screen and (min-width: 1024px) {
  .tabs__wrapper {
    margin-top: -20px;
    margin-right: -30px; } }

@media screen and (min-width: 720px) {
  .layout-mode--basic .weather #light-slider__carousel {
    height: auto !important; } }

.hr {
  margin: 0 20px;
  border: 1px solid #c2c2c2; }
  @media screen and (min-width: 720px) {
    .hr {
      display: none; } }

.weather__city-list, .weather__observation-list {
  padding: 0 20px;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%; }
  .weather__city-list .weather__state, .weather__city-list .observation__state, .weather__observation-list .weather__state, .weather__observation-list .observation__state {
    display: inline-block; }
  .weather__city-list li, .weather__observation-list li {
    font-size: 13px;
    border-bottom: 1px solid #c2c2c2;
    line-height: 2em; }
    .weather__city-list li a, .weather__observation-list li a {
      color: #2b2b2b;
      display: inline-block;
      width: 100%; }

@media screen and (min-width: 1224px) {
  .weather__city-list {
    display: inline-block;
    width: 44%;
    margin-right: 25px; } }

.weather__observation-list {
  padding: 0; }
  .weather__observation-list:last-child {
    margin-bottom: 35px; }
  .weather__observation-list li {
    color: #2b2b2b; }
    .weather__observation-list li span {
      color: #666; }

.weather-landing .weather__temp-max {
  font-size: 26px; }
  .weather-landing .weather__temp-max::after {
    top: 26px;
    width: 100%;
    left: 14px; }

.weather-landing .weather__temp-min {
  font-size: 16px;
  position: relative;
  top: 20px;
  left: -10px; }

.weather-landing .weather-time__wrapper h2 {
  font-size: 20px;
  display: inline-block;
  margin: 15px 37px 20px 0;
  padding-left: 20px; }
  @media screen and (min-width: 720px) {
    .weather-landing .weather-time__wrapper h2 {
      font-size: 34px;
      padding-left: 0;
      display: block;
      margin: 0;
      line-height: 1.1em; } }

@media screen and (min-width: 720px) {
  .weather-landing .weather__date {
    display: inline-block; } }

.weather-landing .weather__date .weather__time {
  line-height: 1em;
  padding-left: 10px;
  border-left: 1px solid;
  margin-left: 10px; }
  @media screen and (min-width: 720px) {
    .weather-landing .weather__date .weather__time {
      display: block;
      font-size: 26px;
      border-left: 0;
      margin-left: 0;
      padding-left: 0; } }

.weather-landing .weather__current-day {
  font-size: 26px; }

.weather-landing .weather-slider__carousel {
  position: relative;
  overflow: hidden;
  max-width: 95%; }
  .weather-landing .weather-slider__carousel::before {
    content: '';
    display: block;
    height: 100%;
    width: 60px;
    position: absolute;
    left: -100px;
    top: 0;
    -webkit-box-shadow: 50px 0 65px 15px #f2f0ed;
    -moz-box-shadow: 50px 0 65px 15px #f2f0ed;
    box-shadow: 50px 0 65px 15px #f2f0ed;
    z-index: 2; }
  .weather-landing .weather-slider__carousel::after {
    content: '';
    display: block;
    height: 100%;
    width: 60px;
    position: absolute;
    top: 0;
    right: -100px;
    -webkit-box-shadow: -50px 0 65px 15px #f2f0ed;
    -moz-box-shadow: -50px 0 65px 15px #f2f0ed;
    box-shadow: -50px 0 65px 15px #f2f0ed;
    z-index: 2; }
  .weather-landing .weather-slider__carousel li {
    border-right: 1px solid #c2c2c2; }
    .weather-landing .weather-slider__carousel li a {
      color: #2b2b2b; }
  .weather-landing .weather-slider__carousel .weather__temp-min {
    top: 5px;
    left: -7px; }

.weather-landing .lSAction > .lSPrev, .weather-landing .lSAction > .lSNext {
  background-color: transparent; }

.weather-landing .weather__temp-min, .weather-landing small {
  font-size: 12px; }

.weather-landing small {
  color: #ea5932;
  font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }

.weather-landing .weather__temp-min {
  padding: 0 3px; }

.weather-landing .weather__temp-max {
  font-size: 20px;
  padding: 0 3px; }
  .weather-landing .weather__temp-max::after {
    top: 13px;
    width: 40%;
    left: 30px; }

.weather-landing .lSAction > .lSPrev .chevron.left::before {
  left: -8px; }
  @media screen and (min-width: 720px) {
    .weather-landing .lSAction > .lSPrev .chevron.left::before {
      left: -12px; } }

.weather-landing .lSAction > .lSNext .chevron.right::before {
  left: 8px; }
  @media screen and (min-width: 720px) {
    .weather-landing .lSAction > .lSNext .chevron.right::before {
      left: 12px; } }

.weather-landing .weather-map__wrapper {
  margin-top: 35px; }
  @media screen and (min-width: 720px) {
    .weather-landing .weather-map__wrapper {
      margin-top: 0; } }
  .weather-landing .weather-map__wrapper .weather-map {
    position: relative;
    width: 316px;
    height: 350px;
    background: url("http://static.euronews.com/data/af/africa-map.jpg") no-repeat;
    margin: auto; }
    .weather-landing .weather-map__wrapper .weather-map .weather-map-city {
      opacity: 0;
      color: #2b2b2b;
      display: block;
      cursor: pointer;
      position: absolute;
      background-color: #fff;
      width: 150px;
      right: 15px;
      top: -15px;
      font-size: 12px;
      box-shadow: -3px 3px rgba(0, 0, 0, 0.1);
      -webkit-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out false;
      -o-transition: opacity 0.3s ease-in-out false;
      transition: opacity 0.3s ease-in-out;
      z-index: -1; }
      .weather-landing .weather-map__wrapper .weather-map .weather-map-city span {
        color: #ea5932; }
      .weather-landing .weather-map__wrapper .weather-map .weather-map-city a {
        text-decoration: none; }
      .weather-landing .weather-map__wrapper .weather-map .weather-map-city::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        right: 0;
        top: 30%;
        border: 12px solid transparent;
        border-right-color: #fff;
        z-index: 1; }
    .weather-landing .weather-map__wrapper .weather-map .weather-local.weather-map-city__show .weather-map-city {
      opacity: 1;
      z-index: 2; }

.weather__location {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.weather-city-landing, .weather-landing {
  font-family: "Montserrat"; }
  .weather-city-landing .main-content .search-form, .weather-landing .main-content .search-form {
    width: 80%;
    float: left; }
    @media screen and (min-width: 720px) {
      .weather-city-landing .main-content .search-form, .weather-landing .main-content .search-form {
        width: 100%;
        float: none;
        margin-top: 10px; } }
    .weather-city-landing .main-content .search-form__query, .weather-landing .main-content .search-form__query {
      color: #fff;
      background-color: #f2f0ed;
      width: 100%;
      position: relative;
      padding: 10px 60px 10px 10px;
      font-size: 14px;
      color: #2b2b2b; }
      .weather-city-landing .main-content .search-form__query:focus, .weather-landing .main-content .search-form__query:focus {
        left: 0;
        width: 100%; }
      .weather-city-landing .main-content .search-form__query + ul, .weather-landing .main-content .search-form__query + ul {
        z-index: 10000;
        max-height: 180px;
        overflow: hidden; }
        .weather-city-landing .main-content .search-form__query + ul a, .weather-landing .main-content .search-form__query + ul a {
          font-family: sans-serif; }
          .weather-city-landing .main-content .search-form__query + ul a img, .weather-landing .main-content .search-form__query + ul a img {
            display: block;
            margin: auto; }
  .weather-city-landing .lSSlideOuter, .weather-landing .lSSlideOuter {
    background-color: transparent; }
  .weather-city-landing .lightSlider, .weather-landing .lightSlider {
    margin-left: 0; }
  .weather-city-landing .weather__date, .weather-landing .weather__date {
    font-size: 13px; }

.weather-city-landing .h3-weather--subtitle {
  font-size: 36px;
  color: #ea5932;
  font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
  font-weight: normal;
  margin-top: -20px;
  padding-left: 0; }
  .weather-city-landing .h3-weather--subtitle + p {
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
    font-size: 14px; }

.weather-city-landing .sub-navigation + .layout {
  background-color: #fff; }

.weather-city-landing .weather-time__wrapper {
  font-family: "Montserrat";
  padding: 0 20px; }
  @media screen and (min-width: 720px) {
    .weather-city-landing .weather-time__wrapper {
      padding-left: 0; } }
  .weather-city-landing .weather-time__wrapper h2 {
    font-size: 40px;
    margin: 0 0 10px;
    line-height: 1em; }
    @media screen and (min-width: 1024px) {
      .weather-city-landing .weather-time__wrapper h2 {
        font-size: 70px;
        letter-spacing: -3px; } }
  .weather-city-landing .weather-time__wrapper .weather__current-day {
    font-size: 13px; }
    @media screen and (min-width: 720px) {
      .weather-city-landing .weather-time__wrapper .weather__current-day {
        font-size: 26px;
        display: block; } }
  .weather-city-landing .weather-time__wrapper .weather__time {
    line-height: 1em;
    padding-left: 10px;
    border-left: 1px solid;
    margin-left: 10px; }

.weather-local {
  position: absolute;
  margin: -15px 0 0 -15px; }

.weather__temp-curve {
  min-height: 180px !important;
  margin-top: 15px; }
  @media screen and (min-width: 720px) {
    .weather__temp-curve {
      height: 175px;
      margin-top: 0; } }
  .weather__temp-curve li {
    position: relative;
    color: #ea5932;
    font-size: 16px;
    width: 12.5%;
    height: 100%;
    border-left: 1px solid #c2c2c2;
    margin-left: -6px; }
    .weather__temp-curve li .grayscale, .weather__temp-curve .weather-banner .weather__hourly li img, .weather-banner .weather__hourly .weather__temp-curve li img {
      height: 100%; }
    .weather__temp-curve li .grayscale img, .weather__temp-curve .weather-banner .weather__hourly li img img, .weather-banner .weather__hourly .weather__temp-curve li img img {
      display: block;
      margin: auto; }
    .weather__temp-curve li:last-child {
      border-right: 1px solid #c2c2c2; }
  .weather__temp-curve .weather__temp--hourly {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    font-size: 13px;
    color: #2b2b2b;
    padding-top: 3px; }
    .weather__temp-curve .weather__temp--hourly::before {
      content: "•";
      font-size: 23px;
      position: absolute;
      top: -14px;
      left: 50%;
      margin-left: -6px; }

.block-bg-wsymbol_0002_sunny_intervals {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0002_sunny_intervals::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0002_sunny_intervals.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0002_sunny_intervals::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0003_white_cloud {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0003_white_cloud::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0003_white_cloud.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0003_white_cloud::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0001_sunny {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0001_sunny::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0001_sunny.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0001_sunny::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0002_sunny_intervals {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0002_sunny_intervals::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0002_sunny_intervals.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0002_sunny_intervals::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0007_fog {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0007_fog::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0007_fog.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0007_fog::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0045_hot {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0045_hot::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0045_hot.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0045_hot::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0005_hazy_sun {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0005_hazy_sun::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0005_hazy_sun.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0005_hazy_sun::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0046_cold {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0046_cold::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0046_cold.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0046_cold::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0020_cloudy_with_heavy_snow {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0020_cloudy_with_heavy_snow::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0020_cloudy_with_heavy_snow.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0020_cloudy_with_heavy_snow::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0004_black_low_cloud {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0004_black_low_cloud::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0004_black_low_cloud.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0004_black_low_cloud::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0017_cloudy_with_light_rain {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0017_cloudy_with_light_rain::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0017_cloudy_with_light_rain.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0017_cloudy_with_light_rain::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0019_cloudy_with_light_snow {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0019_cloudy_with_light_snow::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0019_cloudy_with_light_snow.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0019_cloudy_with_light_snow::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0060_windy {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0060_windy::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0060_windy.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0060_windy::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0021_cloudy_with_sleet {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0021_cloudy_with_sleet::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0021_cloudy_with_sleet.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0021_cloudy_with_sleet::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0052_extreme_snow {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0052_extreme_snow::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0052_extreme_snow.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0052_extreme_snow::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0053_blowing_snow {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0053_blowing_snow::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0053_blowing_snow.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0053_blowing_snow::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0051_extreme_rain {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0051_extreme_rain::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0051_extreme_rain.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0051_extreme_rain::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0020_cloudy_with_heavy_snow {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0020_cloudy_with_heavy_snow::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0020_cloudy_with_heavy_snow.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0020_cloudy_with_heavy_snow::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0024_thunderstorms {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0024_thunderstorms::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0024_thunderstorms.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0024_thunderstorms::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0001_sunny {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0001_sunny::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0001_sunny.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0001_sunny::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0999_unknown {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0999_unknown::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0999_unknown.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0999_unknown::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0018_cloudy_with_heavy_rain {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0018_cloudy_with_heavy_rain::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0018_cloudy_with_heavy_rain.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0018_cloudy_with_heavy_rain::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0089_heavy_sleet {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0089_heavy_sleet::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0089_heavy_sleet.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0089_heavy_sleet::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0021_cloudy_with_sleet {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0021_cloudy_with_sleet::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0021_cloudy_with_sleet.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0021_cloudy_with_sleet::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0050_freezing_rain {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0050_freezing_rain::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0050_freezing_rain.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0050_freezing_rain::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0009_light_rain_showers {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0009_light_rain_showers::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0009_light_rain_showers.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0009_light_rain_showers::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0010_heavy_rain_showers {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0010_heavy_rain_showers::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0010_heavy_rain_showers.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0010_heavy_rain_showers::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0016_thundery_showers {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0016_thundery_showers::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0016_thundery_showers.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0016_thundery_showers::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0016_thundery_showers {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0016_thundery_showers::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0016_thundery_showers.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0016_thundery_showers::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0016_thundery_showers {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0016_thundery_showers::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0016_thundery_showers.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0016_thundery_showers::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0016_thundery_showers {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0016_thundery_showers::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0016_thundery_showers.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0016_thundery_showers::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0008_clear_sky_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0008_clear_sky_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0008_clear_sky_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0008_clear_sky_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0041_partly_cloudy_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0041_partly_cloudy_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0041_partly_cloudy_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0041_partly_cloudy_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0044_mostly_cloudy_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0044_mostly_cloudy_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0044_mostly_cloudy_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0044_mostly_cloudy_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0032_thundery_showers_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0032_thundery_showers_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0032_thundery_showers_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0032_thundery_showers_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0032_thundery_showers_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0032_thundery_showers_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0032_thundery_showers_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0032_thundery_showers_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0041_partly_cloudy_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0041_partly_cloudy_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0041_partly_cloudy_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0041_partly_cloudy_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0042_cloudy_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0042_cloudy_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0042_cloudy_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0042_cloudy_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0064_fog_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0064_fog_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0064_fog_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0064_fog_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0025_light_rain_showers_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0025_light_rain_showers_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0025_light_rain_showers_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0025_light_rain_showers_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0026_heavy_rain_showers_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0026_heavy_rain_showers_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0026_heavy_rain_showers_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0026_heavy_rain_showers_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0069_extreme_rain_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0069_extreme_rain_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0069_extreme_rain_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0069_extreme_rain_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0027_light_snow_showers_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0027_light_snow_showers_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0027_light_snow_showers_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0027_light_snow_showers_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0028_heavy_snow_showers_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0028_heavy_snow_showers_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0028_heavy_snow_showers_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0028_heavy_snow_showers_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0029_sleet_showers_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0029_sleet_showers_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0029_sleet_showers_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0029_sleet_showers_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0068_freezing_rain_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0068_freezing_rain_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0068_freezing_rain_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0068_freezing_rain_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0067_freezing_drizzle_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0067_freezing_drizzle_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0067_freezing_drizzle_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0067_freezing_drizzle_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0035_cloudy_with_light_snow_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0035_cloudy_with_light_snow_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0035_cloudy_with_light_snow_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0035_cloudy_with_light_snow_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0036_cloudy_with_heavy_snow_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0036_cloudy_with_heavy_snow_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0036_cloudy_with_heavy_snow_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0036_cloudy_with_heavy_snow_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0062_cold_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0062_cold_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0062_cold_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0062_cold_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.block-bg-wsymbol_0040_thunderstorms_night {
  position: relative;
  z-index: 0; }
  .block-bg-wsymbol_0040_thunderstorms_night::after {
    content: "";
    background: url("http://static.euronews.com/weather/icons/SVGs/wsymbol_0040_thunderstorms_night.svg") no-repeat right -120px top -20px;
    background-size: 337px;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
    @media screen and (max-width: 720px) {
      .block-bg-wsymbol_0040_thunderstorms_night::after {
        background-size: 247px;
        background-position-x: right -100px;
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */ } }

.curve-paddTop-3 {
  padding-top: 3px !important; }

.curve-paddTop-4 {
  padding-top: 4px !important; }

.curve-paddTop-5 {
  padding-top: 5px !important; }

.curve-paddTop-6 {
  padding-top: 6px !important; }

.curve-paddTop-7 {
  padding-top: 7px !important; }

.curve-paddTop-8 {
  padding-top: 8px !important; }

.curve-paddTop-9 {
  padding-top: 9px !important; }

.curve-paddTop-10 {
  padding-top: 10px !important; }

.curve-paddTop-11 {
  padding-top: 11px !important; }

.curve-paddTop-12 {
  padding-top: 12px !important; }

.curve-paddTop-13 {
  padding-top: 13px !important; }

.curve-paddTop-14 {
  padding-top: 14px !important; }

.curve-paddTop-15 {
  padding-top: 15px !important; }

.curve-paddTop-16 {
  padding-top: 16px !important; }

.curve-paddTop-17 {
  padding-top: 17px !important; }

.curve-paddTop-18 {
  padding-top: 18px !important; }

.curve-paddTop-19 {
  padding-top: 19px !important; }

.curve-paddTop-20 {
  padding-top: 20px !important; }

.curve-paddTop-21 {
  padding-top: 21px !important; }

.curve-paddTop-22 {
  padding-top: 22px !important; }

.curve-paddTop-23 {
  padding-top: 23px !important; }

.curve-paddTop-24 {
  padding-top: 24px !important; }

.curve-paddTop-25 {
  padding-top: 25px !important; }

.curve-paddTop-26 {
  padding-top: 26px !important; }

.curve-paddTop-27 {
  padding-top: 27px !important; }

.curve-paddTop-28 {
  padding-top: 28px !important; }

.curve-paddTop-29 {
  padding-top: 29px !important; }

.curve-paddTop-30 {
  padding-top: 30px !important; }

.curve-paddTop-31 {
  padding-top: 31px !important; }

.curve-paddTop-32 {
  padding-top: 32px !important; }

.curve-paddTop-33 {
  padding-top: 33px !important; }

.curve-paddTop-34 {
  padding-top: 34px !important; }

.curve-paddTop-35 {
  padding-top: 35px !important; }

.curve-paddTop-36 {
  padding-top: 36px !important; }

.curve-paddTop-37 {
  padding-top: 37px !important; }

.curve-paddTop-38 {
  padding-top: 38px !important; }

.curve-paddTop-39 {
  padding-top: 39px !important; }

.curve-paddTop-40 {
  padding-top: 40px !important; }

.curve-paddTop-41 {
  padding-top: 41px !important; }

.curve-paddTop-42 {
  padding-top: 42px !important; }

.curve-paddTop-43 {
  padding-top: 43px !important; }

.curve-paddTop-44 {
  padding-top: 44px !important; }

.curve-paddTop-45 {
  padding-top: 45px !important; }

.curve-paddTop-46 {
  padding-top: 46px !important; }

.curve-paddTop-47 {
  padding-top: 47px !important; }

.curve-paddTop-48 {
  padding-top: 48px !important; }

.curve-paddTop-49 {
  padding-top: 49px !important; }

.curve-paddTop-50 {
  padding-top: 50px !important; }

.curve-paddTop-51 {
  padding-top: 51px !important; }

.curve-paddTop-52 {
  padding-top: 52px !important; }

.curve-paddTop-53 {
  padding-top: 53px !important; }

.curve-paddTop-54 {
  padding-top: 54px !important; }

.curve-paddTop-55 {
  padding-top: 55px !important; }

.curve-paddTop-56 {
  padding-top: 56px !important; }

.curve-paddTop-57 {
  padding-top: 57px !important; }

.curve-paddTop-58 {
  padding-top: 58px !important; }

.curve-paddTop-59 {
  padding-top: 59px !important; }

.curve-paddTop-60 {
  padding-top: 60px !important; }

.curve-paddTop-61 {
  padding-top: 61px !important; }

.curve-paddTop-62 {
  padding-top: 62px !important; }

.curve-paddTop-63 {
  padding-top: 63px !important; }

.curve-paddTop-64 {
  padding-top: 64px !important; }

.curve-paddTop-65 {
  padding-top: 65px !important; }

.curve-paddTop-66 {
  padding-top: 66px !important; }

.curve-paddTop-67 {
  padding-top: 67px !important; }

.curve-paddTop-68 {
  padding-top: 68px !important; }

.curve-paddTop-69 {
  padding-top: 69px !important; }

.curve-paddTop-70 {
  padding-top: 70px !important; }

.curve-paddTop-71 {
  padding-top: 71px !important; }

.curve-paddTop-72 {
  padding-top: 72px !important; }

.curve-paddTop-73 {
  padding-top: 73px !important; }

.curve-paddTop-74 {
  padding-top: 74px !important; }

.curve-paddTop-75 {
  padding-top: 75px !important; }

.curve-paddTop-76 {
  padding-top: 76px !important; }

.curve-paddTop-77 {
  padding-top: 77px !important; }

.curve-paddTop-78 {
  padding-top: 78px !important; }

.curve-paddTop-79 {
  padding-top: 79px !important; }

.curve-paddTop-80 {
  padding-top: 80px !important; }

.curve-paddTop-81 {
  padding-top: 81px !important; }

.curve-paddTop-82 {
  padding-top: 82px !important; }

.curve-paddTop-83 {
  padding-top: 83px !important; }

.curve-paddTop-84 {
  padding-top: 84px !important; }

.curve-paddTop-85 {
  padding-top: 85px !important; }

.curve-paddTop-86 {
  padding-top: 86px !important; }

.curve-paddTop-87 {
  padding-top: 87px !important; }

.curve-paddTop-88 {
  padding-top: 88px !important; }

.curve-paddTop-89 {
  padding-top: 89px !important; }

.curve-paddTop-90 {
  padding-top: 90px !important; }

.curve-paddTop-91 {
  padding-top: 91px !important; }

.curve-paddTop-92 {
  padding-top: 92px !important; }

.curve-paddTop-93 {
  padding-top: 93px !important; }

.curve-paddTop-94 {
  padding-top: 94px !important; }

.curve-paddTop-95 {
  padding-top: 95px !important; }

.curve-paddTop-96 {
  padding-top: 96px !important; }

.curve-paddTop-97 {
  padding-top: 97px !important; }

.curve-paddTop-98 {
  padding-top: 98px !important; }

.curve-paddTop-99 {
  padding-top: 99px !important; }

.curve-paddTop-100 {
  padding-top: 100px !important; }

.article-social a {
  color: #666; }
  .article-social a:visited {
    color: #666; }

.article-social a {
  display: block; }

.article-social li {
  width: 20px;
  height: 20px;
  position: relative; }

.article-social .icon::before {
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 38%;
  font-size: 10px; }

@media screen and (min-width: 720px) {
  .article-social--side {
    left: 10px;
    position: absolute;
    display: block; }
    .article-next .article-social--side {
      display: none; } }

.article-social {
  display: none; }
  @media screen and (min-width: 720px) {
    .article-social {
      display: block; } }
  .article-social a {
    font-size: 15px;
    line-height: 45px; }
  .article-social li {
    width: 45px;
    height: 45px; }
    .theme--business .article-social li a:hover {
      background-color: #52B0D6; }
    .theme--news .article-social li a:hover {
      background-color: #F0D138; }
    .theme--top-stories .article-social li a:hover {
      background-color: #F0D138; }
    .theme--sport .article-social li a:hover {
      background-color: #aed749; }
    .theme--science_technology .article-social li a:hover {
      background-color: #25D1D5; }
    .theme--insiders .article-social li a:hover {
      background-color: #e6b221; }
    .theme--no-comment .article-social li a:hover {
      background-color: #c6c9ce; }
    .theme--talk-show .article-social li a:hover {
      background-color: #d87415; }
    .theme--magazines .article-social li a:hover {
      background-color: #c29259; }
    .theme--color-breaking .article-social li a:hover {
      background-color: #f00; }
    .theme--special-coverage .article-social li a:hover {
      background-color: #fb9400; }
    .theme--culture .article-social li a:hover {
      background-color: #A9120A; }
    .theme--weather .article-social li a:hover {
      background-color: #4BB9EA; }
    .theme--programs .article-social li a:hover {
      background-color: #A64D79; }
    .article-social li a:hover .icon {
      color: #fff; }

.article__footer-share-title {
  display: block;
  float: left;
  margin-right: 16px !important;
  line-height: 28px; }
  .article__footer-share-title--tag {
    line-height: 48px; }
  @media screen and (min-width: 720px) {
    .article__footer-share-title {
      line-height: 48px; } }

.article-social--footer a {
  font-size: 10px;
  line-height: 20px;
  height: 45px; }

.article-social--footer .share {
  display: none; }

/*
Article tags
============
```
<ul class='article-tags'>
  <li><a href=''>Tag 1</a></li>
  <li><a href=''>Tag 2</a></li>
</ul>
```
 */
.article-tags {
  line-height: 40px; }
  .article-tags a {
    color: #666; }
    .article-tags a:visited {
      color: #666; }
  .article-tags li {
    background-color: #fff;
    margin: 5px; }
    .boxshadow .article-tags li {
      border: 0;
      box-shadow: 2px 2px rgba(0, 0, 0, 0.05); }
  .article-tags a {
    font-family: sans-serif;
    -webkit-transition: background-color false false, 0.15s false false, ease false false;
    -moz-transition: background-color false false false, 0.15s false false false, ease false false false;
    -o-transition: background-color false false false, 0.15s false false false, ease false false false;
    transition: background-color, 0.15s, ease;
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
    text-transform: uppercase; }
    .fonts-loaded .article-tags a {
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif, sans-serif; }
    .article-tags a:hover {
      color: #fff;
      background-color: #666; }

/*
Article
=======
```
<article class="article theme--news">
  <section class="article-wrapper">
    <section class="article__image">
      <img src="http://static.euronews.com//articles/308830/400x225_308830.jpg?" srcset="http://static.euronews.com//articles/308830/320x180_308830.jpg? 320w, http://static.euronews.com//articles/308830/640x360_308830.jpg? 640w, http://static.euronews.com//articles/308830/560x315_308830.jpg? 560w, http://static.euronews.com//articles/308830/1024x576_308830.jpg? 1024w" sizes="100vw, (min-width:720px) 80vw" alt="" data-original="http://static.euronews.com//articles/308830{{w}}x{{h}}_308830.jpg?">
    </section>
    <header class="article__header">
      <h1 class="article__title">Baku European Games: Day 13 Highlights</h1>
      <div class="article__flag">Azerbaijan</div>
      <div class="article__meta">
        <address class="article__author">
          <a title="" href="https://twitter.com/@freqdec" rel="nofollow" target="_blank">
            Brian McAllister
          </a>
        </address>

        <time class="article__date icon-clock" datetime="06/26/2015">
          06/26/2015
        </time>
      </div>
    </header>
    <section class="article__body">
      Italy’s Alessio Foconi won Italy’s second gold medal in fencing in the men’s foil individual final by defeating Russia’s Timur Arslanov on the thirteenth day of competition at the Baku European Games.

Foconi opened the scoring in round one and was eager to establish the lead as he counterattacked aggressively...
    </section>
  </section>
</article>
```
 */
.article__body, .article__footer {
  padding: 2px 20px; }
  @media screen and (min-width: 720px) {
    .article__body, .article__footer {
      margin-left: 55px;
      margin-right: 20px;
      padding-left: 55px;
      padding-right: 55px;
      padding-bottom: 20px; } }

.article-wrapper {
  padding-right: 20px; }

.article {
  background-color: #f2f0ed;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  /**
     * contains the author, time and heatwave
     */
  /**
     * Main heading for an article / teaser
     */
  /*
      Article country element, used in articles and teasers
    ```
      <time class="article__date icon-clock" datetime="{{ article.createdAt| date("m/d/Y") }}">
          {{ article.createdAt | time_diff }}
      </time>
    ```
     */
  /*
      Article country element, used in articles and teasers
    ```
      <div class="article__flag">
          <h4>{{ country }}</h4>
      </div>
    ```
     */
  /*
    Next article call to action
    ===========================
    ```
    <a class="article-next-cta">
      Click to read the next Article
    </a>
    ```
     */ }
  .article .programs__description {
    font-size: 14px; }
  .boxshadow .article {
    box-shadow: 5px -2px 10px rgba(0, 0, 0, 0.15);
    border-right: 0; }
  @media screen and (min-width: 720px) {
    .layout-mode--basic .article {
      padding-top: 30px; } }
  .article__header {
    position: relative; }
  .article__meta {
    margin-bottom: 24px; }
  .article__author {
    font-family: sans-serif;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    margin-right: 20px;
    margin-bottom: 0; }
    .fonts-loaded .article__author {
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif, sans-serif; }
    .article__author a {
      color: #9b9b9b !important;
      text-decoration: none; }
      .article__author a:hover, .article__author a:visited {
        color: #9b9b9b !important; }
  .article__image {
    margin: 0 -20px;
    position: relative; }
    @media screen and (min-width: 720px) {
      .layout-mode--basic .article__image {
        float: right;
        width: 30%;
        margin: 20px;
        z-index: 1; } }
    .layout-mode--advanced .article__image .jw-icon-display::before {
      position: relative;
      top: 8px; }
    .layout-mode--advanced .article__image .jw-icon-display::after {
      content: 'HQ';
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      display: block;
      font-size: 15px; }
    .article__image .jw-state-buffering .jw-icon-display::before, .article__image .jw-state-buffering .jw-icon-display::after {
      content: '';
      top: 0; }
    .article__image .jw-state-idle {
      overflow: visible; }
    .theme--business .article__image .jw-progress {
      background: #52B0D6; }
    .theme--news .article__image .jw-progress {
      background: #F0D138; }
    .theme--top-stories .article__image .jw-progress {
      background: #F0D138; }
    .theme--sport .article__image .jw-progress {
      background: #aed749; }
    .theme--science_technology .article__image .jw-progress {
      background: #25D1D5; }
    .theme--insiders .article__image .jw-progress {
      background: #e6b221; }
    .theme--no-comment .article__image .jw-progress {
      background: #c6c9ce; }
    .theme--talk-show .article__image .jw-progress {
      background: #d87415; }
    .theme--magazines .article__image .jw-progress {
      background: #c29259; }
    .theme--color-breaking .article__image .jw-progress {
      background: #f00; }
    .theme--special-coverage .article__image .jw-progress {
      background: #fb9400; }
    .theme--culture .article__image .jw-progress {
      background: #A9120A; }
    .theme--weather .article__image .jw-progress {
      background: #4BB9EA; }
    .theme--programs .article__image .jw-progress {
      background: #A64D79; }
    .theme--business .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #52B0D6; }
    .theme--news .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #F0D138; }
    .theme--top-stories .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #F0D138; }
    .theme--sport .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #aed749; }
    .theme--science_technology .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #25D1D5; }
    .theme--insiders .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #e6b221; }
    .theme--no-comment .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #c6c9ce; }
    .theme--talk-show .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #d87415; }
    .theme--magazines .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #c29259; }
    .theme--color-breaking .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #f00; }
    .theme--special-coverage .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #fb9400; }
    .theme--culture .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #A9120A; }
    .theme--weather .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #4BB9EA; }
    .theme--programs .article__image .jw-skin-bekle .jw-button-color:hover:not(.jw-icon-display) {
      color: #A64D79; }
    .article__image .jw-icon-display {
      background-color: rgba(175, 175, 175, 0.61);
      height: 50px;
      width: 50px;
      position: absolute;
      /*left: 50%;
            top: 50%;
            margin-top: -43px;
            margin-left: -43px;*/
      font-size: 26px;
      color: white; }
      .theme--business .article__image .jw-icon-display {
        background: #1081AE;
        /* The Fallback */
        background: rgba(16, 129, 174, 0.8); }
      .theme--news .article__image .jw-icon-display {
        background: #E7B322;
        /* The Fallback */
        background: rgba(231, 179, 34, 0.8); }
      .theme--top-stories .article__image .jw-icon-display {
        background: #E7B322;
        /* The Fallback */
        background: rgba(231, 179, 34, 0.8); }
      .theme--sport .article__image .jw-icon-display {
        background: #8ec702;
        /* The Fallback */
        background: rgba(142, 199, 2, 0.8); }
      .theme--science_technology .article__image .jw-icon-display {
        background: #0AA9AD;
        /* The Fallback */
        background: rgba(10, 169, 173, 0.8); }
      .theme--insiders .article__image .jw-icon-display {
        background: #e6b221;
        /* The Fallback */
        background: rgba(230, 178, 33, 0.8); }
      .theme--no-comment .article__image .jw-icon-display {
        background: #c6c9ce;
        /* The Fallback */
        background: rgba(198, 201, 206, 0.8); }
      .theme--talk-show .article__image .jw-icon-display {
        background: #d87415;
        /* The Fallback */
        background: rgba(216, 116, 21, 0.8); }
      .theme--magazines .article__image .jw-icon-display {
        background: #c29259;
        /* The Fallback */
        background: rgba(194, 146, 89, 0.8); }
      .theme--color-breaking .article__image .jw-icon-display {
        background: #f00;
        /* The Fallback */
        background: rgba(255, 0, 0, 0.8); }
      .theme--special-coverage .article__image .jw-icon-display {
        background: #fb9400;
        /* The Fallback */
        background: rgba(251, 148, 0, 0.8); }
      .theme--culture .article__image .jw-icon-display {
        background: #F2332A;
        /* The Fallback */
        background: rgba(242, 51, 42, 0.8); }
      .theme--weather .article__image .jw-icon-display {
        background: #4BB9EA;
        /* The Fallback */
        background: rgba(75, 185, 234, 0.8); }
      .theme--programs .article__image .jw-icon-display {
        background: #A64D79;
        /* The Fallback */
        background: rgba(166, 77, 121, 0.8); }
      @media screen and (min-width: 720px) {
        .article__image .jw-icon-display {
          /*height: 86px;
                width: 86px;
                margin-top: -25px;
                margin-left: -25px;*/
          font-size: 16px; } }
  .article__body {
    background-color: #fff;
    position: relative;
    padding-top: 2px; }
    .boxshadow .article__body {
      border: 0;
      box-shadow: 4px 4px rgba(0, 0, 0, 0.05); }
    .article__body blockquote {
      quotes: open-quote close-quote; }
      .article__body blockquote::before, .article__body blockquote::after {
        font-size: 20px; }
      .article__body blockquote::before {
        content: open-quote; }
      .article__body blockquote::after {
        content: close-quote; }
    .article__body .teaser__related {
      border-top: 0; }
      .article__body .teaser__related-header {
        display: block;
        font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
        text-transform: uppercase;
        padding-left: 14px; }
      .article__body .teaser__related-list > li {
        margin-right: 2%;
        width: 100%;
        float: none; }
        @media screen and (min-width: 1024px) {
          .article__body .teaser__related-list > li {
            width: 29%;
            float: left; } }
        .layout-mode--advanced .article__body .teaser__related-list > li {
          margin-right: 2%; }
          @media screen and (min-width: 1024px) {
            .layout-mode--advanced .article__body .teaser__related-list > li {
              width: 29%;
              float: left; } }
        .article__body .teaser__related-list > li::before {
          display: none; }
      .article__body .teaser__related .related__image {
        display: block;
        position: relative; }
        .layout-mode--basic .article__body .teaser__related .related__image {
          display: none; }
      .article__body .teaser__related .related__title {
        position: relative;
        padding: 18px 0;
        padding-left: 14px; }
        .article__body .teaser__related .related__title::before {
          top: 20px;
          left: 0;
          content: "";
          position: absolute;
          width: 5px;
          height: 20px;
          display: block;
          background-color: #1a1a1a; }
          .theme--business .article__body .teaser__related .related__title::before {
            background-color: #1081AE; }
          .theme--news .article__body .teaser__related .related__title::before {
            background-color: #E7B322; }
          .theme--top-stories .article__body .teaser__related .related__title::before {
            background-color: #E7B322; }
          .theme--sport .article__body .teaser__related .related__title::before {
            background-color: #8ec702; }
          .theme--science_technology .article__body .teaser__related .related__title::before {
            background-color: #0AA9AD; }
          .theme--insiders .article__body .teaser__related .related__title::before {
            background-color: #e6b221; }
          .theme--no-comment .article__body .teaser__related .related__title::before {
            background-color: #c6c9ce; }
          .theme--talk-show .article__body .teaser__related .related__title::before {
            background-color: #d87415; }
          .theme--magazines .article__body .teaser__related .related__title::before {
            background-color: #c29259; }
          .theme--color-breaking .article__body .teaser__related .related__title::before {
            background-color: #f00; }
          .theme--special-coverage .article__body .teaser__related .related__title::before {
            background-color: #fb9400; }
          .theme--culture .article__body .teaser__related .related__title::before {
            background-color: #F2332A; }
          .theme--weather .article__body .teaser__related .related__title::before {
            background-color: #4BB9EA; }
          .theme--programs .article__body .teaser__related .related__title::before {
            background-color: #A64D79; }
  .article__title {
    font-family: sans-serif;
    font-size: 22px;
    line-height: 26px;
    color: #1a1a1a; }
    .fonts-loaded .article__title {
      font-family: "Montserrat", sans-serif; }
    @media screen and (min-width: 720px) {
      .article__title {
        font-size: 34px;
        margin-bottom: 60px;
        line-height: 40px; } }
  .article__date {
    color: #666;
    font-size: 12px; }
    @media screen and (min-width: 720px) {
      .article__date {
        float: none; } }
    .top-stories .article__date {
      margin: 10px 0;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }
    .article__date i {
      font-size: 12px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }
      .article__date i::before {
        font-family: icons;
        font-size: 7px;
        position: relative;
        top: 0;
        margin-right: 5px; }
    .article__date .icon-clock {
      color: #9b9b9b; }
  .article__flag, .block__flag,
  .article__flag h4, .block__flag h4,
  .article__flag a, .block__flag a {
    font-family: sans-serif;
    font-size: 14px;
    text-transform: uppercase; }
    .fonts-loaded .article__flag, .fonts-loaded .block__flag, .fonts-loaded
    .article__flag h4, .fonts-loaded .block__flag h4, .fonts-loaded
    .article__flag a, .fonts-loaded .block__flag a {
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif, sans-serif; }
    .theme-block--first .article__flag, .theme-block--first .block__flag, .theme-block--first
    .article__flag h4, .theme-block--first .block__flag h4, .theme-block--first
    .article__flag a, .theme-block--first .block__flag a {
      font-size: 18px; }
  .article__flag, .block__flag {
    background-color: #fff;
    display: inline-block;
    border-left: 10px solid #d1a138; }
    .article__flag--empty {
      display: none; }
    .article__flag a, .block__flag a {
      color: #1a1a1a;
      text-decoration: none; }
      .article__flag a:visited, .block__flag a:visited {
        color: #1a1a1a; }
    @media screen and (min-width: 720px) {
      .layout-mode--basic .article__flag, .layout-mode--basic .block__flag {
        top: 0 !important;
        left: -32px !important; } }
    .article__flag h4, .block__flag h4 {
      font-weight: normal; }
      .article__flag h4 a, .block__flag h4 a {
        padding: 7px 10px 3px 10px;
        display: block; }
        @media screen and (min-width: 720px) {
          .teaser--primary .article__flag h4 a, .teaser--primary .block__flag h4 a {
            padding: 0; } }
    .article-wrapper .article__flag, .article-wrapper .block__flag,
    .teaser--primary .article__flag,
    .teaser--primary .block__flag {
      margin-left: 10px; }
      .layout-mode--basic .article-wrapper .article__flag, .layout-mode--basic .article-wrapper .block__flag, .layout-mode--basic
      .teaser--primary .article__flag, .layout-mode--basic
      .teaser--primary .block__flag {
        margin-left: 0; }
      @media screen and (min-width: 720px) {
        .article-wrapper .article__flag, .article-wrapper .block__flag,
        .teaser--primary .article__flag,
        .teaser--primary .block__flag {
          font-size: 20px;
          line-height: 45px;
          padding: 0 15px;
          left: 0; } }
    .article--primary .article__flag, .article--primary .block__flag {
      margin-left: 20px; }
      @media screen and (min-width: 720px) {
        .article--primary .article__flag, .article--primary .block__flag {
          margin-left: 0; } }
    .article .article__flag, .article .block__flag {
      top: -31px;
      position: absolute;
      left: 0; }
      @media screen and (min-width: 720px) {
        .article .article__flag, .article .block__flag {
          top: -45px; }
          .layout-mode--basic .article .article__flag, .layout-mode--basic .article .block__flag {
            position: relative; } }
    .article-next .article__flag, .article-next .block__flag {
      margin-left: 0; }
    .theme--business .article__flag, .theme--business .block__flag {
      border-left: 10px solid #1081AE; }
    .theme--news .article__flag, .theme--news .block__flag {
      border-left: 10px solid #E7B322; }
    .theme--top-stories .article__flag, .theme--top-stories .block__flag {
      border-left: 10px solid #E7B322; }
    .theme--sport .article__flag, .theme--sport .block__flag {
      border-left: 10px solid #8ec702; }
    .theme--science_technology .article__flag, .theme--science_technology .block__flag {
      border-left: 10px solid #0AA9AD; }
    .theme--insiders .article__flag, .theme--insiders .block__flag {
      border-left: 10px solid #e6b221; }
    .theme--no-comment .article__flag, .theme--no-comment .block__flag {
      border-left: 10px solid #c6c9ce; }
    .theme--talk-show .article__flag, .theme--talk-show .block__flag {
      border-left: 10px solid #d87415; }
    .theme--magazines .article__flag, .theme--magazines .block__flag {
      border-left: 10px solid #c29259; }
    .theme--color-breaking .article__flag, .theme--color-breaking .block__flag {
      border-left: 10px solid #f00; }
    .theme--special-coverage .article__flag, .theme--special-coverage .block__flag {
      border-left: 10px solid #fb9400; }
    .theme--culture .article__flag, .theme--culture .block__flag {
      border-left: 10px solid #F2332A; }
    .theme--weather .article__flag, .theme--weather .block__flag {
      border-left: 10px solid #4BB9EA; }
    .theme--programs .article__flag, .theme--programs .block__flag {
      border-left: 10px solid #A64D79; }
  .article .article-content__text {
    font-size: 14px; }
    .article .article-content__text a {
      color: #333; }
  .article .article-content__wrap-quote {
    border-top: 1px #979797 solid;
    border-bottom: 1px #979797 solid;
    margin-left: -20px;
    padding: 20px;
    padding-bottom: 24px; }
    .article .article-content__wrap-quote::before {
      color: #E7B322;
      font-size: 24px;
      font-family: "Montserrat";
      content: '\201C';
      padding-right: 6px;
      padding-left: 10px; }
  .article .article-content__quote {
    margin-top: -30px;
    margin-bottom: 0;
    font-size: 16px;
    font-family: "Montserrat";
    line-height: 19px;
    padding-left: 20px;
    border-left: 6px #E7B322 solid; }
    .article .article-content__quote::after {
      color: #E7B322;
      font-size: 24px;
      font-family: "Montserrat";
      content: '\201D';
      padding-left: 6px; }
  .article .article-content__quote-flag {
    border-left: 6px #E7B322 solid;
    height: 40px;
    position: relative;
    margin-top: -40px; }
  .article .right-legend {
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }
  .article .custom__advert img {
    max-width: 200%; }
  .article__footer h4 {
    margin: 0;
    font-size: 14px; }
  .article__footer-section {
    margin: 25px 0;
    padding-left: 20px; }
    .article__footer-section span {
      font-family: sans-serif;
      color: #666;
      font-size: 14px;
      display: inline-block; }
      .fonts-loaded .article__footer-section span {
        font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif, sans-serif; }
    .article__footer-section ul {
      display: inline;
      margin-left: 0; }
    @media screen and (min-width: 720px) {
      .article__footer-section {
        padding-left: 0; } }
  .article .article-next__title a {
    color: #2b2b2b; }
  .article__youtube-wrapper {
    position: relative;
    padding-bottom: 56.25%; }
    .article__youtube-wrapper > iframe {
      position: absolute;
      max-width: 100%;
      height: 100%;
      width: 100%; }
  .article__reveal-button {
    width: 100%;
    border: 0;
    background: transparent;
    font-weight: bold;
    padding: 0;
    line-height: 2em;
    outline: 0; }
    .article__reveal-button:active {
      outline: 0; }
    @media screen and (min-width: 720px) {
      .article__reveal-button {
        display: none; } }
  @media screen and (min-width: 720px) {
    .layout-mode--advanced .article .article-top-stories .top-story--0 {
      width: 100% !important;
      margin-top: 40px; }
      .layout-mode--advanced .article .article-top-stories .top-story--0 .teaser__image {
        width: 48%;
        margin-right: 10px;
        float: left; }
    .layout-mode--advanced .article .article-top-stories .top-story--4,
    .layout-mode--advanced .article .article-top-stories .top-story--5 {
      width: 50% !important; }
      .layout-mode--advanced .article .article-top-stories .top-story--4 .teaser__image,
      .layout-mode--advanced .article .article-top-stories .top-story--5 .teaser__image {
        width: 48%;
        margin-right: 10px;
        float: left; } }
  .article .article-top-stories .teaser__body {
    height: 110px; }
  .article .article-next {
    position: relative;
    background-color: #f2f0ed; }
    .article .article-next a {
      color: #1a1a1a; }
      .article .article-next a:visited {
        color: #1a1a1a; }
    .article .article-next a {
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
      font-size: 18px;
      font-weight: bold; }
    .article .article-next::after {
      bottom: -1px;
      left: 0;
      content: "";
      position: absolute;
      width: 100%;
      height: 30%;
      background: -owg-linear-gradient(transparent, rgba(0, 0, 0, 0.85));
      background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.85));
      background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.85));
      background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.85));
      -pie-background: -pie-linear-gradient(transparent, rgba(0, 0, 0, 0.85));
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.85)); }
    .article .article-next .article-social {
      display: none; }
    .layout-mode--basic .article .article-next .article {
      padding-top: 0; }
  .article .article-next__title {
    margin: 10px;
    text-transform: uppercase;
    font-size: 16px; }
    @media screen and (min-width: 720px) {
      .article .article-next__title {
        font-size: 24px; } }
    .article .article-next__title a {
      font-family: sans-serif; }
      .fonts-loaded .article .article-next__title a {
        font-family: "Overpass-Bold", sans-serif; }
  .article .article-next-cta {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    bottom: 0;
    line-height: 2em; }
    .article .article-next-cta a {
      color: #fff;
      text-decoration: none; }
      .article .article-next-cta a:visited {
        color: #fff; }
    .article .article-next-cta a {
      font-size: 14px;
      padding-bottom: 14px;
      display: block;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }
  .article .icon.article-next-cta__icon {
    font-size: .5em;
    vertical-align: sub;
    margin-left: 2em; }
  .article .jw-controlbar {
    bottom: 50px; }

.boxshadow.article-view .top-stories .sub-navigation {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15); }

.article-next .layout__item {
  box-shadow: none; }

.article-next .layout__item::after {
  bottom: -1px;
  left: -20px;
  content: "";
  position: absolute;
  width: 102%;
  height: 3%;
  background: -owg-linear-gradient(transparent, rgba(0, 0, 0, 0.85));
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.85));
  background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.85));
  background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.85));
  -pie-background: -pie-linear-gradient(transparent, rgba(0, 0, 0, 0.85));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.85)); }

.theme--color-breaking .article__flag, .theme--color-breaking .block__flag {
  padding: 0; }
  .theme--color-breaking .article__flag h4, .theme--color-breaking .block__flag h4 {
    max-height: 45px; }
    .theme--color-breaking .article__flag h4::after, .theme--color-breaking .block__flag h4::after {
      content: 'Breaking news';
      background-color: #f00;
      color: white;
      display: inline-block;
      padding: 3px 20px 4px 10px;
      font-family: "Montserrat";
      font-size: 16px; }
      @media screen and (min-width: 720px) {
        .theme--color-breaking .article__flag h4::after, .theme--color-breaking .block__flag h4::after {
          font-size: 34px;
          padding: 0 40px 0 20px; } }
    .theme--color-breaking .article__flag h4 a, .theme--color-breaking .block__flag h4 a {
      display: block;
      float: left;
      padding: 5px 16px; }
      @media screen and (min-width: 720px) {
        .theme--color-breaking .article__flag h4 a, .theme--color-breaking .block__flag h4 a {
          padding: 0 16px; } }
  .theme--color-breaking .article__flag--color-breaking {
    text-transform: uppercase;
    color: #f00;
    border-left: 10px solid #f00;
    padding: 4px 0 4px 15px;
    margin: 60px 0;
    margin-left: -35px;
    font-family: "Montserrat";
    font-size: 14px; }
    @media screen and (min-width: 720px) {
      .theme--color-breaking .article__flag--color-breaking {
        font-size: 16px;
        margin-left: 0;
        border-left: 7px solid #f00; } }

@media screen and (min-width: 720px) {
  .layout-mode--basic .article--primary .article__flag, .layout-mode--basic .article--primary .block__flag {
    left: 0 !important;
    margin-left: 0; }
  .layout-mode--basic .article--primary .article-content__text {
    margin-left: 70px; } }

.article-next .jwplayer, .article-next .teaser__related {
  display: none; }

.jw-background-color.jw-display-icon-container {
  background: none !important; }

.jw-state-buffering .jw-icon-display {
  background-color: transparent !important; }

.theme--business .jwplayer:hover .jw-icon-display {
  background: #52B0D6; }

.theme--news .jwplayer:hover .jw-icon-display {
  background: #F0D138; }

.theme--top-stories .jwplayer:hover .jw-icon-display {
  background: #F0D138; }

.theme--sport .jwplayer:hover .jw-icon-display {
  background: #aed749; }

.theme--science_technology .jwplayer:hover .jw-icon-display {
  background: #25D1D5; }

.theme--insiders .jwplayer:hover .jw-icon-display {
  background: #e6b221; }

.theme--no-comment .jwplayer:hover .jw-icon-display {
  background: #c6c9ce; }

.theme--talk-show .jwplayer:hover .jw-icon-display {
  background: #d87415; }

.theme--magazines .jwplayer:hover .jw-icon-display {
  background: #c29259; }

.theme--color-breaking .jwplayer:hover .jw-icon-display {
  background: #f00; }

.theme--special-coverage .jwplayer:hover .jw-icon-display {
  background: #fb9400; }

.theme--culture .jwplayer:hover .jw-icon-display {
  background: #A9120A; }

.theme--weather .jwplayer:hover .jw-icon-display {
  background: #4BB9EA; }

.theme--programs .jwplayer:hover .jw-icon-display {
  background: #A64D79; }

.jw-pre-state-idle {
  position: absolute !important;
  top: 50% !important;
  background-color: transparent !important;
  height: 60px !important;
  margin-top: -30px !important;
  display: none; }

.breadcrumb__item {
  font-family: sans-serif;
  margin: -2px 7px -2px 25px;
  position: relative;
  display: inline-block;
  line-height: 48px;
  font-size: 14px; }
  .breadcrumb__item a {
    color: #1a1a1a;
    text-decoration: none; }
    .breadcrumb__item a:visited {
      color: #1a1a1a; }
  .fonts-loaded .breadcrumb__item {
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif, sans-serif; }
  @media screen and (min-width: 720px) {
    .breadcrumb__item {
      margin: 7px 10px 7px 20px; } }

.breadcrumb__spacer::before {
  top: -1px;
  left: -20px;
  content: ">";
  position: absolute; }
  @media screen and (min-width: 720px) {
    .breadcrumb__spacer::before {
      top: -2px;
      left: -20px;
      content: ">";
      position: absolute; } }

/*
Breaking News Component
```
<div class="breaking-news">
    <article class="breaking-news__article">
      <h2 class="breaking-news__title"><a href="#">Something happened</a></h2>
    </article>
    ...
</div>
```
*/
.breaking-news-banner {
  color: #fff;
  background-color: #b40001;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out false;
  -o-transition: -o-transform 0.3s ease-out false;
  transition: transform 0.3s ease-out;
  position: absolute;
  width: 100%;
  z-index: 2; }
  .breaking-news-banner .container {
    position: relative; }
  .breaking-news-banner--hidden {
    -webkit-transform: translate3d(0, -110%, 0);
    -moz-transform: translate3d(0, -110%, 0);
    -ms-transform: translate3d(0, -110%, 0);
    -o-transform: translate3d(0, -110%, 0);
    transform: translate3d(0, -110%, 0);
    display: none; }

.breaking-news__mobile-close {
  float: right;
  display: inline-block;
  font-size: 13px;
  cursor: pointer;
  margin-top: 3px; }

.breaking-news__close-button {
  display: none;
  background-color: #d0021b;
  border: 0;
  height: 30%;
  padding-right: 32px; }
  @media screen and (min-width: 720px) {
    .breaking-news__close-button {
      display: block; } }

.breaking-news__mobile-header {
  display: block;
  width: 100%;
  background-color: #d0011b;
  padding: 10px 20px; }
  .breaking-news__mobile-header h5 {
    margin: 0;
    font-size: 15px; }
  @media screen and (min-width: 720px) {
    .breaking-news__mobile-header {
      display: none; } }

.breaking-news__header {
  font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
  width: auto;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: uppercase;
  background-color: #d0011b; }
  .breaking-news__header h5 {
    display: none;
    padding: 9px 0 4px 10px;
    background-color: #ee1c25;
    margin: 0;
    font-size: 14px;
    height: 70%;
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }
    @media screen and (min-width: 720px) {
      .breaking-news__header h5 {
        margin: 0 26px 0 0;
        display: block; } }
  @media screen and (min-width: 720px) {
    .breaking-news__header {
      display: inline-block;
      width: 105px; } }

.breaking-news__article {
  display: inline-block;
  width: 100%;
  padding: 10px 20px;
  padding-right: 37px; }
  @media screen and (min-width: 720px) {
    .breaking-news__article {
      padding: 15px 20px 20px;
      width: 85%; } }
  .breaking-news__article .article__date {
    margin-left: 0;
    font-size: 12px;
    line-height: 24px;
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
    color: #fff; }
    .breaking-news__article .article__date i::before {
      color: #fff; }

.breaking-news__title {
  margin: 0;
  font-size: 16px;
  padding-left: 10px; }
  .breaking-news__title, .breaking-news__title a {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
  .breaking-news__title a {
    color: #fff; }
    .breaking-news__title a:visited {
      color: #fff; }
  @media screen and (min-width: 720px) {
    .breaking-news__title {
      margin: 0 20px; } }

.breaking-news__close-arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #b40001;
  width: 26px;
  height: 30px; }
  @media screen and (min-width: 720px) {
    .breaking-news__close-arrow {
      height: 26px; } }
  .breaking-news__close-arrow .btn-arrow div {
    border-color: #fff;
    left: 2px;
    top: 3px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 10px;
    height: 10px; }

.breaking-news__close {
  bottom: 0;
  width: 68%;
  padding-left: 10px;
  position: absolute;
  border: 0;
  background-color: #d0011b;
  text-align: left;
  text-transform: uppercase;
  font-size: 14px; }
  .breaking-news__close::after {
    top: 0;
    right: -20%;
    content: "^";
    position: absolute;
    background: #b40001;
    padding: 5px 10px 0; }
  @media screen and (min-width: 720px) {
    .breaking-news__close {
      width: 83%; } }

.teaser__related {
  min-height: 125px;
  padding-top: 0;
  margin: 0px;
  margin-left: 20px;
  width: 95%;
  clear: both; }
  .teaser__related-header {
    font-family: "Overpass-Bold";
    padding-left: 20px; }

@media screen and (min-width: 1224px) {
  .layout-mode--advanced .top-stories .teaser__related-list {
    padding: 0 20px !important; }
    .layout-mode--advanced .top-stories .teaser__related-list li {
      padding-left: 0;
      margin-bottom: 12px; }
      .layout-mode--advanced .top-stories .teaser__related-list li:before {
        display: none; }
      .layout-mode--advanced .top-stories .teaser__related-list li .related__title, .layout-mode--advanced .top-stories .teaser__related-list li .related__image {
        display: block;
        width: 50%;
        float: left; }
      .layout-mode--advanced .top-stories .teaser__related-list li .related__title {
        font-size: 13.5px;
        line-height: 15px;
        padding-left: 10px; }
      .layout-mode--advanced .top-stories .teaser__related-list li .related__image {
        display: block; } }

.teaser__related-list a {
  color: #1a1a1a; }
  .teaser__related-list a:visited {
    color: #1a1a1a; }

.teaser__related-list > li {
  font-size: 14px;
  line-height: 1.285em;
  font-weight: bold;
  position: relative;
  padding-left: 1em;
  margin: 0 0 20px;
  font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }
  .teaser__related-list > li .related__title {
    margin: 0;
    font-size: 14px; }
    @media screen and (min-width: 721px) and (max-width: 1224px) {
      .layout-mode--advanced .teaser__related-list > li .related__title {
        font-size: 14px; } }
  .teaser__related-list > li .related__image {
    display: none; }
  .teaser__related-list > li .related__date {
    display: none;
    font-size: 12px;
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
    color: #666;
    padding-left: 14px; }
    .article-view .teaser__related-list > li .related__date {
      display: block; }
    .teaser__related-list > li .related__date i {
      font-size: 12px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }
      .teaser__related-list > li .related__date i::before {
        font-family: icons;
        font-size: 7px;
        position: relative;
        top: 0;
        margin-right: 5px; }
    .teaser__related-list > li .related__date .icon-clock {
      color: #9b9b9b; }
  @media screen and (min-width: 720px) {
    .teaser__related-list > li {
      float: left;
      width: 29%;
      margin-right: 2%; } }
  .layout-mode--advanced .teaser__related-list > li {
    float: none;
    width: auto;
    margin-right: 0; }
    .layout-mode--advanced .teaser__related-list > li .related-image {
      display: block; }
  .teaser__related-list > li::before {
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    width: 5px;
    height: 20px;
    display: block;
    background-color: #1a1a1a; }
    .theme--business .teaser__related-list > li::before {
      background-color: #1081AE; }
    .theme--news .teaser__related-list > li::before {
      background-color: #E7B322; }
    .theme--top-stories .teaser__related-list > li::before {
      background-color: #E7B322; }
    .theme--sport .teaser__related-list > li::before {
      background-color: #8ec702; }
    .theme--science_technology .teaser__related-list > li::before {
      background-color: #0AA9AD; }
    .theme--insiders .teaser__related-list > li::before {
      background-color: #e6b221; }
    .theme--no-comment .teaser__related-list > li::before {
      background-color: #c6c9ce; }
    .theme--talk-show .teaser__related-list > li::before {
      background-color: #d87415; }
    .theme--magazines .teaser__related-list > li::before {
      background-color: #c29259; }
    .theme--color-breaking .teaser__related-list > li::before {
      background-color: #f00; }
    .theme--special-coverage .teaser__related-list > li::before {
      background-color: #fb9400; }
    .theme--culture .teaser__related-list > li::before {
      background-color: #F2332A; }
    .theme--weather .teaser__related-list > li::before {
      background-color: #4BB9EA; }
    .theme--programs .teaser__related-list > li::before {
      background-color: #A64D79; }

.teaser__related-list a {
  font-family: sans-serif;
  display: inline-block; }
  .fonts-loaded .teaser__related-list a {
    font-family: "Montserrat", sans-serif; }

.layout-mode--advanced .home .top-stories .teaser__related-list > li .related__image {
  display: block !important; }

.teaser__related-header {
  margin: 0;
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  padding: 8px 0 5px 0;
  margin-bottom: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: normal; }
  .u-1-of-2-lap-and-up .teaser__related-header {
    margin-top: 10px; }

/*
Article Teaser
This is the main layout for the article teaser.  This will fit any width and can be included with or without and image.
```
<article class="teaser teaser--main">
    <div class="teaser__image">
        <img src="http://placehold.it/350x150" width="100%">
    </div>
    <div class="teaser__content">

        <div class="article-meta">
            <span class="article-meta__left article-meta--country">Nigeria</span>
            <span class="article-meta__right article-meta--author">Ian Watkins</span>
        </div>
        <h2 class="teaser__header">
            Tense Nigeria awaits election results
        </h2>
        <p class="teaser__intro">
            This is some more text that i'm putting in here so that it can fill
            out the space that is available to give us an understanding of what
            the news article would look like.
        </p>
    </div>
</article>
```
 */
.teaser {
  margin: 10px 10px 50px;
  position: relative; }
  @media screen and (min-width: 720px) {
    .teaser {
      margin: 0 0 50px; }
      .layout-mode--basic .teaser {
        margin-top: 10px; } }

.teaser__banner {
  top: -31px;
  left: 0;
  position: absolute;
  z-index: 1;
  width: 100%; }
  .theme-block--first .teaser__banner {
    top: -36px;
    left: 0;
    position: absolute; }
    @media screen and (min-width: 720px) {
      .theme-block--first .teaser__banner {
        top: -44px;
        left: 0;
        position: absolute; }
        .theme-block--first .teaser__banner.teaser--secondary {
          top: -37px; } }

.teaser__content .img-16x9 img {
  -webkit-transition: 0.4s transform false;
  -moz-transition: 0.4s transform false false;
  -o-transition: 0.4s transform false false;
  transition: 0.4s transform; }

.teaser__content:hover .img-16x9 img {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  -moz-transform: scale3d(1.05, 1.05, 1.05);
  -ms-transform: scale3d(1.05, 1.05, 1.05);
  -o-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  -webkit-transition: 0.66s transform false;
  -moz-transition: 0.66s transform false false;
  -o-transition: 0.66s transform false false;
  transition: 0.66s transform; }

.img-16x9 {
  overflow: hidden; }

.teaser__image {
  display: none;
  position: relative;
  z-index: 1; }
  .teaser__image img {
    opacity: 0;
    -webkit-transition: 0.33s opacity false;
    -moz-transition: 0.33s opacity false false;
    -o-transition: 0.33s opacity false false;
    transition: 0.33s opacity; }
    .teaser__image img.js-image-loaded {
      opacity: 1; }
  .teaser--primary .teaser__image {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px; }
    @media screen and (min-width: 720px) {
      .teaser--primary .teaser__image {
        margin-left: -30px;
        margin-right: 0;
        margin-top: 0; } }
  .teaser__tabloola .teaser__image {
    max-width: 100%;
    width: 100%; }
  .teaser__image.teaser__image--side {
    width: 48%;
    margin-right: 10px;
    float: left; }
  .teaser__image.teaser__image--side--reverse {
    width: 48%;
    margin-left: 10px;
    float: right; }

.teaser__body {
  padding: 7px 10px;
  position: relative;
  overflow: visible; }
  @media screen and (min-width: 720px) {
    .teaser__body {
      padding: 14px 20px 20px; } }

.teaser__content {
  background-color: #fff;
  position: relative; }
  .boxshadow .teaser__content {
    border: 0;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.05); }
  .teaser--primary .teaser__content {
    display: block;
    width: auto; }

.teaser__description {
  font-size: 14px;
  line-height: 16px;
  display: none;
  word-break: break-word; }
  .teaser__description a {
    text-decoration: none;
    color: #2b2b2b; }
  .teaser--primary .teaser__description {
    display: block; }
  @media screen and (min-width: 720px) {
    .teaser__description {
      display: block; } }

.teaser__title {
  font-family: sans-serif;
  font-size: 16px;
  word-wrap: break-word;
  margin-bottom: 10px;
  line-height: 20px; }
  .teaser__title a {
    color: #1a1a1a; }
    .teaser__title a:visited {
      color: #1a1a1a; }
  .fonts-loaded .teaser__title {
    font-family: "Montserrat", sans-serif; }
  .teaser--primary .teaser__title {
    font-size: 34px;
    letter-spacing: -1px;
    line-height: 40px; }
    @media screen and (min-width: 720px) {
      .teaser--primary .teaser__title {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 31px; } }

.teaser__taboola {
  margin-bottom: 0; }
  .teaser__taboola .teaser__title {
    font-family: sans-serif;
    font-size: 0.875em;
    font-weight: 100; }
  .teaser__taboola .teaser__content {
    border: 0;
    box-shadow: none; }
  .teaser__taboola .teaser__body {
    padding: 10px 0; }
  .teaser__taboola footer {
    font-weight: 100;
    font-size: 12px;
    margin-top: -10px;
    padding: 0 0 10px; }

.teaser__title--inverse a {
  color: #fff; }
  .teaser__title--inverse a:visited {
    color: #fff; }

.teaser__icons {
  display: none;
  float: right;
  width: 40%; }

.u-1-of-2-lap-and-up .teaser .teaser__title {
  margin-bottom: 10px; }
  .u-1-of-2-lap-and-up .teaser .teaser__title a {
    overflow: hidden;
    max-height: 54px;
    display: block;
    font-size: 14px;
    line-height: 17px; }

.u-1-of-2-lap-and-up .teaser .article__date {
  margin-left: 0;
  font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
  color: #666;
  font-size: 12px;
  line-height: 24px; }
  @media screen and (min-width: 720px) {
    .u-1-of-2-lap-and-up .teaser .article__date {
      float: left; } }

.teaser__static-page {
  padding: 2px 20px;
  font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
  min-height: 530px; }
  .teaser__static-page h1, .teaser__static-page h2, .teaser__static-page h3, .teaser__static-page h4 {
    font-family: "Montserrat"; }
  .teaser__static-page a {
    color: black;
    text-decoration: none; }

.layout-mode--basic .teaser__side-by-side .teaser {
  float: left;
  width: 46%; }
  .layout-mode--basic .teaser__side-by-side .teaser:first-child {
    margin-right: 3%; }
  .layout-mode--basic .teaser__side-by-side .teaser:last-child {
    margin-right: 0;
    margin-left: 0; }
  @media screen and (min-width: 720px) {
    .layout-mode--basic .teaser__side-by-side .teaser {
      width: auto;
      float: none; } }

@media screen and (min-width: 720px) {
  .layout-mode--advanced .teaser__side-by-side .teaser {
    width: 50%;
    float: left; }
    .layout-mode--advanced .teaser__side-by-side .teaser:last-of-type {
      padding-left: 20px; } }

@media screen and (min-width: 720px) {
  .layout-mode--advanced .top-stories .teaser--primary .teaser__body {
    display: table-cell;
    width: 70%;
    background-color: #fff;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.05); }
  .layout-mode--advanced .top-stories .teaser--primary .teaser__content {
    background-color: transparent;
    box-shadow: inherit;
    display: table; }
  .layout-mode--advanced .top-stories .teaser--primary .teaser__related {
    width: 30%;
    display: table-cell;
    padding-top: 0;
    border-top: 0;
    vertical-align: top; }
  .layout-mode--advanced .top-stories .teaser--primary .teaser__related-header {
    color: #fff;
    background-color: #1a1a1a;
    display: block;
    padding: 5px 10px;
    margin: 0 -30px 20px 0;
    text-transform: uppercase; }
  .layout-mode--advanced .top-stories .teaser--primary .teaser__related-list {
    padding-left: 30px; } }

.top-stories .theme-block--first article + article {
  margin-bottom: 20px; }

@media screen and (min-width: 720px) {
  .layout-mode--advanced .top-stories .theme-block--first, .layout-mode--advanced
  .top-stories .theme-block--second {
    width: 100% !important; } }

@media screen and (min-width: 720px) {
  .top-stories .theme-block--second {
    padding-top: 0; }
    .layout-mode--advanced .top-stories .theme-block--second .editors-pick .teaser {
      width: 100%; }
    .layout-mode--advanced .top-stories .theme-block--second .editors-pick .teaser__image {
      width: 48%;
      margin-left: 10px;
      float: right; }
    .layout-mode--advanced .top-stories .theme-block--second > .teaser {
      width: 50%;
      float: left; }
      .layout-mode--advanced .top-stories .theme-block--second > .teaser:last-of-type {
        padding-left: 20px; } }

@media screen and (min-width: 720px) {
  .layout-mode--advanced .top-stories .teaser--primary .teaser__image {
    margin-right: -30px;
    display: table-caption !important; } }

.top-stories .sub-navigation {
  border-bottom-color: #d1a138; }

.top-stories .sub-navigation__title::before {
  background-color: #d1a138; }

.top-stories .editors-pick .teaser {
  padding-bottom: 20px;
  margin-top: 0px; }
  .layout-mode--basic .top-stories .editors-pick .teaser {
    padding: 0px; }
    @media screen and (min-width: 1051px) {
      .layout-mode--basic .top-stories .editors-pick .teaser {
        margin-top: -28px; } }
    @media screen and (max-width: 720px) {
      .layout-mode--basic .top-stories .editors-pick .teaser {
        margin-top: 28px; } }
  .layout-mode--standard .top-stories .editors-pick .teaser {
    padding: 0px; }
    @media screen and (min-width: 1051px) {
      .layout-mode--standard .top-stories .editors-pick .teaser {
        margin-top: -7px; } }
  @media screen and (max-width: 720px) {
    .layout-mode--advanced .top-stories .editors-pick .teaser {
      margin-top: -8px; } }

.layout-mode--advanced .top-stories .editors-pick .article__flag, .layout-mode--advanced .top-stories .editors-pick .block__flag, .layout-mode--advanced
.top-stories .editors-pick .article__flag a, .layout-mode--advanced
.top-stories .editors-pick .block__flag a {
  color: #1a1a1a; }

/*
Hot list header //RENAME TO Trending Nav
This is the header for the hot lists - What's in, Trending, Most shared etc.
```
<section class="hot-list u-ph-">
    <ul class="list-inline">
        <li class="hot-list__list-item">WHAT'S HOT</li>
        <li class="hot-list__list-item hot-list__list-item--selected">JUST IN</li>
        <li class="hot-list__list-item">MOST SHARED</li>
    </ul>
</section>

```

 */
/*
Article List Component.
This component is used in conjunction with the hot list component just above it.
```
<section class="article-list">
  <article class="article-list__article">
      <div class="article-list__time">
          <span class="article-list__clock article-list__clock--red"></span>
          17:59
      </div>
      <div class="article-list__content">
          <h4>Tense Nigeria awaits deciding election results</h4>
          <img src="http://placehold.it/350x150" width="100%" class="article-list__image">
      </div>
  </article>
</section>
```
 */
.just-in .theme--business .icon-clock.just-in__icon {
  color: #1081AE; }

.just-in .theme--news .icon-clock.just-in__icon {
  color: #E7B322; }

.just-in .theme--top-stories .icon-clock.just-in__icon {
  color: #E7B322; }

.just-in .theme--sport .icon-clock.just-in__icon {
  color: #8ec702; }

.just-in .theme--science_technology .icon-clock.just-in__icon {
  color: #0AA9AD; }

.just-in .theme--insiders .icon-clock.just-in__icon {
  color: #e6b221; }

.just-in .theme--no-comment .icon-clock.just-in__icon {
  color: #c6c9ce; }

.just-in .theme--talk-show .icon-clock.just-in__icon {
  color: #d87415; }

.just-in .theme--magazines .icon-clock.just-in__icon {
  color: #c29259; }

.just-in .theme--color-breaking .icon-clock.just-in__icon {
  color: #f00; }

.just-in .theme--special-coverage .icon-clock.just-in__icon {
  color: #fb9400; }

.just-in .theme--culture .icon-clock.just-in__icon {
  color: #F2332A; }

.just-in .theme--weather .icon-clock.just-in__icon {
  color: #4BB9EA; }

.just-in .theme--programs .icon-clock.just-in__icon {
  color: #A64D79; }

.just-in__today, .just-in__article {
  padding: 10px; }

.just-in__main-title {
  padding: 12px; }
  .just-in__main-title-text {
    display: inline;
    padding: 12px 0 !important;
    text-transform: uppercase;
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }
    .just-in__main-title-text.active {
      border-bottom: 5px white solid;
      font-family: "Overpass-Bold"; }
      @media screen and (min-width: 721px) and (max-width: 1050px) {
        .just-in__main-title-text.active {
          border-bottom: none !important; } }

.just-in__today {
  text-align: center;
  font-size: 15px;
  color: #666;
  font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
  font-weight: lighter;
  background-color: white;
  padding: 18px 0;
  margin: 0; }

.just-in__article {
  width: 100%; }
  .just-in__article:nth-child(odd) {
    background-color: #f2f0ed; }
  .just-in__article:nth-child(even) {
    background-color: white; }
  .just-in__article .just-in__picture {
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease false;
    -o-transition: opacity 0.2s ease false;
    transition: opacity 0.2s ease; }
  .just-in__article:hover .just-in__picture {
    opacity: .8; }
  .just-in__article.theme--color-breaking {
    background-color: #f00; }
    .just-in__article.theme--color-breaking .just-in__time, .just-in__article.theme--color-breaking .just-in__icon::before, .just-in__article.theme--color-breaking .just-in__title a, .just-in__article.theme--color-breaking .just-in__title a::before, .just-in__article.theme--color-breaking .right-legend--just-in {
      color: white; }
    .just-in__article.theme--color-breaking .just-in__title a .breaking-title {
      margin-bottom: 14px; }
      .just-in__article.theme--color-breaking .just-in__title a .breaking-title__content {
        text-transform: uppercase;
        font-family: "Montserrat";
        font-size: 17px;
        padding-bottom: 4px;
        margin-bottom: 4px;
        border-bottom: 4px white solid;
        white-space: nowrap; }
        @media screen and (min-width: 721px) and (max-width: 1050px) {
          .just-in__article.theme--color-breaking .just-in__title a .breaking-title__content {
            font-size: 1.35vw; } }

.just-in__time {
  padding-right: 16px;
  font-size: 12px;
  color: #666;
  font-family: "Open Sans", sans-serif;
  flex-shrink: 0;
  float: left; }

.just-in__icon {
  font-size: 6px;
  position: relative;
  top: -2px;
  padding-right: 10px;
  padding-left: 4px; }

.just-in__picture-wrapper {
  margin-top: 20px;
  margin-bottom: 10px;
  background-color: black; }

.just-in__title {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  font-weight: normal; }
  .just-in__title a {
    color: #1a1a1a;
    text-decoration: none; }
    .just-in__title a:visited {
      color: #1a1a1a; }
  .fonts-loaded .just-in__title {
    font-family: "Open Sans", sans-serif, sans-serif; }
  .just-in__title a {
    display: block;
    font-size: 13px;
    text-decoration: none;
    color: #1a1a1a;
    display: block;
    float: none;
    padding-left: 78px;
    padding-right: 20px; }

.just-in__button:focus {
  color: #1a1a1a; }

/*
Most shared component
Most shared list. The section on the left will have a variable inline style applied to it to denote how much it has been shared.
```
<section class="most-shared">
  <article class="most-shared__article">
      <div class="most-shared__content most-share__left" style="width: 100%;">
          <h4>More co-operation needed against Boko Haram</h4>
          <div class="most-shared__meta">
              <span class="small-font">27th July 2013 GHANA - 04/06 10:28 CET</span>
          </div>
      </div>
      <div class="most-shared__content most-share__right">
          960
      </div>

  </article>
</section>

```
 */
/*
Trending List Component
The trending list sits under the hot-list header component.
```
<div class="trending-list">
  <article class="trending-list__article">
      <div class="trending-list__number">
          <span>
              1
          </span>
          <i>Trending</i>
      </div>
      <div class="trending-list__content">
          <h4>More co-operation needed against Boko Haram</h4>
          <p class="trending-list__description">
              Tens of thousands of protesters regrouped in Istanbul and Ankara in Turkey on Sunday (June 2) as trouble flared again.
          </p>
          <div class="article-meta">
              <span class="article-meta__left small-font color-business">27th July 2013</span>
              <span class="article-meta__right">HEATWAVE</span>
          </div>
      </div>
  </article>
</div>
```
 */
/*
Live Section
This section sits on top of the right hand column.
```
<section class="live-section">
    <a class="live-section__link-item" href="#"><span>i</span>Watch Live</a>
    <a class="live-section__link-item" href="#"><span>i</span>Listen Live</a>

    <div class="live-section__content">
    </div>
</section>
```
 */
.watch-live {
  display: none;
  margin-top: 0px; }
  @media screen and (max-width: 1322px) and (min-width: 720px) {
    .watch-live {
      margin-top: 56px; } }
  .watch-live .icon {
    font-size: 20px;
    vertical-align: baseline;
    margin-right: 5px; }
  .watch-live.panel-watchLive--isOpen {
    display: block;
    height: auto; }
  .watch-live.panel-watchLive--hidden {
    visibility: hidden;
    height: 0px; }
    .watch-live.panel-watchLive--hidden div {
      height: 0px; }
  .watch-live__content {
    min-height: 152px; }

.watch-live__header {
  color: #fff;
  background-color: #df0000;
  text-align: center;
  position: relative;
  line-height: 60px;
  font-family: "Overpass-Bold";
  font-size: 16px; }
  .watch-live__header::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 100%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top-color: #df0000;
    z-index: 1; }
    .layout-mode--advanced .watch-live__header::after {
      display: none; }

.triangle {
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #df0000;
  top: 100%; }

.sticky-bar {
  max-width: 1600px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease false;
  -o-transition: opacity 0.2s ease false;
  transition: opacity 0.2s ease; }
  .sticky-bar--hidden {
    -webkit-transform: translate3d(0, -116px, 0);
    -moz-transform: translate3d(0, -116px, 0);
    -ms-transform: translate3d(0, -116px, 0);
    -o-transform: translate3d(0, -116px, 0);
    transform: translate3d(0, -116px, 0); }
  .sticky-bar--show {
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.sticky-bar__header {
  display: none;
  font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
  width: auto;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: uppercase; }
  .sticky-bar__header h5 {
    display: flex;
    padding: 9px 0 4px 10px;
    margin: 0;
    height: 78px; }
    @media screen and (min-width: 720px) {
      .sticky-bar__header h5 {
        margin: 0 26px 0 0; } }
  .sticky-bar__header a {
    display: flex;
    align-self: center; }
  .sticky-bar__header h5, .sticky-bar__header a {
    font-size: 14px;
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
    text-decoration: none;
    color: #fff; }
  @media screen and (min-width: 720px) {
    .sticky-bar__header {
      display: inline-block;
      width: 105px; } }

.sticky-bar__close-button {
  border: 0;
  height: 26px;
  padding-right: 32px;
  font-size: 16px; }

.sticky-bar__close-arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 26px;
  height: 26px; }
  .sticky-bar__close-arrow .btn-arrow {
    display: inline; }
    .sticky-bar__close-arrow .btn-arrow div {
      border-color: #fff;
      left: 0;
      top: 10px;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
      width: 10px;
      height: 10px; }

.weather-banner {
  color: #000; }
  .weather-banner .preloader__wrapper {
    margin-top: 20px; }
  .weather-banner .sticky-bar__header {
    background-color: #00AFFF;
    color: #fff; }
    .weather-banner .sticky-bar__header h5 {
      background-color: #4BB9EA; }
  .weather-banner .sticky-bar__close-button {
    background-color: #00AFFF; }
  .weather-banner .sticky-bar__close-arrow {
    background-color: #007DFF; }

.breaking-news-banner .sticky-bar__header {
  background-color: #D0021B; }
  .breaking-news-banner .sticky-bar__header h5 {
    background-color: #ED1C24; }

.breaking-news-banner .sticky-bar__close-button {
  background-color: #D0021B; }

.breaking-news-banner .sticky-bar__close-arrow {
  background-color: #B30000; }

.disabled {
  opacity: 0; }

.hide {
  display: none; }

.custom .custom-flag--business {
  border-left: 10px solid #52B0D6; }

.custom .tabs-content--business {
  border-top: 10px solid #52B0D6; }

.custom .custom-flag--news {
  border-left: 10px solid #F0D138; }

.custom .tabs-content--news {
  border-top: 10px solid #F0D138; }

.custom .custom-flag--top-stories {
  border-left: 10px solid #F0D138; }

.custom .tabs-content--top-stories {
  border-top: 10px solid #F0D138; }

.custom .custom-flag--sport {
  border-left: 10px solid #aed749; }

.custom .tabs-content--sport {
  border-top: 10px solid #aed749; }

.custom .custom-flag--science_technology {
  border-left: 10px solid #25D1D5; }

.custom .tabs-content--science_technology {
  border-top: 10px solid #25D1D5; }

.custom .custom-flag--insiders {
  border-left: 10px solid #e6b221; }

.custom .tabs-content--insiders {
  border-top: 10px solid #e6b221; }

.custom .custom-flag--no-comment {
  border-left: 10px solid #c6c9ce; }

.custom .tabs-content--no-comment {
  border-top: 10px solid #c6c9ce; }

.custom .custom-flag--talk-show {
  border-left: 10px solid #d87415; }

.custom .tabs-content--talk-show {
  border-top: 10px solid #d87415; }

.custom .custom-flag--magazines {
  border-left: 10px solid #c29259; }

.custom .tabs-content--magazines {
  border-top: 10px solid #c29259; }

.custom .custom-flag--color-breaking {
  border-left: 10px solid #f00; }

.custom .tabs-content--color-breaking {
  border-top: 10px solid #f00; }

.custom .custom-flag--special-coverage {
  border-left: 10px solid #fb9400; }

.custom .tabs-content--special-coverage {
  border-top: 10px solid #fb9400; }

.custom .custom-flag--culture {
  border-left: 10px solid #A9120A; }

.custom .tabs-content--culture {
  border-top: 10px solid #A9120A; }

.custom .custom-flag--weather {
  border-left: 10px solid #4BB9EA; }

.custom .tabs-content--weather {
  border-top: 10px solid #4BB9EA; }

.custom .custom-flag--programs {
  border-left: 10px solid #A64D79; }

.custom .tabs-content--programs {
  border-top: 10px solid #A64D79; }

.custom .tabs--sport .tab {
  font-size: 14px; }
  @media screen and (min-width: 720px) {
    .custom .tabs--sport .tab {
      font-size: 18px; } }

.custom .tabs .tab {
  float: left;
  padding-right: 10%; }
  @media screen and (min-width: 720px) {
    .custom .tabs .tab {
      width: auto; } }
  .custom .tabs .tab:not(.active) {
    background: #fff; }

.custom .custom-flag,
.custom .custom-flag a {
  font-size: 22px;
  font-weight: bold;
  font-family: "Overpass-Bold", sans-serif;
  text-transform: uppercase; }
  @media screen and (min-width: 720px) {
    .custom .custom-flag,
    .custom .custom-flag a {
      font-size: 24px; } }

.custom .custom-flag {
  background-color: transparent;
  padding: 5px;
  padding-left: 10px;
  display: inline-block; }
  .custom .custom-flag a {
    color: #1a1a1a;
    text-decoration: none; }
    .custom .custom-flag a:visited {
      color: #1a1a1a; }

.custom .custom-sub-title {
  color: #fff;
  font-weight: bold;
  font-family: "Overpass-Bold", sans-serif;
  text-transform: uppercase;
  background-color: #2b2b2b;
  padding: 10px;
  font-size: 16px;
  line-height: 16px; }
  @media screen and (min-width: 720px) {
    .custom .custom-sub-title {
      padding: 10px 20px;
      font-size: 16px; } }

.custom__advert {
  display: block;
  text-align: center;
  margin-bottom: 20px; }
  .custom__advert--parallax img {
    width: 100%; }

.custom .second-column {
  margin-top: 24px; }
  @media screen and (min-width: 720px) {
    .custom .second-column {
      margin-top: 0; } }

.custom .teaser--tab {
  margin-bottom: 0; }

.custom .teaser--content-tab {
  margin-top: 0; }

.custom-table {
  width: 100%;
  margin-bottom: 0; }
  .custom-table thead th {
    background-color: #e6e6e6;
    text-align: left;
    font-weight: normal;
    font-size: 1.3rem;
    font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
    border-left: 1px solid #fff;
    box-shadow: inset 0 10px 15px -8px rgba(0, 0, 0, 0.2); }
    @media screen and (min-width: 720px) {
      .custom-table thead th {
        font-size: 0.9rem; } }
  .custom-table__row {
    background-color: #fff;
    border-bottom: 1px solid #f2f0ed; }
    .custom-table__row--dashed {
      border-bottom: 1px dashed #dcdcdc !important; }
    .custom-table__row--no-border {
      border: 0 !important; }
    .custom-table__row:last-child {
      border-bottom: 0; }
    .custom-table__row__col {
      height: 40px;
      line-height: 40px;
      padding: 0 10px;
      text-transform: uppercase;
      white-space: nowrap;
      font-size: 14px;
      font-family: "Montserrat";
      font-weight: bold;
      text-overflow: ellipsis;
      font-family: "Overpass-Bold";
      text-overflow: ellipsis; }
      @media screen and (min-width: 720px) {
        .custom-table__row__col {
          font-size: 16px; } }
      .custom-table__row__col a {
        text-decoration: none;
        color: #1a1a1a;
        font-weight: bold; }
      .custom-table__row__col--negative {
        color: red; }
      .custom-table__row__col--positive {
        color: green; }
  .custom-table__wrapper {
    overflow-x: scroll;
    margin-left: 120px;
    overflow-y: visible; }
    @media screen and (min-width: 720px) {
      .custom-table__wrapper {
        margin: 0;
        overflow-x: auto; } }
  .custom-table .col__fixed {
    position: absolute;
    width: 120px;
    left: 0;
    top: auto; }
    .custom-table .col__fixed::after {
      content: "";
      display: block;
      width: 10px;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      -webkit-box-shadow: 11px 0 18px 0 rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 11px 0 18px 0 rgba(0, 0, 0, 0.25);
      box-shadow: 11px 0 18px 0 rgba(0, 0, 0, 0.25); }
      @media screen and (min-width: 720px) {
        .custom-table .col__fixed::after {
          display: none; } }
    @media screen and (min-width: 720px) {
      .custom-table .col__fixed {
        position: static;
        width: auto; } }

.date-selector {
  height: 45px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  position: relative;
  z-index: 99;
  font-family: "Overpass-Bold";
  line-height: 44px;
  font-size: 18px; }
  @media screen and (min-width: 720px) {
    .date-selector {
      font-size: 24px; } }
  .date-selector .btn-arrow {
    background-color: #dfdfdf;
    display: block;
    width: 45px;
    height: 45px;
    float: left; }
    .date-selector .btn-arrow:hover {
      background-color: #fff; }
    .date-selector .btn-arrow div {
      width: 14px;
      height: 14px; }
    .date-selector .btn-arrow--next {
      float: right; }

.custom-box-shadow {
  -webkit-box-shadow: 0 10px 18px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 10px 18px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 18px -5px rgba(0, 0, 0, 0.2); }

.custom-drop-shadow {
  border: 0;
  box-shadow: 4px 4px #e6e6e6; }

.hide th {
  opacity: 0;
  width: 0;
  height: 0;
  line-height: 0;
  visibility: hidden; }

.no-gutter {
  padding: 0 !important; }

.teaser--ads .teaser__image {
  display: block !important;
  margin: 30px 0; }
  @media screen and (min-width: 720px) {
    .teaser--ads .teaser__image {
      margin-left: -30px;
      margin-right: -30px; } }

input[type="text"] {
  font-size: 1.3rem; }
  @media screen and (min-width: 720px) {
    input[type="text"] {
      font-size: 1rem; } }

.chevron::before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: '';
  display: inline-block;
  height: 14px;
  position: relative;
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  vertical-align: top;
  width: 14px; }
  @media screen and (min-width: 720px) {
    .chevron::before {
      top: 5px; } }

.chevron.right::before {
  left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.chevron.bottom::before {
  top: 0;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

.chevron.left::before {
  right: -3px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.sub-theme .theme-block--second {
  margin-top: 40px; }

.sport .teaser {
  margin-top: 0 !important; }

.sport .custom-sub-title {
  margin: 0; }

.sport .past-results {
  /*&__display {
            border-right: 4px solid rgba(0,0,0, 0.05);
            border-bottom: 4px solid rgba(0,0,0, 0.05);
        }*/ }
  .sport .past-results .team-list-selector {
    width: 100%; }

.sport .custom-select--sport::after {
  right: 1.5em;
  top: 1.2em !important; }
  @media screen and (min-width: 720px) {
    .sport .custom-select--sport::after {
      top: 0.8em !important; } }

.sport .custom-select--sport input:hover, .sport .custom-select--sport textarea:hover, .sport .custom-select--sport select:hover, .sport .custom-select--sport option:hover {
  background: white; }

.sport .date-selector--past-results {
  background-color: #666; }
  @media screen and (min-width: 720px) {
    .sport .date-selector--past-results {
      background-color: #acacac; } }
  .sport .date-selector--past-results .btn-arrow {
    background-color: #666; }
    .sport .date-selector--past-results .btn-arrow:hover {
      background-color: transparent; }
    .sport .date-selector--past-results .btn-arrow div {
      border-color: white; }
    @media screen and (min-width: 720px) {
      .sport .date-selector--past-results .btn-arrow {
        background-color: #dfdfdf; }
        .sport .date-selector--past-results .btn-arrow div {
          border-color: #4a4a4a; } }

.sport .date-selector--upcoming-fixtures {
  background-color: #666; }
  .sport .date-selector--upcoming-fixtures .btn-arrow {
    background-color: transparent; }
    .sport .date-selector--upcoming-fixtures .btn-arrow div {
      border-color: #fff; }
    .sport .date-selector--upcoming-fixtures .btn-arrow:hover {
      background-color: #2b2b2b; }

.sport .date-selector--past-results th, .sport .date-selector--upcoming-fixtures th {
  background-color: #0000C2; }

.sport .custom-table {
  table-layout: fixed; }
  .sport .custom-table__row__col {
    overflow: hidden;
    text-transform: none; }
  .sport .custom-table--empty-thead th {
    padding: 0 !important; }
  .sport .custom-table--most-popular .custom-table__row {
    border-bottom: 0px; }
    @media screen and (min-width: 720px) {
      .sport .custom-table--most-popular .custom-table__row {
        border-bottom: 1px solid #f2f0ed;
        background-color: #e2e2e2; } }
    .sport .custom-table--most-popular .custom-table__row__col {
      margin: 0 20px;
      border-bottom: 1px solid #ececec;
      display: list-item; }
      @media screen and (min-width: 720px) {
        .sport .custom-table--most-popular .custom-table__row__col {
          padding-left: 20px;
          border-bottom: 0px; } }
      .sport .custom-table--most-popular .custom-table__row__col a {
        display: block;
        width: 100%;
        font-size: 15px;
        font-family: "Montserrat"; }
      @media screen and (min-width: 720px) {
        .sport .custom-table--most-popular .custom-table__row__col {
          display: table-cell; } }
  .sport .custom-table--past-result .custom-table__row {
    border-bottom: 1px solid #e0e0e0; }
    .sport .custom-table--past-result .custom-table__row__col {
      height: 30px;
      line-height: 30px; }
    .sport .custom-table--past-result .custom-table__row__date {
      background-color: #e6e6e6;
      color: #666;
      font-size: 14px;
      font-family: "Overpass-Bold";
      text-align: center;
      text-transform: uppercase;
      height: 40px; }
    .sport .custom-table--past-result .custom-table__row__type {
      color: white;
      font-size: 18px;
      font-family: "Overpass-Bold";
      text-transform: uppercase;
      width: 32px;
      background-color: #aed749;
      padding: 0 4px;
      text-align: center;
      border-left: 1px solid #f2f0ed;
      position: relative; }
      .sport .custom-table--past-result .custom-table__row__type--p {
        background-color: red; }
      .sport .custom-table--past-result .custom-table__row__type--hour {
        color: #1a1a1a;
        width: 50px;
        font-size: 16px;
        font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
        line-height: 40px; }
    .sport .custom-table--past-result .custom-table__row__team-1 {
      width: 45%;
      text-align: right; }
      .sport .custom-table--past-result .custom-table__row__team-1 b {
        padding-right: 6px; }
    .sport .custom-table--past-result .custom-table__row__team-2 {
      width: 45%; }
      .sport .custom-table--past-result .custom-table__row__team-2 b {
        padding-left: 6px; }
    .sport .custom-table--past-result .custom-table__row__separation {
      width: 10%;
      text-align: center;
      padding-bottom: 5px;
      font-size: 14px;
      font-family: "Overpass-Bold"; }
  .sport .custom-table--upcoming-fixtures .custom-table__row__col {
    height: 40px; }
  .sport .custom-table--upcoming-fixtures .custom-table__row__team-1, .sport .custom-table--upcoming-fixtures .custom-table__row__team-2 {
    font-family: "Montserrat";
    font-size: 14px;
    width: 48%; }
  .sport .custom-table--upcoming-fixtures .custom-table__row__team-1 {
    padding-right: 8px; }
  .sport .custom-table--upcoming-fixtures .custom-table__row__team-2 {
    padding-left: 8px; }
  .sport .custom-table--upcoming-fixtures .custom-table__row__separation {
    width: 10%;
    text-align: center;
    padding-bottom: 4px;
    color: #666; }
  .sport .custom-table--league-standing .custom-table__row th, .sport .custom-table--league-standing .custom-table__row td {
    height: 40px;
    line-height: 40px; }
  .sport .custom-table--league-standing .custom-table__row th {
    font-family: "Montserrat";
    font-size: 14px;
    color: white;
    background-color: #aed749;
    border-right: 2px #fff solid;
    font-weight: normal;
    text-align: center; }
    .sport .custom-table--league-standing .custom-table__row th:first-child, .sport .custom-table--league-standing .custom-table__row th:nth-child(2) {
      padding-left: 12px;
      text-align: left; }
    .sport .custom-table--league-standing .custom-table__row th:last-child {
      border-right: 0; }
  .sport .custom-table--league-standing .custom-table__row td {
    font-family: "Montserrat";
    font-size: 15px;
    text-align: center; }
  .sport .custom-table--league-standing .custom-table__row__pos {
    width: 20%;
    text-align: left !important;
    font-weight: normal;
    padding-left: 12px;
    color: #666; }
    .sport .custom-table--league-standing .custom-table__row__pos .icon {
      opacity: 0; }
  .sport .custom-table--league-standing .custom-table__row__team {
    width: 60%;
    text-align: left !important;
    font-weight: normal;
    padding-left: 12px; }
  .sport .custom-table--league-standing .custom-table__row__p {
    width: 10%; }
  .sport .custom-table--league-standing .custom-table__row__gd {
    width: 10%; }
  .sport .custom-table--league-standing .custom-table__row__pts {
    width: 10%; }

.sport .league-standing {
  margin: 1.5rem 0; }

.sport .view-more-bar .layout__item {
  text-align: right; }

.sport .article__flag--sport {
  margin-left: 0; }

.sport .custom-block-sport .results-list {
  color: #333;
  text-decoration: none; }

.sport .custom-block-sport .custom-sub-title__change-league {
  text-decoration: none;
  color: white;
  float: right; }

.sport .custom-block-sport .custom-table--most-popular .custom-table__row {
  background-color: white !important; }

.sport .btn--plus {
  margin-bottom: 20px; }
  @media screen and (min-width: 720px) {
    .sport .btn--plus {
      margin-bottom: 0; } }

.sport .block__flag--program {
  border-left: 10px solid #1081AE;
  background-color: white;
  width: 100%;
  font-weight: bold;
  margin-bottom: 15px; }
  .sport .block__flag--program h4 {
    font-size: 1.6rem;
    font-family: "Overpass-Bold";
    padding: 5px 5px 5px 10px;
    text-transform: uppercase; }
    @media screen and (min-width: 720px) {
      .sport .block__flag--program h4 {
        font-size: 1.5rem; } }
  @media screen and (min-width: 720px) {
    .sport .block__flag--program {
      font-size: 16px;
      font-size: 1rem;
      line-height: 18px; } }

.editors-pick {
  padding-top: 0px; }
  .layout-mode--advanced .editors-pick {
    padding-top: 10px; }
  .layout-mode--advanced .editors-pick .teaser {
    margin-bottom: 30px; }
  .editors-pick h3 {
    font-size: 14px;
    text-transform: uppercase;
    text-align: right;
    margin: 0 20px;
    position: relative;
    padding-left: 14px;
    font-family: "Overpass-Bold"; }
    .layout-mode--basic .editors-pick h3 {
      margin-top: 50px; }
    .editors-pick h3::before {
      top: 8px;
      left: 0;
      content: "";
      position: absolute;
      width: 50%;
      border-top: 1px solid #e6e6e6; }
      @media screen and (min-width: 720px) {
        .editors-pick h3::before {
          display: none; } }
    @media screen and (min-width: 720px) {
      .editors-pick h3 {
        margin: 0 0 40px;
        text-align: left; }
        .layout-mode--standard .editors-pick h3 {
          margin: 0 0 20px; } }
  .editors-pick .article__flag, .editors-pick .block__flag,
  .editors-pick .article__flag a,
  .editors-pick .block__flag a {
    color: #fff;
    background-color: transparent;
    border-left-color: #f9d713; }
    .layout-mode--basic .editors-pick .article__flag, .layout-mode--basic .editors-pick .block__flag, .layout-mode--basic
    .editors-pick .article__flag a, .layout-mode--basic
    .editors-pick .block__flag a {
      color: #1a1a1a; }
  .editors-pick .teaser__content {
    background-color: #f9d713; }
  .layout-mode--advanced .editors-pick .sub-navigation,
  .layout-mode--advanced .editors-pick .sub-navigation__title,
  .layout-mode--advanced .editors-pick .sub-navigation__title::before {
    display: none;
    height: 0px;
    border: none; }
  .layout-mode--basic .editors-pick .sub-navigation,
  .layout-mode--basic .editors-pick .sub-navigation__title,
  .layout-mode--basic .editors-pick .sub-navigation__title::before {
    display: none;
    height: 0px;
    border: none; }
  .layout-mode--standard .editors-pick .sub-navigation {
    border-bottom-color: #f9d713;
    height: 30px; }
  .layout-mode--standard .editors-pick .sub-navigation__title {
    line-height: 30px;
    padding-left: 20px;
    font-size: 14px;
    text-transform: uppercase; }
  .layout-mode--standard .editors-pick .sub-navigation__title::before {
    background-color: #f9d713;
    width: 10px;
    height: 30px; }
  .editors-pick .teaser__banner {
    background: -owg-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
    background: -webkit-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
    background: -moz-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
    background: -o-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
    -pie-background: -pie-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75)); }
    .layout-mode--basic .editors-pick .teaser__banner {
      background: -owg-none;
      background: -webkit-none;
      background: -moz-none;
      background: -o-none;
      -pie-background: -pie-none;
      background: none; }
    @media screen and (max-width: 720px) {
      .layout-mode--advanced .editors-pick .teaser__banner .article__flag a, .layout-mode--advanced .editors-pick .teaser__banner .block__flag a {
        color: #fff; } }
    @media screen and (min-width: 720px) {
      .layout-mode--advanced .editors-pick .teaser__banner {
        background: -owg-none;
        background: -webkit-none;
        background: -moz-none;
        background: -o-none;
        -pie-background: -pie-none;
        background: none; } }
  .editors-picks__teasers .editors-pick .teaser__banner {
    background: -owg-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
    background: -webkit-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
    background: -moz-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
    background: -o-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
    -pie-background: -pie-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75)); }
    .layout-mode--basic .editors-picks__teasers .editors-pick .teaser__banner {
      background: -owg-none;
      background: -webkit-none;
      background: -moz-none;
      background: -o-none;
      -pie-background: -pie-none;
      background: none; }

.editors-picks .sub-navigation {
  border-bottom-color: #f9d713; }

.editors-picks .sub-navigation__title::before {
  background-color: #f9d713; }

.editors-picks .teaser__content {
  box-shadow: 4px 4px rgba(0, 0, 0, 0.1); }

.editors-picks__teasers {
  background-color: #fff; }
  .editors-picks__teasers .media__body {
    min-height: 140px; }
  .editors-picks__teasers .teaser__title {
    overflow: hidden;
    height: 40px; }
  .editors-picks__teasers .teaser__description {
    margin-bottom: 5px; }

.one-half {
  width: 50%;
  float: left; }

.no-comment .navigation__wrapper {
  background-color: #c6c9ce; }

.new_item::after {
  content: 'new';
  position: relative;
  bottom: 1px;
  font-size: .6em;
  line-height: .6em;
  vertical-align: super;
  text-decoration: none;
  padding: 3px 3px 1px 1px;
  background-color: red;
  color: white !important; }

.article__flag--business {
  border-left: 10px solid #52B0D6; }

.article__flag--news {
  border-left: 10px solid #F0D138; }

.article__flag--top-stories {
  border-left: 10px solid #F0D138; }

.article__flag--sport {
  border-left: 10px solid #aed749; }

.article__flag--science_technology {
  border-left: 10px solid #25D1D5; }

.article__flag--insiders {
  border-left: 10px solid #e6b221; }

.article__flag--no-comment {
  border-left: 10px solid #c6c9ce; }

.article__flag--talk-show {
  border-left: 10px solid #d87415; }

.article__flag--magazines {
  border-left: 10px solid #c29259; }

.article__flag--color-breaking {
  border-left: 10px solid #f00; }

.article__flag--special-coverage {
  border-left: 10px solid #fb9400; }

.article__flag--culture {
  border-left: 10px solid #A9120A; }

.article__flag--weather {
  border-left: 10px solid #4BB9EA; }

.article__flag--programs {
  border-left: 10px solid #A64D79; }

#audiobooPopupButton {
  background-image: url("http://static.euronews.com/africanews/icons/launchRecordButton.png") !important; }

.theme--no-comment .top-stories__wrapper, .article-view-no-comment .top-stories__wrapper {
  color: #fff;
  background-color: #1a1a1a; }

.theme--no-comment a h4, .article-view-no-comment a h4 {
  color: #fff !important; }

.theme--no-comment .light-slider__wrapper, .article-view-no-comment .light-slider__wrapper {
  top: 200px !important; }

.program .program-block .no-comment-slider-intro {
  color: white; }

.program .program-block .top-stories__wrapper {
  background-color: white; }

.program .program-block .article__date {
  color: #666 !important; }

.program-block {
  padding: 20px 0;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 720px) {
    .program-block::before {
      content: '';
      display: block;
      height: 100%;
      width: 100px;
      position: absolute;
      left: -100px;
      top: 0;
      -webkit-box-shadow: 50px 0 65px 15px #1a1a1a;
      -moz-box-shadow: 50px 0 65px 15px #1a1a1a;
      box-shadow: 50px 0 65px 15px #1a1a1a;
      z-index: 2; }
    .program-block::after {
      content: '';
      display: block;
      height: 100%;
      width: 100px;
      position: absolute;
      top: 0;
      right: -100px;
      -webkit-box-shadow: -50px 0 65px 15px #1a1a1a;
      -moz-box-shadow: -50px 0 65px 15px #1a1a1a;
      box-shadow: -50px 0 65px 15px #1a1a1a;
      z-index: 2; } }
  .program-block .no-comment-slider-intro {
    font-size: 12px;
    padding: 0 20px 20px;
    position: relative;
    z-index: 2; }
    @media screen and (min-width: 720px) {
      .program-block .no-comment-slider-intro {
        font-size: 14px; } }
  .program-block.theme-block__spacer {
    padding-top: 10px; }
  .program-block .top-stories__wrapper {
    position: relative; }
    @media screen and (min-width: 720px) {
      .program-block .top-stories__wrapper {
        padding-right: 338px;
        padding-left: 0; } }
    @media screen and (min-width: 721px) and (max-width: 1050px) {
      .program-block .top-stories__wrapper {
        padding-right: 0; } }
    .program-block .top-stories__wrapper .video__wrapper {
      position: relative; }
      @media screen and (min-width: 720px) {
        .program-block .top-stories__wrapper .video__wrapper {
          min-height: 360px; } }
      .program-block .top-stories__wrapper .video__wrapper::after {
        content: '';
        display: block;
        height: 20px;
        width: 100%;
        position: absolute;
        bottom: -20px;
        -webkit-box-shadow: 20px 0 35px 15px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 20px 0 35px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 20px 0 35px 15px rgba(0, 0, 0, 0.5);
        background-color: #000000; }
        @media screen and (min-width: 721px) and (max-width: 1050px) {
          .program-block .top-stories__wrapper .video__wrapper::after {
            display: none; } }

.teaser__body--no-comment {
  padding-left: 20px; }
  @media screen and (min-width: 720px) {
    .teaser__body--no-comment {
      background-color: rgba(26, 26, 26, 0.7) !important;
      width: 100%; } }

.no-comment, .program {
  position: relative; }
  .no-comment .mobile-sub-navigation, .program .mobile-sub-navigation {
    padding-left: 20px; }
    @media screen and (min-width: 720px) {
      .no-comment .mobile-sub-navigation, .program .mobile-sub-navigation {
        padding-left: 0; } }
  .no-comment .teaser, .program .teaser {
    padding-bottom: 10px; }
    @media screen and (min-width: 720px) {
      .no-comment .teaser, .program .teaser {
        padding: 0; } }
    .no-comment .teaser__title, .program .teaser__title {
      font-family: "Montserrat"; }
    .no-comment .teaser--no-comment, .program .teaser--no-comment {
      width: 100%;
      margin: 0; }
      .no-comment .teaser--no-comment-small .media__body, .program .teaser--no-comment-small .media__body {
        position: absolute;
        right: 0;
        height: 100%; }
      .no-comment .teaser--no-comment-small .article-meta, .program .teaser--no-comment-small .article-meta {
        bottom: 10px;
        position: absolute; }
      .no-comment .teaser--no-comment-small .teaser__title, .program .teaser--no-comment-small .teaser__title {
        font-size: 14px; }
      .no-comment .teaser--no-comment-big .teaser__content img, .program .teaser--no-comment-big .teaser__content img {
        width: 100%; }
      .no-comment .teaser--no-comment-big .teaser__title, .program .teaser--no-comment-big .teaser__title {
        font-size: 16px; }
      .no-comment .teaser--no-comment-big .article__flag--no-comment, .program .teaser--no-comment-big .article__flag--no-comment {
        top: 0;
        left: -6px;
        display: block;
        height: 30px;
        margin-top: -30px;
        margin-left: 0; }
      .no-comment .teaser--no-comment-big .article__flag--program, .program .teaser--no-comment-big .article__flag--program {
        color: white;
        font-weight: bold;
        left: 19px;
        position: absolute;
        margin-top: -9px; }
        @media screen and (max-width: 720px) {
          .no-comment .teaser--no-comment-big .article__flag--program, .program .teaser--no-comment-big .article__flag--program {
            margin-top: -6px !important; } }
      .no-comment .teaser--no-comment-big .teaser__body--no-comment, .program .teaser--no-comment-big .teaser__body--no-comment {
        border-left: 6px solid #e4e4e4; }
      .no-comment .teaser--no-comment .article__date, .program .teaser--no-comment .article__date {
        color: #c2c2c2; }
      .no-comment .teaser--no-comment .teaser__title, .program .teaser--no-comment .teaser__title {
        color: #fff; }
      .no-comment .teaser--no-comment .article__flag--no-comment, .program .teaser--no-comment .article__flag--no-comment {
        color: #1a1a1a;
        background-color: rgba(228, 228, 228, 0.9);
        text-transform: uppercase;
        position: absolute;
        z-index: 99;
        border: 0;
        padding: 4px 10px; }
    .no-comment .teaser__content, .program .teaser__content {
      /*background-color: $black-lightened;*/
      margin: 10px; }
      @media screen and (min-width: 720px) {
        .no-comment .teaser__content, .program .teaser__content {
          margin: 10px 10px 30px; } }
      .no-comment .teaser__content__link, .program .teaser__content__link {
        text-decoration: none; }

/**
* no-comment-video
*/
.article-view-no-comment .program-block {
  min-height: 750px; }

.article-view-no-comment .lSAction {
  display: none !important; }

.article-view-no-comment, .program {
  /*.main-body {
    @include layout-mode("advanced") {
      width: 100%;
    }
  }

  .sidebar {
    @include layout-mode("advanced") {
      display: none;
    }
  }*/ }
  .article-view-no-comment .top-stories__wrapper .teaser, .program .top-stories__wrapper .teaser {
    margin: 20px 20px 15px; }
  .article-view-no-comment .program-block, .program .program-block {
    padding-top: 0; }
    .article-view-no-comment .program-block::before, .article-view-no-comment .program-block::after, .program .program-block::before, .program .program-block::after {
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important;
      display: none !important;
      content: '';
      display: block;
      height: 100%;
      width: 100px;
      position: absolute;
      top: 0;
      right: -100px;
      -webkit-box-shadow: -50px 0 65px 15px #1a1a1a;
      -moz-box-shadow: -50px 0 65px 15px #1a1a1a;
      box-shadow: -50px 0 65px 15px #1a1a1a;
      z-index: 2; }
    .article-view-no-comment .program-block article.teaser, .program .program-block article.teaser {
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }
      @media screen and (min-width: 720px) {
        .layout-mode--advanced .article-view-no-comment .program-block article.teaser, .layout-mode--advanced .program .program-block article.teaser {
          padding-left: 45px; } }
    .article-view-no-comment .program-block article h2, .program .program-block article h2 {
      font-size: 2.1rem;
      line-height: normal; }
      @media screen and (min-width: 720px) {
        .article-view-no-comment .program-block article h2, .program .program-block article h2 {
          font-size: 1.6rem; } }
    .article-view-no-comment .program-block article p, .program .program-block article p {
      padding: 0;
      font-size: 1.2rem;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      -o-hyphens: auto;
      hyphens: auto;
      word-wrap: break-word; }
      @media screen and (min-width: 720px) {
        .article-view-no-comment .program-block article p, .program .program-block article p {
          font-size: 0.9rem; } }
    .article-view-no-comment .program-block article .article__date, .article-view-no-comment .program-block article .article__date i, .program .program-block article .article__date, .program .program-block article .article__date i {
      color: #dfdfdf;
      float: none;
      margin-left: 0; }
    .article-view-no-comment .program-block .list-tags .float--left, .program .program-block .list-tags .float--left {
      width: 80%; }
    .article-view-no-comment .program-block .list-tags .float--left:first-child, .program .program-block .list-tags .float--left:first-child {
      font-size: 12px;
      width: 20%;
      margin-top: 13px; }
    .article-view-no-comment .program-block .list-tags a, .program .program-block .list-tags a {
      display: inline-block;
      background-color: #666;
      padding: 10px 13px;
      margin-left: 20px;
      color: #fff;
      text-transform: uppercase;
      font-size: 14px;
      text-decoration: none;
      margin-bottom: 10px; }
    .article-view-no-comment .program-block .article-social, .program .program-block .article-social {
      margin: 10px 0 25px; }
      .article-view-no-comment .program-block .article-social li, .program .program-block .article-social li {
        margin: 0 10px;
        height: 30px;
        line-height: 30px; }
        .article-view-no-comment .program-block .article-social li:first-child, .program .program-block .article-social li:first-child {
          display: none; }
      .article-view-no-comment .program-block .article-social a:link, .article-view-no-comment .program-block .article-social a:visited, .program .program-block .article-social a:link, .program .program-block .article-social a:visited {
        color: #dfdfdf; }
      .article-view-no-comment .program-block .article-social .icon::before, .program .program-block .article-social .icon::before {
        position: static;
        font-size: 1rem;
        padding: 10px; }
      @media screen and (min-width: 720px) {
        .article-view-no-comment .program-block .article-social, .program .program-block .article-social {
          position: absolute;
          top: -75px;
          left: -18px; }
          .article-view-no-comment .program-block .article-social li, .program .program-block .article-social li {
            display: list-item;
            margin-left: 0;
            margin-bottom: 25px; }
            .article-view-no-comment .program-block .article-social li:first-child, .program .program-block .article-social li:first-child {
              display: block;
              margin-left: 0;
              margin-right: 20px;
              font-size: 1.2rem; }
          .article-view-no-comment .program-block .article-social .icon, .program .program-block .article-social .icon {
            color: #666; }
          .article-view-no-comment .program-block .article-social .share .icon::before, .program .program-block .article-social .share .icon::before {
            background-color: #2b2b2b;
            color: #fff; }
          .layout-mode--basic .article-view-no-comment .program-block .article-social, .layout-mode--basic .program .program-block .article-social {
            display: none; }
          .layout-mode--standard .article-view-no-comment .program-block .article-social, .layout-mode--standard .program .program-block .article-social {
            display: none; } }
    .article-view-no-comment .program-block .custom-flag--no-comment, .program .program-block .custom-flag--no-comment {
      padding: 0 0 7px 20px; }
    .article-view-no-comment .program-block .light-slider__wrapper, .program .program-block .light-slider__wrapper {
      display: none;
      padding-right: 30px;
      overflow: hidden;
      position: absolute;
      right: 0;
      top: 0;
      width: 320px;
      max-height: 685px; }
      @media screen and (min-width: 1051px) {
        .article-view-no-comment .program-block .light-slider__wrapper, .program .program-block .light-slider__wrapper {
          display: block; } }
      @media screen and (min-width: 721px) and (max-width: 1050px) {
        .article-view-no-comment .program-block .light-slider__wrapper, .program .program-block .light-slider__wrapper {
          width: 100%;
          position: static;
          padding-left: 20px; } }
      .article-view-no-comment .program-block .light-slider__wrapper h3, .program .program-block .light-slider__wrapper h3 {
        border-bottom: 1px solid #fff;
        position: relative;
        margin-bottom: 10px;
        margin-top: 5px;
        color: #fff;
        font-family: "Overpass-Bold"; }
      .article-view-no-comment .program-block .light-slider__wrapper a h4, .program .program-block .light-slider__wrapper a h4 {
        margin: 0;
        line-height: 1em;
        font-size: 0.8rem;
        color: black; }
      .article-view-no-comment .program-block .light-slider__wrapper ul, .program .program-block .light-slider__wrapper ul {
        margin-left: 0;
        padding-left: 0;
        list-style-type: none; }
      .article-view-no-comment .program-block .light-slider__wrapper .img-nextArticle, .program .program-block .light-slider__wrapper .img-nextArticle {
        max-width: 143px; }
      .article-view-no-comment .program-block .light-slider__wrapper .lslide div:last-child, .program .program-block .light-slider__wrapper .lslide div:last-child {
        padding-left: 0; }
    .article-view-no-comment .program-block .vertical .lSPager, .program .program-block .vertical .lSPager {
      display: none; }
    .article-view-no-comment .program-block .vertical .lSAction, .program .program-block .vertical .lSAction {
      display: none !important; }
    .article-view-no-comment .program-block .lightSlider, .program .program-block .lightSlider {
      margin-top: 0;
      margin-bottom: 0; }
    .article-view-no-comment .program-block .light-slider__nav, .program .program-block .light-slider__nav {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%; }
    .article-view-no-comment .program-block .lightSlider, .program .program-block .lightSlider {
      margin-bottom: 46px; }
    .article-view-no-comment .program-block .btn-arrow div, .program .program-block .btn-arrow div {
      width: 10px;
      height: 10px;
      position: static;
      border-color: #fff;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      -moz-transform: rotate3d(0, 0, 1, -45deg);
      -ms-transform: rotate3d(0, 0, 1, -45deg);
      -o-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg); }
    .article-view-no-comment .program-block .btn-arrow.btn-arrow--disable div, .program .program-block .btn-arrow.btn-arrow--disable div {
      border-color: #4a4a4a; }
    .article-view-no-comment .program-block .btn-arrow.btn-arrow--prev, .program .program-block .btn-arrow.btn-arrow--prev {
      vertical-align: text-bottom; }
      .article-view-no-comment .program-block .btn-arrow.btn-arrow--prev div, .program .program-block .btn-arrow.btn-arrow--prev div {
        -webkit-transform: rotate3d(0, 0, 1, 135deg);
        -moz-transform: rotate3d(0, 0, 1, 135deg);
        -ms-transform: rotate3d(0, 0, 1, 135deg);
        -o-transform: rotate3d(0, 0, 1, 135deg);
        transform: rotate3d(0, 0, 1, 135deg); }
    .article-view-no-comment .program-block .btn-arrow.btn-arrow--next, .program .program-block .btn-arrow.btn-arrow--next {
      margin-top: -5px; }
  .article-view-no-comment .lSSlideOuter, .program .lSSlideOuter {
    background-color: transparent; }
    .article-view-no-comment .lSSlideOuter::after, .program .lSSlideOuter::after {
      content: '';
      display: block;
      height: 20px;
      width: 100%;
      position: absolute;
      bottom: 0;
      -webkit-box-shadow: 0 0 35px 15px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0 35px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 35px 15px rgba(0, 0, 0, 0.5);
      background-color: #1a1a1a; }
      @media screen and (min-width: 721px) and (max-width: 1050px) {
        .article-view-no-comment .lSSlideOuter::after, .program .lSSlideOuter::after {
          display: none; } }
  .article-view-no-comment .jw-icon-display, .program .jw-icon-display {
    background-color: #7D7D7D; }

.no-comment .main-body .wrapper-lightBox--switcher, .program .main-body .wrapper-lightBox--switcher, .article-view-no-comment .main-body .wrapper-lightBox--switcher {
  background-color: #1a1a1a;
  z-index: 10000; }
  .no-comment .main-body .wrapper-lightBox--switcher .popup-lightBox, .program .main-body .wrapper-lightBox--switcher .popup-lightBox, .article-view-no-comment .main-body .wrapper-lightBox--switcher .popup-lightBox {
    width: 100%;
    height: auto;
    margin-top: 12%; }
    @media screen and (min-width: 721px) and (max-width: 1050px) {
      .no-comment .main-body .wrapper-lightBox--switcher .popup-lightBox, .program .main-body .wrapper-lightBox--switcher .popup-lightBox, .article-view-no-comment .main-body .wrapper-lightBox--switcher .popup-lightBox {
        margin-top: 30%; } }
    @media screen and (max-width: 720px) {
      .no-comment .main-body .wrapper-lightBox--switcher .popup-lightBox, .program .main-body .wrapper-lightBox--switcher .popup-lightBox, .article-view-no-comment .main-body .wrapper-lightBox--switcher .popup-lightBox {
        margin-top: 40%; } }
  .layout-mode--basic .no-comment .main-body .wrapper-lightBox--switcher, .layout-mode--basic .program .main-body .wrapper-lightBox--switcher, .layout-mode--basic .article-view-no-comment .main-body .wrapper-lightBox--switcher {
    display: block !important; }

/**
* End no-comment-video
*/
/**
* LightSlider + lightGallery
*/
.lSSlideOuter {
  background-color: #1a1a1a;
  text-align: center; }

.lightSlider {
  margin-left: 3%;
  margin-bottom: 0; }
  @media screen and (min-width: 720px) {
    .lightSlider {
      margin-left: 25%; } }
  .lightSlider .teaser__content {
    margin-bottom: 0; }

.lSAction {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0; }
  .lSAction > a {
    background-image: none !important;
    width: 44px;
    height: 44px;
    margin-top: -50px; }
    @media screen and (min-width: 720px) {
      .lSAction > a {
        margin-top: -22px; } }
  .lSAction > .lSPrev, .lSAction > .lSNext {
    background-color: rgba(230, 230, 230, 0.6);
    opacity: 0.6;
    display: flex;
    align-items: center;
    justify-content: center; }
    .lSAction > .lSPrev div, .lSAction > .lSNext div {
      width: 14px;
      height: 7px;
      border: 1px solid #e6e6e6; }
  .lSAction > .lSPrev {
    left: 24px; }
    @media screen and (min-width: 720px) {
      .lSAction > .lSPrev {
        left: 0; } }
    .lSAction > .lSPrev .chevron.left::before {
      top: 3px; }
      @media screen and (min-width: 720px) {
        .lSAction > .lSPrev .chevron.left::before {
          top: 5px;
          top: 15px \9 \0; } }
  .lSAction > .lSNext {
    right: 0; }
    .lSAction > .lSNext .chevron.right::before {
      left: -3px;
      top: 3px; }
      @media screen and (min-width: 720px) {
        .lSAction > .lSNext .chevron.right::before {
          top: 5px;
          top: 15px \9 \0; } }

.lSGallery {
  display: inline-block;
  width: auto !important; }
  .lSGallery li {
    max-width: 67px; }
    .lSGallery li.active, .lSGallery li:hover {
      border-radius: 0 !important; }
    .lSGallery li.active {
      border-bottom: 3px solid #f9d713; }

.lSSlideOuter .lSPager {
  margin-bottom: 12px; }
  .lSSlideOuter .lSPager > li a {
    background-color: #666; }
  .lSSlideOuter .lSPager > li:hover a, .lSSlideOuter .lSPager > li.active a {
    background-color: #ffffff; }

/**
* End Light Slider
*/
.layout-mode--basic .no-comment .layout--no-comment-articles {
  display: none !important; }

.no-comment, .program {
  /* Desktop Flex */ }
  .no-comment .mobile-sub-navigation, .program .mobile-sub-navigation {
    padding-left: 20px; }
    @media screen and (min-width: 720px) {
      .no-comment .mobile-sub-navigation, .program .mobile-sub-navigation {
        padding-left: 0; } }
  .no-comment .theme-block__spacer, .program .theme-block__spacer {
    padding: 20px 10px 20px 30px; }
  @media screen and (min-width: 720px) {
    .no-comment, .program {
      /* MARGEs DES IMAGES */ }
      .no-comment .theme-block__spacer, .program .theme-block__spacer {
        padding: 20px 30px; }
      .no-comment .teaser__content, .program .teaser__content {
        margin: 0; }
      .no-comment .layout--no-comment-articles, .program .layout--no-comment-articles {
        margin-bottom: 20px; }
      .no-comment .layout--comment-center .teaser--no-comment-big, .program .layout--comment-center .teaser--no-comment-big {
        order: 0; }
      .no-comment .layout--comment-left .teaser--no-comment-big, .program .layout--comment-left .teaser--no-comment-big {
        order: -1;
        margin-left: 0 !important; }
      .no-comment .layout--comment-left .two-small-no-comment:nth-child(1), .program .layout--comment-left .two-small-no-comment:nth-child(1) {
        margin-right: 2.2%; }
      .no-comment .layout--comment-right .teaser--no-comment-big, .program .layout--comment-right .teaser--no-comment-big {
        order: 1;
        margin-right: 0 !important; }
      .no-comment .layout--comment-right .two-small-no-comment:nth-child(1), .program .layout--comment-right .two-small-no-comment:nth-child(1) {
        margin-right: 2.2%; }
      .no-comment .layout--no-comment-articles, .program .layout--no-comment-articles {
        display: flex;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: center;
        align-items: flex-start;
        /* flex items */
        /* Two small videos */ }
        .no-comment .layout--no-comment-articles .teaser--no-comment-big, .program .layout--no-comment-articles .teaser--no-comment-big {
          flex-grow: 1;
          margin: 0 2.2%; }
        .no-comment .layout--no-comment-articles .two-small-no-comment, .program .layout--no-comment-articles .two-small-no-comment {
          flex-grow: 0.47; }
          .no-comment .layout--no-comment-articles .two-small-no-comment .teaser, .program .layout--no-comment-articles .two-small-no-comment .teaser {
            width: 100%; } }
  .no-comment .teaser__image--no-comment, .program .teaser__image--no-comment {
    border-left: 6px solid #e4e4e4; }
    @media screen and (min-width: 720px) {
      .no-comment .teaser__image--no-comment, .program .teaser__image--no-comment {
        border-left: 0; } }
  .no-comment .teaser--no-comment, .program .teaser--no-comment {
    width: 100%;
    margin: 0;
    /* Small video */
    /* Big Video */ }
    .no-comment .teaser--no-comment-small .media__body, .program .teaser--no-comment-small .media__body {
      position: static; }
      @media screen and (min-width: 720px) {
        .no-comment .teaser--no-comment-small .media__body, .program .teaser--no-comment-small .media__body {
          position: absolute;
          right: 0;
          height: 100%;
          border-left: 6px solid #e4e4e4; } }
    .no-comment .teaser--no-comment-small .article__flag__title, .program .teaser--no-comment-small .article__flag__title {
      font-size: 14px;
      line-height: 19px; }
      .no-comment .teaser--no-comment-small .article__flag__title .arrow-right, .no-comment .teaser--no-comment-small .article__flag__title .arrow-right--grey, .no-comment .teaser--no-comment-small .article__flag__title .arrow-right--white, .program .teaser--no-comment-small .article__flag__title .arrow-right, .program .teaser--no-comment-small .article__flag__title .arrow-right--grey, .program .teaser--no-comment-small .article__flag__title .arrow-right--white {
        margin: 3px 10px 0 6px; }
    .no-comment .teaser--no-comment-small .article__flag, .no-comment .teaser--no-comment-small .block__flag, .program .teaser--no-comment-small .article__flag, .program .teaser--no-comment-small .block__flag {
      top: 0;
      left: 0; }
    .no-comment .teaser--no-comment-small .article-meta, .program .teaser--no-comment-small .article-meta {
      bottom: 6px;
      position: absolute; }
    .no-comment .teaser--no-comment-small .teaser__title, .program .teaser--no-comment-small .teaser__title {
      padding-top: 2vw;
      font-size: 3vw;
      line-height: 4vw; }
      @media screen and (min-width: 720px) {
        .no-comment .teaser--no-comment-small .teaser__title, .program .teaser--no-comment-small .teaser__title {
          padding-top: 2vw;
          font-size: 1vw;
          line-height: 1.2vw; } }
      @media screen and (min-width: 1024px) {
        .no-comment .teaser--no-comment-small .teaser__title, .program .teaser--no-comment-small .teaser__title {
          font-size: 16px;
          line-height: 18px; } }
    @media screen and (min-width: 720px) {
      .no-comment .teaser--no-comment-small .article__date, .program .teaser--no-comment-small .article__date {
        font-size: 0.8vw; } }
    @media screen and (min-width: 1024px) {
      .no-comment .teaser--no-comment-small .article__date, .program .teaser--no-comment-small .article__date {
        font-size: 12px; } }
    @media screen and (min-width: 720px) {
      .no-comment .teaser--no-comment-small .media__body, .no-comment .teaser--no-comment-small .teaser__image--no-comment, .program .teaser--no-comment-small .media__body, .program .teaser--no-comment-small .teaser__image--no-comment {
        width: 100%; }
      .no-comment .teaser--no-comment-small:nth-child(1), .program .teaser--no-comment-small:nth-child(1) {
        margin-bottom: 6.1%; } }
    .no-comment .teaser--no-comment-big .teaser__content img, .program .teaser--no-comment-big .teaser__content img {
      width: 100%; }
    .no-comment .teaser--no-comment-big .teaser__title, .program .teaser--no-comment-big .teaser__title {
      padding-top: 1vw;
      font-size: 3vw;
      line-height: 4vw; }
      @media screen and (min-width: 720px) {
        .no-comment .teaser--no-comment-big .teaser__title, .program .teaser--no-comment-big .teaser__title {
          padding-top: 1vw;
          font-size: 2vw;
          line-height: 2.2vw; } }
      @media screen and (min-width: 1024px) {
        .no-comment .teaser--no-comment-big .teaser__title, .program .teaser--no-comment-big .teaser__title {
          font-size: 16px;
          line-height: 18px; } }
    .no-comment .teaser--no-comment-big .article__flag--no-comment, .program .teaser--no-comment-big .article__flag--no-comment {
      top: 0;
      left: -6px;
      display: block;
      height: 30px;
      margin-top: -30px;
      margin-left: 0; }
    .no-comment .teaser--no-comment-big .teaser__body--no-comment, .program .teaser--no-comment-big .teaser__body--no-comment {
      border-left: 6px solid #e4e4e4; }
    .no-comment .teaser--no-comment-big .article__date, .program .teaser--no-comment-big .article__date {
      float: left; }
      @media screen and (min-width: 720px) {
        .no-comment .teaser--no-comment-big .article__date, .program .teaser--no-comment-big .article__date {
          font-size: 1.1vw;
          padding-left: 0; } }
      @media screen and (min-width: 1024px) {
        .no-comment .teaser--no-comment-big .article__date, .program .teaser--no-comment-big .article__date {
          font-size: 12px; } }
    .no-comment .teaser--no-comment-big .article__flag__title, .program .teaser--no-comment-big .article__flag__title {
      font-size: 16px;
      line-height: 20px; }
      .no-comment .teaser--no-comment-big .article__flag__title .arrow-right, .no-comment .teaser--no-comment-big .article__flag__title .arrow-right--grey, .no-comment .teaser--no-comment-big .article__flag__title .arrow-right--white, .program .teaser--no-comment-big .article__flag__title .arrow-right, .program .teaser--no-comment-big .article__flag__title .arrow-right--grey, .program .teaser--no-comment-big .article__flag__title .arrow-right--white {
        margin: 3px 10px 0 6px; }
    @media screen and (min-width: 720px) {
      .no-comment .teaser--no-comment, .program .teaser--no-comment {
        width: auto; }
        .no-comment .teaser--no-comment .media__body, .program .teaser--no-comment .media__body {
          left: 0;
          bottom: 0;
          position: absolute;
          opacity: 0; }
        .no-comment .teaser--no-comment .article__flag--no-comment, .program .teaser--no-comment .article__flag--no-comment {
          opacity: 0; } }
    .no-comment .teaser--no-comment .article__date, .program .teaser--no-comment .article__date {
      color: #c2c2c2; }
    .no-comment .teaser--no-comment .teaser__title, .program .teaser--no-comment .teaser__title {
      color: #fff;
      margin-bottom: 0; }
    .no-comment .teaser--no-comment .teaser__content, .program .teaser--no-comment .teaser__content {
      box-shadow: none; }
    .no-comment .teaser--no-comment .article__flag--no-comment, .program .teaser--no-comment .article__flag--no-comment {
      color: #1a1a1a;
      background-color: rgba(228, 228, 228, 0.9);
      text-transform: uppercase;
      position: absolute;
      z-index: 99;
      border: 0;
      padding: 4px 10px;
      padding-left: 10px; }
      @media screen and (min-width: 720px) {
        .no-comment .teaser--no-comment .article__flag--no-comment, .program .teaser--no-comment .article__flag--no-comment {
          background-color: #e4e4e4; } }
    .no-comment .teaser--no-comment .teaser__body--no-comment, .program .teaser--no-comment .teaser__body--no-comment {
      padding: 20px;
      padding-top: 5px;
      -webkit-transition: opacity 0.2s ease;
      -moz-transition: opacity 0.2s ease false;
      -o-transition: opacity 0.2s ease false;
      transition: opacity 0.2s ease; }
      @media screen and (min-width: 720px) {
        .no-comment .teaser--no-comment .teaser__body--no-comment, .program .teaser--no-comment .teaser__body--no-comment {
          padding-top: 20px; } }
  .no-comment .teaser__content, .program .teaser__content {
    background-color: #2b2b2b; }
    @media screen and (min-width: 720px) {
      .no-comment .teaser__content, .program .teaser__content {
        margin: 0; } }
    .no-comment .teaser__content__link, .program .teaser__content__link {
      text-decoration: none;
      display: block; }
      .no-comment .teaser__content__link:hover .teaser__body, .no-comment .teaser__content__link:hover .article__flag, .no-comment .teaser__content__link:hover .block__flag, .program .teaser__content__link:hover .teaser__body, .program .teaser__content__link:hover .article__flag, .program .teaser__content__link:hover .block__flag {
        opacity: 1; }

.teaser--lite-mode {
  background-color: black;
  padding: 200px; }

.lightSlider .teaser--no-comment .media__body {
  opacity: 1 !important; }
  .lightSlider .teaser--no-comment .media__body .article__flag, .lightSlider .teaser--no-comment .media__body .block__flag {
    opacity: 1;
    top: 0; }
  .lightSlider .teaser--no-comment .media__body .article__title, .lightSlider .teaser--no-comment .media__body h4 {
    text-align: left; }

.no-comment-slider {
  background-color: #1a1a1a;
  padding: 0;
  margin-left: 0; }

/* Flex fallback */
@media screen and (min-width: 720px) {
  .no-flex .layout--no-comment-articles {
    justify-content: center;
    /* flex items */
    /* Two small videos */ }
    .no-flex .layout--no-comment-articles .teaser--no-comment-big {
      margin: 0 !important;
      width: 100%;
      padding-bottom: 20px;
      float: left; }
    .no-flex .layout--no-comment-articles .teaser--no-comment-small {
      margin-bottom: 20px; }
    .no-flex .layout--no-comment-articles .two-small-no-comment {
      margin-bottom: 10px;
      margin-bottom: 20px; }
      .no-flex .layout--no-comment-articles .two-small-no-comment .teaser {
        width: 50% !important;
        float: left; }
        .no-flex .layout--no-comment-articles .two-small-no-comment .teaser__title {
          line-height: 2.6vw;
          font-size: 2vw; }
        .no-flex .layout--no-comment-articles .two-small-no-comment .teaser:first-child {
          padding-right: 10px; }
        .no-flex .layout--no-comment-articles .two-small-no-comment .teaser:nth-child(2) {
          padding-left: 10px; }
      .no-flex .layout--no-comment-articles .two-small-no-comment:nth-child(1) {
        margin-bottom: 0 !important;
        margin-right: 0; }
  .no-flex .no-comment .teaser--no-comment-small:nth-child(1), .no-flex .program .teaser--no-comment-small:nth-child(1) {
    margin-bottom: 0 !important;
    margin-right: 0 !important; }
  .no-flex .no-comment .layout--comment-left .two-small-no-comment:nth-child(1), .no-flex .program .layout--comment-left .two-small-no-comment:nth-child(1) {
    margin-right: 0 !important; } }

.programeDesc {
  margin: 20px 0 20px 0;
  padding: 0px;
  position: relative; }

.programs__text a, .top-stories__wrapper a {
  color: #1a1a1a;
  text-decoration: none; }

.programs__text a:visited, .top-stories__wrapper a:visited {
  color: #1a1a1a;
  text-decoration: none; }

.btn_program {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: #A64D79;
  color: white !important; }
  .btn_program--description {
    display: none; }
  .btn_program--image {
    display: block; }

.programs__image {
  position: relative; }
  .layout-mode--basic .programs__image {
    display: none !important; }

.programs__title {
  display: none !important; }

.layout-mode--basic .programs__text {
  width: 85% !important; }

.program-slider-intro {
  display: none; }
  .layout-mode--basic .program-slider-intro {
    display: block !important;
    color: white; }

@media screen and (max-width: 720px) {
  .programLanding .sub-navigation {
    margin-top: 15px !important; } }

@media screen and (max-width: 720px) {
  .programLanding .programs__description {
    font-size: 14px !important; } }

.programLanding .programs__text {
  margin-bottom: 10px; }
  @media screen and (min-width: 721px) and (max-width: 1330px) {
    .programLanding .programs__text {
      float: none !important;
      width: auto !important;
      padding-bottom: 10px; } }

.programLanding .programs__image {
  padding-right: 10px; }

.programLanding .theme-block {
  margin-left: 0px !important; }

.programLanding .sub-navigation__title::before {
  background-color: #A64D79; }

.programLanding .navigation__wrapper {
  background-color: #A64D79; }

@media screen and (min-width: 1024px) {
  .programs__image {
    width: 40%;
    float: left; }
  .programs__text {
    float: left;
    width: 60%;
    padding-left: 6px; }
  .btn_program--description {
    display: block; }
  .btn_program--image {
    display: none; } }

.program .btn_program {
  display: none; }

.program .program-block {
  margin-left: 0px !important; }
  .program .program-block .light-slider__wrapper h3 {
    color: black !important; }

.program .programs__description {
  font-size: 14px; }
  @media screen and (min-width: 721px) and (max-width: 1330px) {
    .program .programs__description {
      font-size: 12px; } }
  @media screen and (min-width: 721px) and (max-width: 1330px) {
    .program .programs__description ul {
      margin: 0.3rem !important;
      -webkit-padding-start: 23px; } }

.program .top_stories_unique {
  padding-right: 15px !important; }

.program .programs__next {
  height: 92px; }

.program .theme-block {
  margin-left: 0px !important; }

.program .lSSlideOuter::after {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: transparent !important; }

.program .program-block .top-stories__wrapper .video__wrapper::after {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: transparent !important; }

.program .no-comment-slider {
  background-color: black; }

.program .navigation__wrapper {
  background-color: #A64D79; }

.program--af_football_planet .programeDesc {
  background-color: #8ec702;
  margin-right: 25px !important; }

.program--af_football_planet .sub-navigation__title::before {
  background-color: #8ec702; }

.program--af_football_planet .btn--plus {
  background-color: #8ec702; }

.program--af_the_morning_call .programeDesc {
  background-color: #f9d713;
  margin-right: 25px !important; }

.program--af_the_morning_call .sub-navigation__title::before {
  background-color: #f9d713; }

.program--af_the_morning_call .btn--plus {
  background-color: #f9d713; }

.program--af_business_africa .programeDesc {
  background-color: #1081AE;
  margin-right: 25px !important; }

.program--af_business_africa .sub-navigation__title::before {
  background-color: #1081AE; }

.program--af_business_africa .btn--plus {
  background-color: #1081AE; }

.program--focus .programeDesc {
  background-color: #f9d713;
  margin-right: 25px !important; }

.program--focus .sub-navigation__title::before {
  background-color: #f9d713; }

.program--focus .btn--plus {
  background-color: #f9d713; }

.programfuturis .programeDesc {
  background-color: #0AA9AD;
  margin-right: 25px !important; }

.programfuturis .sub-navigation__title::before {
  background-color: #0AA9AD; }

.programfuturis .btn--plus {
  background-color: #0AA9AD; }

.program--af_global-conversation .programeDesc {
  background-color: #f9d713;
  margin-right: 25px !important; }

.program--af_global-conversation .sub-navigation__title::before {
  background-color: #f9d713; }

.program--af_global-conversation .btn--plus {
  background-color: #f9d713; }

.program--af_insiders .programeDesc {
  background-color: #f9d713;
  margin-right: 25px !important; }

.program--af_insiders .sub-navigation__title::before {
  background-color: #f9d713; }

.program--af_insiders .btn--plus {
  background-color: #f9d713; }

.program--af_sci-tech .programeDesc {
  background-color: #0AA9AD;
  margin-right: 25px !important; }

.program--af_sci-tech .sub-navigation__title::before {
  background-color: #0AA9AD; }

.program--af_sci-tech .btn--plus {
  background-color: #0AA9AD; }

.program--af_space .programeDesc {
  background-color: #0AA9AD;
  margin-right: 25px !important; }

.program--af_space .sub-navigation__title::before {
  background-color: #0AA9AD; }

.program--af_space .btn--plus {
  background-color: #0AA9AD; }

.program--af_this-is-culture .programeDesc {
  background-color: #F2332A;
  margin-right: 25px !important; }

.program--af_this-is-culture .sub-navigation__title::before {
  background-color: #F2332A; }

.program--af_this-is-culture .btn--plus {
  background-color: #F2332A; }

.program--af_time-out .programeDesc {
  background-color: #F2332A;
  margin-right: 25px !important; }

.program--af_time-out .sub-navigation__title::before {
  background-color: #F2332A; }

.program--af_time-out .btn--plus {
  background-color: #F2332A; }

.program--af_the_network .programeDesc {
  background-color: white;
  margin-right: 25px !important; }

.program--af_the_network .sub-navigation__title::before {
  background-color: white; }

.program--af_the_network .btn--plus {
  background-color: white; }

.program--af_news .programeDesc {
  background-color: #E7B322;
  margin-right: 25px !important; }

.program--af_news .sub-navigation__title::before {
  background-color: #E7B322; }

.program--af_news .btn--plus {
  background-color: #E7B322; }

.program--af_business .programeDesc {
  background-color: #E7B322;
  margin-right: 25px !important; }

.program--af_business .sub-navigation__title::before {
  background-color: #E7B322; }

.program--af_business .btn--plus {
  background-color: #E7B322; }

.program--af_sport .programeDesc {
  background-color: #E7B322;
  margin-right: 25px !important; }

.program--af_sport .sub-navigation__title::before {
  background-color: #E7B322; }

.program--af_sport .btn--plus {
  background-color: #E7B322; }

.program .program_slider--af_story_hunters .sub-navigation__title::before {
  background-color: #f9d713; }

.program .program_slider--af_business_africa .sub-navigation__title::before {
  background-color: #1081AE; }

.program .program_slider--af_the_morning_call .sub-navigation__title::before {
  background-color: #f9d713; }

.program .program_slider--af_football_planet .sub-navigation__title::before {
  background-color: #8ec702; }

@media screen and (min-width: 720px) {
  .topProgram {
    display: none; } }

.programBlockList {
  position: relative;
  margin-top: 10px;
  margin-bottom: 25px; }
  .programBlockList .article__flag h4 a, .programBlockList .block__flag h4 a {
    font-size: 19px; }
  .programBlockList .teaser__banner {
    top: -38px; }

.programLanding .programeDesc .media {
  box-shadow: 4px 4px rgba(0, 0, 0, 0.05);
  background-color: white;
  width: 97%;
  margin-top: 50px;
  position: relative; }

.programLanding .sub-navigation--mobile .sub-navigation__title a {
  color: #A64D79; }

.programLanding .sub-navigation {
  border-bottom: 1px solid #A64D79;
  padding-left: 0px !important; }

.programLanding .lSGallery li.active {
  border-bottom: 3px solid #A64D79; }

.article__flag--the-morning-call {
  border-left: 10px solid #f9d713; }

.article__flag--business-africa {
  border-left: 10px solid #1081AE; }

.article__flag--football-planet {
  border-left: 10px solid #8ec702; }

.article__flag--focus {
  border-left: 10px solid #f9d713; }

.article__flag--futuris {
  border-left: 10px solid #0AA9AD; }

.article__flag--global-conversation {
  border-left: 10px solid #f9d713; }

.article__flag--insiders {
  border-left: 10px solid #f9d713; }

.article__flag--sci-tech {
  border-left: 10px solid #0AA9AD; }

.article__flag--space {
  border-left: 10px solid #0AA9AD; }

.article__flag--this-is-culture {
  border-left: 10px solid #F2332A; }

.article__flag--time-out {
  border-left: 10px solid #F2332A; }

.program .no-comment-slider {
  position: relative; }

/*
Theme Block Component
A themed content block containing many Teasers
```
<div class="theme-block">
  <div class="theme-block--first"></div>
  <div class="theme-block--second">
    <a href="#" class="btn btn--plus">View More</a>
  </div>
</div>

```
 */
.theme--no-comment {
  padding-bottom: 0; }

.theme-block__btn.js-load-more {
  margin-right: 10px; }

.theme-block {
  background-color: #f2f0ed; }
  .tag .theme-block.latest-stories, .tag .theme-block.theme--no-comment {
    padding-bottom: 0 !important; }
  .boxshadow .theme-block {
    border-right: 0; }
    .boxshadow .theme-block--taboola {
      box-shadow: -4px -8px 10px rgba(0, 0, 0, 0.1); }
  .theme-block--taboola {
    background: #fff;
    padding-top: 0;
    display: inline-block;
    padding-bottom: 20px !important;
    z-index: 999;
    position: relative; }
    .theme-block--taboola .teaser__taboola {
      border-bottom: 1px #e6e6e6 solid; }
    .theme-block--taboola .theme-block-header__taboola {
      text-transform: uppercase;
      font-family: "Overpass-Bold";
      font-size: 14px; }
      .theme-block--taboola .theme-block-header__taboola span {
        text-transform: none;
        color: #666; }
  @media screen and (min-width: 720px) {
    .theme-block {
      padding-bottom: 20px; } }
  .theme-block--minus-margin {
    margin-left: -40px; }
  .theme-block:first-child .sub-navigation {
    display: none; }
    @media screen and (min-width: 720px) {
      .theme-block:first-child .sub-navigation {
        display: inline-block; } }

.theme-block-header__taboola {
  padding: 0 10px; }
  @media screen and (min-width: 720px) {
    .theme-block-header__taboola {
      padding: 0; } }
  .theme-block-header__taboola span {
    display: block;
    font-size: 11px;
    position: relative;
    top: 15px;
    font-weight: normal; }
    @media screen and (min-width: 720px) {
      .theme-block-header__taboola span {
        float: right;
        display: inline; } }

.theme-block-header__more-from {
  margin-bottom: 55px;
  text-transform: uppercase;
  font-family: "Overpass-Bold";
  font-size: 16px;
  margin-left: 10px; }
  @media screen and (min-width: 720px) {
    .theme-block-header__more-from {
      font-size: 24px;
      margin-left: 0; } }

.theme-block__header {
  padding: 20px; }

.theme-block__header--left-float {
  float: left; }

.theme-block__sub-header {
  padding: 20px 0;
  margin: 30px 0 0 20px;
  display: block;
  font-size: 14px; }
  @media screen and (min-width: 720px) {
    .theme-block__sub-header {
      text-align: right;
      margin-left: 0; } }

.theme-block__spacer {
  padding: 20px 0 0;
  margin-left: 0; }
  .theme-block__spacer .theme-block--first {
    margin-top: -20px; }
    .layout-mode--basic .theme-block__spacer .theme-block--first {
      margin-top: 0; }
  @media screen and (min-width: 720px) {
    .theme-block__spacer {
      padding: 20px 30px 20px 10px; } }
  .layout-mode--basic .theme-block__spacer {
    padding-top: 50px; }

.layout-mode--basic .market .theme-block__spacer, .layout-mode--basic .sport .theme-block__spacer {
  padding-top: 10px !important; }

.layout-mode--basic .sport .theme-block__spacer {
  padding-top: 60px !important; }

.theme-block--second {
  padding-bottom: 40px; }
  @media screen and (min-width: 720px) {
    .theme-block--second {
      margin-top: -20px;
      padding-bottom: 0; }
      .home .top-stories .theme-block--second {
        padding-top: 0; }
      .home .theme-block--second {
        padding-top: 30px;
        margin-top: 0; }
        .layout-mode--basic .home .theme-block--second {
          padding-top: 0; } }

.theme-block--first article + article,
.theme-block--second article + article {
  margin-bottom: 50px; }
  @media screen and (min-width: 720px) {
    .theme-block--first article + article,
    .theme-block--second article + article {
      margin-bottom: 50px; } }

.theme--business .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #52B0D6; }
  .theme--business .btn:hover {
    background-color: #1081AE; }

.theme--business .btn--plus::after, .theme--business .btn--plus-arrow::after {
  background-color: #1081AE; }

.theme--news .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #F0D138; }
  .theme--news .btn:hover {
    background-color: #E7B322; }

.theme--news .btn--plus::after, .theme--news .btn--plus-arrow::after {
  background-color: #E7B322; }

.theme--top-stories .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #F0D138; }
  .theme--top-stories .btn:hover {
    background-color: #E7B322; }

.theme--top-stories .btn--plus::after, .theme--top-stories .btn--plus-arrow::after {
  background-color: #E7B322; }

.theme--sport .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #aed749; }
  .theme--sport .btn:hover {
    background-color: #8ec702; }

.theme--sport .btn--plus::after, .theme--sport .btn--plus-arrow::after {
  background-color: #8ec702; }

.theme--science_technology .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #25D1D5; }
  .theme--science_technology .btn:hover {
    background-color: #0AA9AD; }

.theme--science_technology .btn--plus::after, .theme--science_technology .btn--plus-arrow::after {
  background-color: #0AA9AD; }

.theme--insiders .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #e6b221; }
  .theme--insiders .btn:hover {
    background-color: #e6b221; }

.theme--insiders .btn--plus::after, .theme--insiders .btn--plus-arrow::after {
  background-color: #e6b221; }

.theme--no-comment .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #c6c9ce; }
  .theme--no-comment .btn:hover {
    background-color: #c6c9ce; }

.theme--no-comment .btn--plus::after, .theme--no-comment .btn--plus-arrow::after {
  background-color: #c6c9ce; }

.theme--talk-show .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #d87415; }
  .theme--talk-show .btn:hover {
    background-color: #d87415; }

.theme--talk-show .btn--plus::after, .theme--talk-show .btn--plus-arrow::after {
  background-color: #d87415; }

.theme--magazines .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #c29259; }
  .theme--magazines .btn:hover {
    background-color: #c29259; }

.theme--magazines .btn--plus::after, .theme--magazines .btn--plus-arrow::after {
  background-color: #c29259; }

.theme--color-breaking .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #f00; }
  .theme--color-breaking .btn:hover {
    background-color: #f00; }

.theme--color-breaking .btn--plus::after, .theme--color-breaking .btn--plus-arrow::after {
  background-color: #f00; }

.theme--special-coverage .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #fb9400; }
  .theme--special-coverage .btn:hover {
    background-color: #fb9400; }

.theme--special-coverage .btn--plus::after, .theme--special-coverage .btn--plus-arrow::after {
  background-color: #fb9400; }

.theme--culture .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #A9120A; }
  .theme--culture .btn:hover {
    background-color: #F2332A; }

.theme--culture .btn--plus::after, .theme--culture .btn--plus-arrow::after {
  background-color: #F2332A; }

.theme--weather .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #4BB9EA; }
  .theme--weather .btn:hover {
    background-color: #4BB9EA; }

.theme--weather .btn--plus::after, .theme--weather .btn--plus-arrow::after {
  background-color: #4BB9EA; }

.theme--programs .btn {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out false;
  -o-transition: background-color 0.2s ease-out false;
  transition: background-color 0.2s ease-out;
  background-color: #A64D79; }
  .theme--programs .btn:hover {
    background-color: #A64D79; }

.theme--programs .btn--plus::after, .theme--programs .btn--plus-arrow::after {
  background-color: #A64D79; }

.weather .just-in__button, .weather .just-in__button:hover {
  background-color: transparent; }

@media screen and (max-width: 720px) {
  .layout-mode--basic .article__flag--no-comment {
    display: none !important; }
  .layout-mode--basic .teaser__body--no-comment {
    border: none !important; } }

.market .theme-block .sub-navigation {
  display: none; }
  @media screen and (min-width: 720px) {
    .market .theme-block .sub-navigation {
      display: inline-block; } }

.market .block__flag--market {
  border-left: 10px solid #1081AE;
  background-color: transparent; }
  .market .block__flag--market h4 {
    font-size: 1.6rem;
    font-family: "Overpass-Bold";
    padding: 5px 5px 5px 10px; }
    @media screen and (min-width: 720px) {
      .market .block__flag--market h4 {
        font-size: 1.5rem; } }
  @media screen and (min-width: 720px) {
    .market .block__flag--market {
      font-size: 16px;
      font-size: 1rem;
      line-height: 18px; } }

.market .block__flag--program {
  border-left: 10px solid #1081AE;
  background-color: white;
  width: 100%;
  font-weight: bold;
  margin-bottom: 15px; }
  .market .block__flag--program h4 {
    font-size: 1.6rem;
    font-family: "Overpass-Bold";
    padding: 5px 5px 5px 10px;
    text-transform: uppercase; }
    @media screen and (min-width: 720px) {
      .market .block__flag--program h4 {
        font-size: 1.5rem; } }
  @media screen and (min-width: 720px) {
    .market .block__flag--program {
      font-size: 16px;
      font-size: 1rem;
      line-height: 18px; } }

.market .custom-table {
  min-width: 600px; }
  .market .custom-table__row {
    border-bottom: 1px solid #c2c2c2; }

.market .layout__item .small {
  color: #666; }
  @media screen and (min-width: 720px) {
    .market .layout__item .small {
      float: right;
      width: 60%;
      text-align: right;
      line-height: 1em; } }

.market nav .layout__item .small {
  position: static; }
  @media screen and (min-width: 720px) {
    .market nav .layout__item .small {
      position: absolute;
      right: 0;
      top: 15px;
      width: 60%; } }

.market .team-list__tabs {
  margin-top: 10px; }

.market .form-converter__wrapper {
  padding-left: 10px; }
  .market .form-converter__wrapper > .small {
    float: none;
    margin-bottom: 7px; }
    @media screen and (min-width: 720px) {
      .market .form-converter__wrapper > .small {
        float: right;
        margin-right: 20px;
        margin-top: 30px; } }
  .market .form-converter__wrapper .layout {
    position: relative;
    margin: 0; }
  .market .form-converter__wrapper .layout__item {
    padding: 0;
    width: auto;
    display: block; }
    .market .form-converter__wrapper .layout__item:nth-child(2) {
      position: absolute;
      top: 25px;
      right: 10px; }
  .market .form-converter__wrapper input[type="text"], .market .form-converter__wrapper .custom-select {
    height: 2.8rem; }
  .market .form-converter__wrapper .btn-switchConverter .btn {
    width: 45px;
    height: 45px;
    padding: 8px 0 0; }
  .market .form-converter__wrapper .custom-select {
    max-width: 350px;
    margin-right: 65px;
    margin-bottom: 20px; }
    @media screen and (min-width: 720px) {
      .market .form-converter__wrapper .custom-select {
        min-width: 0;
        width: 100%;
        max-width: 100%;
        margin-right: 0; } }
  .market .form-converter__wrapper .amount-input {
    border: 1px solid #c2c2c2;
    max-width: 93px;
    margin: 20px 15px 10px 0; }
  @media screen and (min-width: 720px) {
    .market .form-converter__wrapper .btn-switchConverter {
      padding: 0 5px 0; }
    .market .form-converter__wrapper .layout__item {
      display: inline-block; }
      .market .form-converter__wrapper .layout__item:nth-child(2) {
        position: static; } }

.market .custom .team-list__tabs .tab {
  background-color: #fff;
  box-shadow: 4px 0 rgba(0, 0, 0, 0.05);
  font-size: 1.3rem;
  font-family: "Overpass-Bold";
  padding-right: 10%; }
  @media screen and (min-width: 1024px) {
    .market .custom .team-list__tabs .tab {
      padding-right: 4%; } }
  @media screen and (min-width: 720px) {
    .market .custom .team-list__tabs .tab {
      font-size: 1.1rem; } }
  .market .custom .team-list__tabs .tab.active {
    box-shadow: none;
    background-color: #1081AE;
    color: #1a1a1a !important; }

.market .teaser:first-child {
  margin-bottom: 100px; }

.market .teaser__content .btn--plus {
  position: absolute;
  left: 0;
  bottom: -50px;
  font-size: 1.1rem; }
  @media screen and (min-width: 720px) {
    .market .teaser__content .btn--plus {
      position: static;
      margin: 34px 23px 23px 0; } }

.market .box-tabContent {
  border-top: 10px solid #1081AE; }
  .market .box-tabContent + .reuters {
    margin: 34px 0 0 20px; }

.market .custom-sub-title--withSelect {
  background-color: #666;
  color: #fff;
  margin-top: 20px;
  display: block; }
  @media screen and (min-width: 720px) {
    .market .custom-sub-title--withSelect {
      display: flex;
      background-color: #2b2b2b; } }
  .market .custom-sub-title--withSelect option {
    background-color: #2b2b2b; }
  .market .custom-sub-title--withSelect .custom-sub-title {
    margin-top: 0;
    line-height: 1.5em;
    font-size: 1.8rem; }
    @media screen and (min-width: 720px) {
      .market .custom-sub-title--withSelect .custom-sub-title {
        font-size: 1.1rem; } }
  .market .custom-sub-title--withSelect .custom-select {
    align-items: center;
    display: flex; }
    .market .custom-sub-title--withSelect .custom-select::before {
      content: '';
      display: block;
      height: 30px;
      margin: 7px 0;
      background-color: #666;
      width: 1px;
      position: absolute; }
    .market .custom-sub-title--withSelect .custom-select select {
      width: 100%;
      border-top: 0;
      border-bottom: 1px solid transparent;
      border-left: 0;
      height: 45px;
      font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }

.market .layout.custom-sub-title--withSelect {
  margin-left: 0; }

.market .custom-select-market {
  position: relative; }
  .market .custom-select-market select {
    border-color: #c2c2c2;
    border-right: 40px solid;
    border-right-color: #1081AE; }
  .market .custom-select-market::after {
    top: 35%;
    right: 14px;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff; }

.market .layout.custom-select h4 {
  margin-top: 0; }

.market .box-currency-container p {
  width: 50%;
  position: relative;
  font-weight: bold;
  line-height: 1em;
  font-size: 1.5rem; }
  .market .box-currency-container p:first-child {
    padding-right: 4%; }
  .market .box-currency-container p:last-child {
    padding-left: 4%; }
  @media screen and (min-width: 720px) {
    .market .box-currency-container p {
      font-size: 1.5rem; } }

.market .box-currency-container p:first-child span:first-child::after {
  content: "\003D";
  position: absolute;
  right: -1%; }

.market .box-currency-container small {
  color: #666; }
  @media screen and (min-width: 720px) {
    .market .box-currency-container small {
      font-size: 0.9rem; } }

.market .box-currency-container .currency {
  color: #ea5932; }

.market .small {
  font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif; }
  @media screen and (min-width: 721px) and (max-width: 1050px) {
    .market .small {
      float: none !important;
      text-align: left !important;
      margin: 10px 0 !important; } }
  @media screen and (min-width: 720px) {
    .market .small {
      font-size: 0.8rem; } }

.view-more-bar .layout__item {
  text-align: right; }

.custom-block-business .teaser .team-list__tabs {
  border-bottom: 10px solid #1081AE; }

.custom-block-business .teaser .tab {
  color: #666;
  background-color: white; }
  .custom-block-business .teaser .tab.active {
    background-color: #1081AE;
    color: white; }

.custom-block-business .teaser .custom-block-business__title {
  margin: 0; }

.custom-block-business .teaser__content .btn--plus {
  display: none; }

.custom-block-business .teaser__content h4.custom-sub-title {
  margin: 0 !important; }

.custom-block-business .teaser__content svg {
  margin: 10px; }

.custom-block-business .teaser .table-market-link {
  text-decoration: none;
  color: black; }

.btn--plus {
  margin-bottom: 20px; }
  @media screen and (min-width: 720px) {
    .btn--plus {
      margin-bottom: 0; } }

.sport .teaser {
  margin-top: 0 !important; }

.sport .custom-sub-title {
  margin: 0; }

.sport .past-results {
  /*&__display {
            border-right: 4px solid rgba(0,0,0, 0.05);
            border-bottom: 4px solid rgba(0,0,0, 0.05);
        }*/ }
  .sport .past-results .team-list-selector {
    width: 100%; }

.sport .custom-select--sport::after {
  right: 1.5em;
  top: 1.2em !important; }
  @media screen and (min-width: 720px) {
    .sport .custom-select--sport::after {
      top: 0.8em !important; } }

.sport .custom-select--sport input:hover, .sport .custom-select--sport textarea:hover, .sport .custom-select--sport select:hover, .sport .custom-select--sport option:hover {
  background: white; }

.sport .date-selector--past-results {
  background-color: #666; }
  @media screen and (min-width: 720px) {
    .sport .date-selector--past-results {
      background-color: #acacac; } }
  .sport .date-selector--past-results .btn-arrow {
    background-color: #666; }
    .sport .date-selector--past-results .btn-arrow:hover {
      background-color: transparent; }
    .sport .date-selector--past-results .btn-arrow div {
      border-color: white; }
    @media screen and (min-width: 720px) {
      .sport .date-selector--past-results .btn-arrow {
        background-color: #dfdfdf; }
        .sport .date-selector--past-results .btn-arrow div {
          border-color: #4a4a4a; } }

.sport .date-selector--upcoming-fixtures {
  background-color: #666; }
  .sport .date-selector--upcoming-fixtures .btn-arrow {
    background-color: transparent; }
    .sport .date-selector--upcoming-fixtures .btn-arrow div {
      border-color: #fff; }
    .sport .date-selector--upcoming-fixtures .btn-arrow:hover {
      background-color: #2b2b2b; }

.sport .date-selector--past-results th, .sport .date-selector--upcoming-fixtures th {
  background-color: #0000C2; }

.sport .custom-table {
  table-layout: fixed; }
  .sport .custom-table__row__col {
    overflow: hidden;
    text-transform: none; }
  .sport .custom-table--empty-thead th {
    padding: 0 !important; }
  .sport .custom-table--most-popular .custom-table__row {
    border-bottom: 0px; }
    @media screen and (min-width: 720px) {
      .sport .custom-table--most-popular .custom-table__row {
        border-bottom: 1px solid #f2f0ed;
        background-color: #e2e2e2; } }
    .sport .custom-table--most-popular .custom-table__row__col {
      margin: 0 20px;
      border-bottom: 1px solid #ececec;
      display: list-item; }
      @media screen and (min-width: 720px) {
        .sport .custom-table--most-popular .custom-table__row__col {
          padding-left: 20px;
          border-bottom: 0px; } }
      .sport .custom-table--most-popular .custom-table__row__col a {
        display: block;
        width: 100%;
        font-size: 15px;
        font-family: "Montserrat"; }
      @media screen and (min-width: 720px) {
        .sport .custom-table--most-popular .custom-table__row__col {
          display: table-cell; } }
  .sport .custom-table--past-result .custom-table__row {
    border-bottom: 1px solid #e0e0e0; }
    .sport .custom-table--past-result .custom-table__row__col {
      height: 30px;
      line-height: 30px; }
    .sport .custom-table--past-result .custom-table__row__date {
      background-color: #e6e6e6;
      color: #666;
      font-size: 14px;
      font-family: "Overpass-Bold";
      text-align: center;
      text-transform: uppercase;
      height: 40px; }
    .sport .custom-table--past-result .custom-table__row__type {
      color: white;
      font-size: 18px;
      font-family: "Overpass-Bold";
      text-transform: uppercase;
      width: 32px;
      background-color: #aed749;
      padding: 0 4px;
      text-align: center;
      border-left: 1px solid #f2f0ed;
      position: relative; }
      .sport .custom-table--past-result .custom-table__row__type--p {
        background-color: red; }
      .sport .custom-table--past-result .custom-table__row__type--hour {
        color: #1a1a1a;
        width: 50px;
        font-size: 16px;
        font-family: "Overpass-Light", Arial narrow, Arial, Sans-serif;
        line-height: 40px; }
    .sport .custom-table--past-result .custom-table__row__team-1 {
      width: 45%;
      text-align: right; }
      .sport .custom-table--past-result .custom-table__row__team-1 b {
        padding-right: 6px; }
    .sport .custom-table--past-result .custom-table__row__team-2 {
      width: 45%; }
      .sport .custom-table--past-result .custom-table__row__team-2 b {
        padding-left: 6px; }
    .sport .custom-table--past-result .custom-table__row__separation {
      width: 10%;
      text-align: center;
      padding-bottom: 5px;
      font-size: 14px;
      font-family: "Overpass-Bold"; }
  .sport .custom-table--upcoming-fixtures .custom-table__row__col {
    height: 40px; }
  .sport .custom-table--upcoming-fixtures .custom-table__row__team-1, .sport .custom-table--upcoming-fixtures .custom-table__row__team-2 {
    font-family: "Montserrat";
    font-size: 14px;
    width: 48%; }
  .sport .custom-table--upcoming-fixtures .custom-table__row__team-1 {
    padding-right: 8px; }
  .sport .custom-table--upcoming-fixtures .custom-table__row__team-2 {
    padding-left: 8px; }
  .sport .custom-table--upcoming-fixtures .custom-table__row__separation {
    width: 10%;
    text-align: center;
    padding-bottom: 4px;
    color: #666; }
  .sport .custom-table--league-standing .custom-table__row th, .sport .custom-table--league-standing .custom-table__row td {
    height: 40px;
    line-height: 40px; }
  .sport .custom-table--league-standing .custom-table__row th {
    font-family: "Montserrat";
    font-size: 14px;
    color: white;
    background-color: #aed749;
    border-right: 2px #fff solid;
    font-weight: normal;
    text-align: center; }
    .sport .custom-table--league-standing .custom-table__row th:first-child, .sport .custom-table--league-standing .custom-table__row th:nth-child(2) {
      padding-left: 12px;
      text-align: left; }
    .sport .custom-table--league-standing .custom-table__row th:last-child {
      border-right: 0; }
  .sport .custom-table--league-standing .custom-table__row td {
    font-family: "Montserrat";
    font-size: 15px;
    text-align: center; }
  .sport .custom-table--league-standing .custom-table__row__pos {
    width: 20%;
    text-align: left !important;
    font-weight: normal;
    padding-left: 12px;
    color: #666; }
    .sport .custom-table--league-standing .custom-table__row__pos .icon {
      opacity: 0; }
  .sport .custom-table--league-standing .custom-table__row__team {
    width: 60%;
    text-align: left !important;
    font-weight: normal;
    padding-left: 12px; }
  .sport .custom-table--league-standing .custom-table__row__p {
    width: 10%; }
  .sport .custom-table--league-standing .custom-table__row__gd {
    width: 10%; }
  .sport .custom-table--league-standing .custom-table__row__pts {
    width: 10%; }

.sport .league-standing {
  margin: 1.5rem 0; }

.sport .view-more-bar .layout__item {
  text-align: right; }

.sport .article__flag--sport {
  margin-left: 0; }

.sport .custom-block-sport .results-list {
  color: #333;
  text-decoration: none; }

.sport .custom-block-sport .custom-sub-title__change-league {
  text-decoration: none;
  color: white;
  float: right; }

.sport .custom-block-sport .custom-table--most-popular .custom-table__row {
  background-color: white !important; }

.sport .btn--plus {
  margin-bottom: 20px; }
  @media screen and (min-width: 720px) {
    .sport .btn--plus {
      margin-bottom: 0; } }

.sport .block__flag--program {
  border-left: 10px solid #1081AE;
  background-color: white;
  width: 100%;
  font-weight: bold;
  margin-bottom: 15px; }
  .sport .block__flag--program h4 {
    font-size: 1.6rem;
    font-family: "Overpass-Bold";
    padding: 5px 5px 5px 10px;
    text-transform: uppercase; }
    @media screen and (min-width: 720px) {
      .sport .block__flag--program h4 {
        font-size: 1.5rem; } }
  @media screen and (min-width: 720px) {
    .sport .block__flag--program {
      font-size: 16px;
      font-size: 1rem;
      line-height: 18px; } }

/* generated with grunt-sass-globbing */
/* generated with grunt-sass-globbing */
@font-face {
  font-family: "icons";
  src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABlEAAoAAAAAKSwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAEMAAABWQMRRoGNtYXAAAAE4AAAAOgAAAUriPxC2Z2x5ZgAAAXQAABO6AAAgBMfvqD1oZWFkAAAVMAAAADAAAAA2CDMwkWhoZWEAABVgAAAAIAAAACQF4QPPaG10eAAAFYAAAABCAAAAuGncAABsb2NhAAAVxAAAAF4AAABes7ypoG1heHAAABYkAAAAHwAAACAB0AQqbmFtZQAAFkQAAAEdAAAB8hTbwvhwb3N0AAAXZAAAAd8AAANNOqNQpXicY2Bk8mWcwMDKwMFUxZjGwMDgDqW/MkgytDAwMDGwMjNgBQFprikMDh8ZP+oyHvh/gEGPeTWDJ1CYESQHAMSfC+0AeJxjYGBgZoBgGQZGBhBwAfIYwXwWBg0gzQakGRmYGBg+6v7/D1LwkRFE8zNA1QMBIxvDiAcAoCoG5AAAeJzlWXuUXVV5P9/e55x93zN37nnM496Z3HvnnpPMTDL3vO7JJJkMIQlDEsAHoQoKBCYLrWBFqXYZoIEuREQrPiDqEigLKBHFFlyAy3ZZIFYStRWhvpa1PlFZiK+qLI0zZ/p9+5whQ+iy7d89k7PPfn77+32v/e0bRVPw4c/wnjKmrFW6yl7lfEWpNX3TDqIN4DYrIKqjYDe3Qhy1hSGaTlQNwbcMveWEPZvGm6EDTi92dYEL2oaogCss29KF3YtxaRDGW8GOHRwNe7RwM3teZz40B5cKQ2sA1gyx5web4DN9qaDDtSKfr+TzR5IbR9oAv27DzlLZHC1Xh5owmyuvt8bKeeqo9Gcd9mj5hpHx8Wh8nDN9YgIJEeFvpIRfNa4BaPC8vvQfBSRaKVwNddOsw/XW+kqUA2gN9VfMUinKVbAjFLh0OOuoQRtJRm2lX8rnJ/y1CleEUlT6lJpiKyMorbbiKpPKtDKnnI5Se62iQNNsdgKzHePbwTr9uVg3s9fO+lbGYJVwUagOkERJQJ2m41Z7QdO3q7potvDdAOxVMJV8NSkfP77f9+EmatB79Bb5HF1pJ2V4LJmjl29bvK3eAejU+UK900n8XKHQXyzCxxdv0wF0voDls8n+hgOsAy77ro/P72/xfe/3VPOoOIQv2wrj9aVbRojSCLu0Pr40W+wnSrtBME+IpSfEPSRTElMps6ULXiKraWWjskM5I5XRyX8r8qiZzaiTyQTB9/6ITMjqVmRy8psU4XPJLL0MjsA1i7dmUtifSqFYTKVwq5TCfix/miw0XGAuOOwHfuCnD2GHx44fv5rg3zzSQfCXEfgCgS/sBrRgBP9l/R5I0Rdegp38KVS2KKco20/g7ki904tqzXDG1Q0AK87RabYQd9y0zKqxghOqzaqIbHYurE/+jd6kBEeSrfAb2T5j8fYM4cXymwQZxnsXbxeCXyyeWcHnLl0HR47vhx/7ewjdvcdgZ2dkBdxIZ2kLZOgE80k6S18WhyU8djeJ9vuH9iAQwsmuUX6pqIrS6Vm2gH0bPxX99UOb2OxHaEjK4Tb2EZQC2gPoYlxze+NAM/mt8zuT7yTffven4JfJ1bQKfrhr/rnn3veAlsxk63kmR1/Joe+ZGIscXG4LZw2ScsQKqYu6Gx5l239w4SeTkPV73S9+ad+VcG7ya/eqzgIkXvfR2pMLdySLgXf33fuv5Mnn18LkG6R9Lv8T9/lh1M6gUlfWKOOooymMeiHaJ2lKgVX2R3rhK/YXN6tNLXPuFYcWJxlyDfvYr5LzRsYBxkfgHvn9eaFSMSuVr6O+jiSvOnbs+CH5HIf3JZevflEl/DA4jcW/qbtunV/UcBb30EKzsoev2eO/+GE3Hkcx5SQewe99CZ4X4SA/ehEOMsDqSbyzx5Pz6infh+vj478oVirWCteXwwXJnSe//F5w6xhiiNkFZHbXCrPN5F0+XHD8Q5JR8ovlR3n9v+ExVOL/Qd6wSt4k64j4xg/5wrdPFvOLGD506BgJ+dgJho/tR4ZJug3HaZwk3eRdhw5Jlz/kM+f48WNk5zry/Qif5x9DqxlCrj0Z5xXAcB1vAHReGw+1FzXSCm+alh2Fjjw5TTw1yXndF6L8C/GMsd3XervmDj9yz9zp3rV7ps5s7Jm64h1XTO5pnPF+I9gc1Pb/EI6M2J0RibM0LD3eT/F2kp+lRoWnaDS9c3Yn/puOboHG8HZ3asrdPty4wLBt4w3sxr/PVZ/ACI/An8hVeHJn8jOo+cm1aRccTC5PZaD8/8Mr4xj/Ct+ASClKIecyf0EUBkLDZMawbMc1sdTdlot4KtB26DuuxFGPPxFuHl1fnDl1+PSJV/4ZV9/+xdOHYb3bdc/ZPjgyMFC7cFtwYIdtn3LLK6EIDT7DvmLr1V6rWapjgnLpK20zf9m5k1Gwd5jZfP71fQLUzbu5uw74xDQIOOMLQ+tIJ8uL6N/P8U9gHGwq6xRfmVV2Irdm1RJ6y8VMDBl1SC9M58g4MocwNkBH78eAyWLA0Mnc2GIdnZqIwLQ07MOuAdYPTJvSYHKbWR+9eNspr63NXx7sANgZ+DuB7Ug+ePXByQ+wm9njpvWO4tsnb+ZLp1rGxbnXTTrrgJUN88671i7k4EEzOS2fM818Hr6cn1676eo9TD37mj+HGtsRIDUqt//t9cldN0x8AD704aWtpvkeWPjLiZuTS6q2uQ/sy6bWLmy64qBpPf6liQuSp9P4j/FCoB2m8UJZnSW9JEKwo38kDPCPkcPfkSqf75Mub9EwuryCee/y4/wBfiee1XaWyymAW6FIcaNRqK2qr+4XYIOLJX+AnT03t5exvXNzZ7NV9aUH4ETXzWxi3dI3htnUuqWv8vJKL8DepcqqBozIT7qqH7aenhzZnBzdBTMKnbLLR/n3+UcxXu7G3PxPySe5qWOWLSrMGiMHNQTqF80h7MVS/1E4B3pb9mDHZhA8dLHVdvQ+QqKbhm2hpXA53XGlteu2ge6NWW9bxtsgCuDrpcbIADQqTaNogJWfXLsJXrH39uu2nToRz14/VbG1nFXbH8Vn9a7wF89qjDXnS/2FsyZGqu1SZcvMwrnn3+83+zGndgY2uUGrAWuNWfbAld6BA96V/LJcY3Kjs3Od0Rooja4bzo83X3Hq+afv4WxjtKv96ua4BQPrGtWixWBu81kXnrl+eMNS3Rtv+wD5cjE3Zg+1dkxNMnYmPMRaQ8HAGWd21gOsm4hO29P2YAy3OHAg9fHlx9nv+B2UR0DcjvCWQreaNgYuQlkNquy7g/eydnR2aVv3kgNw+PBD8M7734QSuZVpb3vztfdTKi1zGqmDO9BWqhQtFGEpdk+JHYW7SMSG3zyZPKtpYD35JFialjxbW3z5j/gdWHly1cDizxfhQ8mNP1LSO9f3OKC160peqRDVGsbNPDRBq2KQ1ZrQqeb4N5OB5D3sp1h+EV638zSYXhqBZ2CGK0uvZx9ObgM3efan8L3k6Tj+IRR+m6xJ86/lz/MfSMxNRdFAWoSbRgc8Y8HyeyFIS7alVfNvJZ+Z7IL61O23P6ViOX+VB/M5o2/xXP7wDTc8zGXZB/PeVfPpBCy9yeQzos9g21fGsczk/Rz7Nb+KEGpuHg8DmJqBm5I3z8DR2gy8F27amMykPD5K2YvMlRUzO+YZw1MiKJXkNSK/vLz8CPwWHsQMwlZaynplE0a/VyhvVW5DWfm9WXBawkQQVm8OemjdfaBbGMWnwdHJKUTPSatWL6sKgxrcCmop+jiwU8FYeDnFsIh/09Amv3LaLaQm0Ewo/FuYm6CjRCF6me422+RfvcC3yct6MdWwnAOciH+jYBrf1yhGgNilFvgo52pRNDi7RmO8Lgytzgvrsc8vlgu+VjAgp2/Wc1DerOfzQpsGv2M7Jb1QqkSt7hyDslWA1/QN62ua06XCaGOqKLS+PsvM651ospVTYbKgr4u75hqeS76Ws8c6eH2tqoWyyPX3qaP1jlYsNJClwTE4H/cp4y65GuNaqBeYVsASeEEPi8VipKkTapE39VquyWGTlsNLs64XmQ568mOAWgcdzxgAqLeBzXUbdmng7OH+qbGmCnp+og56qTqMN7cAL9v6tonRVw9hhXcGR5xcbnBAzXOWd0eGGADTrdHJwlS9ldnKo/LWhNZgi6iQ3ygqWfx/BG8290nbwB5NJqzVZseN7RhvG79JKvCfyRQ8nOyGcjSC6Wd4CrwluQ96+TeVX75Q+itcsnx8+bP8WXYQ11t4D5vAk1PpVMA9cVzC/+aIrOQGBydPNRqjC9vmzq/NJ3/ylwcn38/pTDTfUTwweTNbOtU2Lsq/Pj0TTePOu9cu5G9gTF19FD78fzr+Mt8wFLpRIno7bgu3bWOwigS6SJmkCKxk1AYGPE3lal8flLNc5h/Zg+R3tTiP1je14m3sypnkzXDTDPmdRj5FsRAl24d71DEXR9k7YWzqRmwZeLsKXRH6Rsvterphm04cepaIeqEGqsr7VBVUntd1YEwraxqbA55XgedKvMCB5fHU1nMoWtBU0MgWVvA8hn78UOrrdHjW8PSEv5tP9s7Pw334gQdPwzp8IjkH28oLtlFNV49BO5+rRsWT+1Ey2H9KMbOZT+OtAsGjvodwLIh6vulZ/iy0TUTjhS1hC3cO7AKDHJQYvngO6pYutgtV1XWRlrpe0ZHrD8t97kJ6FuYFlHO9RtmvvFF5m3JQuUH5hPKI8i3lt1CGDmyCM+Ec2AeXwKVwBVwJ18G74X1wC9wGd8HH4X54CP4BHoF/hi/AE/B1+A78GH6Gtv0HxphgJVZlFhtha1iHTTCPzbCtbAfbzV7OzmMXsUvYpexy9lZ2gB1k17F3sfeyD7KPsDvYYfZJ9gD7NPssO8KOsn9lT7FvsG+z77Gn2TPsOfYL9iv2PPsDV7iGOqlyG29eTb6WT/OQz/A5voPv4i/j5/Dz+IV8P38jfwv/C34Vv5Zfz9/N388P8Y/yO/lhfh/mRQ/zz/LP8cf5F/i/8Cf4U/xr/Jv83/l38BR8mv8Ec9Jf8d/xJVVBE9TVolpVbXVYbaDkK9CaBrOrz0K3Z9pxz/JQAVFcB8eLQn8MY6ffAN2NQ4dyuDHo6tMQYnbQ9dpdz90EvUlwDHsLZi2W0aLhCBMXE0f1KDY2gx/iuDBMw5mFni/q4MdR2DIDQ3eQpmWKLYDEDD9yt4AXdLGKa2YhDDzatoVcTUILWYpwN2RKRzLhDOCYhSdK6Au5s2/gJD39dvU4kO3IDXvEFFaNbIoRB13Da+OQn/YHNmJyQmIzaqNb2U6rh1z0pqEV9iyaSlP0tlsH1yMRIejQk/S7Hm6NE3Ax0exKsbUx0W0LJ4p9y/S6ou06sYt0dNc2nNB3jRnAb09YDfrOgdMLbNMzW8KJPd9o2+jIoYuvL7ozYOmtENUh2shM5GElxmEnFjQeGzpOQpKGjS0jDluGL3A48tD5bbPbspHTLWB5cde3dK/t2V1feLorqHQCt9tD6lHcRVo91Fm6bc8PiAGbNmjLvXxkwabRuNWzTBe103IC4UV+MAMCSVPcaTk9mwj1AoFIW27c9QIP5eOFwuuZntFKUSGXTtwKLV0y7FKf3F7uFsspcvOwZflu1yG43baH2hCGG3m+6RI43+5aXiBrqFwTAYW2Z9otLwqiboDYTZQbKhdrse7iJN8UEUrCpm7UkGt4tics2kdyQYWQAtSl0EMUVltYeGEJJNex1AUyg3hi3MBsRybiCKUOXERutVP+qbBRpk4kiPe2BGR3abWUpme0ozAwUR0o5VQgBF7QDElBghddC53GfYEiSSDybOLLkBSJmEcC7oMuguyiBr12FOCYa4Y0GzEiVJwgvRMh27I0DS8zK9pqIwSCRloO7oCzaYFwfIMoR4GJtseRNLrwy4AejH14iIGJJQf63ZOrLB2AHbLE5I1zec6lvfKZEKBrHNQ1gOeLYKq69oUh/JzJkRSuyTMu27QDl6VKmVjWKY9OpmKOnTVwFfWwPSB5wTG5HvveSMkKvufgPExK3yn3Yq1sxxbt1eKU3NG2DdnZIGDDwCzqBDYs5w4RDzUqKgzDPRsAunerjOWBVXE8B3gU0ZdmlySdPBV0zudxjZyBTwH7dFj90ALcqEj1EstGmSQJNdoFD1mG8ImqRtNUYJV0quRMTaeXiASXpEp4ouHTBzCYjeulwhjwcaZy4FgZkqLBPwtS+Q4wAoH1AZmUYFYgWwhGY0wyVKGOHCGmHfJyHyJNgke2VqDoJ7QtaDwngRVTLnBXwUkIrJYS1PoIXB7WIxlVk4rCzIRWaqhd+miQ0uGrVK+xFKea6R6ZgqyLM57WSWDYSFdlRbocyZFeNTIQnIx5EEtx8MyOTyyiualy0k/+RU05j2yK7FMKSZqLtC/CzaSOUK4k6GomlIoUTxHJC85tYIO4oJgZOpPGg50NSZ2xUcbqcrWUL2btMIxalb6QWVspGyAyrCULxtqpFZJCUb+aXIjCFRnzhKLAmCE9RpKskS/RNNynSqYPkrhITREttgyZjnVplmoqfdBWVII11BSnR1XxmsBLpCWJh3Haipu0G1oZ4UK/yZyzQipn6R7kV1xWpOuUyHVkBytmzsGkolNz0+QaPYVEql4JRwi0TwrGrEgYOvZlv0VhDqhgtjwsc+UWxkFjlJIOV0zDHF4SDVvEVtALRcsVsYNpp5FPEae2kKdAwng+T2bFoL+ryi9IVRQ4eQzUBkhzLNd3IvelmxDm6baJf35s4qHN2tEcC/CqnCNEmoxwZIt6oGWhgOUJp6YqirqcII0blTmlJH9Fo7yshXkT3lcxA7OQc4G5T4sSHlOe+tsbo1xns8jSFrWQC8KZYlHTi3NMf4uqXo5S3bdvWivqpo65WqGwwmMxy8Nds1iMc5SV029Vj6GkqJZDDDUcNfywRf8JauPBEgUicIVb4bxsGINGv2pWMJJ3EVBZVQsC2V+5/wzJrF6nTN5sx5ENtl3QNlTVvHbijmRLvQzinCg2Kf1CPJtBtM1YRI7YCkE0IM25wHIWpveokzlBukWzLJcwIGkaZ9nvDPJOlMObxbDSVqaUaWVGOUu5BCl3g8jBNKWL5x4mRZ7Q25hZdikvFf40pJUupXWYtZndIMbjN3AwAQ3scANMgt4Huum1dMPClBBtRJ+Uv4dvxmwmim36ac4fZWQwPHUHBi+Eq6zQpEeVKczIYIRlWVps+cRMad3T2aLslEstv1jk8rSBzOjQrThXs2EihtFIUf4LVF70DwAAeJxjYGRgYADiqzvbG+L5bb4ycDMxgMClad8lYfT/X/+3M79hXg3kcjCApQGCkQ6KeJxjYGRgYDzw/wCDHvMLBob/P5g/MABFUIAeAKOmBrR4nGN+wcDADMLPoDSVMIMQBIPZHAwMjF+ANBeEBouJIGiwnCAUKwPxYiAWA2I+IG4HYm4glgJiSSAWh+gBAPXAHCsAAAAAAAAAkAEmAaQCGAIoAkgCdgLeAzADjAQEBHwEzgVIBXwF0AZuBpIGugboByYHJgcmBzoHTAg8CEgIagjICOII9gkwCUoJVgliCYoOjg7IDuoPGg8mD0gPWg+AEAIAAHicY2BkYGDQY5FjmMEAAkxAzAWEDAz/wXwGAB4iAf8AeJxdjr1OwzAUhU/6h2gQAiExm6ULUvoz9gHamQ7Z08RJWyVx5LiVKjEz8xTMPAXPxYl7JSps6fo75x5fG8ADfhCgWwGGvnarhxuqC/dJd8ID8qPwECGehUdUL8JjvGIiHOIJb5wQDG7pjJEJ93CPWrhP/114QP4QHnL6p/CI/pfwGDG+hUNMgtE+NXW70cWxTKxnX2Jt272p1Tyaeb3WtbaJ05nanlV7KhbO5Sq3plIrUztdlkY11hx06qKdc81yOs3Fj1JTYY8Uhn9usYFGgSNKJLBX/h/FTFjvdFphjgizq/6a/dpnEjieGTNbnFlbnDh7Qdchp86ZMahIK3+3S5fchk7jewc6Kf0IO3+rwRJT7vxfPvKvV78w9VNiAAAAeJxtUdt22jAQ9KZNuAVIgDQhSZv0ft0cSeb6F/yCkBWsg235SDI++fsKKGkK1ctqZlbrnXFwFGzPcfD/8xAEcASv4DUcwwlUoAo1qEMDTqEJLWjDGZxDB7rQgwt4A5dwBX24hhu4hbfwDu7gHt7DB/gIn+AzfIGv8A2+ww/4Cb8A4aFLKEbSLp3O0UrnVLawfcIOOJxzq8QtCQ8V63gWcRPdksGhyKMVz4SMzskQhc4yKZzSGSa67JHRSyaVkSrSDhm/JGO1iK/IBFM9V4ncW+aGTA+E3S7XlOxpz5tcUrr/7F7o/KlzyNcpQ1cq56Rp09APN5KnaHikdJ0OMNeR4NZV6RBtzI1s0REutF74CXlS2AYd4yMXcq71skonKBIt/GWKMuUqqTHiv8ONiHuM+n7+JA0+FglaYaTMLv4hd2zLs8Zn4pAbo8s2Y7umnBdW1j0uJXexNC0WPku+ND0suRMxJmolK2ywqU1f/7JNNsRIl9l2dsWjNVtlo/XmVp76S8rNUjos8hYb78D6yRmb7KD1eYm4z6Y7wsU6tf5fGln4HG0jJFjG3Fme57WQoivSeWK6IfuTBmbat9oicc1wawFXKpL6ZOa9KlGZbS1Xfd2E3phtPJu16SD4DebD+hgA") format("woff"), url("/fonts/icons.ttf?d153b0734b1259482334f55703ea94f5") format("truetype");
  font-weight: normal;
  font-style: normal; }

.icon {
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon_01-desktop-settings:before {
  content: "\f101"; }

.icon_02-desktop-settings-basic:before {
  content: "\f102"; }

.icon_03-desktop-settings-standard:before {
  content: "\f103"; }

.icon_04-desktop-settings-advanced:before {
  content: "\f104"; }

.icon_05-connection-low:before {
  content: "\f105"; }

.icon_06-connection-medium:before {
  content: "\f106"; }

.icon_07-connection-high:before {
  content: "\f107"; }

.icon_08-mobile-settings-basic:before {
  content: "\f108"; }

.icon_09-mobile-settings-standard:before {
  content: "\f109"; }

.icon_10-mobile-setting-advanced:before {
  content: "\f10a"; }

.icon_11-mobile-settings-copy:before {
  content: "\f10b"; }

.icon_11-mobile-settings:before {
  content: "\f10c"; }

.icon_12-twitter:before {
  content: "\f10d"; }

.icon_13-stream-radio:before {
  content: "\f10e"; }

.icon_14-podcast:before {
  content: "\f10f"; }

.icon_15-share:before {
  content: "\f110"; }

.icon_16-google-plus:before {
  content: "\f111"; }

.icon_17-facebook:before {
  content: "\f112"; }

.icon_18-clock:before {
  content: "\f113"; }

.icon_19-email:before {
  content: "\f114"; }

.icon_20-search:before {
  content: "\f115"; }

.icon_21-player-ful-screen:before {
  content: "\f116"; }

.icon_21-player-full-screen:before {
  content: "\f117"; }

.icon_21-right-arrow:before {
  content: "\f118"; }

.icon_22-player-pause:before {
  content: "\f119"; }

.icon_22-weather:before {
  content: "\f11a"; }

.icon_23-player-play:before {
  content: "\f11b"; }

.icon_23-watch-live:before {
  content: "\f11c"; }

.icon_24-live:before {
  content: "\f11d"; }

.icon_24-watch-live:before {
  content: "\f11e"; }

.icon_25-down-arrow:before {
  content: "\f11f"; }

.icon_25-live:before {
  content: "\f120"; }

.icon_26-close:before {
  content: "\f121"; }

.icon_26-market-up:before {
  content: "\f122"; }

.icon_27-market-down:before {
  content: "\f123"; }

.icon_28-market-switch:before {
  content: "\f124"; }

.icon_29-market-thomson-reuters:before {
  content: "\f125"; }

.icon_30-whatsapp:before {
  content: "\f126"; }

.icon_31-tumblr:before {
  content: "\f127"; }

.icon_32-search-no-result:before {
  content: "\f128"; }

.icon_33-play-video:before {
  content: "\f129"; }

.icon_P2-pic:before {
  content: "\f12a"; }

.icon_P2-play:before {
  content: "\f12b"; }

.icon_P2-share:before {
  content: "\f12c"; }

.icon_P2-wearther:before {
  content: "\f12d"; }