@charset "UTF-8";
/* ====================================
   Globals
   ==================================== */
/*  foundation
    ==================================== */
/*  library
    ==================================== */
/**
 * Always convert pixel values to em values with 16px as em base.
 * Useful when you've defined different em base for the whole project
 * but want your media queries in ems (since they *always* take 16px as base).
 */
/**
 * Return value in pixels.
 * Useful when you have numbers as variables and don’t want to bother with
 * concatenation of strings.
 */
/*  ==========================================================================
    Helpers
    ========================================================================== */
/**
 * =============================================================================
 * Image replacement
 * =============================================================================
 */
/**
 * =============================================================================
 * Clearfix
 * =============================================================================
 */
/**
 * =============================================================================
 * Truncate (3 dot cut text)
 * =============================================================================
 */
/**
 * =============================================================================
 * Hover and focus
 * =============================================================================
 */
/**
 * =============================================================================
 * Box shadow
 * =============================================================================
 */
/**
 * =============================================================================
 * Rotate
 * =============================================================================
 */
/**
 * =============================================================================
 * Animation
 * =============================================================================
 */
/**
 * =============================================================================
 * Opacity
 * =============================================================================
 */
/**
 * =============================================================================
 * Progressive enhancement
 * =============================================================================
 */
/**
 * =============================================================================
 * Breakpoints mixin w/ fixed fallaback
 * =============================================================================
 */
/**
 * =============================================================================
 * Absolute positioning
 * =============================================================================
 */
/**
 * =============================================================================
 * Sizing elements
 * =============================================================================
 */
/**
 * =============================================================================
 * Sprites image
 * =============================================================================
 */
/**
 * =============================================================================
 * Underline with shadow effect
 * =============================================================================
 */
/**
 * =============================================================================
 * Bottom center arrow
 * =============================================================================
 */
/*  variables
    ==================================== */
a:link,
a:visited {
  text-decoration: none;
}

/*
    Grid helpers
    ==================================== */
/* copy-paste codes :) */
/*
    Adjust grid
    ===================================== */
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 80em) {
  .container {
    width: 1280px;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1280px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 992px) and (max-width: 1279px) {
  .hidden-md {
    display: none !important;
  }
}

/* ====================================
   Variables
   ==================================== */
/*
    Typography
    ==================================== */
/*
    Colors
    ==================================== */
/*
    Spacing
    ==================================== */
/*
    Responsive Breakpoints
    ==================================== */
/*
    Grid
    ==================================== */
/*
    Var
    ==================================== */
/*
    Animations
    ==================================== */
/*  core
    ==================================== */
/* ====================================
   Core
   ==================================== */
html,
body {
  height: 100%;
  font-size: 16px;
}

* {
  box-sizing: border-box;
}

*::-moz-selection {
  background-color: rgba(251, 119, 1, 0.5);
  color: #4a4a4a;
  text-shadow: none;
}

*::selection {
  background-color: rgba(251, 119, 1, 0.5);
  color: #4a4a4a;
  text-shadow: none;
}

body {
  color: #4a4a4a;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body > div {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

h1 {
  margin: 0.7em 0;
}

a:focus,
input:focus,
button:focus,
textarea:focus {
  outline: none;
}

a {
  text-decoration: none;
  transition: background-color 300ms ease;
  color: #2a2a2a;
}

a:hover, a:active {
  color: #fb5501;
}

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

figure {
  margin: 0;
}

label[for] {
  cursor: pointer;
}

input[type="radio"], input[type="checkbox"] {
  margin: 0;
  vertical-align: middle;
}

iframe[src*="//player.vimeo.com"], iframe[src*="//www.youtube.com"], object[data*="//www.youtube.com"], object[data*="//player.vimeo.com"], video {
  max-width: 100%;
  height: auto;
}

img {
  max-width: 100%;
}

.Container {
  position: relative;
  overflow: hidden;
}

.SectionMargin {
  margin-bottom: 50px;
}

.SectionHalfMargin {
  margin-bottom: 50px;
}

.row--equalHeight {
  display: table;
  width: 100%;
}

.row--equalHeight > [class*="col-"] {
  display: table-cell;
  float: none;
  vertical-align: top;
}

.js-loadComments.is-disabled {
  pointer-events: none;
}

.PageSpacer {
  margin-bottom: 200px;
}

/*  common
    ==================================== */
/* ====================================
   Utilities
   ==================================== */
/*
    Layout
    ==================================== */
.u-cf:before,
.u-cf:after {
  content: " ";
  display: table;
}

.u-cf:after {
  clear: both;
}

.u-nbfc {
  overflow: hidden;
}

.u-nbfcAlt {
  display: table-cell;
  width: 10000px;
}

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

.u-pullRight {
  float: right !important;
}

.u-alignTop {
  vertical-align: top !important;
}

.u-alignMiddle {
  vertical-align: middle !important;
}

.u-alignBaseline {
  vertical-align: baseline !important;
}

.u-alignBottom {
  vertical-align: bottom !important;
}

/*
    State
    ==================================== */
.u-isHidden {
  display: none !important;
  visibility: hidden !important;
}

.u-isHiddenVisually {
  width: 1px;
  height: 1px;
  border: 0;
  padding: 0;
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.u-isVisible {
  visibility: visible;
}

.u-isInvisible {
  visibility: hidden;
}

.u-isActionable {
  cursor: pointer;
}

.u-isDraggable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.u-isDraggable:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.u-isDisabled {
  cursor: default;
}

.u-isLoading {
  opacity: .6;
}

html.js .js-isHidden {
  display: none;
}

/*
    Text and Fonts
    ==================================== */
.u-textTruncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.u-textBreak {
  word-break: break-word;
  word-wrap: break-word;
}

.u-fontStrong {
  font-weight: 700 !important;
}

.u-fontItalic {
  font-style: italic !important;
}

.u-fontDefault {
  font-weight: normal !important;
  font-style: normal !important;
  text-transform: none !important;
}

.u-textUppercase {
  text-transform: uppercase !important;
}

.u-textLowercase {
  text-transform: lowercase !important;
}

.u-textUnderline {
  text-decoration: underline !important;
}

.u-textStrikethrough {
  text-decoration: line-through;
}

.u-textReplace {
  text-align: left;
  text-indent: -100%;
  white-space: nowrap;
  overflow: hidden;
  font: 0/0 a;
}

.u-keepSize {
  max-width: none;
}

/*
    Loader
    ==================================== */
.Loading {
  position: relative;
}

.Loading > *:not(.Loading-icon) {
  opacity: 0.3;
  filter: alpha(opacity=30);
  transition: opacity 0.1s ease-in 0;
}

.Loading.Loading--done > *:not(.Loading-icon) {
  opacity: 1;
  filter: alpha(opacity=100);
}

.Loading .fa-spin {
  display: block;
}

/*
    Text replacement between mobile and desktop screens
    ==================================== */
.TextSwitch-desktop {
  display: none;
}

@media screen and (min-width: 1025em-calc 1) {
  .TextSwitch-desktop {
    display: inline-block;
  }
}

.TextSwitch:after {
  display: inline-block;
  content: attr(data-mobile-text);
}

@media screen and (min-width: 1025em-calc 1) {
  .TextSwitch:after {
    display: none;
    content: '';
  }
}

.u-color--active {
  color: #fb7701;
}

.u-absoluteBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.u-relative {
  position: relative;
}

.u-table {
  display: table;
  width: 100%;
}

.u-tableRow {
  display: table-row;
}

.u-tableCell {
  display: table-cell;
}

/* ====================================
   Fonts
   ==================================== */
@font-face {
  font-family: 'toti_slab';
  src: url("../fonts/totislab-light-webfont.eot");
  src: url("../fonts/totislab-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/totislab-light-webfont.woff2") format("woff2"), url("../fonts/totislab-light-webfont.woff") format("woff"), url("../fonts/totislab-light-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'toti_slab';
  src: url("../fonts/totislab-extrabold-webfont.eot");
  src: url("../fonts/totislab-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/totislab-extrabold-webfont.woff2") format("woff2"), url("../fonts/totislab-extrabold-webfont.woff") format("woff"), url("../fonts/totislab-extrabold-webfont.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'toti_sans';
  src: url("../fonts/totisans-regular-webfont.eot");
  src: url("../fonts/totisans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/totisans-regular-webfont.woff2") format("woff2"), url("../fonts/totisans-regular-webfont.woff") format("woff"), url("../fonts/totisans-regular-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'toti_sans';
  src: url("../fonts/totisans-bold-webfont.eot");
  src: url("../fonts/totisans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/totisans-bold-webfont.woff2") format("woff2"), url("../fonts/totisans-bold-webfont.woff") format("woff"), url("../fonts/totisans-bold-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'toti_sans';
  src: url("../fonts/totisans-extrabold-webfont.eot");
  src: url("../fonts/totisans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/totisans-extrabold-webfont.woff2") format("woff2"), url("../fonts/totisans-extrabold-webfont.woff") format("woff"), url("../fonts/totisans-extrabold-webfont.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'toti_serif';
  src: url("../fonts/totiserif-regular-webfont.eot");
  src: url("../fonts/totiserif-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/totiserif-regular-webfont.woff2") format("woff2"), url("../fonts/totiserif-regular-webfont.woff") format("woff"), url("../fonts/totiserif-regular-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'toti_serif';
  src: url("../fonts/totiserif-bold-webfont.eot");
  src: url("../fonts/totiserif-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/totiserif-bold-webfont.woff2") format("woff2"), url("../fonts/totiserif-bold-webfont.woff") format("woff"), url("../fonts/totiserif-bold-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'toti_serif';
  src: url("../fonts/totiserif-italic-webfont.eot");
  src: url("../fonts/totiserif-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/totiserif-italic-webfont.woff2") format("woff2"), url("../fonts/totiserif-italic-webfont.woff") format("woff"), url("../fonts/totiserif-italic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

/* ====================================
   Typography
   ==================================== */
.ff-tSansRegular {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.ff-tSansBold {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.ff-tSansExtraBold {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 800;
}

.ff-tSlabLight {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
}

.ff-tSlabExtraBold {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
}

.ff-tSerifRegular {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 400;
}

.ff-tSerifBold {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 700;
}

.ff-tSerifItalic {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 400;
  font-style: italic;
}

.clr-white {
  color: #ffffff;
}

.clr-text {
  color: #4a4a4a;
}

.clr-primary {
  color: #fb7701;
}

h1 {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 1.875rem;
  line-height: 1em;
}

@media (min-width: 62em) {
  h1 {
    font-size: 3.75rem;
  }
}

h2 {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 1.5rem;
}

@media (min-width: 62em) {
  h2 {
    font-size: 1.875rem;
  }
}

h3 {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 1.3125rem;
}

@media (min-width: 62em) {
  h3 {
    font-size: 1.5rem;
  }
}

h4 {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 1.125rem;
}

@media (min-width: 62em) {
  h4 {
    font-size: 1.25rem;
  }
}

h5 {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 0.8125rem;
}

h5.BlackTitle {
  color: #ffffff;
  background-color: #2a2a2a;
  padding: 6px 4px;
  text-transform: uppercase;
}

h5.BlackTitle .fa {
  margin-right: 3px;
  color: #fb7701;
}

@media (min-width: 62em) {
  h5.BlackTitle .fa {
    margin-right: 7px;
  }
}

@media (min-width: 62em) {
  h5.BlackTitle {
    padding: 8px 11px;
  }
}

@media (min-width: 62em) {
  h5 {
    font-size: 1rem;
  }
}

.Quote {
  margin: 50px 0 50px;
}

.Quote:after {
  content: '';
  display: block;
  clear: both;
}

.Quote:before {
  content: '';
  position: absolute;
  display: block;
  width: 45px;
  height: 31px;
  background-image: url(../images/cssimg/sprites.png);
  background-image: url(../images/cssimg/sprites.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.Quote-text {
  margin: 0 0 5px;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-size: 1.375rem;
  line-height: 1.875rem;
  text-indent: 60px;
}

@media (min-width: 62em) {
  .Quote-text {
    font-size: 2.375rem;
    line-height: 2.875rem;
    margin: 0 0 20px;
  }
}

.Quote-author {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 1rem;
  float: right;
  position: relative;
}

.Quote-author:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: -70px;
  width: 50px;
  border-top: 1px solid #d2d2d2;
}

@media (min-width: 62em) {
  .Quote-author {
    font-size: 1.25rem;
  }
}

.PrimaryQuote {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  color: #fb7701;
  font-style: italic;
  font-size: 1.125rem;
  line-height: 1.625rem;
}

@media (min-width: 48em) {
  .PrimaryQuote {
    font-size: 1.5625rem;
    line-height: 2.3125rem;
  }
}

.ArticleContent table {
  width: 100%;
  margin-bottom: 1.4em;
  /* Rounded borders on table. */
  /*tr:first-child *:first-child {
        border-top-left-radius: 4px
    }

    tr:first-child *:last-child {
        border-top-right-radius: 4px
    }

    tr:last-child *:first-child {
        border-bottom-left-radius: 4px
    }

    tr:last-child *:last-child {
        border-bottom-right-radius: 4px
    }*/
}

.ArticleContent table tr:nth-child(odd) {
  background-color: #f5f5f1;
}

.ArticleContent table th,
.ArticleContent table td {
  padding: 10px 15px;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  text-align: center;
  border-left: 1px solid #d2d2d2;
}

.ArticleContent table th:first-child,
.ArticleContent table td:first-child {
  border-left: none;
}

.ArticleContent table th strong,
.ArticleContent table td strong {
  font-weight: 700;
}

.ArticleContent table th {
  background-color: #fb7701;
  border-left-color: #ffffff;
  color: #ffffff;
  text-transform: uppercase;
}

.KeyNumber {
  color: #2a2a2a;
  text-align: center;
  display: inline-block;
}

.KeyNumber-number {
  position: relative;
  font-size: 3.5625rem;
  line-height: 3.8125rem;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
  letter-spacing: -0.076875rem;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.KeyNumber-number:after {
  content: '';
  position: absolute;
  margin-left: -20px;
  height: 4px;
  width: 40px;
  left: 50%;
  bottom: 0;
  border-radius: 2px;
  background-color: #fb7701;
}

.KeyNumber-description {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}

.LargeTitle {
  position: relative;
  margin: 15px 0;
  color: #2a2a2a;
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  letter-spacing: 0;
}

.LargeTitle span {
  background-color: #ffffff;
  padding-right: 10px;
}

.LargeTitle span:before {
  content: '';
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  background-color: #2a2a2a;
  height: 4px;
  z-index: -1;
}

@media (min-width: 48em) {
  .LargeTitle span:before {
    bottom: 6px;
  }
}

@media (min-width: 62em) {
  .LargeTitle span:before {
    bottom: 16px;
  }
}

@media (min-width: 80em) {
  .LargeTitle span:before {
    bottom: 28px;
  }
}

@media (min-width: 62em) {
  .LargeTitle span {
    padding-right: 20px;
  }
}

@media (min-width: 62em) {
  .LargeTitle {
    font-size: 5.625rem;
    line-height: 5.625rem;
    letter-spacing: -5px;
    font-weight: 300;
  }
}

@media (min-width: 80em) {
  .LargeTitle {
    font-size: 9rem;
    line-height: 9rem;
    letter-spacing: -10px;
  }
}

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

.LargeTitle--right span {
  padding-left: 10px;
  padding-right: 0;
}

@media (min-width: 62em) {
  .LargeTitle--right span {
    padding-left: 20px;
  }
}

.LargeTitle--brandQuote {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  line-height: 2.875rem;
  font-size: 2.875rem;
  letter-spacing: -0.125rem;
  text-align: left;
}

.LargeTitle--brandQuote span {
  padding-left: 0;
  padding-right: 7px;
}

.LargeTitle--brandQuote span:before {
  bottom: 9px;
  height: 2px;
}

.LargeTitle--brandQuote span span {
  font-weight: 700;
}

.LargeTitle-wrapButton {
  background-color: #ffffff;
  text-align: right;
  margin: -3px 0 15px;
  line-height: 0.6875rem;
}

.LargeTitle-wrapButton .Button--tab, .LargeTitle-wrapButton .Button--tabStandalone {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

@media (min-width: 48em) {
  .LargeTitle-wrapButton .Button--tab, .LargeTitle-wrapButton .Button--tabStandalone {
    display: block;
    margin-left: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

@media (min-width: 48em) {
  .LargeTitle-wrapButton {
    line-height: 1.625rem;
    position: absolute;
    right: 0;
    bottom: 6px;
    padding-left: 10px;
    text-align: left;
    margin: 0;
  }
}

@media (min-width: 62em) {
  .LargeTitle-wrapButton {
    bottom: 16px;
  }
}

@media (min-width: 80em) {
  .LargeTitle-wrapButton {
    bottom: 28px;
  }
}

.LargeTitle--marginBottom {
  margin-bottom: 40px;
}

@media (min-width: 62em) {
  .LargeTitle--homepage {
    font-size: 3.875rem;
    line-height: 3.875rem;
  }
}

@media (min-width: 80em) {
  .LargeTitle--homepage {
    font-size: 4.5rem;
    line-height: 4.5rem;
    letter-spacing: -0.3125rem;
  }
}

.LargeTitle--homepage span {
  display: block;
}

@media (min-width: 62em) {
  .LargeTitle--homepage span:before {
    bottom: 13px;
    height: 2px;
  }
}

@media (min-width: 48em) {
  .LargeTitle--homepage span {
    display: inline;
  }
}

.LargeTitle-more,
.LargeTitle-close {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  color: #fb7701;
  font-size: 1rem;
  line-height: 1.1875rem;
  letter-spacing: 0.01rem;
  text-transform: uppercase;
  vertical-align: middle;
  margin-bottom: 6px;
  display: inline-block;
}

.LargeTitle-close {
  color: #2a2a2a;
}

@media (min-width: 48em) {
  .LargeTitle-close {
    position: absolute;
    right: 0;
    bottom: 3px;
  }
}

@media (min-width: 62em) {
  .LargeTitle-close {
    bottom: 13px;
  }
}

@media (min-width: 80em) {
  .LargeTitle-close {
    bottom: 17px;
  }
}

.TitleCorpo {
  margin-bottom: 15px;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 1.5625rem;
  text-align: center;
}

@media (min-width: 48em) {
  .TitleCorpo {
    font-size: 1.5625rem;
    text-align: left;
  }
}

@media (min-width: 62em) {
  .TitleCorpo {
    font-size: 2.5rem;
  }
}

.TitleCorpo-lead {
  margin: 15px 0 35px;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.375rem;
  text-align: center;
}

@media (min-width: 62em) {
  .TitleCorpo-lead {
    text-align: left;
    font-size: 1.8125rem;
  }
}

.BlackTitle {
  position: relative;
  margin: 30px auto 15px;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  text-align: center;
}

.BlackTitle span {
  display: inline-block;
  background-color: #2a2a2a;
  color: #ffffff;
  font-style: italic;
  font-size: 1.125rem;
  line-height: 1.25rem;
  padding: 7px 21px;
  letter-spacing: 0.1rem;
}

.BlackTitle span:before {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #2a2a2a;
  z-index: -1;
}

@media (min-width: 48em) {
  .BlackTitle span {
    line-height: 1.75rem;
    font-size: 1.5rem;
  }
}

.Category {
  display: inline-block;
  padding: 3px 7px;
  margin-bottom: 3px;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  text-transform: uppercase;
  background-color: #fb7701;
  color: #ffffff;
  letter-spacing: 0.021875rem;
  vertical-align: middle;
}

@media (min-width: 80em) {
  .Category {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.daterangepicker .calendar-table .month {
  font-size: 2.1875rem;
  font-weight: 400;
}

.daterangepicker .calendar-table tbody td {
  font-size: 1.125rem;
  font-weight: 600;
}

.daterangepicker .calendar-table .prev,
.daterangepicker .calendar-table .next {
  font-size: 1.25rem;
}

/* ====================================
   Forms
   ==================================== */
/*  Buttons
    ==================================== */
.Button {
  display: inline-block;
  padding: 4px 15px;
  min-width: 37px;
  height: 37px;
  background-color: #f5f5f1;
  border: 1px solid #e0dfdf;
  font-size: 0.875rem;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.0125rem;
  text-transform: uppercase;
  color: #4a4a4a;
  border-radius: 18px;
  text-align: center;
  white-space: nowrap;
  line-height: 1.6428571429rem;
}

.Button .fa {
  color: #fb7701;
  margin-bottom: -2px;
}

.Button .Icon {
  vertical-align: bottom;
  margin-top: 1px;
}

.Button .is-disabled {
  pointer-events: none;
}

.Button .NavIcon {
  position: static;
  vertical-align: top;
  margin-top: 3px;
}

a.Button:active, a.Button:hover,
button.Button:active,
button.Button:hover,
input.Button:active,
input.Button:hover {
  color: #fb7701;
}

.Button--iconRight {
  padding: 4px 10px 4px 15px;
}

.Button--iconRight .Icon,
.Button--iconRight .fa {
  margin-left: 5px;
}

.Button--iconLeft {
  padding: 4px 15px 4px 10px;
}

.Button--iconLeft .Icon,
.Button--iconLeft .fa {
  margin-right: 5px;
}

.Button--iconLeft .fa {
  font-size: 1.1875rem;
  vertical-align: text-bottom;
}

.Button--header {
  vertical-align: text-bottom;
  margin-bottom: 2px;
  margin-left: 25px;
}

.Button--dark {
  background-color: #2a2a2a;
  border-color: #010101;
  color: #ffffff;
}

.Button--white {
  background-color: #ffffff;
}

.Button--orange {
  background-color: #fb7701;
  border: 1px solid #fb5501;
  color: #ffffff;
}

.Button--orange:hover, .Button--orange:focus {
  background-color: #fb5501;
  color: #ffffff !important;
  outline: 0;
}

.Button--yellow {
  border-color: #FCA85E;
  background-color: #FCF6E4;
}

.Button--yellow a {
  color: #fb7701;
  text-decoration: underline !important;
}

a.Button--yellow {
  color: #fb7701;
}

.Button--blue {
  background-color: #ffffff;
  border-color: #43abcd;
  color: #43abcd;
}

.Button--tab, .Button--tabStandalone {
  margin-left: 5px;
  height: auto;
  padding: 2px 15px 2px 20px;
  font-size: 0.875rem;
  border-radius: 5px 5px 0 0;
}

.Button--tab .fa, .Button--tabStandalone .fa {
  margin: 0 2px 0 10px;
}

@media (min-width: 48em) {
  .Button--tab, .Button--tabStandalone {
    padding: 4px 13px 4px 18px;
    font-size: 1.125rem;
  }
}

.Button--tabStandalone {
  border-radius: 5px;
  border: none;
}

.Button--onOff {
  position: relative;
  padding-right: 60px;
  padding-left: 15px;
}

.Button--onOff:before {
  content: '';
  position: absolute;
  height: 25px;
  width: 45px;
  border-radius: 15px;
  border: 1px solid #fb5501;
  background-color: #fb7701;
  right: 6px;
  top: 5px;
  transition: background-color .2s ease, border .2s ease;
}

.Button--onOff:after {
  content: '';
  position: absolute;
  right: 9px;
  top: 7px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #e0dfdf;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
  transition: right .2s ease;
}

.Button--off:before {
  border: 1px solid #e0dfdf;
  background-color: #e0dfdf;
}

.Button--off:after {
  right: 28px;
}

.Button--minWidth {
  min-width: 125px;
}

.Button--transparent {
  background-color: transparent;
  font-weight: 800;
  color: #ffffff;
}

.Button--transparent .fa {
  font-size: 1.375rem;
  float: right;
  margin-left: 8px;
}

.Button1 {
  padding: 7px 10px;
  color: #ffffff;
  background-color: #fb7701;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: 800;
  text-transform: uppercase;
  border-radius: 4px;
  white-space: nowrap;
}

.Button1:hover, .Button1:active {
  color: #ffffff;
  background-color: #fb5501;
  text-decoration: none;
}

.Button1--dark {
  background-color: #2a2a2a;
  color: #ffffff;
}

.Button1--dark:hover, .Button1--dark:focus {
  background-color: #2a2a2a;
  color: #9b9b9b;
  outline: 0;
}

.btn {
  padding: 10px 20px;
  background-color: #f5f5f1;
  border: 1px solid #e0dfdf;
  border-radius: 4px;
  font-size: 1rem;
  line-height: 1.375rem;
  box-shadow: none;
  transition: background-color .2s ease, color .2s ease;
}

.btn:focus {
  outline: none !important;
}

.btn:active, .btn:hover {
  background-color: #fb7701;
}

.btn-lg,
.input-group-lg > .input-group-btn > .btn,
.form-control.input-lg,
.input-group-lg > .form-control {
  font-size: 1rem;
  padding: 10px 14px;
  height: 42px;
}

@media (min-width: 62em) {
  .btn-lg,
  .input-group-lg > .input-group-btn > .btn,
  .form-control.input-lg,
  .input-group-lg > .form-control {
    font-size: 1.375rem;
    padding: 17px 18px;
    height: 59px;
  }
}

.input-group-lg > .input-group-btn > .btn {
  line-height: 1.375rem;
}

.form-control.input-lg,
.input-group-lg > .form-control {
  border-radius: 4px;
}

input.form-control,
textarea.form-control {
  border: 1px solid #e0dfdf;
  border-radius: 4px;
  font-size: 1rem;
  padding: 10px 20px;
  box-shadow: none;
  height: auto;
  font-weight: bold;
  background-color: #f5f5f1;
  transition: background-color .3s ease;
}

input.form-control:focus,
textarea.form-control:focus {
  box-shadow: none;
  border: 1px solid #e0dfdf;
  background-color: #ffffff;
}

.form-control {
  border-radius: 4px;
}

.input-group .form-control {
  border-right-color: #9b9b9b !important;
}

.Notification {
  display: inline-block;
  padding: 10px 20px;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
}

.Notification--large {
  display: block;
  padding: 10px 20px;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  margin: 0 10% 15px 10%;
}

.Notification--large a {
  text-decoration: none;
}

@media (min-width: 62em) {
  .Notification--large {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2.25rem;
    padding: 25px 40px;
  }
}

.Notification--small {
  font-size: 0.875rem;
}

.Notification--yellow {
  border-color: #fca85e;
  background-color: #fcf6e4;
}

.Notification--yellow a {
  color: #fb7701;
  text-decoration: underline !important;
}

.Notification--blue {
  border-color: #43abcd;
  background-color: #f4fcff;
  color: #32a6de;
}

.Notification--simple {
  border: none;
  padding: 0;
}

@media (min-width: 62em) {
  .Notification--withIcon {
    padding: 30px 50px 30px 90px;
    position: relative;
  }
}

.Notification-icon {
  color: #fb7701;
  font-size: 2.5rem;
  float: left;
  margin-right: 10px;
}

@media (min-width: 62em) {
  .Notification-icon {
    font-size: 2.6875rem;
    position: absolute;
    margin-right: 0;
    top: 50%;
    left: 32px;
    float: none;
    width: 35px;
    text-align: center;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.btn-primary {
  background-color: #fb7701;
  color: #4a4a4a;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #fb5501;
  border-color: #fb5501;
  color: #2a2a2a;
}

.btn-facebook {
  background-color: #3B5998;
  color: #ffffff;
}

.btn-facebook .fa {
  margin-right: 10px;
}

.btn-modalClose {
  padding: 20px 19px;
}

label {
  font-weight: 400;
}

label span {
  color: #fb7701;
}

label a {
  color: #fb7701;
}

/*
    Radio Buttons And Checkboxes
    ==================================== */
input[type="radio"] {
  display: none;
}

input[type="radio"] + label {
  position: relative;
  padding-left: 40px;
  margin-right: 25px;
}

input[type="radio"] + label:before, input[type="radio"] + label:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 50%;
  background-color: #f5f5f1;
  transition: background-color .2s ease;
}

input[type="radio"] + label:before {
  width: 28px;
  height: 28px;
  border: 1px solid #e0dfdf;
  left: 0;
  top: -2px;
}

input[type="radio"] + label:after {
  left: 8px;
  top: 6px;
  width: 12px;
  height: 12px;
}

input[type="radio"] + label:hover:after {
  background-color: #ffffff;
}

input[type="radio"]:checked + label:before {
  background-color: #fb7701;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

input[type="radio"]:checked + label:after {
  background-color: #ffffff;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label {
  position: relative;
  padding-left: 40px;
  margin-right: 25px;
}

input[type="checkbox"] + label:before, input[type="checkbox"] + label:after {
  display: block;
  position: absolute;
  border-radius: 4px;
  transition: color .2s ease;
}

input[type="checkbox"] + label:before {
  content: '';
  width: 28px;
  height: 28px;
  left: 0;
  top: -2px;
  border: 1px solid #e0dfdf;
  background-color: #f5f5f1;
}

input[type="checkbox"] + label:after {
  content: "\f00c";
  font-family: FontAwesome;
  left: 7px;
  top: 1px;
  color: #f5f5f1;
}

input[type="checkbox"] + label:hover:after {
  color: #ffffff;
}

input[type="checkbox"]:checked + label:after {
  color: #fb7701;
}

.ButtonArrow {
  position: absolute;
  margin-top: -30px;
  top: 50%;
  left: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  background-color: #9b9b9b;
}

.ButtonArrow i {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  vertical-align: baseline;
  opacity: .5;
  transition: opacity .2s ease;
}

.ButtonArrow:hover i, .ButtonArrow:active i {
  opacity: 1;
}

.ButtonArrow--right {
  right: 0;
  left: auto;
}

/*  Dropdowns
    ==================================== */
.dropdown-menu {
  padding: 10px 0;
  top: 90%;
  left: -7px;
  letter-spacing: 0;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  min-width: 210px;
  border-radius: 10px;
}

.dropdown-menu li > a {
  padding: 7px 25px;
}

.dropdown-menu li > a:hover {
  background-color: #ffffff;
  color: #fb7701;
}

/* ====================================
   Icons
   ==================================== */
.Icon {
  background-image: url(../images/cssimg/sprites.png);
  background-image: url(../images/cssimg/sprites.svg);
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: text-bottom;
}

.Icon .fa {
  background-position: 100% 0;
}

.Icon--author {
  background-position: -1px -31px;
  width: 21px;
  height: 21px;
}

.Icon--author.Icon--double {
  background-position: -1px -53px;
}

.Icon--pdf.Icon--double {
  background-position: -47px -101px;
}

.Icon--download.Icon--double {
  background-position: -1px -101px;
}

.Icon--pdf2 {
  width: 36px;
  height: 36px;
  background-position: 0 -146px;
}

.Icon--download2 {
  width: 36px;
  height: 36px;
  background-position: -43px -147px;
}

.Icon--article {
  width: 21px;
  height: 21px;
  background-position: -22px -31px;
}

.Icon--article.Icon--double {
  background-position: -44px -53px;
}

.Icon--folder {
  width: 21px;
  height: 21px;
  background-position: -43px -31px;
}

.Icon--callout {
  width: 21px;
  height: 21px;
  background-position: -64px -31px;
}

.Icon--close {
  width: 21px;
  height: 21px;
  background-position: -88px 0;
}

.Button .Icon--author,
.Button .Icon--article,
.Button .Icon--folder,
.Button .Icon--callout,
.Button .Icon--close {
  margin-top: 3px;
  margin-bottom: 2px;
}

.Icon--arrowRight {
  width: 19px;
  height: 18px;
  background-position: -50px 0;
}

.Icon--arrowLeft {
  width: 19px;
  height: 18px;
  background-position: -69px 0;
}

.Icon--soccer {
  background-position: -106px -199px;
}

.Icon--basketball {
  background-position: -106px -248px;
}

.Icon--handball {
  background-position: -106px -298px;
}

.Icon--volleyball {
  background-position: -106px -348px;
}

.Icon--hockey {
  background-position: -106px -395px;
}

.Icon--tennis {
  background-position: -106px -442px;
}

.Icon--athletics {
  background-position: -106px -491px;
}

.Icon--cycling {
  background-position: -106px -537px;
}

.Icon--moto {
  background-position: -106px -587px;
}

.Icon--winterSports {
  background-position: -106px -636px;
}

.Icon--otherSports {
  background-position: -106px -690px;
}

.Icon--followCategory {
  background-position: -2px -241px;
}

.Icon--followCategoryPlus {
  background-position: -2px -199px;
}

.Icon--followTag {
  background-position: -2px -282px;
}

.Icon--followTopic {
  background-position: -2px -320px;
}

.Icon--followStory {
  background-position: -2px -360px;
}

.Icon--followStream {
  background-position: -2px -405px;
}

.Icon--developingStory {
  background-position: -2px -448px;
}

.Icon--explainer {
  background-position: -2px -492px;
}

.Icon--column {
  background-position: -2px -532px;
}

.Icon--dossier {
  background-position: -2px -573px;
}

.Icon--archive {
  background-position: -2px -613px;
}

.Icon--wishList {
  background-position: -2px -655px;
}

.Icon--wishListAlt {
  background-position: -2px -697px;
}

.Icon--locationPlus {
  background-position: -2px -740px;
}

.Icon--location {
  background-position: -2px -797px;
}

.Icon--gallery {
  background-position: -48px -199px;
}

.Icon--cartNo {
  background-position: -50px -238px;
  width: 40px;
}

.Icon--cartCheck {
  background-position: -50px -285px;
  width: 35px;
}

.Icon--cartPlus {
  background-position: -50px -324px;
  width: 40px;
}

.Icon--cart {
  background-position: -50px -365px;
}

.Icon--userM {
  background-position: -106px -153px;
}

.Icon--userMdark {
  background-position: -265px -240px;
}

.Icon--userMgray {
  background-position: -300px -240px;
}

.Icon--userF {
  background-position: -50px -407px;
}

.Icon--userFdark {
  background-position: -265px -201px;
}

.Icon--userFgray {
  background-position: -300px -201px;
}

.Icon--write {
  background-position: -159px -200px;
}

.Icon--bulb {
  background-position: -159px -248px;
}

.Icon--suggestStory {
  background-position: -158px -298px;
}

.Icon--reportError {
  background-position: -158px -348px;
}

.Icon--authorUpdate {
  background-position: -158px -398px;
}

.Icon--read {
  background-position: -158px -448px;
}

.Icon--promise {
  background-position: -159px -495px;
}

.Icon--poll {
  background-position: -158px -542px;
}

.Icon--readLater {
  background-position: -159px -587px;
}

.Icon--donations {
  background-position: -160px -633px;
}

.Icon--refresh {
  background-position: -159px -681px;
}

.Icon--spec {
  background-position: -158px -730px;
}

.Icon--breakingNews {
  background-position: -158px -778px;
}

.Icon--report {
  background-position: -158px -825px;
}

.Icon--update {
  background-position: -158px -871px;
}

.Icon--petition {
  background-position: -159px -918px;
}

.Icon--followAuthor {
  background-position: -158px -965px;
}

.Icon--followAuthorF {
  background-position: -158px -1013px;
}

.Icon--lieDetector {
  background-position: -5px -1062px;
}

.Icon--developingStoryWhite {
  background-position: -212px -448px;
}

@media (min-width: 62em) {
  .SocialVertical {
    width: 45px;
  }
}

.IconCircle {
  display: inline-block;
  margin-bottom: 10px;
  width: 45px;
  height: 45px;
  color: #4a4a4a;
  text-align: center;
  font-size: 1.5625rem;
  line-height: 2.6875rem;
  border-radius: 50%;
  border: 1px solid #e0dfdf;
}

.IconCircle--dark {
  display: inline-block;
  font-size: 1.125rem;
  background-color: #4a4a4a;
  color: #1a1a1a;
  border: none;
}

.IconCircle--dark:hover, .IconCircle--dark:focus {
  background-color: #e0dfdf;
  color: #1a1a1a;
  outline: 0;
}

.PlainSocialIcon {
  color: #4a4a4a;
  margin: 0 7px;
}

.SquareIcon {
  display: inline-block;
  width: 26px;
  height: 26px;
  padding: 4px 0;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1rem;
  background-color: #fb7701;
  text-align: center;
  border-radius: 4px;
}

.SquareIcon--inverse {
  background-color: #ffffff;
  color: #fb7701;
}

.Icon--double {
  width: 42px;
  height: 42px;
}

/*  components
    ==================================== */
/* ====================================
   Header
   ==================================== */
/*
 *
 * @TODO - Refactor:
 * razmisliti o VecerPlus
 * razmisliti o display: inline-block; za sve elemente u headeru
 * razmisliti o VecerPlus
 * renameati Icon--v
 * nesting navigacije u SuperMenu
 * nesting .ArticleItem u .SuperMenu
 * .SuperMenu-navigation min-height
 *
 */
.tmp-weather {
  height: 0;
  margin: 30px 0;
  padding-top: 180%;
  position: relative;
}

.tmp-weather img {
  position: absolute;
  max-width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.tmp-banner {
  margin: 30px 0;
}

.Header {
  background-color: #ffffff;
  border-bottom: 3px solid #161616;
  padding-bottom: 3px;
  position: relative;
  z-index: 1000;
}

.Header-left {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  width: 175px;
}

@media (min-width: 80em) {
  .Header-left {
    width: 16.66666667%;
  }
}

.Header-right .Header-el--alt {
  display: none;
}

@media (min-width: 80em) {
  .Header-right .Header-el--alt {
    display: inline-block;
  }
}

.Header--transparent {
  background-color: rgba(255, 255, 255, 0.9);
}

.Header-wrapVecerPlus {
  color: #ffffff;
  padding: 0;
  position: relative;
  text-shadow: 0 1px 0 #fb5501;
}

.Header-wrapVecerPlus:before {
  background-color: #fb7701;
  content: '';
  position: absolute;
  left: -9999em;
  top: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 80em) {
  .Header-wrapVecerPlus {
    padding: 10px 0;
  }
}

.Header-el {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
}

.Header-el:first-child nav {
  margin-left: 0;
  position: fixed;
  top: 53px;
  left: -100%;
  height: 100%;
  height: calc(100% - 53px - 55px);
  width: 100%;
}

@media (min-width: 80em) {
  .Header-el:first-child nav {
    position: static;
    top: auto;
    left: auto;
    bottom: auto;
    width: auto;
  }
}

.Header-el--alt {
  position: fixed;
  margin-left: 0;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 12px;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 3px solid #ccc;
  text-align: center;
  background-color: #ffffff;
}

@media (min-width: 80em) {
  .Header-el--alt {
    position: static;
    margin-left: 30px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-bottom: 0;
    top: auto;
    left: auto;
    width: auto;
    border-top: 0;
    text-align: left;
    background-color: transparent;
  }
}

.Header-el--mobileFloat {
  float: right;
  margin-right: 20px;
  margin-left: 5px;
}

@media (min-width: 80em) {
  .Header-el--mobileFloat {
    float: none;
    margin-right: 0;
    margin-left: 15px;
  }
}

.Logo {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 3rem;
  text-transform: uppercase;
}

@media (min-width: 80em) {
  .Logo {
    font-size: 3.0625rem;
    line-height: 1;
  }
}

.VecerPlus {
  color: #ffffff;
  position: relative;
}

.VecerPlus:hover, .VecerPlus:focus {
  color: #ffffff;
  outline: 0;
}

.VecerPlus-wrapLogo {
  display: inline-block;
  vertical-align: middle;
}

.VecerPlus-icon {
  display: none;
  color: #333;
  font-size: 1.25rem;
  margin-left: 10px;
  text-shadow: none;
  vertical-align: middle;
}

@media (min-width: 80em) {
  .VecerPlus-icon {
    display: inline-block;
  }
}

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

.Nav-link {
  color: #4a4a4a;
  display: block;
  padding: 4px 7px 4px 25px;
}

.Nav-link:hover, .Nav-link:focus {
  color: #fb7701;
  outline: 0;
}

@media (min-width: 80em) {
  .Nav-link {
    padding: 4px 7px;
  }
}

.Nav--horizontal {
  background-color: #ffffff;
  width: 100%;
  position: relative;
}

.Nav--horizontal:before, .Nav--horizontal:after {
  content: " ";
  display: block;
}

.Nav--horizontal:after {
  clear: both;
}

.Nav--horizontal .Nav-item {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.125rem;
  letter-spacing: -0.021875rem;
}

@media (min-width: 80em) {
  .Nav--horizontal .Nav-item {
    float: left;
    font-size: 0.75rem;
    line-height: 1.25;
    letter-spacing: 0;
  }
}

.Nav--horizontal .Nav-item--service {
  background-color: #fb7701;
  font-weight: 700;
  margin-bottom: 10px;
}

.Nav--horizontal .Nav-item--service .Nav-link {
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
}

.Nav--horizontal .Nav-item--service .Nav-link .fa {
  float: right;
  color: #2a2a2a;
}

@media (min-width: 80em) {
  .Nav--horizontal .Nav-item--service {
    display: none;
  }
}

.Nav--horizontal .Nav-link {
  padding-top: 7px;
  padding-bottom: 7px;
  position: relative;
}

.Nav--horizontal .Nav-link:hover, .Nav--horizontal .Nav-link:focus {
  color: #4a4a4a;
  outline: 0;
}

@media (min-width: 80em) {
  .Nav--horizontal .Nav-link {
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

.Nav--horizontal .Nav-hover {
  display: none;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100px;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  height: 3px;
  background-color: #fb7701;
}

@media (min-width: 80em) {
  .Nav--horizontal .Nav-hover {
    display: block;
  }
  .Nav--horizontal .Nav-hover.is-hidden {
    display: none;
  }
}

.Nav--horizontal > ul {
  padding-bottom: 15px;
}

@media (min-width: 80em) {
  .Nav--horizontal > ul {
    padding: 0;
  }
}

@media (min-width: 80em) {
  .Nav--horizontal {
    background-color: transparent;
  }
}

.Nav--mobile {
  position: fixed;
  top: 53px;
  height: 100vh;
  height: calc(100vh - 53px - 55px);
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

@media (min-width: 80em) {
  .Nav--mobile {
    display: none;
  }
}

.Header--invert {
  background-color: #191919;
  border-bottom-color: #e0dfdf;
}

.Header--invert .SearchBar a,
.Header--invert .User-link {
  color: #ffffff;
}

.Header--invert .SearchBar a:hover, .Header--invert .SearchBar a:focus,
.Header--invert .User-link:hover,
.Header--invert .User-link:focus {
  color: #9b9b9b;
  outline: 0;
}

.Header--invert .Nav--horizontal .Nav-link {
  color: #ffffff;
}

.Header--invert .Nav--horizontal .Nav-link:hover, .Header--invert .Nav--horizontal .Nav-link:focus {
  color: #ffffff;
  outline: 0;
}

.Header--invert .is-seen .Icon--special .fa {
  color: #4a4a4a;
}

.Header--invert .Nav--pill .Nav-link {
  background-color: #ffffff;
  color: #4a4a4a;
}

.Header--invert .Nav--pill .Nav-link:hover, .Header--invert .Nav--pill .Nav-link:focus {
  background-color: #e0dfdf;
  outline: 0;
}

.Header--invert .Bubble {
  border-color: #191919;
}

.Nav--vertical .Nav-item {
  font-size: 1.125rem;
  line-height: 1.1111111111;
  padding-right: 15px;
}

.Nav--vertical .Nav-item--separator {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  margin-top: 10px;
  padding-top: 10px;
}

.Nav--vertical .Nav-item--title {
  border-bottom: none !important;
  color: #ffffff;
  padding-left: 8px;
  padding-right: 8px;
}

.Nav--vertical .Nav-item--brand {
  font-style: italic;
}

.Nav--pill:before, .Nav--pill:after {
  content: " ";
  display: block;
}

.Nav--pill:after {
  clear: both;
}

.Nav--pill .Nav-item {
  float: left;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25;
  margin-left: 12px;
}

.Nav--pill .Nav-item:first-child {
  margin-left: 0;
}

.Nav--pill .Nav-link {
  background-color: #151515;
  border-radius: 10em;
  color: #ffffff;
  padding: 8px 15px;
}

.Nav--pill .Nav-link:hover, .Nav--pill .Nav-link:focus {
  background-color: #2f2f2f;
  outline: 0;
}

.Nav-link--withIcon {
  position: relative;
  padding-right: 35px !important;
}

.Nav-icon {
  color: #54D9FB;
  font-size: 1rem;
  line-height: 1;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.Nav-item--hasSpecial {
  position: relative;
  padding-right: 4px;
}

.Nav-wrapSpecialIcon {
  display: block;
  position: absolute;
  top: 12px;
  right: -4px;
}

.Nav-person {
  color: #ffffff;
  display: table;
  text-decoration: none;
  width: 100%;
}

.Nav-person:hover, .Nav-person:focus {
  color: #733801;
  outline: 0;
}

.Nav-wrapPersonImage {
  display: table-cell;
  padding: 0 7px;
  vertical-align: middle;
  width: 50px;
}

.Nav-wrapPersonImage .PersonImage {
  border: none;
}

.Nav-personName {
  display: table-cell;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-size: 1rem;
  padding: 4px 7px;
  vertical-align: middle;
  text-transform: none;
}

.Nav-item--special .Nav-link {
  color: #fb7701;
}

.Nav-item--special .Nav-link:hover, .Nav-item--special .Nav-link:focus {
  color: #ffffff;
  outline: 0;
}

.SearchBar {
  font-size: 1.125rem;
  margin-top: 14px;
}

.SearchBar:hover, .SearchBar:focus {
  color: #fb7701;
  outline: 0;
}

@media (min-width: 80em) {
  .SearchBar {
    margin-top: 0;
  }
}

.User {
  position: relative;
  margin-top: 6px;
}

@media (min-width: 80em) {
  .User {
    margin-top: 0;
  }
}

.User-link .Icon--userM {
  background-position: -265px -240px;
}

.User-link .Icon--userF {
  background-position: -265px -201px;
}

.User-link:hover, .User-link:focus {
  color: #fb7701;
  outline: 0;
}

.User-link:hover .Icon--userM, .User-link:focus .Icon--userM {
  background-position: -106px -153px;
}

.User-link:hover .Icon--userF, .User-link:focus .Icon--userF {
  background-position: -50px -407px;
}

.User-icon {
  font-size: 1.75rem;
}

.User-wrapBubble {
  bottom: -4px;
  right: -8px;
  position: absolute;
}

.Bubble {
  background-color: #fb7701;
  border-radius: 10em;
  border: 2px solid #f5f5f1;
  color: #ffffff;
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  height: 22px;
  line-height: 18px;
  text-align: center;
  min-width: 22px;
  padding: 0 4px;
}

.Bubble--small {
  font-size: 0.75rem;
}

.Bubble--invert {
  background-color: #ffffff;
  border: 2px solid #fb7701;
  color: #fb7701;
}

.Bubble--noBorder {
  border-width: 0;
  height: 18px;
  width: 18px;
}

.Icon--v {
  color: #fb7701;
  font-family: "toti_slab", "Courier New", Courier, monospace;
}

.Icon--special {
  color: #ffffff;
  display: block;
  font-weight: 400;
  font-size: 0.625rem;
  text-align: center;
  position: relative;
  line-height: 20px;
  height: 20px;
  width: 20px;
}

.Icon--special .fa {
  color: #fb7701;
  position: absolute;
  font-size: 1.3125rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}

.is-seen .Icon--special .fa {
  color: #d2d2d2;
}

.SuperMenu {
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 75px;
  z-index: 90;
  -webkit-transform: translate(0, -120%);
      -ms-transform: translate(0, -120%);
          transform: translate(0, -120%);
  z-index: 990;
}

.SuperMenu .ArticleItem {
  margin-top: 30px;
}

.SuperMenu .js-superMenuContainer {
  display: none;
}

.SuperMenu .js-superMenuContainer.is-active {
  display: block;
}

@media (min-width: 80em) {
  .SuperMenu {
    display: block;
  }
}

.SuperMenu--fixed {
  position: fixed;
}

@media (max-width: 79.9375em) {
  .SuperMenu--fixed {
    -webkit-transform: translate(0%, -120%) matrix(1, 0, 0, 1, 0, 0) !important;
        -ms-transform: translate(0%, -120%) matrix(1, 0, 0, 1, 0, 0) !important;
            transform: translate(0%, -120%) matrix(1, 0, 0, 1, 0, 0) !important;
  }
}

.SuperMenu-navigation {
  color: #ffffff;
  padding: 30px 0;
  min-height: 420px;
  position: relative;
}

.SuperMenu-navigation:before {
  background-color: #292929;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -9999em;
}

.SuperMenu-navigation .Nav-item--person {
  margin-top: 200px;
}

.SuperMenu-navigation .Nav-link {
  color: #abaaaa;
}

.SuperMenu-navigation .Nav-link:hover, .SuperMenu-navigation .Nav-link:focus {
  color: #ffffff;
  outline: 0;
}

.SuperMenu-navigation--alt:before {
  background-color: #fb7701;
}

.SuperMenu-navigation--alt .Nav-item--separator {
  border-top-color: rgba(255, 255, 255, 0.4);
}

.SuperMenu-navigation--alt .Nav-link {
  color: #ffffff;
}

.SuperMenu-navigation--alt .Nav-link:hover, .SuperMenu-navigation--alt .Nav-link:focus {
  color: #733801;
  outline: 0;
}

.SuperMenu-wrapNav {
  position: relative;
}

.ArticleItem--small .Article-section {
  display: block;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
  margin-top: 10px;
  text-transform: uppercase;
}

.ArticleItem--small .ArticleItem-title {
  font-size: 1.25rem;
  line-height: 1.1;
  margin-top: 10px;
}

.Search {
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  position: fixed;
  top: 53px;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 900;
}

.Search.is-visible {
  display: block;
}

@media (min-width: 80em) {
  .Search {
    top: 75px;
  }
}

.Search-inner {
  background-color: #ffffff;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
  padding: 10px 0;
}

.Search-form {
  padding: 0 50px;
  position: relative;
  width: 100%;
}

.Search-close {
  display: block;
  height: 23px;
  left: 0;
  top: 50%;
  overflow: hidden;
  text-indent: -9999em;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  width: 23px;
}

.Search-close:before, .Search-close:after {
  border-radius: 2px;
  background-color: #9b9b9b;
  content: '';
  height: 3px;
  position: absolute;
  left: 0;
  top: 50%;
  width: 23px;
}

.Search-close:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.Search-close:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.Search-input {
  background: transparent;
  border: none;
  color: #4a4a4a;
  display: inline-block;
  font-size: 3.125rem;
  letter-spacing: -0.125rem;
  padding: 0;
  vertical-align: middle;
  width: 100%;
}

.Search-button {
  background: transparent;
  border: none;
  color: #2a2a2a;
  display: inline-block;
  font-size: 1.875rem;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.MainArticle {
  position: relative;
}

@media screen and (min-width: 1024px) {
  .MainArticle {
    height: 75vh;
  }
}

.MainArticle-hero {
  background-color: #000000;
  position: relative;
}

.MainArticle-hero:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, transparent 0%, black 100%);
  z-index: 50;
}

@media screen and (min-width: 1024px) {
  .MainArticle-hero {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
  }
}

.MainArticle-heroImg {
  display: block;
  height: auto;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .MainArticle-heroImg {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.MainArticle-text {
  color: #ffffff;
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 60;
}

.MainArticle-text .BreadcrumbsListing-item:last-child .BreadcrumbsListing-link,
.MainArticle-text .BreadcrumbsListing .fa {
  color: #ffffff;
}

.MainArticle-title {
  font-size: 3.4375rem;
  margin: 10px 0 0;
  position: relative;
}

.MainArticle-link {
  border-bottom: 5px solid rgba(251, 119, 1, 0);
  color: #ffffff;
  transition: border-color .2s ease;
}

.MainArticle-link:hover, .MainArticle-link:focus {
  color: #ffffff;
  border-bottom: 5px solid #fb7701;
  outline: 0;
}

.Toolbar {
  position: fixed;
  width: 100%;
  height: 53px;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.95);
  transition: height 0.2s ease;
  z-index: 1000;
  -webkit-perspective: 200px;
          perspective: 200px;
  overflow: hidden;
}

@media (min-width: 80em) {
  .Toolbar {
    height: 60px;
  }
}

.Toolbar .Header-navigation .Header-el:first-child {
  display: none;
}

@media (min-width: 80em) {
  .Toolbar .Header-navigation .Header-el:first-child {
    display: inline-block;
  }
}

.Toolbar--regular {
  height: 53px;
}

@media (min-width: 80em) {
  .Toolbar--regular {
    height: 75px;
  }
}

.Toolbar-content {
  display: none;
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
}

.Toolbar-content.is-visible {
  display: block;
}

.Toolbar-content.is-active {
  z-index: 1100;
}

.Toolbar-content--fsExplainer {
  background-color: #fb7701;
}

.Toolbar-content--fsExplainer .Toolbar-left {
  display: table-cell;
  width: 100%;
}

.Toolbar-content--fsExplainer .Explainer-h {
  font-size: 1.125rem;
  margin: 0;
  max-height: 40px;
}

.Toolbar-content--fsExplainer .Explainer-pagination {
  display: inline;
  margin: 0;
  float: none;
  font-size: 1.0625rem;
  line-height: 1.0625rem;
}

.Toolbar-content--fsExplainer .Toolbar-wrapLogoSmall {
  display: table-cell;
}

.Toolbar-content--fsExplainer .Toolbar-wrapHamburger {
  display: table-cell;
  padding-left: 15px;
}

.Toolbar-content--fsExplainer .Toolbar-contentContainer {
  height: 53px;
  vertical-align: middle;
  overflow: hidden;
}

@media (min-width: 80em) {
  .Toolbar-content--fsExplainer .Toolbar-contentContainer {
    height: 60px;
  }
}

.Toolbar-content--fsExplainer .LogoSmall {
  text-shadow: 1px 0 0 #ffffff;
}

.Toolbar-content--fsExplainer .Toolbar-explainerHWrapper {
  display: table-cell;
  vertical-align: middle;
  padding-right: 120px;
  padding-left: 15px;
}

.Toolbar-content--fsExplainerDesktop {
  background-color: #ffffff;
}

.Toolbar-content--fsExplainerDesktop .Toolbar-right {
  position: relative;
  padding-right: 215px;
}

.Toolbar-content--fsExplainerDesktop .Explainer-pagination {
  height: auto;
  color: #fb7701;
}

.Toolbar-content--fsExplainerDesktop .Explainer-headerRight {
  margin-right: 0;
}

.Toolbar-content--fsExplainerDesktop .Explainer-arrow--left {
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
}

.Toolbar-content--fsExplainerDesktop .Explainer-arrow--left:after {
  background-position: -135px 0;
}

.Toolbar-content--fsExplainerDesktop .Explainer-arrow--right {
  background-color: transparent;
  border-right: 1px solid #d2d2d2;
}

.Toolbar-content--fsExplainerDesktop .Explainer-arrow--right:after {
  background-position: -113px 0;
}

.Toolbar,
.Toolbar-content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.Toolbar-content--border {
  border-bottom: 3px solid #161616;
}

.Toolbar-inner {
  display: table;
  height: 53px;
  width: 100%;
}

@media (min-width: 80em) {
  .Toolbar-inner {
    height: 60px;
  }
}

.Toolbar-left {
  display: table-cell;
  vertical-align: middle;
}

.Toolbar-right {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.Toolbar-wrapLogoSmall {
  display: inline-block;
  vertical-align: middle;
}

.Toolbar-wrapHamburger {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

.Toolbar-sectionTitle {
  display: none;
  font-weight: 800;
  text-transform: uppercase;
  margin-left: 30px;
  vertical-align: middle;
}

.Toolbar-sectionTitle a {
  color: #fb7701;
}

@media (min-width: 62em) {
  .Toolbar-sectionTitle {
    display: inline-block;
  }
}

.Toolbar-articleTitle {
  display: none;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 700;
  color: #000;
  vertical-align: middle;
  margin-left: 10px;
}

@media (min-width: 80em) {
  .Toolbar-articleTitle {
    display: inline-block;
  }
}

.Toolbar-actions {
  display: none;
  margin-left: 30px;
  vertical-align: middle;
}

@media (min-width: 48em) {
  .Toolbar-actions {
    display: inline-block;
  }
}

.Toolbar-wrapSocialHorizontal {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}

.Toolbar-readingTime {
  display: inline-block;
  vertical-align: middle;
}

.Toolbar-readLater {
  color: #fb7701;
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
}

.Toolbar-wrapBubbleIcon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.BubbleIcon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  padding-bottom: 4px;
}

.BubbleIcon-icon {
  color: #2a2a2a;
  font-size: 1.75rem;
  line-height: 1;
}

.BubbleIcon-icon:hover, .BubbleIcon-icon:focus {
  color: #fb7701;
  outline: 0;
}

.BubbleIcon-wrapBubble {
  bottom: -4px;
  position: absolute;
  right: -8px;
}

.LogoSmall {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-size: 3.125rem;
  font-weight: 800;
  line-height: 1;
  text-shadow: 1px 0 0 #fb7701;
}

.Nav-link--icon {
  position: relative;
  padding-right: 40px;
}

.NavIcon {
  background-image: url(../images/cssimg/sprites.png);
  background-image: url(../images/cssimg/sprites.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 21px;
  overflow: hidden;
  width: 24px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -11px;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.NavIcon--note {
  background-position: -85px -845px;
}

.NavIcon--article {
  background-position: -85px -876px;
}

.NavIcon--dossier {
  background-position: -85px -907px;
}

.NavIcon--topic {
  background-position: -85px -938px;
}

.NavIcon--petition {
  background-position: -85px -969px;
}

.NavIcon--column {
  background-position: -85px -1000px;
}

.NavIcon--author {
  background-position: -85px -1031px;
}

.NavIcon--special {
  background-position: -107px -732px;
}

.SuperMenu-navigation--alt .NavIcon--note,
.Toolbar-mobileCat--service .NavIcon--note {
  background-position: -46px -845px;
}

.SuperMenu-navigation--alt .NavIcon--article,
.Toolbar-mobileCat--service .NavIcon--article {
  background-position: -46px -876px;
}

.SuperMenu-navigation--alt .NavIcon--dossier,
.Toolbar-mobileCat--service .NavIcon--dossier {
  background-position: -46px -907px;
}

.SuperMenu-navigation--alt .NavIcon--topic,
.Toolbar-mobileCat--service .NavIcon--topic {
  background-position: -46px -938px;
}

.SuperMenu-navigation--alt .NavIcon--petition,
.Toolbar-mobileCat--service .NavIcon--petition {
  background-position: -46px -969px;
}

.SuperMenu-navigation--alt .NavIcon--column,
.Toolbar-mobileCat--service .NavIcon--column {
  background-position: -46px -1000px;
}

.SuperMenu-navigation--alt .NavIcon--author,
.Toolbar-mobileCat--service .NavIcon--author {
  background-position: -46px -1031px;
}

.SuperMenu-navigation--alt .NavIcon--special,
.Toolbar-mobileCat--service .NavIcon--special {
  background-position: -107px -765px;
}

.NavIcon--orange {
  background-position-x: -5px;
}

.Nav-link--bonbon,
.Nav-link--kvadrati,
.Nav-link--limonada,
.Nav-link--nasdom,
.Nav-link--pocitnice,
.Nav-link--scienceillustrated,
.Nav-link--vnedeljo,
.Nav-link--zlatajesen {
  opacity: 0.7;
  overflow: hidden;
  text-indent: -9999em;
}

.Nav-link--bonbon:hover, .Nav-link--bonbon:focus,
.Nav-link--kvadrati:hover,
.Nav-link--kvadrati:focus,
.Nav-link--limonada:hover,
.Nav-link--limonada:focus,
.Nav-link--nasdom:hover,
.Nav-link--nasdom:focus,
.Nav-link--pocitnice:hover,
.Nav-link--pocitnice:focus,
.Nav-link--scienceillustrated:hover,
.Nav-link--scienceillustrated:focus,
.Nav-link--vnedeljo:hover,
.Nav-link--vnedeljo:focus,
.Nav-link--zlatajesen:hover,
.Nav-link--zlatajesen:focus {
  opacity: 1;
  outline: 0;
}

.Nav-link--bonbon {
  background: url(../images/cssimg/logo/bonbon.png) no-repeat 0 0/141px 45px;
  height: 45px;
}

.Nav-link--kvadrati {
  background: url(../images/cssimg/logo/kvadrati.png) no-repeat 0 0/61px 61px;
  height: 61px;
}

.Nav-link--limonada {
  background: url(../images/cssimg/logo/limonada.png) no-repeat 0 0/150px 52px;
  height: 52px;
}

.Nav-link--nasdom {
  background: url(../images/cssimg/logo/nas-dom.png) no-repeat 0 0/98px 63px;
  height: 63px;
}

.Nav-link--pocitnice {
  background: url(../images/cssimg/logo/pocitnice.png) no-repeat 0 0/120px 65px;
  height: 65px;
}

.Nav-link--scienceillustrated {
  background: url(../images/cssimg/logo/science-illustrated.png) no-repeat 0 0/144px 56px;
  height: 56px;
}

.Nav-link--vnedeljo {
  background: url(../images/cssimg/logo/v-nedeljo.png) no-repeat 0 0/148px 49px;
  height: 49px;
}

.Nav-link--zlatajesen {
  background: url(../images/cssimg/logo/zlata-jesen.png) no-repeat 0 0/148px 47px;
  height: 47px;
}

.SuperMenu-navigation--slovenija .Nav-item--special {
  margin-top: 190px;
}

/*
    Haburger
    =========================== */
.Hamburger-wrapper {
  position: absolute;
  right: -30px;
  top: 18px;
}

.Toolbar-wrapHamburger .Hamburger-wrapper {
  right: auto;
}

@media (min-width: 80em) {
  .Hamburger-wrapper {
    display: none;
  }
}

.Hamburger {
  width: 18px;
  height: 14px;
  position: relative;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}

.Hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #2a2a2a;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.Header--invert .Hamburger span {
  background: #ffffff;
}

.Hamburger span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

.js-mobileMenuOpen .Hamburger span:nth-child(1) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: -2px;
  left: 2px;
}

.Hamburger span:nth-child(2) {
  top: 6px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

.js-mobileMenuOpen .Hamburger span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.Hamburger span:nth-child(3) {
  top: 12px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

.js-mobileMenuOpen .Hamburger span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 11px;
  left: 2px;
}

.Header-el:first-child nav.js-mobileMenuHide,
.js-mobileMenuHide {
  left: -100%;
  transition: left .2s ease;
}

@media (min-width: 80em) {
  .Header-el:first-child nav.js-mobileMenuHide,
  .js-mobileMenuHide {
    left: auto;
  }
}

.js-mobileMenuOpen .Header-el:first-child nav.js-mobileMenuHide, .js-mobileMenuOpen
.js-mobileMenuHide {
  left: 0;
}

.Toolbar-mobileCats {
  position: fixed;
  z-index: 1000;
}

.Toolbar-mobileCats .Nav-wrapSpecialIcon {
  left: 10px;
  top: 6px;
}

@media (min-width: 80em) {
  .Toolbar-mobileCats .Nav-wrapSpecialIcon {
    position: absolute;
    left: auto;
    top: 12px;
    right: -4px;
  }
}

.Toolbar-mobileCats .Nav--horizontal .Nav-link {
  padding-left: 40px;
}

@media (min-width: 80em) {
  .Toolbar-mobileCats {
    display: none;
  }
}

.Toolbar-mobileCat {
  position: fixed;
  top: 53px;
  left: 100%;
  height: 100%;
  height: calc(100% - 53px - 55px);
  width: 100%;
  transition: left .2s ease;
  background-color: #2a2a2a;
  overflow-x: hidden;
  overflow-y: auto;
}

.Toolbar-mobileCat.is-open {
  left: 0;
}

.Toolbar-mobileCat .NavIcon {
  position: absolute;
  left: 10px;
  vertical-align: text-bottom;
  margin-right: 7px;
}

.Toolbar-mobileCat .Nav-item--separator {
  border-top: 1px solid rgba(0, 0, 0, 0.4);
  margin-top: 10px;
  padding-top: 10px;
}

.Toolbar-mobileCat .Nav-link {
  font-weight: bold;
  color: #9b9b9b;
  padding-left: 40px;
}

.Toolbar-mobileCat .Header-navigation .Header-el:first-child .Nav-link {
  padding-left: 40px;
}

.Toolbar-mobileCat--service {
  background-color: #fb7701;
}

.Toolbar-mobileCat--service .Nav-item--separator {
  border-top-color: #fb5501;
}

.Toolbar-mobileCat--service .Nav-link {
  color: #ffffff;
}

.Toolbar-mobileCat--service .Nav-link:hover, .Toolbar-mobileCat--service .Nav-link:focus {
  color: #733801;
  outline: 0;
}

.Toolbar-mobileCat--service .Nav-link span:after {
  border-bottom-color: #000000 !important;
}

.Nav-item--main {
  position: relative;
  border-bottom: 3px solid #f5f5f1;
  margin-bottom: 10px;
}

.Nav-item--main .Nav-link {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ffffff;
}

.Nav-item--main .Nav-link span {
  display: inline-block;
  position: relative;
}

.Nav-item--main .Nav-link span:after {
  content: '';
  position: absolute;
  border-bottom: 3px solid #fb7701;
  left: 0;
  width: 100%;
  bottom: -13px;
}

.Nav-item--main .fa {
  position: absolute;
  left: 15px;
  font-size: 1.25rem;
}

.tmp-bobDneva {
  margin: 30px 0;
}

.BobDneva {
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  border-bottom: 6px solid #4a4a4a;
  padding: 50px 15px 65px 20px;
  position: absolute;
}

.BobDneva p {
  color: #fb7701;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-size: 1rem;
  line-height: 1.375;
  min-height: 160px;
}

@media (min-width: 62em) {
  .BobDneva p {
    font-size: 1.25rem;
    line-height: 1.3;
  }
}

.BobDneva:before {
  background: url(../images/cssimg/quote.png) no-repeat;
  content: '';
  height: 30px;
  width: 44px;
  position: absolute;
  top: 4px;
  left: 20px;
}

.SuperMenu .BobDneva {
  margin: 30px 0;
}

.BobDneva--small {
  padding-top: 20px;
}

.BobDneva--small:before {
  display: none;
}

.BobDneva--small p {
  font-size: 0.875rem;
}

.BobDneva--inverse {
  overflow: hidden;
  background-color: #2a2a2a;
}

.BobDneva--inverse .BobDneva-logo {
  background-color: #ffffff;
}

.BobDneva--inverse .BobDneva-author {
  color: #f5f5f1;
}

.BobDneva-logo {
  border-top: 1px solid #d2d2d2;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 15px;
}

.BobDneva-author {
  margin-top: 25px;
  text-align: right;
  text-transform: uppercase;
  font-size: 0.875rem;
}

.BobDneva-author strong {
  display: block;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 700;
  text-transform: none;
}

@media (min-width: 62em) {
  .BobDneva-author {
    font-size: 1rem;
  }
}

/* ====================================
   Footer
   ==================================== */
.Footer {
  background-color: #202020;
  color: #ffffff;
  margin-top: 30px;
}

.Footer a {
  color: #ffffff;
}

.Footer a:hover, .Footer a:focus {
  color: #fb7701;
  outline: 0;
}

@media (min-width: 48em) {
  .Footer {
    margin-top: 100px;
  }
}

.Footer--nomarg {
  margin-top: 0 !important;
}

.Footer-top {
  padding-bottom: 20px;
  padding-top: 40px;
}

@media (min-width: 48em) {
  .Footer-top {
    padding-top: 100px;
  }
}

.Footer-bottom {
  background-color: #2a2a2a;
  border-bottom: 3px solid #fb7701;
}

.Footer-list {
  margin-top: 10px;
  margin-bottom: 30px;
}

.Footer-list:first-child {
  margin-top: 0;
}

@media (min-width: 48em) {
  .Footer-list {
    margin-bottom: 0;
  }
}

.Footer-item {
  font-size: 1.125rem;
  margin-top: 5px;
}

.Footer-list--large .Footer-item {
  margin-top: 10px;
}

.Footer-item:first-child {
  margin-top: 0;
}

.Footer-title {
  font-size: 1.125rem;
  text-transform: uppercase;
  margin: 0;
}

.Footer-bottom {
  overflow: hidden;
}

.Footer-bottomInner {
  position: relative;
  min-height: 160px;
  padding: 50px 0 60px 0;
}

@media (min-width: 48em) {
  .Footer-bottomInner {
    padding: 50px 40% 0 0;
  }
}

.Footer-copyright {
  color: #e0dfdf;
  font-size: 0.8125rem;
  font-weight: 700;
  margin: 30px 0 0;
}

.Footer-branding {
  color: #363637;
  line-height: 0.7;
  font-size: 5rem;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (min-width: 48em) {
  .Footer-branding {
    font-size: 6.875rem;
  }
}

@media (min-width: 62em) {
  .Footer-branding {
    font-size: 9.375rem;
  }
}

@media (min-width: 80em) {
  .Footer-branding {
    font-size: 10.625rem;
  }
}

.Newsletter {
  margin-bottom: 30px;
}

.Newsletter a {
  color: #fb7701;
  text-decoration: underline;
}

@media (min-width: 48em) {
  .Newsletter {
    margin-bottom: 0;
  }
}

.Newsletter-title {
  font-size: 1.4375rem;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin: 0;
  position: relative;
}

.Newsletter-title strong {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-size: 1.625rem;
  font-weight: 800;
  text-transform: uppercase;
}

.Newsletter-title:before {
  background: url(../images/cssimg/newsletter.png) 0 0/272px 136px;
  content: '';
  position: absolute;
  height: 136px;
  width: 272px;
  right: 100%;
  margin-right: 15px;
  top: -80px;
}

.Newsletter-text {
  font-size: 0.875rem;
  font-weight: 700;
  margin: 5px 0 0;
}

.Newsletter-form {
  margin-top: 20px;
}

.Newsletter-group:before, .Newsletter-group:after {
  content: " ";
  display: block;
}

.Newsletter-group:after {
  clear: both;
}

.Newsletter-input {
  float: left;
  padding: 5px 20px;
  width: 60%;
  border: none;
  border-top-left-radius: 10em;
  border-bottom-left-radius: 10em;
  color: #4a4a4a;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5625rem;
  height: 35px;
}

.Newsletter-button {
  background-color: #fb7701;
  border: none;
  border-top-right-radius: 10em;
  border-bottom-right-radius: 10em;
  color: #ffffff;
  font-size: 0.875rem;
  padding: 5px 15px 5px 10px;
  line-height: 1.5625rem;
  text-transform: uppercase;
  text-align: center;
  font-weight: 800;
  width: 40%;
  float: left;
  white-space: nowrap;
}

.Newsletter-button:hover, .Newsletter-button:focus {
  background-color: #fb5501;
  outline: 0;
}

.Newsletter-footer {
  padding: 0 8px;
  margin-top: 25px;
}

.Newsletter-footer:before, .Newsletter-footer:after {
  content: " ";
  display: block;
}

.Newsletter-footer:after {
  clear: both;
}

.Newsletter-type {
  float: left;
  margin-left: 20px;
}

.Newsletter-type:first-child {
  margin-left: 0;
}

input[type="checkbox"] + .Newsletter-label--small {
  margin-right: 0;
  padding-left: 30px;
}

input[type="checkbox"] + .Newsletter-label--small:before {
  height: 23px;
  width: 23px;
  top: 0;
}

input[type="checkbox"] + .Newsletter-label--small:after {
  left: 4px;
  top: 0;
}

.Social:before, .Social:after {
  content: " ";
  display: block;
}

.Social:after {
  clear: both;
}

.Social-item {
  float: left;
  font-size: 0.75rem;
  font-weight: 700;
  margin-right: 15px;
}

.Social-item:last-child {
  margin-right: 0;
}

.Social-icon {
  background-color: #9b9b9b;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  line-height: 34px;
  font-size: 1.25rem;
  height: 34px;
  margin-right: 7px;
  vertical-align: middle;
  text-align: center;
  width: 34px;
}

.Social-icon--facebook {
  background-color: #0088d8;
}

.Social-icon--twitter {
  background-color: #32a6de;
}

.Social-icon--youtube {
  background-color: #f14242;
}

.Social-icon--rss {
  background-color: #fb7701;
}

.Social-icon--instagram {
  background-color: #325c86;
}

.Social-icon--android {
  background-color: #7ea60d;
}

.PrintEdition a {
  color: #9b9b9b;
}

.PrintEdition-title {
  margin: 0;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-size: 1.25rem;
  line-height: 1.1;
}

.PrintEdition-image {
  margin-bottom: -15px;
}

.PrintEdition-subtitle {
  color: #fb7701;
  font-weight: 700;
  font-size: 0.875rem;
  text-transform: uppercase;
  padding-right: 50%;
}

.PrintEdition-percentage {
  color: #363637;
  font-size: 7.5rem;
  font-weight: "toti_slab", "Courier New", Courier, monospace;
  line-height: 0.6;
  font-weight: 800;
  overflow: hidden;
  padding-top: 10px;
  position: relative;
}

.PrintEdition-percentage:before {
  content: '';
  height: 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #4a4a4a;
}

.PrintEdition-amount {
  background-color: #fb7701;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6px;
}

.PrintEdition-archiveLink {
  display: block;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 10px;
}

/* ====================================
   Article
   ==================================== */
.ArticleHeader-wrapper {
  position: relative;
  margin-top: 53px;
}

@media (min-width: 80em) {
  .ArticleHeader-wrapper {
    margin-top: 75px;
  }
}

.ArticleHeader {
  position: relative;
  min-height: 300px;
}

@media (min-width: 62em) {
  .ArticleHeader {
    height: 100vh;
    height: calc(100vh - 75px);
    min-height: 0;
  }
}

.ArticleHeader--fallback {
  height: auto;
  padding-top: 100px;
}

.ArticleHeader--fallback .ArticleTitle-wrapper {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.ArticleHeader--fallback .ArticleImage-description {
  margin-bottom: 5px;
}

@media (min-width: 62em) {
  .ArticleHeader--fallback .ArticleImage-description {
    margin-bottom: 60px;
  }
}

.ArticleHeader .Button {
  padding: 0 6px;
  min-width: 37px;
  margin-left: 10px;
  height: 29px;
}

@media (min-width: 62em) {
  .ArticleHeader .Button {
    padding: 4px 10px;
    min-width: 37px;
    height: 37px;
  }
}

.ArticleHeader-hero {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  background-color: #000000;
  overflow: hidden;
}

@media (min-width: 62em) {
  .ArticleHeader-hero {
    bottom: 37px;
  }
}

.ArticleHeader-heroImage {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.ArticleHeader--heroImg {
  position: absolute;
  width: auto;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  max-width: 10000px;
  opacity: .8;
}

@media (min-width: 28.125em) {
  .ArticleHeader--heroImg {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
}

.ArticleHeader-readingTime {
  position: relative;
  text-align: right;
  clear: both;
}

@media (min-width: 48em) {
  .ArticleHeader-readingTime {
    top: 19px;
    position: absolute;
    right: 50px;
    text-align: left;
    clear: none;
  }
}

@media (min-width: 62em) {
  .ArticleHeader-readingTime {
    top: 21px;
  }
}

.ArticleHeader-verticalHolder {
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 15px;
}

@media (min-width: 48em) {
  .ArticleHeader-verticalHolder {
    display: table;
    padding-bottom: 30px;
  }
}

@media (min-width: 48em) {
  .ArticleHeader-leftHalf .ArticleImage-description {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-left: 15px;
  }
}

@media (min-width: 48em) {
  .ArticleHeader-leftHalf {
    position: relative;
    display: table-cell;
    width: 50%;
    padding-right: 15px;
  }
}

.ArticleHeader-rightHalf .ArticleLead-container {
  padding: 20px 0 5px;
  border-bottom: 0;
}

@media (min-width: 48em) {
  .ArticleHeader-rightHalf .ArticleLead-container {
    padding: 0;
  }
}

@media (min-width: 48em) {
  .ArticleHeader-rightHalf {
    display: table-cell;
    width: 50%;
    padding-left: 15px;
    vertical-align: top;
  }
}

.ArticleTitle {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.ArticleTitle--hero {
  width: 100%;
  color: #ffffff;
  padding-top: 30px;
  padding-bottom: 100px;
}

.ArticleTitle--hero .ArticleTitle-headline .fa {
  color: #ffffff;
}

.ArticleTitle--hero .ArticleTitle-headline .BreadcrumbsListing-item:last-child .BreadcrumbsListing-link {
  color: #ffffff;
}

.ArticleTitle--hero .Timestamp {
  font-weight: bold;
}

@media (min-width: 62em) {
  .ArticleTitle--hero {
    position: absolute;
    padding-top: 0;
    padding-bottom: 0;
    bottom: 25%;
    max-height: 50%;
    overflow: hidden;
  }
}

.ArticleTitle--gallery {
  padding: 125px 0 50px;
  color: #ffffff;
  overflow: hidden;
}

.ArticleTitle--gallery .ArticleTitle-wrapper {
  position: static;
  padding: 0;
  width: 100%;
  top: 0;
  text-align: center;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.ArticleTitle--gallery .ArticleLead {
  margin-bottom: 25px;
}

.ArticleTitle--gallery .Timestamp {
  margin-top: 25px;
}

.ArticleTitle-wrapper {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 62em) {
  .ArticleTitle-wrapper {
    position: static;
    padding: 0 0 0 16.67%;
    padding: 0 0 0 calc(16.67% + 5px);
    width: 75%;
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.ArticleTitle-wrapper--fallback {
  width: 100%;
  padding: 0;
  position: relative;
  /*a:link,
        a:visited {
            color: map_get($m-colorList, 'primary');
        }*/
}

@media (min-width: 62em) {
  .ArticleTitle-wrapper--fallback {
    padding: 0;
  }
}

.ArticleTitle-wrapper .Timestamp {
  margin-top: 30px;
}

.ArticleTitle-title {
  display: inline;
}

.ArticleTitle--hero .ArticleTitle-title {
  text-shadow: 0 0 100px rgba(0, 0, 0, 0.15);
}

.ArticleTitle-headline {
  margin-bottom: 15px;
}

.ArticleTitle-authorWrapper {
  margin-top: 20px;
}

.ArticleTitle-authorWrapper .ArticleItem-author {
  color: #fb7701;
}

.ArticleHeader-imageSource {
  position: absolute;
  width: 100%;
  bottom: 15px;
  text-shadow: 0 1px 0 #2a2a2a;
  text-align: right;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.8125rem;
}

.ArticleHeader-imageSource span {
  font-weight: 700;
}

@media (min-width: 62em) {
  .ArticleHeader-imageSource span {
    margin-right: 35px;
  }
}

@media (min-width: 62em) {
  .ArticleHeader-imageSource {
    bottom: 50px;
    font-size: 1rem;
  }
}

/*
    Article Author
    ==================================== */
.ArticleAuthor-wrapper {
  z-index: 100;
  position: relative;
}

@media (min-width: 62em) {
  .ArticleAuthor-wrapper {
    margin-top: -70px;
  }
}

/* ************************ */
/* ** ovu klasu izbaciti ** */
/* ************************ */
.ArticleAuthor-image {
  display: inline-block;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.ArticleAuthor--fallbackArticle {
  text-align: center;
  padding-top: 50px;
}

.ArticleAuthor--fallbackArticle .PersonImage {
  margin-bottom: 15px;
}

.ArticleAuthor--fallbackArticle .ArticleAuthor-name {
  margin-bottom: 15px;
  display: block;
}

.ArticleAuthor--fallbackArticle .Button {
  margin-bottom: 15px;
  display: inline-block;
}

.ArticleAuthor--listing {
  padding-top: 0;
}

.ArticleAuthor--listing .PersonImage {
  vertical-align: middle;
}

.ArticleAuthor--listing .ArticleAuthor-text {
  max-width: 400px;
}

.ArticleAuthor--listing .ArticleAuthor-wrapButton {
  display: block;
  margin-top: 5px;
}

.ArticleAuthor--hero {
  padding: 12px 0;
  background-color: white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-align: left;
  display: table;
  width: 100%;
}

.ArticleAuthor--hero .PersonImage {
  display: table-cell;
  vertical-align: middle;
  margin-top: -50px;
  margin-bottom: -50px;
  width: 80px;
  height: 80px;
}

@media (min-width: 48em) {
  .ArticleAuthor--hero .PersonImage {
    display: inline-block;
  }
}

@media (min-width: 62em) {
  .ArticleAuthor--hero .PersonImage {
    width: 171px;
    height: 171px;
  }
}

.ArticleAuthor--hero .PersonImage-img {
  border: 7px solid #ffffff;
}

@media (min-width: 62em) {
  .ArticleAuthor--hero .PersonImage-img {
    border: 15px solid #ffffff;
  }
}

.ArticleAuthor--hero .ArticleAuthor-text {
  display: table-cell;
}

@media (min-width: 48em) {
  .ArticleAuthor--hero .ArticleAuthor-text {
    display: inline-block;
  }
}

@media (min-width: 48em) {
  .ArticleAuthor--hero {
    display: block;
  }
}

@media (min-width: 62em) {
  .ArticleAuthor--hero {
    padding: 0 30px;
    box-shadow: 0 -11px 9px rgba(0, 0, 0, 0.5);
  }
}

.ArticleAuthor-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.ArticleAuthor--fallbackArticle .ArticleAuthor-text {
  margin-left: 0;
}

.ArticleAuthor--authorListing {
  margin-top: -30px;
  margin-bottom: 20px;
}

.ArticleAuthor--authorListing .ArticleAuthor-wrapButton {
  display: block;
  float: none;
  margin-right: 15px;
}

@media (min-width: 48em) {
  .ArticleAuthor--authorListing .ArticleAuthor-wrapButton {
    display: inline-block;
  }
}

@media (min-width: 62em) {
  .ArticleAuthor--authorListing .ArticleAuthor-wrapButton {
    margin-top: 10px;
  }
}

.ArticleAuthor--authorListing .ArticleAuthor-wrapSocialText {
  display: inline;
}

@media (min-width: 62em) {
  .ArticleAuthor--authorListing .ArticleAuthor-wrapSocialText {
    display: block;
  }
}

.ArticleAuthor--authorListing .SocialText {
  display: inline;
}

@media (min-width: 62em) {
  .ArticleAuthor--authorListing .SocialText {
    display: block;
  }
}

.ArticleAuthor--authorListing .SocialText-item {
  display: inline-block;
  margin: 7px 21px 0 0;
}

@media (min-width: 62em) {
  .ArticleAuthor--authorListing .SocialText-item {
    display: block;
    margin: 0;
  }
}

.ArticleAuthor--authorListing .PersonImage {
  vertical-align: middle;
}

@media (min-width: 62em) {
  .ArticleAuthor--authorListing .PersonImage {
    vertical-align: baseline;
  }
}

@media (min-width: 62em) {
  .ArticleAuthor--authorListing {
    text-align: center;
    margin-top: -135px;
    margin-bottom: 0;
  }
}

.ArticleAuthor-wrapButton {
  display: inline-block;
  float: right;
}

.ArticleAuthor-wrapButton .Button {
  font-size: 0.8125rem;
  padding: 1px 9px 1px 4px;
  height: 31px;
}

@media (min-width: 62em) {
  .ArticleAuthor-wrapButton .Button {
    font-size: 0.875rem;
    padding: 4px 15px 4px 10px;
    height: 37px;
  }
}

@media (min-width: 48em) {
  .ArticleAuthor-wrapButton {
    float: none;
  }
}

.ArticleAuthor--fallbackArticle .ArticleAuthor-wrapButton .Button {
  margin-left: 0;
  margin-bottom: 0;
}

.ArticleAuthor-wrapSocialText {
  margin-top: 20px;
}

.ArticleAuthor--fallbackArticle .ArticleAuthor-wrapSocialText {
  margin-top: 18px;
}

.ArticleAuthor-name {
  color: #fb7701;
  font-size: 0.875rem;
  margin: 0 7px 0 14px;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 700;
}

.ArticleAuthor-name:hover {
  color: #2a2a2a;
}

@media (min-width: 62em) {
  .ArticleAuthor-name {
    font-size: 1.25rem;
  }
}

.ArticleAuthor--fallbackArticleSmall {
  text-align: left;
  padding-top: 1px;
}

.ArticleAuthor--fallbackArticleSmall .ArticleAuthor-name {
  display: inline;
  vertical-align: middle;
  margin-right: 15px;
}

.ArticleAuthor--fallbackArticleSmall .SocialText-item {
  display: inline;
  margin: 0 10px;
}

.ArticleAuthor--fallbackArticleSmall .SocialText-item .fa {
  margin-right: 5px;
}

.ArticleAuthor--fallbackArticleSmall .ArticleAuthor-wrapSocialText {
  display: inline-block;
  margin-top: 0;
}

.ArticleAuthor--fallbackArticleSmall .PersonImage {
  margin-bottom: 0;
  width: 45px;
  height: 45px;
  vertical-align: middle;
}

.ArticleAuthor--fallbackArticleSmall .PersonImage .PersonImage-img {
  border-width: 3px;
}

.ArticleAuthor--fallbackArticleSmall .ArticleAuthor-wrapButton {
  margin-right: 5px;
  margin-top: 5px;
  float: none;
}

@media (min-width: 48em) {
  .ArticleAuthor--fallbackArticleSmall .ArticleAuthor-wrapButton {
    margin-top: 0;
  }
}

@media (min-width: 62em) {
  .ArticleAuthor--fallbackArticleSmall {
    padding-top: 30px;
  }
}

.ArticleTitle-wrapper--fallback .Timestamp {
  margin-top: 10px;
  padding-bottom: 7px;
}

@media (min-width: 48em) {
  .ArticleTitle-wrapper--fallback .Timestamp {
    margin-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
  }
}

@media (min-width: 62em) {
  .ArticleTitle-wrapper--fallback .Timestamp {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.ArticleTitle-wrapper--fallback .ArticleTitle-title {
  margin-right: 10px;
}

.ArticleTitle-wrapper--fallback .Button--header {
  margin-left: 0;
}

.ArticleTitle-wrapper--fallback .Button {
  padding: 1px 6px;
  height: 29px;
  font-size: 0.8125rem;
}

@media (min-width: 62em) {
  .ArticleTitle-wrapper--fallback .Button {
    padding: 4px 10px;
    height: 37px;
    font-size: 0.875rem;
  }
}

.ArticleTitle-wrapper--fallback .ArticleTitle-readingTime {
  margin-bottom: 15px;
}

.ArticleTitle-wrapper--fallback .ArticleTitle-readingTime .ReadingTime > span .fa {
  margin-left: 0;
}

@media (min-width: 48em) {
  .ArticleTitle-wrapper--fallback .ArticleTitle-readingTime {
    position: absolute;
    right: 0;
    bottom: -7px;
  }
}

/*
    Article Lead
    ==================================== */
.ArticleLead {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 15px;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
}

@media (min-width: 62em) {
  .ArticleLead {
    font-size: 2rem;
    line-height: 2.4375rem;
    margin-bottom: 30px;
  }
}

.ArticleLead-container {
  border-bottom: 1px solid #d2d2d2;
  padding: 20px 0;
}

@media (min-width: 62em) {
  .ArticleLead-container {
    padding: 20px 0 35px;
  }
}

.ArticleLead-container--gallery {
  border: none;
  padding: 0;
  color: #f5f5f1;
}

/*
    Article Content
    ==================================== */
.ArticleContent {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-size: 1rem;
  line-height: 1.625rem;
}

.ArticleContent p {
  margin-bottom: 1.4em;
}

.ArticleContent p.u-fl:first-letter {
  margin: 10px 3px 0 -5px;
  float: left;
  color: #fb7701;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
  font-size: 3.125rem;
  line-height: 2.5rem;
}

.ArticleContent ul,
.ArticleContent ol {
  margin-bottom: 1.4em;
  padding-left: 30px;
}

.ArticleContent ul {
  list-style-type: circle;
}

.ArticleContent ol {
  list-style-type: decimal;
}

.ArticleContent a:link,
.ArticleContent a:visited {
  color: #fb7701;
}

.ArticleContent a:hover,
.ArticleContent a:active {
  color: #fb5501;
}

@media (min-width: 62em) {
  .ArticleContent {
    font-size: 1.375rem;
    line-height: 2.5625rem;
  }
  .ArticleContent p.u-fl:first-letter {
    margin: 10px 3px 0 -5px;
    float: left;
    color: #fb7701;
    font-family: "toti_slab", "Courier New", Courier, monospace;
    font-weight: 300;
    font-size: 5.625rem;
    line-height: 4.375rem;
  }
}

/*
    Article element extending and floating
    ==================================== */
/* margin added by .row, this method could be improved because it is not pixel perfect */
/* extend element outside of the grid */
@media (min-width: 62em) {
  .ArticleExtend-left2 {
    margin-left: -33.33%;
    margin-left: calc(-33.33% - 10px);
  }
}

@media (min-width: 62em) {
  .ArticleExtend-left3 {
    margin-left: -50%;
    margin-left: calc(-50% - 15px);
  }
}

@media (min-width: 62em) {
  .ArticleExtend-right2 {
    margin-right: -35.7333333333%;
    margin-right: calc(-33.33% - 10px);
  }
}

@media (min-width: 62em) {
  .ArticleExtend-right3 {
    margin-right: -50%;
    margin-right: calc(-50% - 15px);
  }
}

.ArticleExtend-halfSize {
  width: 100%;
}

@media (min-width: 62em) {
  .ArticleFloat-left.ArticleExtend-left3 {
    margin-right: 0;
  }
}

@media (min-width: 62em) {
  .ArticleFloat-left {
    margin-right: 20px;
    float: left;
    width: 50%;
    width: calc(50% - 15px);
  }
}

@media (min-width: 62em) {
  .ArticleFloat-right.ArticleExtend-right3 {
    margin-left: 0;
  }
}

@media (min-width: 62em) {
  .ArticleFloat-right {
    float: right;
    width: 50%;
    width: calc(50% - 15px);
    margin-left: 30px;
  }
}

.ArticleFloat-wrapper {
  top: 0;
}

/*
    Article image
    ==================================== */
.ArticleImage img {
  width: 100%;
}

.ArticleImage-21Left {
  width: 66.67%;
  display: inline-block;
  padding-right: 1%;
}

.ArticleImage-21Right {
  width: 33.33%;
  display: inline-block;
  padding-left: 1%;
}

.ArticleImage-11Left {
  width: 50%;
  display: inline-block;
  padding-right: 1%;
}

.ArticleImage-11Right {
  width: 50%;
  display: inline-block;
  padding-left: 1%;
}

.ArticleImage-description {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #2a2a2a;
  margin-top: 30px;
  margin-bottom: 60px;
}

.ArticleImage-source {
  text-transform: uppercase;
  font-weight: 700;
}

/*
    Responsive video
    ==================================== */
.ArticleImage-videoWrapper {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

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

.ContinueNotice {
  margin-bottom: 20px;
  text-align: center;
}

.ContinueNotice p {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
  font-style: italic;
  font-size: 1.125rem;
}

.Tags-title {
  font-weight: 800;
  padding: 1px 0;
  text-transform: uppercase;
  white-space: nowrap;
}

.Tags-title .fa {
  color: #fb7701;
  margin-left: 5px;
}

@media (min-width: 48em) {
  .Tags-title {
    text-align: right;
  }
}

@media (min-width: 62em) {
  .Tags-title {
    padding: 8px 0;
  }
}

.Tags-list:before, .Tags-list:after {
  content: " ";
  display: block;
}

.Tags-list:after {
  clear: both;
}

.Tags-item {
  float: left;
  margin-right: 15px;
  margin-bottom: 7px;
}

.Tags-item:last-child {
  margin-right: 0;
}

.Tags-link {
  border: 1px solid #d2d2d2;
  color: #4a4a4a;
  border-radius: 4px;
  display: block;
  padding: 1px 10px;
  text-transform: uppercase;
  font-size: 0.875rem;
}

@media (min-width: 62em) {
  .Tags-link {
    font-size: 1rem;
    padding: 7px 20px;
  }
}

.Tags--col {
  margin: 0 -10px;
}

.Tags--col .Tags-item {
  width: 50%;
  margin: 0;
  padding: 5px 10px;
}

@media (min-width: 48em) {
  .Tags--col .Tags-item {
    width: 25%;
  }
}

.Tags--col .Tags-link {
  display: inline-block;
}

.Tags-link--topic,
.Tags-link--remove {
  border: 2px solid #fb7701;
  padding: 0 9px;
}

@media (min-width: 62em) {
  .Tags-link--topic,
  .Tags-link--remove {
    padding: 6px 19px;
  }
}

.Tags-link--remove {
  position: relative;
  padding-right: 30px;
}

.Tags-remove {
  position: absolute;
  right: 10px;
  overflow: hidden;
  width: 15px;
  height: 15px;
  text-indent: -9999em;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.Tags-remove:before, .Tags-remove:after {
  background-color: #aaa;
  position: absolute;
  left: 2px;
  top: 6px;
  content: '';
  width: 10px;
  height: 2px;
}

.Tags-remove:before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.Tags-remove:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.Tags-remove:hover:before, .Tags-remove:hover:after {
  background-color: #fb7701;
}

.CorpoPage {
  color: #2a2a2a;
}

.CorpoPage p {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  margin-bottom: 1.4em;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.CorpoPage p a:link,
.CorpoPage p a:visited {
  color: #fb7701;
}

@media (min-width: 62em) {
  .CorpoPage p {
    font-size: 1.375rem;
    line-height: 2rem;
  }
}

.CorpoPage p:first-child {
  margin-top: 20px;
}

.CorpoPage-edition {
  position: relative;
  padding: 60px 0;
}

.CorpoPage-edition:nth-child(odd) {
  background-color: #f5f5f1;
}

.CorpoPage-edition:nth-child(odd) .Button {
  background-color: #ffffff;
}

.CorpoPage-edition .col-xs-12:last-child {
  position: relative;
}

.CorpoPage-edition .col-xs-12:last-child .CorpoPage-editions:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-left: 1px solid #d2d2d2;
}

.CorpoPage--editorial .CorpoPage-edition .col-xs-12:last-child .CorpoPage-editions:after {
  display: none;
}

.CorpoPage-edition .col-xs-12:nth-child(2) .CorpoPage-editions:after {
  content: '';
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-left: 1px solid #d2d2d2;
}

.CorpoPage--editorial .CorpoPage-edition .col-xs-12:nth-child(2) .CorpoPage-editions:after {
  display: block;
}

.CorpoPage-editions {
  padding: 0 15px;
}

.CorpoPage-editions .TitleCorpo {
  margin-top: 0;
}

.CorpoPage-editions--logo {
  text-align: center;
}

.CorpoPage-editions--logo img {
  display: block;
  margin: 0 auto 30px;
}

.CorpoPage-smallTitle {
  font-size: 1.375rem;
  line-height: 2rem;
  font-weight: 700;
}

.CorpoPage-lead {
  color: #fb7701;
  font-weight: 700;
  text-align: center;
}

@media (min-width: 48em) {
  .CorpoPage-lead {
    text-align: left;
  }
}

.CorpoPage--editorial .PrimaryQuote {
  color: #2a2a2a;
  margin-bottom: 30px;
}

.CorpoPage--card .BlackTitle {
  margin: 50px 0;
}

.CorpoPage-buttonWrapper {
  text-align: center;
  margin-bottom: 30px;
}

@media (min-width: 48em) {
  .CorpoPage-buttonWrapper {
    text-align: left;
    margin-bottom: 0;
  }
}

.CorpoLink {
  margin: 15px 0;
  line-height: 1rem;
}

.CorpoLink a:link,
.CorpoLink a:visited {
  color: #fb7701;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 700;
  font-size: 1rem;
}

@media (min-width: 48em) {
  .CorpoLink a:link,
  .CorpoLink a:visited {
    font-size: 1.125rem;
  }
}

@media (min-width: 62em) {
  .CorpoLink a:link,
  .CorpoLink a:visited {
    font-size: 1.25rem;
  }
}

.CorpoLink span {
  text-transform: uppercase;
  font-weight: 800;
}

.CorpoLink .Icon {
  vertical-align: middle;
  margin-right: 10px;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}

@media (min-width: 62em) {
  .CorpoLink .Icon {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.CorpoLink:first-of-type {
  margin-top: 30px;
}

@media (min-width: 48em) {
  .CorpoLink {
    line-height: 1.125rem;
  }
}

@media (min-width: 62em) {
  .CorpoLink {
    line-height: 1.25rem;
  }
}

.ArticleAuthorGroup {
  padding: 12px 0;
  background-color: white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-align: left;
}

.ArticleAuthorGroup:before, .ArticleAuthorGroup:after {
  content: " ";
  display: block;
}

.ArticleAuthorGroup:after {
  clear: both;
}

@media (min-width: 62em) {
  .ArticleAuthorGroup {
    padding: 20px 30px;
    box-shadow: 0 -11px 9px rgba(0, 0, 0, 0.5);
  }
}

.ArticleAuthorGroup-item {
  float: left;
  margin-left: 30px;
}

.ArticleAuthorGroup-item:first-child {
  margin-left: 0;
}

.ArticleAuthorGroup-item .ArticleAuthor-name {
  display: block;
  margin: 0 0 10px;
}

.ArticleAuthorGroup-item .PersonImage {
  vertical-align: middle;
}

/* ====================================
   Listings
   ==================================== */
.ArticleItem {
  position: relative;
  margin-bottom: 30px;
}

.ArticleItem-visited {
  position: absolute;
  bottom: 15px;
  left: 15px;
  padding: 5px 10px;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
  font-weight: 700;
  letter-spacing: 0.0625rem;
  font-size: 0.875rem;
}

.is-visited .ArticleItem-left,
.is-visited .ArticleItem-right {
  opacity: 0.7;
}

.ArticleItem--author .BreadcrumbsListing {
  margin-top: 15px;
}

.ArticleItem--author .ArticleItem-title {
  margin-top: 10px;
}

.ArticleItem--author .Timestamp {
  margin-top: 10px;
}

.ArticleItem--author .ArticleItem-author {
  margin: 0;
}

.ArticleItem--homepageSimple {
  margin-bottom: 7px;
}

.ArticleItem--homepageSimple .Timestamp {
  display: inline;
}

.ArticleItem--homepageSimple .ArticleItem-title {
  margin-top: 0;
}

@media (min-width: 62em) {
  .ArticleItem--homepageSimple .ArticleItem-title {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 80em) {
  .ArticleItem--homepageSimple .ArticleItem-title {
    font-size: 2.125rem;
    line-height: 2.375rem;
  }
}

@media (min-width: 62em) {
  .ArticleItem--homepageSimple .Timestamp {
    font-size: 0.8125rem;
  }
}

@media (min-width: 80em) {
  .ArticleItem--homepageSimple .Timestamp {
    font-size: 1rem;
  }
}

@media (min-width: 62em) {
  .ArticleItem--homepageSimple .ArticleItem-author {
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
}

@media (min-width: 80em) {
  .ArticleItem--homepageSimple .ArticleItem-author {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.ArticleItem--homepageSimple .GalleryItem-imageWrapper {
  margin-bottom: 15px;
}

.ArticleItem--homepageSmall .ArticleItem-title {
  font-size: 1.375rem;
  line-height: 1.625rem;
  margin-top: 0;
  padding-top: 10px;
  position: relative;
}

.ArticleItem--homepageSmall .ArticleItem-title:before {
  content: '';
  display: block;
  position: absolute;
  width: 33%;
  top: -2px;
  left: 0;
  border-top: 2px solid #9b9b9b;
}

.ArticleItem--homepageBrand .ArticleItem-title {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.375rem;
  text-align: right;
  margin: 10px 0;
}

@media (min-width: 62em) {
  .ArticleItem--homepageBrand .ArticleItem-title {
    font-size: 1.5625rem;
    line-height: 1.6875rem;
  }
}

@media (min-width: 80em) {
  .ArticleItem--homepageBrand .ArticleItem-title {
    margin: 20px 25px;
  }
}

.ArticleItem--homepageSmallNoBorder .ArticleItem-title {
  padding-top: 0;
}

.ArticleItem--homepageSmallNoBorder .ArticleItem-title:before {
  display: none;
}

.ArticleItem-image {
  width: 100%;
  height: auto;
}

.ArticleItem-title {
  margin: 10px 0 6px;
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: -0.04rem;
  color: #2a2a2a;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
}

.ArticleItem-linkWrapper:hover .ArticleItem-title,
.ArticleItem-linkWrapper:active .ArticleItem-title {
  text-decoration: underline;
}

@media (min-width: 62em) {
  .ArticleItem-title {
    margin: 20px 0 10px;
    font-size: 1.875rem;
    line-height: 2.125rem;
  }
}

.ArticleItem-title:hover {
  text-decoration: underline;
}

.ArticleItem-author {
  color: #4a4a4a;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  margin-bottom: 10px;
  display: inline-block;
  font-family: "toti_serif", "Times New Roman", Times, serif;
}

.ArticleItem-author:hover, .ArticleItem-author:active {
  color: #fb7701;
  text-decoration: underline;
}

@media (min-width: 62em) {
  .ArticleItem-author {
    margin-bottom: 15px;
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.ArticleItem-description {
  font-family: "toti_serif", "Times New Roman", Times, serif;
}

a.ArticleItem-more {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  text-transform: uppercase;
}

a.ArticleItem-more:hover {
  color: #fb7701;
}

a.ArticleItem-more .fa {
  color: #fb7701;
}

a.ArticleItem-more:link, a.ArticleItem-more:visited {
  color: #2a2a2a;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}

a.ArticleItem-more--block:link, a.ArticleItem-more--block:visited {
  display: block;
  color: #ffffff;
  background-color: #2a2a2a;
  padding: 2px 5px;
  margin-bottom: 20px;
}

@media (min-width: 62em) {
  a.ArticleItem-more:link, a.ArticleItem-more:visited {
    font-size: 1rem;
    line-height: 1.6875rem;
  }
  a.ArticleItem-more--block:link, a.ArticleItem-more--block:visited {
    color: #ffffff;
    padding: 3px 8px;
  }
}

.ArticleItem-wrapButton {
  opacity: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: opacity .2s ease;
}

.ArticleItem:hover .ArticleItem-wrapButton {
  opacity: 1;
}

.ListingHeader {
  position: relative;
  margin-top: 53px;
  margin-bottom: 20px;
}

@media (min-width: 80em) {
  .ListingHeader {
    margin-top: 75px;
  }
}

.ListingHeader--author {
  margin-bottom: 0;
}

.ListingHeader--author:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 40px;
  width: 100%;
  background-color: #fb7701;
}

.ListingHeader--author .ListingHeader-title {
  color: #ffffff;
  text-shadow: none;
  opacity: 0;
}

.ListingHeader--author .ListingHeader-title:before {
  display: none;
}

@media (min-width: 48em) {
  .ListingHeader--author .ListingHeader-title {
    opacity: 1;
  }
}

@media (min-width: 62em) {
  .ListingHeader--author .ListingHeader-container {
    left: 25%;
    margin-left: 15px;
  }
}

@media (min-width: 80em) {
  .ListingHeader--author .ListingHeader-container {
    left: 16.66%;
  }
}

.ListingHeader--author + .container .ArticleAuthor-link {
  position: absolute;
  top: -157px;
}

@media (min-width: 48em) {
  .ListingHeader--author + .container .ArticleAuthor-link {
    top: -145px;
  }
}

@media (min-width: 62em) {
  .ListingHeader--author + .container .ArticleAuthor-link {
    position: static;
    top: auto;
  }
}

.ListingHeader--author + .container .PersonImage {
  width: 90px;
  height: 90px;
}

@media (min-width: 62em) {
  .ListingHeader--author + .container .PersonImage {
    width: 171px;
    height: 171px;
  }
}

.ListingHeader--author + .container .PersonImage-img {
  border: 7px solid #ffffff;
}

@media (min-width: 62em) {
  .ListingHeader--author + .container .PersonImage-img {
    border: 15px solid #ffffff;
  }
}

.ListingHeader--error:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 40px;
  width: 100%;
  background-color: #fb7701;
}

.ListingHeader--error .ListingHeader-title {
  color: #ffffff;
  text-shadow: none;
  opacity: 0;
  font-size: 2.5rem;
}

.ListingHeader--error .ListingHeader-title:before {
  display: none;
}

@media (min-width: 48em) {
  .ListingHeader--error .ListingHeader-title {
    font-size: 5.625rem;
    opacity: 1;
  }
}

@media (min-width: 80em) {
  .ListingHeader--error .ListingHeader-title {
    font-size: 9rem;
  }
}

.ListingHeader--error .ListingHeader-description {
  color: #ffffff;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 3.125rem;
  letter-spacing: -0.0625rem;
  text-align: center;
  margin-top: 20px;
}

@media (min-width: 62em) {
  .ListingHeader--error .ListingHeader-description {
    margin-top: 60px;
    font-size: 3.75rem;
    text-align: left;
  }
}

@media (min-width: 80em) {
  .ListingHeader--error .ListingHeader-description {
    margin-top: 100px;
  }
}

.ListingHeader--browse {
  margin-bottom: 0;
}

.ListingHeader-authorName {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 700;
}

.ListingHeader-authorName span {
  color: #2a2a2a;
  font-size: 1.125rem;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  margin-left: 10px;
}

@media (min-width: 48em) {
  .ListingHeader-authorName {
    font-size: 1.625rem;
  }
}

@media (min-width: 80em) {
  .ListingHeader-authorName {
    font-size: 1.875rem;
  }
}

.ListingHeader-container {
  position: absolute;
  bottom: 50px;
  z-index: 200;
}

.ListingHeader-title {
  position: relative;
  padding: 0 0 20px 0;
  width: 100%;
  font-size: 5.625rem;
  letter-spacing: -0.4375rem;
  z-index: 100;
  text-align: right;
  text-shadow: 0 -3px 0 white, 0 -6px 0 white, 0 -9px 0 white, -3px 0 0 white, -6px 0 0 white, -9px 0 0 white, 3px 0 0 white, 6px 0 0 white, 9px 0 0 white;
  pointer-events: none;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
  color: #fb7701;
}

.ListingHeader-title:before {
  content: '';
  display: block;
  border-top: 4px solid #2a2a2a;
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
  z-index: -1;
}

@media (min-width: 62em) {
  .ListingHeader-title {
    padding: 40px 20px 20px 0;
    text-align: right;
  }
}

@media (min-width: 80em) {
  .ListingHeader-title {
    letter-spacing: -0.625rem;
    font-size: 9rem;
    padding: 40px 20px 0 0;
  }
}

.ListingHeader-resultNumber {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-left: 15px;
}

.ListingHeader-resultNumber span {
  font-weight: 700;
  color: #fb7701;
}

.ArticleItem-description {
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.ArticleItem--horizontal {
  margin-bottom: 40px;
}

.ArticleItem--horizontal .ArticleItem-title .fa {
  color: #fb7701;
}

@media (min-width: 48em) {
  .ArticleItem--horizontal .ArticleItem-title {
    margin: 3px 0;
  }
}

@media (min-width: 62em) {
  .ArticleItem--horizontal .ArticleItem-title {
    font-size: 1.375rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 80em) {
  .ArticleItem--horizontal .ArticleItem-title {
    margin: 12px 0;
    font-size: 1.875rem;
    line-height: 2.125rem;
  }
}

.ArticleItem--horizontal .ArticleItem-description .fa {
  font-size: 0.75rem;
}

.ArticleItem--horizontal .ArticleItem-left {
  padding-right: 0;
}

@media (min-width: 48em) {
  .ArticleItem--horizontal .ArticleItem-left {
    padding-right: 15px;
  }
}

.ArticleItem--horizontal .ArticleItem-left .Timestamp {
  display: none;
  position: absolute;
  bottom: 0;
  left: 100%;
  width: 200%;
  padding-left: 15px;
}

@media (min-width: 48em) {
  .ArticleItem--horizontal .ArticleItem-left .Timestamp {
    display: block;
  }
}

.ArticleItem--horizontal .ArticleItem-right .Timestamp {
  display: block;
}

@media (min-width: 48em) {
  .ArticleItem--horizontal .ArticleItem-right .Timestamp {
    display: none;
  }
}

.ArticleItem--shop .ArticleItem-title {
  font-size: 1.5rem;
  margin-top: 10px;
  min-height: 91px;
  line-height: 1.1;
}

.ArticleItem--shop .ArticleItem-author {
  font-size: 1rem;
  margin-bottom: 20px;
}

/* adjust grid -> from 12 columns to 8 columns */
/* page: listing_section */
.SectionMoreArticles .col-md-8 .ArticleItem--horizontal .col-md-4 {
  width: 37.5%;
}

.SectionMoreArticles .col-md-8 .ArticleItem--horizontal .col-md-8 {
  width: 62.5%;
}

/*
    Related article
    ==================================== */
.RelatedArticle {
  margin: 10px 0;
  /* I'm doing this to decrease horizontal distance between title and photo in Related article box */
}

.RelatedArticle .row > div:first-child {
  padding-right: 7px;
}

.RelatedArticle .row > div:last-child {
  padding-left: 7px;
}

@media (min-width: 48em) {
  .RelatedArticle {
    margin: 15px 0;
  }
}

@media (min-width: 62em) {
  .RelatedArticle {
    margin: 10px 0;
  }
}

@media (min-width: 80em) {
  .RelatedArticle {
    margin: 25px 0;
  }
}

.RelatedArticle-title {
  font-size: 1.4375rem;
  line-height: 1.375rem;
  color: #2a2a2a;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.RelatedArticle-title:hover {
  text-decoration: underline;
}

@media (min-width: 62em) {
  .RelatedArticle-title {
    font-size: 1.0625rem;
    line-height: 1.125rem;
  }
}

@media (min-width: 80em) {
  .RelatedArticle-title {
    font-size: 1.4375rem;
    line-height: 1.375rem;
  }
}

/*
    Action Bar
    ==================================== */
.ListingActionBar {
  padding: 0 0 35px;
  display: table;
  width: 100%;
}

.ListingActionBar input {
  background-color: #ffffff;
}

.ListingActionBar-label {
  text-transform: uppercase;
  display: block;
}

@media (min-width: 80em) {
  .ListingActionBar-label {
    display: inline;
    vertical-align: middle;
  }
}

@media (min-width: 48em) {
  .ListingActionBar-label--left {
    min-height: 1.375em;
  }
}

.ListingActionBar--tags .ListingActionBar-label--left {
  vertical-align: middle;
  text-transform: none;
  font-weight: 700;
}

@media (min-width: 80em) {
  .ListingActionBar--tags .ListingActionBar-label--left {
    font-size: 1.375rem;
    line-height: 1;
  }
}

.ListingActionBar--tags .ListingActionBar-search input:first-child {
  padding-left: 50px;
}

.ListingActionBar-inputIcon {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -11px;
  color: #fb7701;
  font-size: 1.375rem;
  line-height: 1.375rem;
  z-index: 10;
}

.ListingActionBar-inputIcon label {
  cursor: text;
}

.ListingActionBar-search {
  position: relative;
}

.ListingActionBar-container {
  padding: 20px;
  background-color: #f5f5f1;
  border: 1px solid #e0dfdf;
  border-radius: 4px;
  display: table;
  width: 100%;
}

.ListingActionBar-containerHalf--right {
  margin-top: 20px;
}

@media (min-width: 48em) {
  .ListingActionBar-containerHalf--right {
    margin-top: 0;
    text-align: right;
  }
}

@media (min-width: 48em) {
  .ListingActionBar-containerHalf {
    display: table-cell;
    vertical-align: top;
  }
}

.ListingActionBar-limitInput {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

@media (min-width: 48em) {
  .ListingActionBar-limitInput {
    width: 315px;
  }
}

@media (min-width: 80em) {
  .ListingActionBar-limitInput {
    margin-left: 15px;
  }
}

/*
    Tag listing
    ==================================== */
.TagTitle {
  display: inline;
  font-size: 3.4375rem;
  line-height: 3.4375rem;
  vertical-align: middle;
}

/*
    Promo Box
    ==================================== */
.PromoBox {
  margin-top: 55px;
  padding-top: 15px;
  margin-bottom: 45px;
  padding-bottom: 10px;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

.PromoBox-logo {
  position: absolute;
  padding: 0 25px;
  top: -185px;
  font-size: 1.875rem;
  line-height: 2.25rem;
  background-color: white;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.0125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.PromoBox-logo span {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-style: italic;
  color: #fb7701;
  text-transform: none;
  font-weight: 400;
}

@media (min-width: 48em) {
  .PromoBox-logo {
    top: -33px;
    left: 15px;
    margin-left: -25px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

@media (min-width: 48em) {
  .PromoBox-container {
    display: table;
    width: 100%;
  }
}

.PromoBox-container .BreadcrumbsListing {
  padding-top: 15px;
}

@media (min-width: 48em) {
  .PromoBox-container .BreadcrumbsListing {
    padding-top: 0;
  }
}

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

@media (min-width: 48em) {
  .PromoBox-photoContainer {
    display: table-cell;
    padding-right: 15px;
    width: 33%;
    vertical-align: middle;
  }
}

.PromoBox-infoContainer {
  position: relative;
  text-align: center;
}

@media (min-width: 48em) {
  .PromoBox-infoContainer {
    display: table-cell;
    padding-left: 15px;
    vertical-align: middle;
    text-align: left;
  }
}

.PromoBox-oldPrice {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
}

@media (min-width: 48em) {
  .PromoBox-oldPrice {
    font-size: 1.125rem;
    line-height: 1.8125rem;
  }
}

.PromoBox-newPrice {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.PromoBox-newPrice span {
  color: #fb7701;
}

@media (min-width: 48em) {
  .PromoBox-newPrice {
    font-size: 1.5625rem;
    line-height: 2.125rem;
  }
}

.PromoBox-title {
  margin: 10px 0 5px;
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: -0.04rem;
  color: #2a2a2a;
}

@media (min-width: 48em) {
  .PromoBox-title {
    margin: 20px 0 10px;
    font-size: 1.875rem;
    line-height: 2.125rem;
  }
}

.ArticleItem-productImage {
  height: 150px;
}

@media (min-width: 48em) {
  .ArticleItem-productImage {
    height: auto;
  }
}

/*
    Listing Sort
    ==================================== */
.ListingSort {
  margin-bottom: 50px;
  border-bottom: 1px solid #e0dfdf;
  display: table;
  width: 100%;
}

.ListingSort-left {
  display: table-cell;
  width: 70%;
  vertical-align: bottom;
}

.ListingSort-right {
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
}

.ListingSort-results {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: #2a2a2a;
  margin: 0 5px 3px;
  letter-spacing: 0.015625rem;
}

.ListingSort-results span {
  color: #fb7701;
  font-weight: 700;
}

@media (min-width: 48em) {
  .ListingSort-results {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin: 0 15px 12px;
  }
}

.ListingSort-wrapSwitchView {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

/*
    Pagination
    ==================================== */
.Pagination {
  margin: 50px 0;
}

.Pagination--letters {
  margin-top: 0;
}

.Pagination-item {
  display: inline-block;
  border-right: 1px solid #e0dfdf;
  color: #2a2a2a;
  font-weight: 700;
  font-size: 1rem;
  vertical-align: text-bottom;
  float: left;
  margin-bottom: 10px;
}

.Pagination-item--noLink {
  padding: 3px 12px;
}

.Pagination-item:last-child {
  border-right: none;
}

@media (min-width: 62em) {
  .Pagination-item {
    font-size: 1.25rem;
    margin-bottom: 0;
  }
}

.Pagination-link {
  display: inline-block;
  padding: 3px 12px;
  color: #fb7701;
}

.Pagination-link:hover {
  color: #2a2a2a;
}

.Pagination-link .fa {
  color: #2a2a2a;
  font-size: 1rem;
}

.Pagination-link .fa:first-child {
  margin-left: 4px;
}

.Pagination-link .fa:last-child {
  margin-right: 4px;
}

/*
    Author Info
    ==================================== */
.AuthorInfo {
  border-bottom: 4px solid #333;
  padding-bottom: 30px;
}

@media (min-width: 48em) {
  .AuthorInfo {
    display: table;
    width: 100%;
  }
}

.AuthorInfo-categories {
  font-size: 1.125rem;
  letter-spacing: -0.3px;
}

.AuthorInfo-categories a {
  color: #fb7701;
  text-transform: uppercase;
}

.AuthorInfo-categories a:hover, .AuthorInfo-categories a:focus {
  text-decoration: underline;
  outline: 0;
}

.AuthorInfo-categoriesWrapper {
  margin-bottom: 20px;
}

@media (min-width: 48em) {
  .AuthorInfo-categoriesWrapper {
    display: table-cell;
    margin-bottom: 0;
    vertical-align: middle;
    width: 100%;
  }
}

@media (min-width: 48em) {
  .AuthorInfo-buttonWrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
  }
}

/*
    Author Extended Info
    ==================================== */
@media (min-width: 48em) {
  .AuthorExtendedInfo {
    display: table;
    width: 100%;
    padding-top: 25px;
    margin-bottom: 50px;
  }
}

.AuthorExtendedInfo-quote {
  padding: 30px 0;
}

@media (min-width: 48em) {
  .AuthorExtendedInfo-quote {
    display: table-cell;
    padding: 0;
    vertical-align: top;
    width: 100%;
  }
}

.AuthorExtendedInfo-numbers {
  margin-bottom: 30px;
}

.AuthorExtendedInfo-numbers .KeyNumber {
  width: 49%;
}

.AuthorExtendedInfo-numbers .KeyNumber:first-child {
  border-right: 1px solid #d2d2d2;
}

@media (min-width: 48em) {
  .AuthorExtendedInfo-numbers .KeyNumber {
    width: 175px;
  }
}

@media (min-width: 48em) {
  .AuthorExtendedInfo-numbers {
    display: table-cell;
    margin-bottom: 0;
    vertical-align: top;
    white-space: nowrap;
  }
}

.AuthorArticles {
  border-top: 1px solid silver;
  padding-top: 15px;
  margin-bottom: 35px;
}

/*
    Listing Section
    ==================================== */
.SectionHeader {
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 50px;
  padding-bottom: 10px;
  position: relative;
  margin-top: 53px;
}

@media (min-width: 80em) {
  .SectionHeader {
    margin-top: 75px;
  }
}

.SectionHeader-inner {
  background: #007cb1;
  background: linear-gradient(to bottom, #007cb1 0%, #07aad5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007cb1', endColorstr='#07aad5',GradientType=0 );
  overflow: hidden;
  position: relative;
}

.SectionHeader-background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

.SectionHeader-video {
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.SectionHeader-mainContainer {
  position: relative;
  height: 450px;
}

.SectionHeader-container {
  position: absolute;
  bottom: 45px;
  right: 0;
  left: 0;
  color: #ffffff;
  text-align: center;
}

@media (min-width: 48em) {
  .SectionHeader-container {
    left: auto;
    bottom: 45px;
  }
}

.SectionHeader-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
  font-size: 3.5rem;
  line-height: 3.5rem;
}

@media (min-width: 48em) {
  .SectionHeader-title {
    font-size: 5rem;
    line-height: 5rem;
    letter-spacing: -0.1875rem;
  }
}

@media (min-width: 62em) {
  .SectionHeader-title {
    font-size: 6.5rem;
    line-height: 6.5rem;
    letter-spacing: -0.375rem;
  }
}

@media (min-width: 80em) {
  .SectionHeader-title {
    font-size: 7.5rem;
    line-height: 7.5rem;
    letter-spacing: -0.518125rem;
  }
}

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

.SectionHeader-weatherTemperature {
  display: inline-block;
  font-size: 4.375rem;
  line-height: 5.25rem;
}

.SectionHeader-weatherDay {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 800;
  line-height: 0.9375rem;
}

.SectionHeader-weatherInfo {
  margin-top: 15px;
  letter-spacing: 1px;
}

.SectionHeader-weatherInfo span {
  margin: 0 3px;
}

.SectionHeader-map {
  display: none;
  position: absolute;
  top: -54%;
  right: 47%;
  text-align: right;
  width: 88.72%;
}

@media (min-width: 48em) {
  .SectionHeader-map {
    display: block;
    width: 841px;
    top: -22%;
    right: 41%;
  }
}

@media (min-width: 62em) {
  .SectionHeader-map {
    width: 970px;
    right: 41%;
  }
}

@media (min-width: 80em) {
  .SectionHeader-map {
    width: 1109px;
    top: -54%;
  }
}

.SectionHeader-map area {
  outline: none;
}

.SectionHeader-mapImage {
  max-width: 100%;
  height: auto;
  background-image: url(../images/cssimg/karta.png);
  background-image: url(../images/cssimg/karta.svg);
  background-size: cover;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}

.SectionHeader-map--podravska .SectionHeader-mapImage {
  background-position: 0% 0%;
}

.SectionHeader-map--maribor .SectionHeader-mapImage {
  background-position: 100% 0%;
}

.SectionHeader-map--savinjska .SectionHeader-mapImage {
  background-position: 25% 0%;
}

.SectionHeader-map--koroska .SectionHeader-mapImage {
  background-position: 75% 0%;
}

.SectionHeader-map--pomurska .SectionHeader-mapImage {
  background-position: 50% 0%;
}

.SectionHeader-wrapOwner {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}

.SectionMostRead-right .ArticleItem--simple:first-child .ArticleItem-title {
  margin-top: 0;
}

.SectionArticles {
  margin-bottom: 50px;
}

/*
    Full Image Listing
    ==================================== */
.ArticleItem--fullImage {
  position: relative;
}

.ArticleItem--fullImage:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010101', endColorstr='#a6010101',GradientType=0 );
  z-index: 200;
}

@media (min-width: 62em) {
  .ArticleItem--fullImage:after {
    background: linear-gradient(to bottom, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0) 30%, rgba(1, 1, 1, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010101', endColorstr='#a6010101',GradientType=0 );
  }
}

.ArticleItem--fullImage .ArticleItem-image {
  z-index: 100;
}

.ArticleItem--fullImage .ArticleItem-container {
  z-index: 300;
  bottom: 25px;
  left: 25px;
  right: 25px;
}

@media (min-width: 62em) {
  .ArticleItem--fullImage .ArticleItem-container {
    bottom: 35px;
    left: 35px;
    right: 35px;
  }
}

.ArticleItem--fullImage .ArticleItem-title a {
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

@media (min-width: 62em) {
  .ArticleItem--fullImage .ArticleItem-title a {
    font-size: 2.8125rem;
    line-height: 2.9375rem;
  }
}

.ArticleItem--fullImage .Timestamp {
  color: #ffffff;
}

.ArticleItem--fullImage .BreadcrumbsListing-link {
  color: #ffffff;
}

.ArticleItem--fullImage .ArticleItem-author {
  color: #fb7701;
  margin: 7px 0 0;
}

@media (min-width: 62em) {
  .ArticleItem--fullImage .ArticleItem-author {
    margin: 15px 0 0;
  }
}

.ArticleItem-container {
  position: absolute;
  bottom: 65px;
  left: 35px;
}

.ArticleItem--fullImageExtra {
  overflow: hidden;
}

.ArticleItem--fullImageExtra .ArticleItem-title {
  margin-bottom: 12px;
}

@media (min-width: 62em) {
  .ArticleItem--fullImageExtra .ArticleItem-title {
    margin-bottom: 25px;
  }
}

.ArticleItem--fullImageExtra .ArticleItem-author {
  margin: 0;
  text-transform: none;
}

.ArticleItem--fullImageExtra .ArticleItem-imageWrapper {
  margin-left: -65px;
  margin-right: -65px;
}

@media (min-width: 62em) {
  .ArticleItem--fullImageExtra .ArticleItem-imageWrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

.ArticleItem--fullImageExtra .Category {
  position: absolute;
  top: 25px;
  left: 25px;
}

/*
    Simple Listing
    ==================================== */
.ArticleItem--simple {
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d2d2d2;
}

.ArticleItem--simple:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.ArticleItem--simple .Timestamp-agency {
  margin: -5px 0 5px;
  display: block;
  font-size: 0.875rem;
}

@media (min-width: 62em) {
  .ArticleItem--simple .Timestamp-agency {
    font-size: 1rem;
  }
}

/*
    Listing with two equal width/height sides
    ==================================== */
.ArticleItem-tableWrapper {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.ArticleItem-leftSide,
.ArticleItem-rightSide {
  display: table-cell;
  width: 50%;
  vertical-align: top;
  position: relative;
}

.ArticleItem-leftSide {
  padding-right: 15px;
}

.ArticleItem-rightSide {
  padding-left: 15px;
}

.Intro p {
  font-size: 1.5rem;
  font-weight: 300;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  letter-spacing: -0.0625rem;
}

.Intro p a {
  color: #fb7701;
  text-decoration: underline;
}

@media (min-width: 48em) {
  .Intro p {
    font-size: 2rem;
  }
}

.Intro-wrapListingActionBar {
  margin-top: 60px;
}

.ContentListing-row {
  margin-top: 35px;
}

.ContentListing-row:first-child {
  margin-top: 0;
}

.ListingBrowse-row {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #d2d2d2;
}

.ListingBrowse-row:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}

.ListingBrowse-letter {
  color: #fb7701;
  font-size: 5.5rem;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
  line-height: 1;
}

/* ====================================
   Widgets
   ==================================== */
.Widget {
  margin: 40px 0;
}

.Widget--dark .Widget-inner {
  background-color: #2a2a2a;
  color: #fff;
}

.Widget--dark .Widget-copyright {
  border-top-color: #fb7701;
}

.Widget--orange .Widget-inner {
  background-color: #fb7701;
  color: #fff;
}

.Widget--orange .Widget-form {
  color: #2a2a2a;
}

.Widget--orange .Widget-input {
  border-left-color: #2a2a2a;
}

.Widget-inner {
  background-color: #f5f5f1;
  border-radius: 4px;
  color: #2a2a2a;
  overflow: hidden;
  position: relative;
}

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

.Widget-text {
  padding: 30px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
}

.Widget-title {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 1.875rem;
  letter-spacing: -0.0625rem;
  text-transform: uppercase;
  text-shadow: 0 1px 3px rgba(42, 42, 42, 0.55);
  margin: 0;
  padding-bottom: 20px;
  position: relative;
}

.Widget-title:before {
  background-color: #fb7701;
  content: '';
  height: 2px;
  margin-left: -27px;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 54px;
}

@media (min-width: 62em) {
  .Widget-title {
    font-size: 2.8125rem;
  }
}

.Widget-desc {
  max-width: 240px;
  margin: 20px auto 0;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

.Widget-desc p {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-size: 1.0625rem;
  line-height: 1.2941176471;
}

@media (min-width: 62em) {
  .Widget-desc p {
    font-size: 1.25rem;
    line-height: 1.25;
  }
}

.Widget-content {
  padding: 30px 30px 60px;
}

.Widget-content p {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  margin: 10px 0 0;
}

.Widget-content p:first-child {
  margin-top: 0;
}

.Widget-content--alt {
  padding-left: 0;
  padding-right: 0;
}

.Widget-content--alt .Widget-row {
  padding-left: 30px;
  padding-right: 30px;
}

.Widget-branding {
  -moz-user-select: none;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 3.375rem;
  text-transform: uppercase;
  position: absolute;
  left: 15px;
  bottom: -10px;
  line-height: 1;
  opacity: 0.12;
}

.Widget-copyright {
  border-top: 10px solid #2a2a2a;
  padding-top: 8px;
  margin-top: 8px;
}

.Widget-copyright p {
  color: #9b9a9a;
  font-size: 0.8125rem;
}

.Widget-form {
  color: #707070;
  margin-top: 20px;
  margin-bottom: -30px;
}

.Widget-form h3 {
  color: #2a2a2a;
  font-size: 1.625rem;
  margin: 0;
}

.Widget-form p {
  font-weight: 400;
  margin: 0;
}

.Widget-form:first-child {
  margin-top: 0;
}

.Widget-label {
  color: #2a2a2a;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  text-transform: uppercase;
  margin: 0;
}

label.Widget-label {
  margin-bottom: 10px;
}

.Widget-row {
  margin-top: 20px;
}

.Widget-row:first-child {
  margin-top: 0;
}

.Widget-row--separator {
  border-top: 1px solid #e0dfdf;
  padding-top: 20px;
}

.Widget-row--separatorWhite {
  border-top: 2px solid #fff;
  padding-top: 20px;
}

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

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

.Widget-input,
.Widget-select {
  border-radius: 4px;
  border: 1px solid #cecfcc;
  color: #707070;
  font-weight: 700;
  padding: 8px 15px;
}

.Widget-input {
  border-left: 3px solid #fb7701;
  display: block;
  width: 100%;
}

.Widget-select {
  margin-left: 5px;
}

.Widget-selectGroup {
  display: table;
  width: 100%;
}

.Widget-selectItem {
  display: table-cell;
  padding-left: 20px;
}

.Widget-selectItem:first-child {
  padding-left: 0;
}

.Widget-selectItem .Widget-select {
  margin: 0;
  display: block;
  width: 100%;
}

.Widget-labelSmall {
  color: #4a4a4a;
  font-weight: 700;
}

.Widget-wrapButton {
  margin-top: 20px;
}

.Widget-wrapButton:first-child {
  margin-top: 0;
}

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

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

/* ====================================
   Article
   ==================================== */
.Explainer {
  background-color: #f5f5f1;
  margin-bottom: 30px;
}

.Explainer--fullscreen {
  display: table;
  margin-bottom: 0;
  width: 100%;
  height: 100vh;
  background-image: url(../images/cssimg/background.jpg);
  background-size: cover;
  background-position: center center;
}

.Explainer--fullscreen .Explainer-container {
  vertical-align: middle;
}

@media (min-width: 48em) {
  .Explainer--fullscreen .Explainer-container {
    display: table-cell;
  }
}

.Explainer--fullscreen .Explainer-header {
  margin-top: 95px;
  opacity: 0;
}

.Explainer--withTitle {
  display: none;
}

.Explainer--withTitle .Explainer-inside {
  padding-top: 110px;
}

.Explainer--withTitle .Explainer-time {
  margin-top: 15px;
}

@media (min-width: 62em) {
  .Explainer--withTitle {
    display: block;
  }
}

.Explainer-header {
  position: absolute;
  width: 100%;
  background-color: #fb7701;
  border-top: 1px solid #fb5501;
  border-bottom: 1px solid #fb5501;
}

.Explainer-h {
  margin: 15px 0;
  color: #ffffff;
}

.Explainer-h span {
  color: #2a2a2a;
  text-transform: uppercase;
}

.Explainer-headerRight {
  position: absolute;
  margin-right: 15px;
  right: 0;
  top: 0;
  height: 100%;
}

.Explainer-pagination {
  float: left;
  margin: 16px 23px;
  height: 100%;
  color: #2a2a2a;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
  font-size: 1.5625rem;
  line-height: 1.875rem;
}

.Explainer-arrow {
  position: relative;
  float: left;
  width: 65px;
  height: 100%;
}

.Explainer-arrow:after {
  background-image: url(../images/cssimg/sprites.png);
  background-image: url(../images/cssimg/sprites.svg);
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  margin: -9px;
}

.Explainer-arrow--right {
  background-color: #fb5501;
}

.Explainer-arrow--right:after {
  background-position: -50px 0;
}

.Explainer-arrow--left {
  border-right: 1px solid #fb5501;
}

.Explainer-arrow--left:after {
  background-position: -69px 0;
}

.Explainer-inside {
  padding: 95px 0 50px;
}

@media (min-width: 62em) {
  .Explainer-inside {
    height: 100vh;
  }
}

.Explainer-shadow {
  position: relative;
  box-shadow: 0 12px 17px rgba(21, 21, 21, 0.5);
  height: 100%;
  border-radius: 4px;
}

.Explainer-itemsContainer {
  display: block;
  position: relative;
  padding: 30px 35px;
  width: 27%;
  height: 100%;
  background-color: #2a2a2a;
  color: #ffffff;
  float: left;
  overflow: hidden;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.Explainer-contentContainer {
  display: block;
  width: 100%;
  position: relative;
  padding: 30px;
  overflow: hidden;
  border-radius: 4px;
  background-color: #ffffff;
}

.Explainer-contentContainer .SocialHorizontal {
  margin-bottom: 15px;
  display: block;
}

@media (min-width: 62em) {
  .Explainer-contentContainer {
    width: 73%;
    height: 100%;
    float: left;
    padding: 30px 45px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}

@media (min-width: 80em) {
  .Explainer-contentContainer {
    padding: 70px;
  }
}

.Explainer-breadcrumbs {
  margin-bottom: 23px;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.125rem;
}

@media (min-width: 80em) {
  .Explainer-breadcrumbs {
    font-size: 1.375rem;
    line-height: 1.375rem;
  }
}

.Explainer-breadcrumb {
  color: #ffffff;
}

.Explainer-breadcrumb:hover {
  text-decoration: underline;
}

.Explainer-breadcrumb:first-child {
  color: #fb7701;
}

.Explainer-breadcrumb--strong {
  font-weight: 800;
  text-transform: uppercase;
}

.Explainer-time {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  margin: 23px 0 15px;
}

.Explainer-authors {
  margin: 15px 0;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-size: 1rem;
  font-weight: 700;
}

.Explainer-author {
  color: #fb7701;
}

.Explainer-author:hover {
  text-decoration: underline;
}

.Explainer-itemList {
  counter-reset: explainer-counter;
}

.Explainer-item {
  padding-left: 40px;
  margin: 25px 0;
  min-height: 56px;
}

@media (min-width: 80em) {
  .Explainer-item {
    padding-left: 60px;
  }
}

.Explainer-itemLink {
  display: inline-block;
  position: relative;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.375rem;
  color: #ffffff;
}

.Explainer-itemLink:before {
  content: counter(explainer-counter) ".";
  counter-increment: explainer-counter;
  position: absolute;
  padding-right: 5px;
  top: 0;
  right: 100%;
  color: #d2d2d2;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
  font-size: 40px;
  line-height: 40px;
  text-decoration: none;
}

@media (min-width: 80em) {
  .Explainer-itemLink:before {
    font-size: 60px;
    line-height: 60px;
  }
}

.is-active .Explainer-itemLink {
  font-weight: 700;
  text-decoration: underline;
}

.is-active .Explainer-itemLink:before {
  color: #fb7701;
}

.Explainer-itemLink:hover, .Explainer-itemLink:focus {
  color: #ffffff;
  outline: 0;
}

.Explainer-itemLink:hover:before, .Explainer-itemLink:focus:before {
  color: #fb7701;
}

@media (min-width: 80em) {
  .Explainer-itemLink {
    font-size: 1.4375rem;
    line-height: 1.5625rem;
  }
}

.Explainer-title {
  margin: 0 0 30px;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #2a2a2a;
}

@media (min-width: 48em) {
  .Explainer-title {
    font-size: 1.375rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 62em) {
  .Explainer-title {
    font-size: 1.625rem;
    line-height: 2rem;
  }
}

@media (min-width: 80em) {
  .Explainer-title {
    font-size: 2.1875rem;
    line-height: 2.625rem;
  }
}

.Explainer-contentItem {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  color: #4a4a4a;
  font-size: 1rem;
  line-height: 1.625rem;
  /*&:before {
            content: '';
            display: block;
            position: absolute;
            border-radius: 3px;
            width: 64px;
            height: 64px;
            top: 0;
            left: 0;
            z-index: 50;
        }*/
  /* old design - boxed letter with line below */
  /*position: relative;
            color: map_get($m-colorList, 'white');
            margin-right: 10px;
            margin-top: 6px;
            font-family: $font-toti-slab;
            font-weight: 800;
            font-size: rem(45);
            float: left;
            vertical-align: top;
            border-radius: 3px;
            text-align: center;
            padding: 10px 17px;
            z-index: 100;
            background-color: map_get($m-colorList, 'primary');
            border-bottom: 6px solid #FCA85E;
            text-shadow: 0 1px 0 map_get($m-colorList, 'highlight');*/
}

@media (min-width: 48em) {
  .Explainer-contentItem {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 62em) {
  .Explainer-contentItem {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}

@media (min-width: 80em) {
  .Explainer-contentItem {
    font-size: 1.375rem;
    line-height: 2rem;
  }
}

.Explainer-contentItem > .column {
  position: relative;
}

.Explainer-contentItem > .column:before {
  background-color: #e9e9e9;
  border-radius: 2px;
  content: '';
  position: absolute;
  left: -30px;
  top: 60px;
  bottom: 10px;
  width: 2px;
}

.Explainer-icon {
  display: none;
  position: absolute;
  padding-top: 20px;
  width: 64px;
  height: 64px;
  left: 27%;
  top: 60px;
  margin-left: -32px;
  background-color: #fb7701;
  border-radius: 50%;
  text-align: center;
  z-index: 100;
}

@media (min-width: 62em) {
  .Explainer-icon {
    display: block;
  }
}

.Explainer-scrollDown,
.Explainer-scrollRight {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
}

@media (min-width: 62em) {
  .Explainer-scrollDown,
  .Explainer-scrollRight {
    display: block;
  }
}

.Explainer-scrollUp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.Explainer-notification {
  margin-top: 20px;
}

@media (min-width: 62em) {
  .Explainer-notification {
    margin-top: 0;
  }
}

.Explainer-itemsContainer .mCSB_scrollTools,
.Explainer-contentContainer .mCSB_scrollTools {
  visibility: hidden;
}

.Explainer-itemsContainer .mCSB_scrollTools {
  top: 30px;
  bottom: 30px;
  right: 10px;
}

.Explainer-contentContainer .mCSB_scrollTools {
  left: 60px;
  right: 60px;
  bottom: 30px !important;
}

.Explainer-contentWrapper {
  display: none;
}

.Explainer-contentWrapper.is-active {
  display: block;
}

.Explainer-scrollUp .ScrollVertical.is-disabled,
.Explainer-scrollDown .ScrollVertical.is-disabled {
  display: none;
}

.Explainer-scrollDown .ScrollHorizontal-link.is-disabled {
  opacity: 0.25;
  cursor: default;
  pointer-events: none;
}

.Explainer-itemsScroll {
  height: 100%;
}

.Explainer-mobileNotice {
  text-align: center;
  margin-bottom: 30px;
}

@media (min-width: 62em) {
  .Explainer-mobileNotice {
    display: none;
  }
}

/* ====================================
   Modals
   ==================================== */
.ModalOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 9000;
  cursor: pointer;
}

.ModalOverlay.is-visible {
  display: block;
}

.Modal {
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 13px 18px rgba(54, 54, 54, 0.5);
  padding: 15px;
  max-width: 90%;
  border: 1px solid #d2d2d2;
  margin: 0 auto;
  display: none;
}

.Modal.is-visible {
  display: block;
}

.Modal p {
  line-height: 1.375rem;
  margin-bottom: 15px;
}

.Modal .Notification {
  margin: 15px 0;
}

@media (min-width: 62em) {
  .Modal {
    padding: 30px;
  }
}

.Modal--floating {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.Modal-container {
  position: relative;
}

.Modal-header {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}

.Modal-header .btn-modalClose {
  padding: 6px 8px;
}

@media (min-width: 48em) {
  .Modal-header .btn-modalClose {
    padding: 19px 20px;
  }
}

.ModalFollowArticle .PersonImage {
  position: absolute;
  left: 0;
  top: 45px;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  margin: 10px 0 10px 3px;
}

.ModalFollowArticle .PersonImage .PersonImage-img {
  border-width: 3px;
  vertical-align: top;
}

@media (min-width: 62em) {
  .ModalFollowArticle .PersonImage .PersonImage-img {
    border-width: 12px;
  }
}

@media (min-width: 62em) {
  .ModalFollowArticle .PersonImage {
    position: static;
    left: auto;
    top: auto;
    margin: 10px 0 10px 15px;
    width: 126px;
    height: 126px;
  }
}

.ModalFollowArticle .Modal-title {
  margin-right: 0;
  white-space: nowrap;
  margin-bottom: 0;
}

@media (min-width: 62em) {
  .ModalFollowArticle .Modal-title {
    display: table-cell;
  }
}

.ModalFollowArticle .Notification {
  margin: 0;
  display: block;
}

@media (min-width: 48em) {
  .ModalFollowArticle .Notification {
    display: inline-block;
  }
}

@media (min-width: 62em) {
  .ModalFollowArticle {
    display: table;
    width: 100%;
  }
}

.Modal-title {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  margin-right: 90px;
  font-weight: 300;
  font-size: 1.375rem;
  letter-spacing: -0.114375rem;
  margin-bottom: 25px;
}

.Modal-title i {
  vertical-align: middle;
  margin-bottom: 10px;
  margin-right: 15px;
}

@media (min-width: 48em) {
  .Modal-title {
    font-size: 2.375rem;
  }
}

@media (min-width: 80em) {
  .Modal-title {
    font-size: 3.4375rem;
    line-height: 3.4375rem;
  }
}

.ModalFollowArticle-author {
  position: relative;
}

.ModalFollowArticle-author > div {
  padding-left: 65px;
  padding-right: 65px;
}

.ModalFollowArticle-author > div:first-child {
  padding-bottom: 14px;
  padding-right: 0;
  padding-top: 7px;
  bottom: 50%;
  border-bottom: 1px solid #d2d2d2;
}

@media (min-width: 62em) {
  .ModalFollowArticle-author > div:first-child {
    padding-top: 0;
    padding-bottom: 7px;
  }
}

.ModalFollowArticle-author > div:last-child {
  padding-top: 15px;
  top: 50%;
  bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 48em) {
  .ModalFollowArticle-author > div:last-child {
    padding-left: 65px;
    padding-right: 65px;
  }
}

@media (min-width: 62em) {
  .ModalFollowArticle-author > div:last-child {
    padding-left: 30px;
    padding-right: 0;
  }
}

@media (min-width: 62em) {
  .ModalFollowArticle-author > div {
    position: absolute;
    left: 0;
    right: 0;
    padding-left: 30px;
    padding-right: 0;
  }
}

@media (min-width: 62em) {
  .ModalFollowArticle-author {
    display: table-cell;
    width: 100%;
    margin-top: 0;
  }
}

.ModalFollowArticle-authorLink {
  font-size: 1rem;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 700;
  color: #fb7701;
  letter-spacing: -0.0075rem;
}

.ModalFollowArticle-authorLink:hover {
  text-decoration: underline;
}

@media (min-width: 62em) {
  .ModalFollowArticle-authorLink {
    font-size: 1.5625rem;
  }
}

/* ====================================
   Gallery
   ==================================== */
.Gallery .BreadcrumbsListing .fa {
  color: #ffffff;
}

.Gallery .BreadcrumbsListing .BreadcrumbsListing-item:last-child .BreadcrumbsListing-link {
  color: #ffffff;
}

.Gallery .ArticleTitle-title {
  display: block;
  margin: 0 0 15px;
}

.Gallery-padding {
  box-sizing: content-box;
  height: 100%;
}

.Gallery-container {
  background-color: #191919;
}

@media (min-width: 48em) {
  .Gallery-row {
    height: 100vh;
  }
}

.Gallery-row--upper {
  height: auto;
}

.Gallery-sliderWrapper {
  height: 100%;
}

.GallerySlider {
  position: relative;
  height: 100%;
  background-color: #2a2a2a;
}

.GallerySlider .ButtonArrow {
  background-color: #010101;
  display: none;
}

@media (min-width: 48em) {
  .GallerySlider .ButtonArrow {
    display: block;
  }
}

.GallerySlider .Progress {
  top: auto;
  bottom: -5px;
  -webkit-transform: translate(0, -100%) scale(1, 1);
      -ms-transform: translate(0, -100%) scale(1, 1);
          transform: translate(0, -100%) scale(1, 1);
}

.GallerySlide {
  background-color: #242424;
  z-index: 100;
  padding-top: 75px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.GallerySlide .is-hidden {
  display: none;
}

@media (min-width: 48em) {
  .GallerySlide {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
  }
}

.GallerySlide-imageLoader {
  position: relative;
}

.GallerySlide-imageLoader:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 1000px;
  background-color: #191919;
  z-index: -1;
  content: '';
}

.GallerySlide-imagePreload {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.GallerySlide-container {
  display: table;
  height: 100%;
  margin: 0 auto;
  table-layout: fixed;
  width: 100%;
  padding: 0 15px;
}

@media (min-width: 48em) {
  .GallerySlide-container {
    padding: 0 60px;
  }
}

.GallerySlide-imageWrapper {
  margin-bottom: 30px;
  height: 100%;
  vertical-align: middle;
  width: 100%;
}

@media (min-width: 48em) {
  .GallerySlide-imageWrapper {
    margin-bottom: 0;
    width: 60%;
    display: table-cell;
  }
}

.GallerySlide-image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.GallerySlide-pusher {
  display: none;
}

@media (min-width: 80em) {
  .GallerySlide-pusher {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
  }
}

.GallerySlide-caption {
  margin: 40px;
}

.GallerySlide-captionContent {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2222222222;
  color: #e0dfdf;
  margin-bottom: 20px;
}

.GallerySlide-source {
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 1rem;
  line-height: 0.875rem;
  color: #707070;
  text-transform: uppercase;
}

.GallerySlide-social {
  padding-top: 25px;
  border-top: 2px solid #4a4a4a;
}

.GallerySlide-social .IconCircle {
  margin-bottom: 0;
}

/*
   Related galleries
   ==================================== */
.RelatedGalleries h2 {
  margin-bottom: 30px;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.0125rem;
  color: #ffffff;
}

.RelatedGalleries h2 span {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-style: italic;
  color: #fb7701;
  text-transform: none;
  font-weight: 400;
}

/*
    Gallery item
    ==================================== */
.GalleryItem {
  position: relative;
  margin-bottom: 30px;
  border-radius: 4px;
  overflow: hidden;
  border-bottom: 8px solid #4a4a4a;
  background-color: #2a2a2a;
}

.GalleryItem--inverse {
  background-color: #ffffff;
  border-color: #fb7701;
}

.GalleryItem--inverse .GalleryItem-title {
  color: #2a2a2a;
}

.GalleryItem--inverse .GalleryItem-iconWrapper {
  background-color: rgba(42, 42, 42, 0.5);
}

.GalleryItem--article {
  background-color: #ffffff;
  border-color: #dfdfdf;
  border-style: solid;
  border-width: 1px 1px 8px 1px;
}

.GalleryItem--article .GalleryItem-title {
  color: #2a2a2a;
}

.GalleryItem--article .GalleryItem-iconWrapper {
  background-color: rgba(42, 42, 42, 0.5);
}

.GalleryItem--article .GalleryItem-footer {
  border-top-color: #dfdfdf;
}

.GalleryItem--horizontal {
  border-bottom: 0;
}

.GalleryItem--horizontal .GalleryItem-title {
  padding: 25px;
}

.GalleryItem-imageWrapper {
  position: relative;
}

.GalleryItem-image {
  width: 100%;
  height: auto;
}

.GalleryItem-iconWrapper {
  position: absolute;
  padding-top: 14px;
  top: 50%;
  left: 50%;
  width: 65px;
  height: 65px;
  color: white;
  font-size: 2.1875rem;
  line-height: 2.1875rem;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #fb7701;
}

.GalleryItem-iconWrapper .Icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: scale(1.5) translate(-25%, -25%);
      -ms-transform: scale(1.5) translate(-25%, -25%);
          transform: scale(1.5) translate(-25%, -25%);
}

.GalleryItem-text {
  padding: 25px;
}

.GalleryItem-title {
  color: #ffffff;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.GalleryItem-title:hover {
  text-decoration: underline;
}

@media (min-width: 62em) {
  .GalleryItem-title {
    font-size: 1.875rem;
    line-height: 1.875rem;
    letter-spacing: -0.04625rem;
  }
}

.GalleryItem-wrapTimestamp {
  margin-top: 15px;
}

.GalleryItem-category {
  color: #fb7701;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.01625rem;
  line-height: 1.375rem;
  text-transform: uppercase;
}

.GalleryItem-category:hover {
  text-decoration: underline;
}

@media (min-width: 62em) {
  .GalleryItem-category {
    font-size: 1.125rem;
  }
}

.GalleryItem-infoWrapper {
  display: inline;
  font-size: 0.875rem;
  float: right;
}

.GalleryItem-infoWrapper .fa {
  margin: 0 5px;
}

@media (min-width: 48em) {
  .GalleryItem-infoWrapper {
    display: block;
    float: none;
  }
}

@media (min-width: 62em) {
  .GalleryItem-infoWrapper {
    font-size: 1.125rem;
  }
}

@media (min-width: 80em) {
  .GalleryItem-infoWrapper {
    display: inline;
    float: right;
  }
}

.GalleryItem-agency {
  color: #fb7701;
  font-size: 0.875rem;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 700;
}

.GalleryItem-agency:hover {
  text-decoration: underline;
}

@media (min-width: 62em) {
  .GalleryItem-agency {
    font-size: 1rem;
  }
}

.GalleryItem-footer {
  padding: 15px 25px;
  border-top: 1px solid #dfdfdf;
}

.GalleryItem-horizontalLeft .GalleryItem-footer {
  border-bottom: 8px solid #4a4a4a;
}

.GalleryItem--inverse .GalleryItem-horizontalLeft .GalleryItem-footer {
  border-bottom-color: #fb7701;
}

@media (min-width: 48em) {
  .GalleryItem-horizontalLeft .GalleryItem-footer {
    position: absolute;
    bottom: 0;
    width: 25%;
    width: calc(25% + 7.5px);
    border-bottom-left-radius: 4px;
  }
}

@media (min-width: 48em) {
  .GalleryItem-horizontalLeft {
    display: inline-block;
    width: 25%;
    width: calc(25% + 7.5px);
    float: left;
  }
}

.GalleryItem-horizontalRight .GalleryItem-image {
  border-top-left-radius: 0;
}

@media (min-width: 48em) {
  .GalleryItem-horizontalRight {
    display: inline-block;
    width: 75%;
    width: calc(75% - 7.5px);
  }
}

.RelatedGalleries-firstRow {
  display: none;
}

@media screen and (min-height: 1000px) {
  .RelatedGalleries-firstRow {
    display: block;
  }
}

/* ====================================
   Components
   ==================================== */
/*
    Timestamp
    ==================================== */
.Timestamp {
  font-size: 0.8125rem;
  text-transform: uppercase;
}

@media (min-width: 62em) {
  .Timestamp {
    font-size: 1rem;
  }
}

.Timestamp-icon {
  color: #fb7701;
}

.Timestamp-lastChange {
  text-transform: none;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: 400;
}

.Timestamp-agency {
  color: #4a4a4a;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  text-transform: none;
}

.Timestamp-agency:hover {
  color: #fb7701;
  text-decoration: underline;
}

/*
    PersonImage
    ==================================== */
.PersonImage {
  display: inline-block;
  width: 171px;
  height: 171px;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
  border: 1px solid #c7c7c7;
  background-color: #ffffff;
}

.PersonImage-img {
  width: 100%;
  height: 100%;
  border: 15px solid #ffffff;
  border-radius: 50%;
}

.PersonImage--mid {
  height: 82px;
  width: 82px;
}

.PersonImage--mid .PersonImage-img {
  border-width: 7px;
}

/*
    InfoTip
    ==================================== */
.InfoTip {
  width: 275px;
  position: relative;
}

.InfoTip:before, .InfoTip:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
}

.InfoTip:after {
  bottom: -14px;
  margin-left: -6.5px;
  border-width: 15px 8px 0 8px;
  border-color: #f5f5f1 transparent transparent transparent;
}

.InfoTip:before {
  bottom: -16px;
  margin-left: -7.5px;
  border-width: 16px 9px 0 9px;
  border-color: #d2d2d2 transparent transparent transparent;
}

.PersonImage--InfoTip {
  width: 150px;
  height: 150px;
}

.InfoTip-container {
  background-color: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: -4px 25px 30px -12px rgba(0, 0, 0, 0.45);
  overflow: hidden;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
}

.InfoTip-imageContainer {
  margin-bottom: -75px;
  text-align: center;
}

.InfoTip-info {
  padding: 85px 15px 10px;
  text-align: center;
}

.InfoTip-title {
  display: block;
  margin-bottom: 10px;
  color: #fb7701;
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 700;
}

.InfoTip-title:hover {
  text-decoration: underline;
}

.InfoTip-subtitle {
  color: #2a2a2a;
  font-size: 1rem;
  line-height: 1.375rem;
  text-transform: uppercase;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 800;
}

.InfoTip-regionWrapper {
  position: relative;
  margin-bottom: 20px;
}

.InfoTip-regionWrapper:before {
  content: '';
  display: block;
  border-top: 1px solid #d2d2d2;
  position: absolute;
  width: 100%;
  top: 50%;
}

.InfoTip-region {
  display: inline-block;
  position: relative;
  padding: 0 15px;
  color: #2a2a2a;
  font-size: 1rem;
  line-height: 1.375rem;
  background-color: #ffffff;
  z-index: 1;
}

.InfoTip-image {
  margin-bottom: 20px;
}

.InfoTip-legendWrapper {
  padding: 14px 19px;
  background-color: #2a2a2a;
  color: #f5f5f1;
  font-size: 0.8125rem;
  text-transform: uppercase;
}

.InfoTip-source {
  background-color: #f5f5f1;
  color: #2a2a2a;
  padding: 12px 19px;
  font-size: 1rem;
}

/*
    Gray Box
    ==================================== */
.GrayBox {
  padding: 20px;
  background-color: #f5f5f1;
  border: 1px solid #d2d2d2;
  font-size: 1rem;
  line-height: 1.375rem;
  border-radius: 4px;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
}

@media (min-width: 62em) {
  .GrayBox {
    padding: 40px;
    font-size: 1.375rem;
    line-height: 2rem;
    font-weight: 700;
  }
}

/*
    Reading Time
    ==================================== */
.ReadingTime {
  font-size: 0.875rem;
  white-space: nowrap;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.ReadingTime a:link,
.ReadingTime a:visited {
  color: #4a4a4a;
}

.ReadingTime .fa {
  margin: 0 5px 0 20px;
}

@media (min-width: 62em) {
  .ReadingTime {
    font-size: 1.125rem;
  }
}

/*
    Tooltip
    ==================================== */
.Tooltip {
  display: inline-block;
  position: relative;
  padding: 12px 30px;
  background-color: #2a2a2a;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  max-width: 320px;
  border-radius: 8px;
  font-size: 1.125rem;
  font-weight: 700;
}

.Tooltip:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  bottom: -11px;
  margin-left: -6px;
  border-width: 12px 8px 0 8px;
  border-color: #2a2a2a transparent transparent transparent;
}

.Tooltip-twitter,
.Tooltip-lie {
  color: #fff;
}

.Tooltip-twitter .fa,
.Tooltip-lie .fa {
  font-size: 1.5rem;
  vertical-align: bottom;
  margin-left: 5px;
}

.Tooltip-lie {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 2px solid #fb7701;
}

.Tooltip-lie .Icon--lieDetector {
  vertical-align: bottom;
  background-position: -46px -1062px;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

.Tooltip-lie:hover .Icon--lieDetector, .Tooltip-lie:active .Icon--lieDetector {
  background-position: -126px -1062px;
}

/*
    BreadcrumbsListing
    ==================================== */
.BreadcrumbsListing {
  color: #2a2a2a;
  padding: 0;
  font-size: 0.8125rem;
  line-height: 1rem;
  text-transform: uppercase;
}

.BreadcrumbsListing li {
  display: inline;
  list-style-type: none;
}

.BreadcrumbsListing .fa {
  margin-left: 1px;
  color: #2a2a2a;
}

@media (min-width: 62em) {
  .BreadcrumbsListing {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.BreadcrumbsListing--orange .BreadcrumbsListing-item:after {
  color: #4a4a4a;
}

.BreadcrumbsListing--orange .BreadcrumbsListing-link:link, .BreadcrumbsListing--orange .BreadcrumbsListing-link:active {
  color: #fb7701;
}

.BreadcrumbsListing-preTitle {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 700;
  color: #fb7701;
}

.BreadcrumbsListing-item {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.BreadcrumbsListing-item:hover {
  text-decoration: underline;
}

.BreadcrumbsListing-item:last-child .BreadcrumbsListing-link {
  color: #2a2a2a;
  text-transform: none;
}

.BreadcrumbsListing-link:link, .BreadcrumbsListing-link:visited {
  color: #fb7701;
}

.BreadcrumbsListing--white .BreadcrumbsListing-link:link, .BreadcrumbsListing--white .BreadcrumbsListing-link:active {
  color: #ffffff;
}

.BreadcrumbsListing--white .fa {
  color: #fb7701;
}

/*
    AdContainer
    ==================================== */
.AdContainer {
  margin-bottom: 50px;
  padding-bottom: 40px;
  background-color: #f5f5f1;
  text-align: center;
  overflow: auto;
}

.Filter + .AdContainer {
  margin-top: 50px;
}

.AdContainer-close {
  display: block;
  margin: 12px 20px;
  text-align: right;
  font-size: 0.75rem;
  color: #2a2a2a;
}

@media (min-width: 62em) {
  .AdContainer-close {
    font-size: 1rem;
  }
}

/*
    SocialHorizontal
    ==================================== */
.SocialHorizontal .fa {
  color: #4a4a4a;
}

.SocialHorizontal .Button {
  width: 37px;
  padding: 4px 0;
}

/*
    SocialText
    ==================================== */
.SocialText {
  text-align: center;
}

.SocialText-item {
  color: #4a4a4a;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 10px;
}

.SocialText-item:first-child {
  margin-top: 0;
}

.SocialText-item .Button {
  margin-right: 5px;
}

.SocialText-item .fa {
  vertical-align: middle;
  margin-right: 10px;
}

.SocialText-item:hover, .SocialText-item:focus {
  color: #fb7701;
  outline: 0;
}

/*
    Owner
    ==================================== */
.Owner {
  display: inline-block;
  position: relative;
}

.Owner-wrapPersonImage {
  position: absolute;
  left: 87px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.Owner-wrapPersonImage .PersonImage {
  vertical-align: middle;
}

.Owner-text {
  background-color: #ffffff;
  border-radius: 10em;
  border: 1px solid #e0dfdf;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  padding: 10px 15px;
}

.Owner-title {
  color: #4a4a4a;
  font-weight: 800;
  text-transform: uppercase;
  padding-right: 70px;
}

.Owner-name {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 700;
  color: #fb7701;
}

/*
    Magazine Bar
    ==================================== */
.MagazineBar {
  display: table;
  border-spacing: 5px 0;
  margin: 0 -5px 15px;
  width: 100%;
  width: calc(100% + 10px);
}

.MagazineBar-page {
  display: inline-block;
  margin-bottom: 7px;
  padding-right: 7px;
  width: 50%;
  vertical-align: top;
}

.MagazineBar-page img {
  width: 100%;
  height: auto;
}

.MagazineBar-page:last-child {
  margin-right: 0;
}

@media (min-width: 48em) {
  .MagazineBar-page {
    width: 25%;
    margin-bottom: 0;
  }
}

.MagazineBar-page--info {
  position: relative;
  text-align: center;
}

.MagazineInfo {
  height: 0;
  padding-bottom: 136.6%;
  background-color: #f5f5f1;
}

.MagazineInfo-newNumber {
  color: rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin: 12px 10px 0;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

@media (min-width: 28.125em) {
  .MagazineInfo-newNumber {
    margin: 40px 10px 15px;
  }
}

@media (min-width: 48em) {
  .MagazineInfo-newNumber {
    margin: 20px 10px 10px;
  }
}

@media (min-width: 62em) {
  .MagazineInfo-newNumber {
    margin: 40px 10px 15px;
    font-size: 1rem;
  }
}

@media (min-width: 80em) {
  .MagazineInfo-newNumber {
    margin: 50px 10px 15px;
  }
}

.MagazineInfo-newNumber--alt {
  padding: 0 7px;
  color: #ffffff;
  background-color: #4a4a4a;
  border-radius: 3px;
}

@media (min-width: 80em) {
  .MagazineInfo-newNumber--alt {
    padding: 4px 7px;
  }
}

.MagazineInfo-title {
  margin: 10px 15px 10px;
  font-size: 1rem;
  letter-spacing: -0.014375rem;
  line-height: 1.375rem;
  font-weight: 400;
  color: #ffffff;
}

@media (min-width: 28.125em) {
  .MagazineInfo-title {
    margin: 7px 10px 35px;
    font-size: 1.75rem;
    line-height: 1.75rem;
    font-weight: 700;
  }
}

@media (min-width: 48em) {
  .MagazineInfo-title {
    margin: 7px 15px 12px;
    font-size: 1.3125rem;
    line-height: 1.3125rem;
    font-weight: 700;
  }
}

@media (min-width: 62em) {
  .MagazineInfo-title {
    margin: 7px 20px 25px;
    font-size: 1.625rem;
    line-height: 1.625rem;
    font-weight: 700;
  }
}

@media (min-width: 80em) {
  .MagazineInfo-title {
    margin: 7px 50px 35px;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 800;
  }
}

.MagazineInfo-number {
  margin: 0 10px 10px;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-size: 1.125rem;
  line-height: 1.125rem;
  color: #4a4a4a;
}

@media (min-width: 80em) {
  .MagazineInfo-number {
    margin: 0 30px 10px;
    font-size: 1.875rem;
    line-height: 2.125rem;
  }
}

.MagazineInfo-date {
  margin: 0 10px;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #ffffff;
  text-transform: uppercase;
}

@media (min-width: 80em) {
  .MagazineInfo-date {
    margin: 0 30px;
    font-size: 1.875rem;
    line-height: 2.125rem;
  }
}

.MagainzeInfo-wrapButton1 {
  margin-top: 10px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 2px;
}

.MagainzeInfo-wrapButton1 span {
  display: none;
}

@media (min-width: 48em) {
  .MagainzeInfo-wrapButton1 span {
    display: inline;
  }
}

@media (min-width: 48em) {
  .MagainzeInfo-wrapButton1 {
    font-size: 1rem;
    font-weight: 700;
    padding: 7px 10px;
    margin-top: 20px;
  }
}

/*
    Scrollbars
    ==================================== */
.ScrollVertical {
  background-color: #010101;
  border-top: 1px solid #4a4a4a;
  height: 30px;
  text-align: center;
  font-size: 1rem;
  line-height: 1rem;
}

.ScrollVertical-link {
  color: #4a4a4a;
  height: 100%;
  padding-top: 6px;
  display: block;
}

@media (min-width: 62em) {
  .ScrollVertical-link {
    padding-top: 12px;
  }
}

@media (min-width: 62em) {
  .ScrollVertical {
    height: 50px;
    font-size: 1.5625rem;
    line-height: 1.5625rem;
  }
}

.ScrollHorizontal {
  position: relative;
  background-color: #f5f5f1;
  border-top: 1px solid #d2d2d2;
  height: 30px;
  font-size: 1rem;
  line-height: 1rem;
}

.ScrollHorizontal-link {
  color: #9b9b9b;
  border-right: 1px solid #d2d2d2;
  height: 100%;
  padding: 6px 30px 0;
  display: inline-block;
  text-align: center;
}

.ScrollHorizontal-link--right {
  position: absolute;
  right: 0;
  top: 0;
  border-right: 0;
  border-left: 1px solid #d2d2d2;
}

@media (min-width: 62em) {
  .ScrollHorizontal-link {
    padding: 12px 30px 0;
  }
}

@media (min-width: 62em) {
  .ScrollHorizontal {
    height: 50px;
    font-size: 1.5625rem;
    line-height: 1.5625rem;
  }
}

.Background {
  background-color: #fb7701;
}

.RelatedArticles h2 {
  margin-bottom: 30px;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.0125rem;
}

.RelatedArticles h2 span {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-style: italic;
  color: #fb7701;
  text-transform: none;
  font-weight: 400;
}

.RelatedArticles .GalleryItem-text {
  padding: 12px;
}

@media (min-width: 48em) {
  .RelatedArticles .GalleryItem-text {
    padding: 25px;
  }
}

.RelatedArticles .GalleryItem-footer {
  padding: 12px;
}

@media (min-width: 48em) {
  .RelatedArticles .GalleryItem-footer {
    padding: 25px;
  }
}

.RelatedArticles .col-xs-6:nth-child(odd) {
  padding-right: 7px;
}

@media (min-width: 48em) {
  .RelatedArticles .col-xs-6:nth-child(odd) {
    padding-right: 15px;
  }
}

.RelatedArticles .col-xs-6:nth-child(even) {
  padding-left: 7px;
}

@media (min-width: 48em) {
  .RelatedArticles .col-xs-6:nth-child(even) {
    padding-left: 15px;
  }
}

.FloatingArticle {
  display: block;
  margin: 30px 15px;
  right: 0;
  max-width: 100%;
  background-color: #ffffff;
  border: 1px solid #e0dfdf;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  color: #4a4a4a;
  overflow: hidden;
  table-layout: fixed;
  transition: -webkit-transform 150ms linear 0s;
  transition: transform 150ms linear 0s;
}

.FloatingArticle:hover, .FloatingArticle:focus {
  color: #4a4a4a;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  outline: 0;
}

@media (min-width: 62em) {
  .FloatingArticle {
    display: table;
    position: absolute;
    top: 1600px;
    width: 430px;
    -webkit-transform: translateX(355px);
        -ms-transform: translateX(355px);
            transform: translateX(355px);
    margin: 0;
  }
}

.FloatingArticle-cell {
  border-bottom: 8px solid #fb7701;
  display: table-cell;
  vertical-align: middle;
}

.FloatingArticle-cell--more {
  border-bottom-color: #2a2a2a;
  position: relative;
  width: 75px;
}

.FloatingArticle-cell--more:before {
  background-color: #e0dfdf;
  bottom: 0;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.FloatingArticle-cell--image {
  width: 40%;
}

.FloatingArticle-more {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-size: 1.125rem;
  font-weight: 800;
  text-align: center;
}

.FloatingArticle-more .fa {
  color: #fb7701;
  font-size: 2.3125rem;
  margin-right: 5px;
  vertical-align: middle;
}

.FloatingArticle-title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2222222222;
  margin: 0;
  padding: 10px 10px 10px 20px;
}

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

.Filter {
  background-color: #f5f5f1;
  border: 1px solid #e0dfdf;
  border-radius: 4px;
  margin-bottom: 15px;
}

.Filter:last-child {
  margin-bottom: 30px;
}

.Filter--white {
  background-color: #ffffff;
}

.Filter-title {
  padding: 10px 60px 10px 20px;
  position: relative;
  text-transform: uppercase;
}

@media (min-width: 48em) {
  .Filter-title {
    padding: 20px 60px 20px 25px;
  }
}

.Filter-toggle {
  position: absolute;
  width: 50px;
  bottom: 0;
  right: 0;
  top: 0;
  text-align: center;
  line-height: 46px;
  cursor: pointer;
  background-color: #ececec;
}

.Filter-toggle:hover {
  color: #fb7701;
}

.Filter-toggle:focus {
  color: #4a4a4a;
}

@media (min-width: 48em) {
  .Filter-toggle {
    line-height: 63px;
    width: 60px;
  }
}

.Filter-toggleClose {
  display: none;
}

.is-expanded .Filter-toggleClose {
  display: block;
}

.is-expanded .Filter-toggleOpen {
  display: none;
}

.Filter-content {
  border-top: 1px solid #e0dfdf;
  display: none;
  padding: 5px 15px;
}

.Filter-content.has-activeItems {
  display: block;
}

.is-expanded .Filter-content {
  display: block;
}

@media (min-width: 48em) {
  .Filter-content {
    padding: 15px 20px;
  }
}

.Filter-item {
  font-size: 1rem;
  display: none;
}

.Filter-item.is-active {
  display: block;
}

.is-expanded .Filter-item {
  display: block;
}

.Filter-list--icons .Filter-link {
  padding-left: 30px;
}

.Filter-list--icons .NavIcon {
  left: 0;
}

.Filter-link {
  display: block;
  padding: 10px 35px 10px 5px;
  position: relative;
}

.Filter-link .fa {
  display: none;
}

.is-active .Filter-link {
  color: #2a2a2a;
}

.is-expanded .is-active .Filter-link {
  color: #fb7701;
}

.is-expanded .is-active .Filter-link .fa {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.Filter-link:hover, .Filter-link:focus {
  color: #fb7701;
  outline: 0;
}

@media (min-width: 48em) {
  .Filter-link {
    padding: 5px 35px 5px 5px;
  }
}

.Filter-range {
  padding-top: 40px;
}

.Filter-range input {
  display: none;
}

.Filter-rangeValues {
  font-weight: 700;
  margin-top: 5px;
}

.SwitchView {
  white-space: nowrap;
}

.SwitchView:before, .SwitchView:after {
  content: " ";
  display: block;
}

.SwitchView:after {
  clear: both;
}

.SwitchView-label {
  color: #2a2a2a;
  float: left;
  font-weight: 700;
  margin: 5px 10px 0 0;
  text-transform: uppercase;
}

.SwitchView-list {
  background-color: #f5f5f1;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  float: left;
  display: table;
  overflow: hidden;
}

.SwitchView-item {
  border-left: 1px solid #d2d2d2;
  display: table-cell;
  min-width: 45px;
  text-align: center;
  padding: 5px;
}

.SwitchView-item.is-active {
  background-color: #ffffff;
}

.SwitchView-item:first-child {
  border-left: none;
}

/**
 * Progress bar
 */
.Progress {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 5px;
  background-color: rgba(224, 223, 223, 0.5);
  -webkit-transform: translate(0, -100%) scale(1, 1);
      -ms-transform: translate(0, -100%) scale(1, 1);
          transform: translate(0, -100%) scale(1, 1);
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
}

.Progress-Bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #FB7701;
}

.Progress.is-hidden {
  -webkit-transform: translate(0, 0%) scale(1, 0);
      -ms-transform: translate(0, 0%) scale(1, 0);
          transform: translate(0, 0%) scale(1, 0);
}

.Progress.is-hidden .Progress-Bar {
  -webkit-animation-name: none;
  animation-name: none;
}

.Progress--indeterminate .Progress-Bar--1 {
  -webkit-animation: Progress--indeterminate-scale-1 4s infinite, Progress--indeterminate-1 4s infinite;
  animation: Progress--indeterminate-scale-1 4s infinite, Progress--indeterminate-1 4s infinite;
}

.Progress--indeterminate .Progress-Bar--2 {
  -webkit-animation: Progress--indeterminate-scale-2 4s infinite, Progress--indeterminate-2 4s infinite;
  animation: Progress--indeterminate-scale-2 4s infinite, Progress--indeterminate-2 4s infinite;
}

@-webkit-keyframes Progress--indeterminate-scale-1 {
  0% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  36.6% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
    animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  }
  69.15% {
    -webkit-transform: scaleX(0.83);
    transform: scaleX(0.83);
    -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
    animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
  }
  100% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
  }
}

@keyframes Progress--indeterminate-scale-1 {
  0% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  36.6% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
    animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  }
  69.15% {
    -webkit-transform: scaleX(0.83);
    transform: scaleX(0.83);
    -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
    animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
  }
  100% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
  }
}

@-webkit-keyframes Progress--indeterminate-1 {
  0% {
    left: -105.16667%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  20% {
    left: -105.16667%;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  }
  69.15% {
    left: 21.5%;
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  }
  100% {
    left: 95.44444%;
  }
}

@keyframes Progress--indeterminate-1 {
  0% {
    left: -105.16667%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  20% {
    left: -105.16667%;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  }
  69.15% {
    left: 21.5%;
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  }
  100% {
    left: 95.44444%;
  }
}

@-webkit-keyframes Progress--indeterminate-scale-2 {
  0% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
    animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  }
  19.15% {
    -webkit-transform: scaleX(0.57);
    transform: scaleX(0.57);
    -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
    animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  }
  44.15% {
    -webkit-transform: scaleX(0.91);
    transform: scaleX(0.91);
    -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
    animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  }
  100% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
  }
}

@keyframes Progress--indeterminate-scale-2 {
  0% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
    animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  }
  19.15% {
    -webkit-transform: scaleX(0.57);
    transform: scaleX(0.57);
    -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
    animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  }
  44.15% {
    -webkit-transform: scaleX(0.91);
    transform: scaleX(0.91);
    -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
    animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  }
  100% {
    -webkit-transform: scaleX(0.1);
    transform: scaleX(0.1);
  }
}

@-webkit-keyframes Progress--indeterminate-2 {
  0% {
    left: -54.88889%;
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
    animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
  }
  25% {
    left: -17.25%;
    -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
    animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
  }
  48.35% {
    left: 29.5%;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
    animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
  }
  100% {
    left: 117.38889%;
  }
}

@keyframes Progress--indeterminate-2 {
  0% {
    left: -54.88889%;
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
    animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
  }
  25% {
    left: -17.25%;
    -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
    animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
  }
  48.35% {
    left: 29.5%;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
    animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
  }
  100% {
    left: 117.38889%;
  }
}

/*
    Ticker
    ==================================== */
.Ticker {
  position: relative;
  height: 40px;
  background-color: #fb5501;
  margin: 10px 0;
}

.Ticker--sport {
  background-color: #5C3FB3;
}

.Ticker--sport .TickerItem {
  background-color: #5C3FB3;
}

.Ticker--sport .TickerItem:nth-child(odd) {
  background-color: #7755D5;
}

.Ticker--sport .TickerItem--uppercase:nth-child(odd) {
  background-color: #5C3FB3;
}

.Ticker--sport .Ticker-container {
  padding-left: 84px;
}

.Ticker-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding-left: 169px;
  white-space: nowrap;
}

.TickerItem {
  display: inline-block;
  padding: 8px 16px;
  height: 100%;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 17px;
  letter-spacing: 0.4px;
  color: #ffffff;
  background-color: #fb5501;
  transition: box-shadow .15s ease;
}

.TickerItem:nth-child(odd) {
  background-color: #fb7701;
}

.TickerItem:hover, .TickerItem:active {
  color: #ffffff;
  text-decoration: none;
  box-shadow: inset 1px 1px 7px rgba(0, 0, 0, 0.3);
}

.TickerItem .BorderIcon .fa {
  color: #2a2a2a;
  font-size: 1.875rem;
  margin-top: 5px;
}

.TickerItem .BorderIcon .Icon {
  margin-top: 7px;
}

.TickerItem .light {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.TickerItem--uppercase:nth-child(odd) {
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  background-color: #fb5501;
  z-index: 100;
}

.TickerItem--uppercase:nth-child(odd):hover, .TickerItem--uppercase:nth-child(odd):active {
  box-shadow: none;
}

.TickerItem-time {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.BorderIcon {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid #9b9b9b;
  border-radius: 50%;
  vertical-align: middle;
  margin: -14px 7px -10px;
}

.BorderIcon > span {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 4px solid white;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  background-color: #ffffff;
  text-align: center;
}

.Divider {
  margin: 20px 0;
  border-bottom: 1px solid #4a4a4a;
}

.SectionTitle {
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 30px;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.0125rem;
  color: #000000;
  padding-bottom: 10px;
}

.SectionTitle span {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-style: italic;
  color: #fb7701;
  text-transform: none;
  font-weight: 400;
}

/* ====================================
   Dossier
   ==================================== */
/*
    Dossier Item
    ==================================== */
.DossierItem {
  display: block;
  background-color: #ffffff;
  border-bottom: 8px solid #fb7701;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: background-color .2s ease;
}

.DossierItem:not(.DossierItem--standalone):hover, .DossierItem:not(.DossierItem--standalone):active, .DossierItem:not(.DossierItem--standalone)--dark {
  background-color: #2a2a2a;
}

.DossierItem:not(.DossierItem--standalone):hover .DossierItem-title, .DossierItem:not(.DossierItem--standalone):active .DossierItem-title, .DossierItem:not(.DossierItem--standalone)--dark .DossierItem-title {
  color: #ffffff;
  text-decoration: none;
}

.DossierItem:not(.DossierItem--standalone):hover .DossierItem-buttonContainer, .DossierItem:not(.DossierItem--standalone):active .DossierItem-buttonContainer {
  max-height: 500px;
  opacity: 1;
}

.DossierItem img {
  width: 100%;
}

.DossierItem--standalone {
  border-radius: 4px;
  overflow: hidden;
  background-color: #2a2a2a;
}

.DossierItem--standalone .DossierItem-title {
  color: #ffffff;
  text-decoration: none;
  text-align: left;
  margin: 15px 20px;
}

.DossierItem--standalone .DossierItem-parent {
  border-top: 1px solid #4a4a4a;
  color: rgba(255, 255, 255, 0.4);
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-size: 0.875rem;
  padding: 10px 20px;
}

.DossierItem-title {
  margin: 10px 25px;
  font-size: 1.125rem;
  line-height: 1.375rem;
  height: 2.8125rem;
  overflow: hidden;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 700;
  text-align: center;
}

@media (min-width: 62em) {
  .DossierItem-title {
    height: 4rem;
    font-size: 1.75rem;
    line-height: 2rem;
  }
}

.DossierItem-buttonContainer {
  text-align: center;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .2s ease, opacity .2s ease;
}

.DossierItem-buttonContainer .Button {
  margin: 5px 0 20px;
}

.DossierItem-unfollow {
  margin: 15px 20px;
}

/*
    Dossier Bar
    ==================================== */
.DossierBar {
  position: relative;
  z-index: 100;
}

.DossierBar-spacingBar {
  background-color: #000000;
  overflow: hidden;
}

/* We use this item only to make parent element the same height like
dossier images. It needs to have the same ratio as Dossier images */
.DossierBar-spacingBar {
  box-shadow: 0 0 70px 30px #000000;
}

.DossierBar-spacingItem {
  width: 100%;
  padding-bottom: 40%;
}

.DossierBar-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.DossierBar-container > .row .col-xs-6:nth-child(1) {
  padding-right: 5px;
}

@media (min-width: 48em) {
  .DossierBar-container > .row .col-xs-6:nth-child(1) {
    padding-right: 15px;
  }
}

.DossierBar-container > .row .col-xs-6:nth-child(2) {
  padding-left: 5px;
}

@media (min-width: 48em) {
  .DossierBar-container > .row .col-xs-6:nth-child(2) {
    padding-left: 15px;
  }
}

.ArticleHeader--dossier {
  /*height: calc( 100vw - ((100vw - 150px) / 6 * 0.4) );*/
  height: calc( 100vh - 6.666667vw + 10px);
}

.DossierBar--fallback {
  padding-bottom: 100px;
}

.DossierBar--fallback .DossierBar-spacingBar {
  background-color: #9b9b9b;
  box-shadow: none;
}

/*
    Listing Header
    ==================================== */
.DossierHeader {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d2d2d2;
  padding-top: 45px;
}

@media (min-width: 48em) {
  .DossierHeader {
    height: 75vh;
    min-height: 400px;
    padding-top: 0;
  }
}

.DossierHeader-hero {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  height: calc(100% - 10px);
  width: 100%;
  z-index: -1;
  background-color: #000000;
  overflow: hidden;
}

.DossierHeader-heroImage {
  width: 100%;
  height: 100%;
  opacity: .8;
}

.DossierHeader--heroImg {
  position: absolute;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.DossierHeader-hero {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.DossierHeader-contentWrapper {
  width: 100%;
  text-align: center;
}

@media (min-width: 48em) {
  .DossierHeader-contentWrapper {
    position: absolute;
    bottom: 0;
  }
}

.DossierHeader-dossier {
  margin-bottom: 15px;
  font-size: 0.9375rem;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  letter-spacing: 0.015rem;
  color: #ffffff;
  text-transform: uppercase;
}

@media (min-width: 48em) {
  .DossierHeader-dossier {
    font-size: 1.125rem;
  }
}

@media (min-width: 62em) {
  .DossierHeader-dossier {
    font-size: 1.3125rem;
  }
}

@media (min-width: 80em) {
  .DossierHeader-dossier {
    font-size: 1.5rem;
  }
}

.DossierHeader-title {
  display: inline-block;
  padding-bottom: 6px;
  margin-bottom: 25px;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.25rem;
  letter-spacing: -0.026875rem;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  border-bottom: 4px solid #fb7701;
}

@media (min-width: 48em) {
  .DossierHeader-title {
    line-height: 2rem;
    font-size: 2rem;
  }
}

@media (min-width: 62em) {
  .DossierHeader-title {
    line-height: 3.125rem;
    font-size: 3.125rem;
  }
}

@media (min-width: 80em) {
  .DossierHeader-title {
    line-height: 4.625rem;
    font-size: 4.625rem;
  }
}

.DossierHeader-headline {
  margin: 0 auto 30px;
  max-width: 750px;
  color: #ffffff;
  letter-spacing: -0.0225rem;
  font-size: 1.1875rem;
  line-height: 1.375rem;
}

@media (min-width: 48em) {
  .DossierHeader-headline {
    font-size: 1.375rem;
    line-height: 1.5625rem;
  }
}

@media (min-width: 62em) {
  .DossierHeader-headline {
    font-size: 1.5625rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 80em) {
  .DossierHeader-headline {
    font-size: 1.75rem;
    line-height: 1.9375rem;
  }
}

.DossierHeader-social {
  margin-bottom: 80px;
}

/* ====================================
   Storystream
   ==================================== */
.Storystream {
  border-radius: 4px;
  overflow: hidden;
}

.Storystream-title {
  padding: 6px 15px;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #2a2a2a;
  background-color: #fb7701;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  text-transform: uppercase;
}

.Storystream-title span {
  color: #ffffff;
  float: right;
}

@media (min-width: 48em) {
  .Storystream-title {
    padding: 12px 40px;
    font-size: 1.375rem;
  }
}

.StoryStream-container {
  padding: 20px 40px 20px 15px;
  background-color: #f5f5f1;
}

@media (min-width: 48em) {
  .StoryStream-container {
    padding: 20px 40px;
  }
}

.Storystream-footer {
  padding: 12px 40px;
  background-color: #e0dfdf;
}

/* ====================================
   Everything related to Brands - listings, brand styling...
   ==================================== */
/*
    Listings
    ==================================== */
.ArticleItem--brandMain {
  background-color: #010101;
}

.ArticleItem--brandMain .ArticleItem-image {
  width: 100%;
  z-index: 100;
}

.ArticleItem--brandMain .ArticleItem-container {
  position: absolute;
  padding: 0 30px 20px;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 300;
}

.ArticleItem--brandMain .ArticleItem-fade:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0) 50%, rgba(1, 1, 1, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010101', endColorstr='#e6010101',GradientType=0 );
  z-index: 200;
}

.ArticleItem--brandMain .ArticleItem-fadeSides {
  position: relative;
}

.ArticleItem--brandMain .ArticleItem-fadeSides:before, .ArticleItem--brandMain .ArticleItem-fadeSides:after {
  content: '';
  position: absolute;
  width: 290px;
  top: 0;
  bottom: 0;
}

.ArticleItem--brandMain .ArticleItem-fadeSides:before {
  left: 0;
  background: linear-gradient(to right, #010101 0%, rgba(1, 1, 1, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6010101', endColorstr='#00010101',GradientType=1 );
}

.ArticleItem--brandMain .ArticleItem-fadeSides:after {
  right: 0;
  background: linear-gradient(to right, rgba(1, 1, 1, 0) 0%, #010101 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010101', endColorstr='#e6010101',GradientType=1 );
}

.ArticleItem--brandMain .ArticleItem-fadeSides .ArticleItem-author {
  margin: 5px 0 0;
}

.ArticleItem--brandMain .ArticleItem-title {
  color: #ffffff;
  text-shadow: 0 1px 7px rgba(0, 0, 0, 0.5);
  display: block;
  max-width: 560px;
  margin: 20px auto;
}

.ArticleItem--brandMain .ArticleItem-CTA {
  display: inline-block;
  margin-bottom: 20px;
  padding: 4px 20px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 1.625rem;
  line-height: 1.9375rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  text-shadow: 0 1px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.5);
}

.ArticleItem--brandMain .Timestamp {
  color: #ffffff;
}

/*
    Equal Height Items
    ==================================== */
.Brand-equalHeightItems {
  width: 100%;
  margin-bottom: 30px;
}

.Brand-equalHeightItems .ArticleItem {
  margin-bottom: 0;
  height: 100%;
}

.Brand-equalHeightItems .ArticleItem-imageWrapper {
  height: 100%;
  width: 900%;
  margin-left: -400%;
  text-align: center;
}

.Brand-equalHeightItems .ArticleItem--brandFullImage .ArticleItem-image,
.Brand-equalHeightItems .Brand-equalHeightItems-v12 .ArticleItem-image {
  height: 100%;
  width: auto;
  max-width: none;
}

.Brand-equalHeightItems .ArticleItem--brandFullImage .ArticleItem-imageWrapper {
  height: 400px;
}

@media (min-width: 48em) {
  .Brand-equalHeightItems .ArticleItem--brandFullImage .ArticleItem-imageWrapper {
    height: 100%;
  }
}

.Brand-equalHeightItems .ArticleItem--brandFullImage .ArticleItem-image {
  width: auto;
  height: 100%;
  top: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (min-width: 48em) {
  .Brand-equalHeightItems .ArticleItem--brandFullImage .ArticleItem-image {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: static;
  }
}

@media (min-width: 48em) {
  .Brand-equalHeightItems {
    display: table;
    height: 400px;
    table-layout: fixed;
  }
}

@media (min-width: 80em) {
  .Brand-equalHeightItems {
    height: 550px;
  }
}

.ArticleItem--brandFullImage.ArticleItem--smallWidth100 {
  height: 400px;
}

.ArticleItem--brandFullImage.ArticleItem--smallWidth100 .ArticleItem-image {
  width: 100%;
  height: auto;
}

@media (min-width: 48em) {
  .ArticleItem--brandFullImage.ArticleItem--smallWidth100 .ArticleItem-image {
    width: auto;
    height: 100%;
  }
}

@media (min-width: 48em) {
  .ArticleItem--brandFullImage.ArticleItem--smallWidth100 {
    height: auto;
  }
}

.ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight .ArticleItem-imageWrapper {
  margin-top: -20%;
  margin-bottom: -20%;
}

@media (min-width: 62em) {
  .ArticleItem--brandFullImage.ArticleItem--reduceMobileHeight .ArticleItem-imageWrapper {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.Brand-equalHeightItems--smaller {
  height: 528px;
}

@media (min-width: 48em) {
  .Brand-equalHeightItems-23,
  .Brand-equalHeightItems-13 {
    display: table-cell;
    vertical-align: top;
    height: 100%;
  }
}

.Brand-equalHeightItems-23 {
  padding: 0 15px;
}

.Brand-equalHeightItems-23:first-child {
  margin-bottom: 30px;
}

@media (min-width: 48em) {
  .Brand-equalHeightItems-23:first-child {
    width: 66.5%;
    margin-bottom: 0;
  }
}

@media (min-width: 48em) {
  .Brand-equalHeightItems-23 {
    height: 415px;
    width: 66.66666667%;
    height: auto;
  }
}

.Brand-equalHeightItems-13 {
  padding: 0 15px;
}

.Brand-equalHeightItems-13:first-child {
  margin-bottom: 30px;
}

@media (min-width: 48em) {
  .Brand-equalHeightItems-13:first-child {
    width: 33.2%;
    margin-bottom: 0;
  }
}

@media (min-width: 48em) {
  .Brand-equalHeightItems-13 {
    width: 33.33333333%;
  }
}

/* Vertical */
.Brand-equalHeightItems-v12:first-child {
  padding-bottom: 15px;
}

.Brand-equalHeightItems-v12:last-child {
  padding-top: 15px;
}

@media (min-width: 48em) {
  .Brand-equalHeightItems-v12 {
    height: 50%;
  }
}

.Brand-banner {
  text-align: center;
  margin-bottom: 30px;
}

/*
    Archive on brand page
    ==================================== */
.Brand-archive {
  position: relative;
}

.Brand-archiveActions {
  position: absolute;
  bottom: 50px;
  left: 0;
  z-index: 100;
}

.Brand-archiveAction {
  display: inline-block;
  width: 220px;
}

.Brand-archiveAction:first-child {
  width: 480px;
  margin-right: 30px;
}

/* ====================================
   Brand Default
   ==================================== */
.Brand .ArticleItem--brandMain .ArticleItem-imageWrapper {
  margin-left: -70px;
  margin-right: -70px;
}

@media (min-width: 48em) {
  .Brand .ArticleItem--brandMain .ArticleItem-imageWrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

.Brand .ArticleItem--brandMain .ArticleItem-fade {
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 48em) {
  .Brand .ArticleItem--brandMain .ArticleItem-fade {
    margin-left: 0;
    margin-right: 0;
  }
}

.Brand .ArticleItem--brandMain .ArticleItem-fadeSides:before, .Brand .ArticleItem--brandMain .ArticleItem-fadeSides:after {
  opacity: .2;
}

@media (min-width: 48em) {
  .Brand .ArticleItem--brandMain .ArticleItem-fadeSides:before, .Brand .ArticleItem--brandMain .ArticleItem-fadeSides:after {
    opacity: 1;
  }
}

.Brand .ArticleItem-category a {
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.05rem;
  font-weight: 700;
}

@media (min-width: 62em) {
  .Brand .ArticleItem-category a {
    font-size: 1.125rem;
    letter-spacing: 0.07625rem;
  }
}

.Brand .ArticleItem-category--box {
  margin: 15px 30px;
}

.Brand .ArticleItem-category--box a {
  color: #ffffff;
  border-radius: 3px;
  padding: 3px 5px;
}

@media (min-width: 62em) {
  .Brand .ArticleItem-category--box a {
    padding: 6px 10px;
  }
}

.Brand .ArticleItem--brandFullImage {
  border-radius: 3px;
  overflow: hidden;
}

.Brand .ArticleItem--brandFullImage .ArticleItem-infoWrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.Brand .ArticleItem--brandFullImage .ArticleItem-title {
  padding: 0 30px 20px;
  letter-spacing: -0.01875rem;
}

.Brand .ArticleItem--brandFullImage a {
  color: #ffffff;
}

.Brand .ArticleItem--brandFullImage:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010101', endColorstr='#e6010101',GradientType=0 );
  z-index: 50;
}

.Brand .ArticleItem--brandVertical {
  overflow: hidden;
  box-sizing: content-box;
}

.Brand .ArticleItem--brandVertical .ArticleItem-title {
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: -0.014375rem;
}

@media (min-width: 62em) {
  .Brand .ArticleItem--brandVertical .ArticleItem-title {
    font-size: 2rem;
    line-height: 2rem;
  }
}

.Brand .ArticleItem--brandHorizontal {
  overflow: hidden;
}

.Brand .ArticleItem--brandHorizontal .ArticleItem-title {
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: -0.014375rem;
  margin-bottom: 5px;
}

@media (min-width: 62em) {
  .Brand .ArticleItem--brandHorizontal .ArticleItem-title {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 15px;
  }
}

.Brand .Brand-categoryTitle {
  position: relative;
  color: #ffffff;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-size: 1.625rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.9375rem;
  letter-spacing: 0.099375rem;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 30px;
}

.Brand .Brand-categoryTitle span {
  display: inline-block;
  padding: 4px 20px;
  border: 2px solid #e0dfdf;
}

.Brand .Brand-categoryTitle:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: -1;
}

.Brand .ArticleItem--brandVerticalCategory .ArticleItem-title {
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: -0.031875rem;
}

@media (min-width: 62em) {
  .Brand .ArticleItem--brandVerticalCategory .ArticleItem-title {
    font-size: 1.625rem;
    line-height: 1.875rem;
  }
}

.Brand .Quote-text {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (min-width: 48em) {
  .Brand .Quote-text {
    font-size: 1.375rem;
    line-height: 2rem;
  }
}

@media (min-width: 62em) {
  .Brand .Quote-text {
    font-size: 1.375rem;
    line-height: 2rem;
  }
}

@media (min-width: 80em) {
  .Brand .Quote-text {
    font-size: 2.1875rem;
    line-height: 2.625rem;
    letter-spacing: -0.063125rem;
  }
}

.Brand .ArticleItem--brandHorizontal3 .ArticleItem-category {
  margin-bottom: 10px;
}

.Brand .ArticleItem--brandHorizontal3 .ArticleItem-number {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-size: 1.875rem;
  line-height: 2.125rem;
  margin-bottom: 10px;
}

@media (min-width: 62em) {
  .Brand .ArticleItem--brandHorizontal3 .ArticleItem-number {
    margin-bottom: 30px;
  }
}

.Brand .ArticleItem--brandHorizontal3 .ArticleItem-title {
  margin: 0 0 7px;
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: -0.014375rem;
}

@media (min-width: 62em) {
  .Brand .ArticleItem--brandHorizontal3 .ArticleItem-title {
    margin: 0 0 15px;
    font-size: 2rem;
    line-height: 2.4375rem;
  }
}

.Brand .ArticleItem--brandHorizontal3 .ArticleItem-description {
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 7px;
}

@media (min-width: 62em) {
  .Brand .ArticleItem--brandHorizontal3 .ArticleItem-description {
    margin-bottom: 15px;
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
}

.Brand .ArticleItem--brandTitleDescription .ArticleItem-title {
  margin: 10px 0 4px;
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: -0.031875rem;
}

@media (min-width: 62em) {
  .Brand .ArticleItem--brandTitleDescription .ArticleItem-title {
    margin: 15px 0 20px;
    font-size: 1.625rem;
    line-height: 1.875rem;
  }
}

.Brand .ArticleItem--brandTitleDescription .ArticleItem-description {
  font-size: 1rem;
  line-height: 1.25rem;
}

@media (min-width: 62em) {
  .Brand .ArticleItem--brandTitleDescription .ArticleItem-description {
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
}

/* ====================================
   Test Brand 1
   ==================================== */
.Brand--testBrand1 .ArticleItem-title {
  font-family: "toti_serif", "Times New Roman", Times, serif;
}

.Brand--testBrand1 .Timestamp {
  text-transform: none;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-style: italic;
}

.Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-title {
  margin: 14px auto;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 400;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-title {
    margin: 20px auto;
    font-size: 2.5rem;
    line-height: 3.125rem;
    font-weight: 800;
  }
}

.Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
  margin-bottom: 7px;
  color: #C29E65;
  border-color: #C29E65;
  font-size: 1rem;
  line-height: 1rem;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-CTA {
    margin-bottom: 20px;
    font-size: 1.625rem;
    line-height: 1.9375rem;
  }
}

.Brand--testBrand1 .ArticleItem--brandMain .ArticleItem-author {
  color: #fb7701;
}

.Brand--testBrand1 .ArticleItem--brandMain .Timestamp {
  display: inline;
}

.Brand--testBrand1 .ArticleItem--brandMain .Timestamp:before {
  content: '';
  display: block;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandMain .Timestamp {
    display: block;
  }
}

.Brand--testBrand1 .ArticleItem-category a {
  color: #C29E65;
}

.Brand--testBrand1 .ArticleItem-category--box a {
  background-color: #C29E65;
  color: #ffffff;
}

.Brand--testBrand1 .ArticleItem--brandFullImage .ArticleItem-infoWrapper {
  margin-bottom: 40px;
  border-bottom: 1px solid #ffffff;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandFullImage .ArticleItem-infoWrapper {
    margin-bottom: 51px;
  }
}

.Brand--testBrand1 .ArticleItem--brandFullImage .ArticleItem-title {
  margin-top: 7px;
}

.Brand--testBrand1 .ArticleItem--brandFullImage .ArticleItem-title a {
  color: #ffffff;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandFullImage .ArticleItem-title {
    margin-top: 15px;
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
}

.Brand--testBrand1 .ArticleItem--brandFullImage .Timestamp {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  z-index: 300;
  margin: 13px 30px;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandFullImage .Timestamp {
    margin: 15px 30px;
  }
}

.Brand--testBrand1 .ArticleItem--brandFullImage .ArticleItem-author {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 13px 30px;
  z-index: 300;
  color: #fb7701;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandFullImage .ArticleItem-author {
    margin: 15px 30px;
  }
}

.Brand--testBrand1 .ArticleItem--brandVertical {
  border-radius: 3px;
  border: 1px solid #e0dfdf;
}

.Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-description {
  display: none;
}

.Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-title {
  margin-bottom: 3px;
  margin-top: 0;
  padding: 0 15px;
  z-index: 100;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-title {
    padding: 0 30px 15px;
    margin-top: 15px;
  }
}

@media (min-width: 80em) {
  .Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-title {
    margin-bottom: 55px;
  }
}

.Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-category {
  margin: 7px 15px 0;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-category {
    margin: 15px 30px;
  }
}

.Brand--testBrand1 .ArticleItem--brandVertical .Timestamp {
  margin: 3px 15px;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandVertical .Timestamp {
    margin: 3px 30px;
  }
}

@media (min-width: 80em) {
  .Brand--testBrand1 .ArticleItem--brandVertical .Timestamp {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 300;
    margin: 15px 30px;
  }
}

.Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-author {
  margin: 2px 15px 15px;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-author {
    margin: 2px 30px 15px;
  }
}

@media (min-width: 80em) {
  .Brand--testBrand1 .ArticleItem--brandVertical .ArticleItem-author {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 15px 30px;
    z-index: 300;
  }
}

.Brand--testBrand1 .ArticleItem--brandHorizontal {
  border-radius: 3px;
  border: 1px solid #e0dfdf;
}

.Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-description {
  padding: 10px 30px 0 0;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-top: 7px;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-description {
    padding: 0 30px 0 0;
    margin-top: 0;
    font-size: 1.125rem;
    line-height: 1.625rem;
    clear: left;
  }
}

@media (min-width: 80em) {
  .Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-description {
    margin-bottom: 40px;
  }
}

.Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-title {
  display: inline-block;
  margin-top: 0;
  padding: 0 30px 0 0;
  width: 50%;
  z-index: 100;
}

@media (min-width: 48em) {
  .Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-title {
    width: auto;
  }
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-title {
    display: block;
    margin-top: 10px;
  }
}

.Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-category {
  margin: 7px 15px 5px 0;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-category {
    margin: 15px 15px 10px 0;
  }
}

.Brand--testBrand1 .ArticleItem--brandHorizontal .Timestamp {
  margin: 5px 0;
}

@media (min-width: 80em) {
  .Brand--testBrand1 .ArticleItem--brandHorizontal .Timestamp {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 15px 30px 15px 15px;
    z-index: 300;
  }
}

@media (min-width: 80em) {
  .Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-author {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 15px 30px;
    z-index: 300;
  }
}

.Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-leftSide {
  float: left;
  display: block;
}

@media (min-width: 48em) {
  .Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-leftSide {
    float: none;
    display: table-cell;
  }
}

.Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-rightSide {
  width: auto;
  display: block;
}

@media (min-width: 48em) {
  .Brand--testBrand1 .ArticleItem--brandHorizontal .ArticleItem-rightSide {
    display: table-cell;
    width: 50%;
  }
}

.Brand--testBrand1 .Brand-categoryTitle span {
  background-color: #C29E65;
}

.Brand--testBrand1 .Brand-categoryTitle:before {
  border-top: 1px solid #C29E65;
}

.Brand--testBrand1 .ArticleItem--brandVerticalCategory .ArticleItem-title {
  margin: 10px 0 5px;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandVerticalCategory .ArticleItem-title {
    margin: 20px 0 15px;
  }
}

.Brand--testBrand1 .ArticleItem--brandVerticalCategory .Timestamp {
  padding-bottom: 5px;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandVerticalCategory .Timestamp {
    padding-bottom: 15px;
  }
}

.Brand--testBrand1 .Brand-archive .LargeTitle {
  color: #C29E65;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  margin-bottom: 20px;
}

.Brand--testBrand1 .Brand-archive .LargeTitle span:before {
  background-color: #C29E65;
  bottom: 30px;
}

@media (min-width: 48em) {
  .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    bottom: 6px;
  }
}

@media (min-width: 62em) {
  .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    bottom: 13px;
  }
}

@media (min-width: 80em) {
  .Brand--testBrand1 .Brand-archive .LargeTitle span:before {
    bottom: 20px;
  }
}

.Brand--testBrand1 .Brand-archive .LargeTitle-wrapButton {
  bottom: 20px;
}

@media (min-width: 48em) {
  .Brand--testBrand1 .Brand-archive .LargeTitle-wrapButton {
    bottom: 10px;
  }
  .Brand--testBrand1 .Brand-archive .LargeTitle-wrapButton .Button--tab, .Brand--testBrand1 .Brand-archive .LargeTitle-wrapButton .Button--tabStandalone {
    padding: 2px 15px;
    font-size: 1.25rem;
  }
}

@media (min-width: 62em) {
  .Brand--testBrand1 .Brand-archive .LargeTitle-wrapButton {
    bottom: 17px;
  }
  .Brand--testBrand1 .Brand-archive .LargeTitle-wrapButton .Button--tab, .Brand--testBrand1 .Brand-archive .LargeTitle-wrapButton .Button--tabStandalone {
    padding: 6px 15px 6px 20px;
    font-size: 1.5rem;
  }
}

@media (min-width: 80em) {
  .Brand--testBrand1 .Brand-archive .LargeTitle-wrapButton {
    bottom: 20px;
  }
}

.Brand--testBrand1 .Brand-archive .Button {
  background-color: #C29E65;
  border: none;
}

.Brand--testBrand1 .Brand-archive .Button .fa {
  color: #2a2a2a;
}

.Brand--testBrand1 .Brand-archive .Button:hover, .Brand--testBrand1 .Brand-archive .Button:focus {
  color: #2a2a2a;
  outline: 0;
}

.Brand--testBrand1 .Quote {
  margin: 50px 0 50px;
}

@media (min-width: 80em) {
  .Brand--testBrand1 .Quote {
    margin: 100px 0 50px;
  }
}

.Brand--testBrand1 .Quote-text {
  color: #C29E65;
}

.Brand--testBrand1 .ArticleItem--brandHorizontal3 .Timestamp {
  display: inline-block;
}

.Brand--testBrand1 .ArticleItem--brandHorizontal3 .Button {
  margin-bottom: 3px;
}

.Brand--testBrand1 .ArticleItem--brandTitleDescription .ArticleItem-author {
  margin: 7px 0 0;
}

@media (min-width: 62em) {
  .Brand--testBrand1 .ArticleItem--brandTitleDescription .ArticleItem-author {
    margin: 15px 0 0;
  }
}

.Brand--testBrand1 .MagazineBar {
  margin-bottom: 20px;
}

.Brand--testBrand1 .MagazineInfo {
  background-color: #C29E65;
  overflow: hidden;
}

.Brand--testBrand1 .MagazineBar-page--info {
  background-color: #C29E65;
}

/* ====================================
   Test Brand 2
   ==================================== */
.Brand--testBrand2 .ArticleItem-title {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
}

.Brand--testBrand2 .Timestamp {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-size: 1rem;
}

.Brand--testBrand2 .ArticleItem--brandMain .ArticleItem-title {
  font-weight: 700;
}

@media (min-width: 62em) {
  .Brand--testBrand2 .ArticleItem--brandMain .ArticleItem-title {
    font-weight: 800;
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
}

.Brand--testBrand2 .ArticleItem--brandMain .ArticleItem-author {
  color: #F16236;
}

.Brand--testBrand2 .ArticleItem-category a {
  color: #F16236;
}

.Brand--testBrand2 .ArticleItem-category--box a {
  background-color: #F16236;
  color: #ffffff;
}

.Brand--testBrand2 .ArticleItem--brandFullImage .ArticleItem-title {
  margin-bottom: 7px;
  font-weight: 700;
}

@media (min-width: 62em) {
  .Brand--testBrand2 .ArticleItem--brandFullImage .ArticleItem-title {
    font-size: 2.5rem;
    line-height: 2.625rem;
    font-weight: 800;
  }
}

.Brand--testBrand2 .ArticleItem--brandFullImage .Timestamp {
  display: none;
}

.Brand--testBrand2 .ArticleItem--brandFullImage .ArticleItem-author {
  position: absolute;
  bottom: 0;
  left: 30px;
  z-index: 110;
  color: #F16236;
}

.Brand--testBrand2 .ArticleItem--brandFullImage .ArticleItem-infoWrapper {
  bottom: 15px;
}

@media (min-width: 62em) {
  .Brand--testBrand2 .ArticleItem--brandFullImage .ArticleItem-infoWrapper {
    bottom: 30px;
  }
}

.Brand--testBrand2 .ArticleItem--brandVertical .ArticleItem-description {
  line-height: 1.375rem;
}

.Brand--testBrand2 .ArticleItem--brandVertical .ArticleItem-title {
  margin: 7px 0 15px;
}

.Brand--testBrand2 .ArticleItem--brandVertical .ArticleItem-category {
  margin: 15px 0 7px;
}

.Brand--testBrand2 .ArticleItem--brandVertical .Timestamp {
  z-index: 300;
  margin: 15px 0;
}

.Brand--testBrand2 .ArticleItem--brandHorizontal .ArticleItem-title {
  margin-top: 7px;
}

.Brand--testBrand2 .ArticleItem--brandHorizontal .ArticleItem-category {
  margin: 15px 0 7px;
}

.Brand--testBrand2 .ArticleItem--brandHorizontal .Timestamp {
  margin: 15px 0 15px;
}

.Brand--testBrand2 .Brand-categoryTitle span {
  background-color: #F16236;
}

.Brand--testBrand2 .Brand-categoryTitle:before {
  border-top: 1px solid #F16236;
}

.Brand--testBrand2 .ArticleItem--brandVerticalCategory .ArticleItem-title {
  margin: 25px 0;
  font-weight: 700;
}

.Brand--testBrand2 .ArticleItem--brandVerticalCategory .Timestamp {
  display: none;
}

.Brand--testBrand2 .Quote {
  margin: 61px 0 50px;
}

.Brand--testBrand2 .Quote-text {
  color: #F16236;
}

.Brand--testBrand2 .MagazineInfo {
  background-color: #F16236;
}

/**
 * Developing story
 */
.DevelopingStory {
  position: relative;
  margin-top: 53px;
}

.DevelopingStory:before, .DevelopingStory:after {
  content: " ";
  display: block;
}

.DevelopingStory:after {
  clear: both;
}

@media (min-width: 80em) {
  .DevelopingStory {
    margin-top: 53px;
  }
}

.DevelopingStory-header {
  position: relative;
  height: calc(100vh - 303px);
  background-color: #000000;
  min-height: 250px;
  overflow: hidden;
  /* Chrome repainting bug fix */
  -webkit-transform: translate3d(0, 0, 0);
}

@media (min-width: 62em) {
  .DevelopingStory-header {
    margin-left: 20%;
  }
}

.DevelopingStory-heroImage {
  width: 100%;
  height: 100%;
  opacity: .8;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}

.DevelopingStory-heroImg {
  position: absolute;
  width: auto;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  max-width: 10000px;
}

@media (min-width: 37.4375em) {
  .DevelopingStory-heroImg {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
}

.DevelopingStroy-content {
  width: 100%;
}

@media (min-width: 62em) {
  .DevelopingStroy-content {
    padding-left: 20%;
    float: left;
  }
}

.DevelopingStroy-inner {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 30px;
}

.DevelopingStory-headerLead .SocialVertical {
  margin: 10px auto 0;
}

@media (min-width: 62em) {
  .DevelopingStory-headerLead .SocialVertical {
    margin: 45px auto;
  }
}

.DevelopingStory-headerLead .ArticleLead {
  margin-bottom: 0;
}

.DevelopingStory-headerLead .ArticleLead-container {
  border-bottom: 0;
  padding: 5px 0 30px;
}

@media (min-width: 48em) {
  .DevelopingStory-headerLead .ArticleLead-container {
    padding: 20px 0;
  }
}

@media (min-width: 62em) {
  .DevelopingStory-headerLead .ArticleLead-container {
    margin: 25px 0 0;
  }
}

@media (min-width: 62em) {
  .DevelopingStory-headerLead {
    margin-left: 20%;
  }
}

.DevelopingStory-title {
  bottom: 60px;
  left: 0;
  right: 0;
  position: absolute;
}

.DevelopingStory-headerWrapButton {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: -25px;
}

.ArticleTitle--developing {
  max-width: 746.666666667px;
  position: static;
}

.DevelopingStory-sidebar {
  background-color: #191919;
  text-align: right;
  overflow: auto;
}

@media (min-width: 62em) {
  .DevelopingStory-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 20%;
    padding-top: 75px;
  }
}

.DevelopingStory-sidebarContainer {
  padding: 30px;
  text-align: left;
}

@media (min-width: 62em) {
  .DevelopingStory-sidebarContainer {
    display: inline-block;
    max-width: 340px;
    padding-left: 10px;
  }
}

@media (min-width: 80em) {
  .DevelopingStory-sidebarContainer {
    padding-left: 30px;
  }
}

.DevelopingStory-container {
  position: relative;
  padding: 30px 0;
  background-color: #f5f5f1;
}

.DevelopingStory-container .DevelopingTitle:first-child {
  margin-top: 5px;
}

/*
    Developing Story Item
    ==================================== */
.DevelopingStoryItem {
  margin-bottom: 25px;
  box-shadow: 0 1px 3px rgba(183, 183, 183, 0.5);
  border-radius: 4px;
  background-color: #ffffff;
}

.DevelopingStoryItem-time {
  text-align: center;
  font-size: 1rem;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  padding: 7px 0;
  border-bottom: 2px solid #d2d2d2;
}

@media (min-width: 48em) {
  .DevelopingStoryItem-time {
    display: inline-block;
    width: 130px;
    padding: 50px 0;
    float: left;
    border-bottom: 0;
  }
}

@media (min-width: 48em) {
  .DevelopingStoryItem-contentWrapper {
    margin-left: 130px;
    border-left: 2px solid #d2d2d2;
  }
  .DevelopingStoryItem--highlighted .DevelopingStoryItem-contentWrapper {
    border-color: #fb7701;
  }
}

.DevelopingStoryItem-content {
  padding: 15px 20px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "toti_serif", "Times New Roman", Times, serif;
}

.DevelopingStoryItem-content a {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  color: #4a4a4a;
}

.DevelopingStoryItem-content a:hover, .DevelopingStoryItem-content a:active {
  text-shadow: 2px 2px 0 #ffffff, 2px 0 0 #ffffff;
  box-shadow: inset 0 0 0 0 #ffffff, inset 0 -2px 0 0 #4a4a4a, 0 1px 0 0 #4a4a4a;
}

.DevelopingStoryItem-content .title {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  color: #4a4a4a;
  text-shadow: 2px 2px 0 #ffffff, 2px 0 0 #ffffff;
  box-shadow: inset 0 0 0 0 #ffffff, inset 0 -2px 0 0 #4a4a4a, 0 1px 0 0 #4a4a4a;
}

@media (min-width: 48em) {
  .DevelopingStoryItem-content {
    padding: 30px 50px;
    font-size: 1.375rem;
    line-height: 2rem;
  }
}

.DevelopingStoryItem-image {
  width: 100%;
}

.DevelopingStoryItem-photo {
  padding: 0 20px 15px;
}

@media (min-width: 48em) {
  .DevelopingStoryItem-photo {
    padding: 0 50px 30px;
  }
}

.DevelopingStoryItem-embedSocial {
  padding: 0 20px 15px;
}

.DevelopingStoryItem-embedSocial > iframe {
  max-width: 100% !important;
}

@media (min-width: 48em) {
  .DevelopingStoryItem-embedSocial {
    padding: 0 50px 30px;
  }
}

.DevelopingStoryItem-social {
  padding: 0 20px 20px;
}

@media (min-width: 48em) {
  .DevelopingStoryItem-social {
    padding: 0 50px 50px;
  }
}

.DevelopingStory-wrapDevelopingTitle {
  margin-bottom: 30px;
}

/*
    Key Events
    ==================================== */
.KeyEvents {
  color: #ffffff;
}

.KeyEvents-wrapper {
  position: relative;
}

.KeyEvents-item {
  display: block;
  position: relative;
  padding: 15px 0 15px 55px;
  /*margin-left: 45px;*/
  border-top: 1px solid #232323;
}

.KeyEvents-item:first-child {
  border-top: 0;
}

.KeyEvents-item:before {
  content: '';
  display: block;
  top: 25px;
  left: 25px;
  bottom: -25px;
  border-left: 1px dashed #ffffff;
  position: absolute;
}

.KeyEvents-item:last-child:before {
  border-bottom: 1px dashed #ffffff;
  width: 25px;
  bottom: -50px;
  pointer-events: none;
}

.KeyEvents--inverse .KeyEvents-item {
  border-top: none;
}

.KeyEvents-mainTitle {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  text-transform: uppercase;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 800;
  position: relative;
  padding: 10px 10px 10px 55px;
}

.KeyEvents-mainTitle .Icon {
  position: absolute;
  left: 0;
  top: 0;
}

.KeyEvents-sectionTitle {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-style: italic;
  padding-left: 55px;
  margin-bottom: 23px;
  color: #fb7701;
}

.KeyEvents-time {
  position: relative;
  font-size: 1rem;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  /* circle on top of background circle, it has been replaced with favicon */
  /*&:after {
        content: '';
        display: block;
        position: absolute;
        width: 18px;
        height: 18px;
        left: -39px;
        top: 1px;
        border-radius: 50%;
        background-color: map_get($m-colorList, 'white');
        border: 1px solid map_get($m-colorList, 'black');

        .KeyEvents-item:active &,
        .KeyEvents-item:hover & {
            background-color: map_get($m-colorList, 'primary');
        }
    }*/
}

.KeyEvents-time:before {
  content: '';
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  left: -44px;
  top: -4px;
  border-radius: 50%;
  background-color: #4a4a4a;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.KeyEvents-item:active .KeyEvents-time:before,
.KeyEvents-item:hover .KeyEvents-time:before,
.KeyEvents-item.is-active .KeyEvents-time:before {
  background-color: #fb7701;
}

.KeyEvents-time .fa {
  color: #fb7701;
}

.KeyEvents-title {
  font-size: 1rem;
  line-height: 1.125rem;
  color: #9b9b9b;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.KeyEvents-item:active .KeyEvents-title,
.KeyEvents-item:hover .KeyEvents-title,
.KeyEvents-item.is-active .KeyEvents-title {
  color: #ffffff;
}

@media (min-width: 48em) {
  .KeyEvents-title {
    font-size: 1.4375rem;
    line-height: 1.5rem;
    font-weight: 700;
  }
}

@media (min-width: 62em) {
  .KeyEvents-title {
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: 400;
  }
}

@media (min-width: 80em) {
  .KeyEvents-title {
    font-size: 1.4375rem;
    line-height: 1.5rem;
    font-weight: 700;
  }
}

.KeyEvents-meta {
  margin-left: 55px;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  position: relative;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-style: italic;
}

@media (min-width: 48em) {
  .KeyEvents-meta {
    font-size: 1rem;
  }
}

@media (min-width: 62em) {
  .KeyEvents-meta {
    font-size: 0.875rem;
  }
}

@media (min-width: 80em) {
  .KeyEvents-meta {
    font-size: 1rem;
  }
}

.KeyEvents-numberIcon {
  position: absolute;
  padding-top: 6px;
  left: -46px;
  top: -5px;
  width: 32px;
  height: 32px;
  border: 1px solid #353535;
  border-radius: 50%;
  background-color: black;
  text-align: center;
  font-size: 0.875rem;
}

.KeyEvents-icon {
  position: absolute;
  color: #ffffff;
  width: 17px;
  text-align: center;
  left: 17px;
  top: 15px;
}

.KeyEvents-icon .fa-caret-down {
  font-size: 1.25rem;
}

.KeyEvents-item:hover .KeyEvents-icon .fa-caret-down,
.KeyEvents-item:active .KeyEvents-icon .fa-caret-down,
.KeyEvents-item.is-active .KeyEvents-icon .fa-caret-down {
  display: none;
}

.KeyEvents-icon .fa-circle {
  display: none;
}

.KeyEvents-item:hover .KeyEvents-icon .fa-circle,
.KeyEvents-item:active .KeyEvents-icon .fa-circle,
.KeyEvents-item.is-active .KeyEvents-icon .fa-circle {
  display: inline-block;
}

.KeyEvents-button {
  width: 100%;
  z-index: 10;
  position: relative;
}

@media (min-width: 48em) {
  .KeyEvents-button {
    width: auto;
    margin-left: 55px;
  }
}

.KeyEvents-button--right {
  margin-top: 7px;
  width: 100%;
}

.KeyEvents-button--right:before {
  content: '';
  display: block;
}

@media (min-width: 48em) {
  .KeyEvents-button--right:before {
    display: none;
  }
}

@media (min-width: 48em) {
  .KeyEvents-button--right {
    width: auto;
    float: right;
    margin-top: 0;
  }
}

.KeyEvents--inverse .KeyEvents-time {
  color: #4a4a4a;
}

.KeyEvents--inverse .KeyEvents-title {
  color: #4a4a4a;
}

.KeyEvents--inverse .KeyEvents-item:before {
  border-color: #4a4a4a !important;
}

.KeyEvents--inverse .KeyEvents-item:active .KeyEvents-title, .KeyEvents--inverse .KeyEvents-item:hover .KeyEvents-title {
  color: #4a4a4a;
}

/*
    Developing title
    ==================================== */
.DevelopingTitle:before, .DevelopingTitle:after {
  content: " ";
  display: block;
}

.DevelopingTitle:after {
  clear: both;
}

.DevelopingTitle-time {
  float: left;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-style: italic;
  text-align: center;
  padding: 6px 0;
  color: #2a2a2a;
  margin-right: 30px;
}

@media (min-width: 48em) {
  .DevelopingTitle-time {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
}

.DevelopingTitle-title {
  padding: 6px 0 14px;
  float: left;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #2a2a2a;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
}

@media (min-width: 48em) {
  .DevelopingTitle-title {
    padding: 6px 0;
    font-size: 1.4375rem;
    line-height: 1.5625rem;
    font-weight: 800;
  }
}

.DevelopingTitle-wrapButton {
  float: right;
}

.DevelopingStory-mute {
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 2rem;
  line-height: 1;
  min-width: 32px;
  text-align: center;
}

.DevelopingStory-mute:hover, .DevelopingStory-mute:focus {
  color: #ffffff;
  outline: 0;
}

.DevelopingStory-mute .DevelopingStory-muteOn {
  display: none;
}

.DevelopingStory-mute.is-muted .DevelopingStory-muteOff {
  display: none;
}

.DevelopingStory-mute.is-muted .DevelopingStory-muteOn {
  display: block;
}

.video-js > div,
.video-js > button {
  display: none;
}

.DevelopingArticle {
  background-color: #191919;
  margin-top: 75px;
  position: relative;
}

.DevelopingArticle-inner {
  min-height: 65vh;
}

.DevelopingArticle-hero {
  position: relative;
  overflow: hidden;
  width: 80%;
  float: left;
  position: absolute;
  right: 20%;
  left: 0;
  top: 0;
  bottom: 0;
}

.DevelopingArticle-hero:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 100;
}

.DevelopingArticle-hero:after {
  background: linear-gradient(to left, #191919 10%, rgba(25, 25, 25, 0) 100%);
  right: 0;
  left: 80%;
}

.DevelopingArticle-heroImg {
  display: block;
  min-height: 100%;
  max-width: none;
}

@media screen and (min-width: 1024px) {
  .DevelopingArticle-heroImg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.DevelopingArticle-text {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 110;
  text-align: center;
  padding: 25px;
}

.DevelopingArticle-title {
  font-size: 2.875rem;
  margin: 0;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

.DevelopingArticle-link {
  color: #fff;
}

.DevelopingArticle-actions {
  margin-top: 15px;
}

.DevelopingArticle-wrapKeyEvents {
  padding: 30px 30px 30px 80%;
}

/* ====================================
   Comments
   ==================================== */
.CommentsBox {
  border-bottom: 1px solid #e0dfdf;
  margin: 45px 0;
  overflow: hidden;
}

.CommentsBox--fuj {
  margin: 0;
}

.CommentsBox--profile {
  border-bottom: none;
  margin-bottom: 0;
}

.Comments {
  margin-top: 40px;
}

.Comments-footer {
  background-color: #e0dfdf;
  padding: 12px 20px;
  text-align: right;
  position: relative;
}

/*
    Comments Header
    ==================================== */
.CommentsHeader {
  background-color: #fb7701;
  border-bottom: 1px solid #fb5501;
  border-top: 1px solid #fb5501;
  position: relative;
}

.CommentsHeader--white {
  border-bottom-color: #e0dfdf;
  border-top-color: #e0dfdf;
}

.CommentsHeader-inner {
  display: table;
  height: 55px;
  position: relative;
  width: 100%;
}

.CommentsHeader-inner:before, .CommentsHeader-inner:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 100%;
  left: 15%;
  border-style: solid;
  z-index: 90;
}

@media (min-width: 62em) {
  .CommentsHeader-inner:before, .CommentsHeader-inner:after {
    left: 20%;
  }
}

.CommentsHeader-inner:before {
  border-color: transparent #dd4b01 transparent transparent;
  border-width: 0 33px 27px 0;
  margin-left: -2px;
}

.CommentsHeader-inner:after {
  border-color: transparent #fb7701 transparent transparent;
  border-width: 0 30px 25px 0;
}

@media (min-width: 62em) {
  .CommentsHeader-inner {
    height: 80px;
  }
}

.CommentsHeader--white {
  background: none #ffffff;
  box-shadow: 0 7px 12px rgba(0, 0, 0, 0.07);
}

.CommentsHeader--white .CommentsHeader-inner:after,
.CommentsHeader--white .CommentsHeader-inner:before {
  left: auto;
  right: 20%;
}

.CommentsHeader--white .CommentsHeader-inner:before {
  border-color: transparent transparent transparent #d1cfcf;
  border-width: 0 0 27px 33px;
  margin-left: 0;
  margin-right: -2px;
}

.CommentsHeader--white .CommentsHeader-inner:after {
  border-color: transparent transparent transparent #ffffff;
  border-width: 0 0 25px 30px;
}

.CommentsHeader-title {
  display: table-cell;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-size: 1rem;
  line-height: 1.125;
  letter-spacing: -0.003125rem;
  color: #2a2a2a;
  font-weight: 800;
  vertical-align: middle;
  text-transform: uppercase;
}

@media (min-width: 62em) {
  .CommentsHeader-title {
    font-size: 1.875rem;
    line-height: 1.1;
  }
}

.CommentsHeader-count {
  color: #ffffff;
  font-weight: 300;
}

.CommentsHeader-actions {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.CommentsHeader-actions .Button--tabStandalone {
  font-size: 0.875rem;
}

@media (min-width: 62em) {
  .CommentsHeader-actions .Button--tabStandalone {
    font-size: 1.125rem;
  }
}

.CommentsHeader-label {
  padding: 0 25px;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: 0.02375rem;
  color: #2a2a2a;
  text-transform: uppercase;
}

/*
    Comments Group
    ==================================== */
.CommentGroup-allComments {
  display: none;
}

.CommentGroup-allComments.is-visible {
  display: block;
}

/*
    Comments Item
    ==================================== */
.Comment {
  padding: 30px 0;
}

@media (min-width: 25em) {
  .Comment .col-md-7 {
    margin-left: calc(25% - 30px - 64px);
  }
}

@media (min-width: 62em) {
  .Comment .col-md-7 {
    margin-left: 0;
  }
}

.Comment .col-md-6 {
  margin-left: calc(33.33% - 30px - 64px);
}

@media (min-width: 62em) {
  .Comment .col-md-6 {
    margin-left: 0;
  }
}

.Comment .col-md-5 {
  margin-left: calc(41.67% - 30px - 64px);
}

@media (min-width: 62em) {
  .Comment .col-md-5 {
    margin-left: 0;
  }
}

.CommentsItem--author {
  background-color: #f5f5f1;
  border-bottom: 1px solid #e0dfdf;
  border-top: 1px solid #e0dfdf;
}

.CommentsItem--author .Comment-author {
  border-bottom-color: #ffffff;
}

.CommentsItem--author .PersonImage--comment {
  border-color: #fb7701;
}

.CommentsItem--author .PersonImage-img {
  border-color: #fead64;
}

.PersonImage--comment {
  width: 64px;
  max-width: 100%;
  height: auto;
}

.PersonImage--comment .PersonImage-img {
  border-width: 6px;
}

.PersonImage--small {
  width: 50px;
  height: 50px;
}

.PersonImage--small .PersonImage-img {
  border-width: 4px;
}

.Comment-author {
  padding-bottom: 10px;
  margin-bottom: 7px;
  border-bottom: 1px solid #e0dfdf;
  min-height: 80px;
}

@media (min-width: 62em) {
  .Comment-author {
    margin-bottom: 20px;
    min-height: 0;
  }
}

.Comment-authorTitle, .CommentRating-title {
  color: #fb7701;
  display: inline-block;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1875rem;
  vertical-align: middle;
  margin-right: 6px;
}

.Comment-wrapClubLabel,
.Comment-wrapTimestamp {
  display: inline-block;
  vertical-align: middle;
}

.Comment-text {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  color: #3f4549;
  margin-bottom: 10px;
  clear: left;
}

@media (min-width: 62em) {
  .Comment-text {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}

.Comment-bar:before, .Comment-bar:after {
  content: " ";
  display: block;
}

.Comment-bar:after {
  clear: both;
}

.Comment-voteResult {
  padding: 8px 0;
  color: #fb7701;
  float: left;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 24px;
}

@media (min-width: 62em) {
  .Comment-voteResult {
    padding: 2px 0;
    font-size: 0.8125rem;
  }
}

.Comment-actions {
  float: left;
  line-height: 24px;
  margin-left: 15px;
}

.Comment-action {
  margin-right: 10px;
  float: left;
  font-size: 0.8125rem;
  border: 1px solid silver;
  border-radius: 4px;
  padding: 7px 14px;
}

.Comment-action:last-child {
  margin-right: 0;
}

@media (min-width: 62em) {
  .Comment-action:last-child {
    padding-left: 0;
    border-left: none;
  }
}

.Comment-action:hover, .Comment-action:focus {
  color: #2a2a2a;
  outline: 0;
}

.Comment-action:hover .Comment-actionIcon, .Comment-action:focus .Comment-actionIcon {
  color: #fb7701;
}

@media (min-width: 62em) {
  .Comment-action {
    padding: 0 0 0 10px;
    border-radius: 0;
    border-left: 1px solid #fb7701;
    border-right: 0;
    border-bottom: 0;
    border-top: 0;
  }
}

.Comment-actionIcon {
  color: #9b9b9b;
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
}

.Comment-actionIcon--label {
  padding-right: 5px;
}

.Comment-actions--right {
  float: right;
  transition: opacity .2s ease;
}

.Comment:hover .Comment-actions--right {
  opacity: 1;
}

@media (min-width: 62em) {
  .Comment-actions--right {
    opacity: 0;
  }
}

.Comment-actions--right .Comment-action {
  border: 0;
}

.Comment-articleTitle {
  margin: 0 0 10px;
}

/*
    Club Label
    ==================================== */
.ClubLabel {
  display: block;
  padding: 2px 3px 1px;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #ffffff;
  border-radius: 3px;
  background-color: #FCA85E;
  border: 1px solid #fb7701;
  text-transform: uppercase;
}

/*
    CommentForm
    ==================================== */
.CommentForm {
  background-color: #f5f5f1;
  padding: 25px 0 15px 0;
}

.Comment + .CommentForm {
  border-bottom: 1px solid #e0dfdf;
  border-top: 1px solid #e0dfdf;
  padding: 15px 0;
}

@media (min-width: 48em) {
  .Comment + .CommentForm {
    padding: 30px 0;
  }
}

.CommentsItem--author + .CommentForm {
  border-top: none;
}

@media (min-width: 48em) {
  .CommentForm {
    padding: 40px 0 30px 0;
  }
}

.CommentForm-editor {
  background-color: #ffffff;
  border: 1px solid #e0dfdf;
  border-radius: 4px;
  overflow: hidden;
}

.CommentForm-textarea {
  padding: 10px 15px;
  width: 100%;
  border: none;
  background-color: transparent;
  display: block;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  resize: vertical;
}

@media (min-width: 48em) {
  .CommentForm-textarea {
    padding: 25px 20px;
  }
}

.CommentForm-tools {
  border-top: 1px solid #e0dfdf;
}

.CommentForm-tools:before, .CommentForm-tools:after {
  content: " ";
  display: block;
}

.CommentForm-tools:after {
  clear: both;
}

.CommentForm-tools .ql-active {
  color: #fb7701;
}

.CommentForm-tool {
  border-right: 1px solid #e0dfdf;
  float: left;
  line-height: 22px;
  min-width: 44px;
  text-align: center;
}

.CommentForm-toolLink {
  background-color: #f5f5f1;
  box-shadow: inset 1px 0 3px 0 rgba(0, 0, 0, 0.07);
  color: #4a4a4a;
  display: block;
  height: 34px;
  padding: 6px 10px;
}

.CommentForm-toolLink:hover, .CommentForm-toolLink:focus {
  background-color: #ffffff;
  outline: 0;
}

.CommentForm-bold {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 800;
  font-style: normal;
}

.CommentForm-italic {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-weight: 400;
  font-style: italic;
  width: 25px;
}

.CommentForm-emoji {
  display: inline-block;
  background: url(../images/cssimg/emoji.png) no-repeat;
  text-indent: -9999em;
  height: 22px;
  vertical-align: top;
  overflow: hidden;
  width: 20px;
}

.CommentForm-actons {
  margin-top: 15px;
}

.CommentForm-actons:before, .CommentForm-actons:after {
  content: " ";
  display: block;
}

.CommentForm-actons:after {
  clear: both;
}

@media (min-width: 48em) {
  .CommentForm-actons {
    margin-top: 30px;
  }
}

.CommentForm-actionLogin {
  float: left;
}

.CommentForm-actionSubmit {
  float: right;
}

.CommentForm-notification {
  margin-bottom: 10px;
}

.CommentForm-notification a {
  color: #fb7701;
  text-decoration: underline;
}

.CommentsTooltip {
  display: none;
  position: absolute;
  left: 50%;
  top: 20px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  min-width: 260px;
  z-index: 9999;
  padding-top: 20px;
}

.CommentsTooltip.is-visible {
  display: block;
}

.CommentsTooltip--top {
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}

.CommentsTooltip-outer {
  box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #e0dfdf;
  border-radius: 10px;
  position: relative;
}

.CommentsTooltip-outer:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #ffffff;
  border: 1px solid #e0dfdf;
  content: '';
  height: 24px;
  width: 24px;
  margin-left: -12px;
  position: absolute;
  left: 50%;
  top: -10px;
}

.CommentsTooltip--top .CommentsTooltip-outer:before {
  top: auto;
  bottom: -10px;
}

.CommentsTooltip-inner {
  background-color: #ffffff;
  border-radius: 10px;
  position: relative;
  padding: 15px;
  overflow: hidden;
}

.CommentRating-item {
  margin-top: 6px;
}

.CommentRating-item:first-child {
  margin-top: 0;
}

.CommentRating-avatar {
  display: inline-block;
  vertical-align: middle;
}

.CommentRating-title {
  color: #4a4a4a;
  margin-left: 10px;
}

.CommentRating-text {
  color: #fb7701;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 0;
}

.Comment-avatar {
  position: relative;
}

.Comment-wrapBubble {
  position: absolute;
  bottom: 0;
  right: 0;
}

.CommentsFW .CommentsBox {
  border-width: 1px 0 0 0;
  border-radius: 0;
}

.CommentsFW .CommentsBox:first-child {
  border: 0;
}

.ProfileMainNav {
  background-color: #f5f5f1;
  border-bottom: 1px solid #e0dfdf;
  position: relative;
}

.ProfileMainNav:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background-color: #ffffff;
  content: '';
}

.ProfileMainNav-list {
  display: block;
  width: 100%;
  margin-bottom: -1px;
  position: relative;
}

@media (min-width: 62em) {
  .ProfileMainNav-list {
    display: table;
  }
}

.ProfileMainNav-item {
  border-left: 1px solid #e0dfdf;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 62em) {
  .ProfileMainNav-item {
    display: table-cell;
    width: 14.2857142857%;
  }
}

@media (min-width: 62em) {
  .ProfileMainNav-item:first-child {
    border-left: none;
    padding-left: 1px;
  }
}

.ProfileMainNav-item:last-child {
  padding-right: 1px;
}

.ProfileMainNav-item.is-active {
  background-color: #ffffff;
}

.ProfileMainNav-item.is-active .ProfileMainNav-icon {
  color: #fb7701;
}

.ProfileMainNav-item.is-active:first-child {
  border-left: 1px solid #e0dfdf;
  padding-left: 0;
}

.ProfileMainNav-item.is-active:last-child {
  border-right: 1px solid #e0dfdf;
  padding-right: 0;
}

.ProfileMainNav-item.is-active .Icon--userM {
  background-position: -106px -153px;
}

.ProfileMainNav-item.is-active .Icon--userF {
  background-position: -50px -407px;
}

.ProfileMainNav-item .Icon--userM {
  background-position: -300px -240px;
}

.ProfileMainNav-item .Icon--userF {
  background-position: -300px -201px;
}

.ProfileMainNav-link {
  display: block;
  padding: 10px;
  position: relative;
}

@media (min-width: 62em) {
  .ProfileMainNav-link {
    padding: 20px;
  }
}

.ProfileMainNav-icon {
  color: #4a4a4a;
  font-size: 1.875rem;
  display: none;
  margin-bottom: 10px;
}

@media (min-width: 62em) {
  .ProfileMainNav-icon {
    display: block;
  }
}

.ProfileMainNav-wrapBubble {
  position: absolute;
  left: 90%;
  top: 50%;
  margin-top: -12px;
}

@media (min-width: 62em) {
  .ProfileMainNav-wrapBubble {
    left: 50%;
  }
}

.PersonImage--profile {
  height: 71px;
  width: 71px;
}

.PersonImage--profile .PersonImage-img {
  border-width: 6px;
}

@media (min-width: 62em) {
  .PersonImage--profile {
    height: 142px;
    width: 142px;
  }
  .PersonImage--profile .PersonImage-img {
    border-width: 12px;
  }
}

.UserProfile {
  padding-bottom: 100px;
}

.UserProfile-head {
  border-bottom: 1px solid #e0dfdf;
  box-shadow: 0 0 40px 0 rgba(173, 173, 173, 0.5);
  padding: 30px 0;
}

.UserProfile-head:before, .UserProfile-head:after {
  content: " ";
  display: block;
}

.UserProfile-head:after {
  clear: both;
}

.UserProfile-avatar {
  position: relative;
  float: left;
}

.UserProfile-upload {
  border: 1px solid #e0dfdf;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  text-align: center;
  line-height: 45px;
  font-size: 1.5rem;
  color: #fb7701;
  background-color: #ffffff;
}

.is-profile .UserProfile-upload {
  display: block;
}

.UserProfile-headText {
  overflow: hidden;
  padding-left: 30px;
}

.UserProfile-username {
  border-bottom: 1px solid #e0dfdf;
  color: #2a2a2a;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-size: 1.25rem;
  padding: 7px 0 7px 15px;
  margin: 0 0 0 -15px;
}

@media (min-width: 62em) {
  .UserProfile-username {
    font-size: 2.1875rem;
    padding: 15px 0 15px 30px;
  }
}

.UserProfile-side {
  margin-bottom: 40px;
  text-align: center;
}

.UserProfile-side .UserProfile-avatar {
  float: none;
}

.UserProfile-side .UserProfile-upload {
  left: 50%;
  margin-left: 30px;
}

.UserProfile-side .UserProfile-headText {
  padding-left: 0;
}

.UserProfile-side .UserProfile-username {
  border-bottom: none;
  margin: 10px 0 0;
  padding: 0;
  font-size: 1.5625rem;
}

.UserProfile-side .UserProfile-actions {
  padding: 0;
  margin-top: 15px;
}

.UserProfile-actions {
  padding: 15px 0;
}

.is-profile .UserProfile-actions {
  display: none;
}

.UserProfile-actions--profile {
  display: none;
}

.is-profile .UserProfile-actions--profile {
  display: block;
}

.UserProfile-date {
  font-size: 1rem;
  margin-bottom: 15px;
}

.UserProfile-wrapProfileBreadcrumbs {
  margin-bottom: 30px;
}

.UserProfile-wrapButtonGroup,
.UserProfile-wrapProfileBox {
  margin-top: 20px;
}

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

.UserProfile-wrapListingArticles {
  margin-top: 40px;
}

.UserProfile-wrapProfileTable {
  margin-top: 25px;
}

.UserProfile-content {
  margin-top: 30px;
}

.UserProfile-content .col-md-6:last-child .ArticleAuthor {
  margin-top: 35px;
}

@media (min-width: 62em) {
  .UserProfile-content .col-md-6:last-child .ArticleAuthor {
    margin-top: 0;
  }
}

.UserProfile-content .col-md-4 .DossierItem--standalone {
  margin-bottom: 35px;
}

@media (min-width: 62em) {
  .UserProfile-content .col-md-4 .DossierItem--standalone {
    margin-bottom: 0;
  }
}

.UserProfile-content .col-md-4:last-child .DossierItem--standalone {
  margin-bottom: 0;
}

.OfferGroup .col-md-4 .Offer {
  margin-bottom: 30px;
}

@media (min-width: 62em) {
  .OfferGroup .col-md-4 .Offer {
    margin-bottom: 0;
  }
}

.OfferGroup .col-md-4:last-child .Offer {
  margin-bottom: 0;
}

.UserProfile-cards {
  text-align: right;
  margin-bottom: 35px;
  padding: 0 15px;
}

.UserProfile-myCards,
.UserProfile-addCard {
  display: none;
}

.UserProfile-myCards.is-active,
.UserProfile-addCard.is-active {
  display: block;
}

.ProfileSideNav {
  background-color: #f5f5f1;
  border: 1px solid #e0dfdf;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 30px;
}

@media (min-width: 62em) {
  .ProfileSideNav {
    margin-bottom: 0;
  }
}

.ProfileSideNav-item {
  border-top: 1px solid #e0dfdf;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}

.ProfileSideNav-item:first-child {
  border-top: none;
}

.ProfileSideNav-item:first-child .ProfileSideNav-link {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.ProfileSideNav-item:last-child .ProfileSideNav-link {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ProfileSideNav-link {
  display: block;
  padding: 10px 50px 10px 10px;
}

@media (min-width: 62em) {
  .ProfileSideNav-link {
    padding: 20px 50px 20px 25px;
  }
}

.is-active > .ProfileSideNav-link {
  background-color: #ffffff;
}

.ProfileSideNav-wrapBubble {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.UserProfile-tab,
.UserProfile-innerTab {
  display: none;
}

.UserProfile-tab.is-active,
.UserProfile-innerTab.is-active {
  display: block;
}

.UserProfile-title {
  color: #2a2a2a;
  font-weight: 900;
  font-size: 1.875rem;
  margin: 60px 0 10px;
  border-bottom: 1px solid #e0dfdf;
  padding-bottom: 10px;
}

.UserProfile-title:first-child {
  margin-top: 0;
}

.UserProfile-count {
  color: #9b9b9b;
  font-weight: 300;
}

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

.UserProfile-text p a {
  color: #fb7701;
  text-decoration: underline;
}

.UserProfile-text--button {
  margin-top: 4px;
}

.ButtonGroup--vertical .ButtonGroup-item {
  margin-top: 10px;
}

.ButtonGroup--vertical .ButtonGroup-item:first-child {
  margin-top: 0;
}

.InputFile {
  background-color: #f5f5f1;
  border: 1px solid #c6c7c5;
  border-radius: 4px;
  display: inline-block;
  padding: 6px 15px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.875rem;
}

.InputFile-icon {
  margin-left: 5px;
}

.ProfileBox {
  border: 1px solid #e0dfdf;
  border-radius: 4px;
  overflow: hidden;
}

.ProfileBox-title {
  background-color: #f5f5f1;
  color: #2a2a2a;
  font-size: 1rem;
  text-transform: uppercase;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding: 15px 30px;
  margin: 2px 0 0;
  height: 60px;
  line-height: 30px;
}

.ProfileBox-subtitle {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  color: #2a2a2a;
  font-size: 1.125rem;
  margin: 0 0 10px 0;
  font-weight: 700;
}

.ProfileBox-icon {
  color: #4a4a4a;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 10px;
}

.ProfileBox-icon .Icon--userM {
  background-position: -300px -240px;
}

.ProfileBox-icon .Icon--userF {
  background-position: -300px -201px;
}

.ProfileBox-content {
  border-top: 1px solid #e0dfdf;
  padding: 30px;
}

.ProfileBox-content:first-child {
  border-top: none;
}

.ProfileBox-content p {
  font-size: 1.125rem;
  margin-bottom: 0;
}

.ProfileBox-content p a {
  color: #fb7701;
}

.ProfileBox-content li {
  font-size: 1.375rem;
  color: #2a2a2a;
}

.ProfileBox-foot {
  border-top: 1px solid #e0dfdf;
  padding: 20px 30px;
}

.ProfileBox-foot--alt {
  background-color: #f5f5f1;
}

.ProfileBox-cards {
  float: right;
}

.ProfileForm-row {
  margin-top: 20px;
}

.ProfileForm-row:first-child {
  margin-top: 0;
}

.ProfileForm-element {
  max-width: 420px;
  padding-right: 20px;
  position: relative;
}

.ProfileForm-group {
  position: relative;
}

.ProfileForm-group--multiple {
  margin: 0 -10px;
}

.ProfileForm-group--multiple:before, .ProfileForm-group--multiple:after {
  content: " ";
  display: block;
}

.ProfileForm-group--multiple:after {
  clear: both;
}

.ProfileForm-half {
  float: left;
  width: 50%;
  padding: 0 10px;
}

.ProfileForm-label {
  display: block;
  color: #a5a9b7;
}

.ProfileForm-input {
  width: 100%;
  padding: 8px 15px;
  font-weight: 700;
  border-radius: 4px;
  border: 1px solid #cecfcc;
}

.ProfileForm-input:focus {
  background-color: #f5f5f1;
  box-shadow: inset 1px 1px 3px rgba(122, 125, 128, 0.2);
  border-left: 3px solid #fb7701;
}

.has-error > .ProfileForm-input {
  border-color: #fb7701;
  padding-right: 125px;
}

.ProfileForm-link {
  color: #43abcd;
  font-weight: 700;
}

.ProfileForm-req {
  position: absolute;
  right: 0;
  bottom: 10px;
  color: #fb7701;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
}

.ProfileForm-error {
  color: #fb7701;
  position: absolute;
  right: 1px;
  top: 1px;
  padding: 8px 15px;
  font-weight: 700;
  display: none;
}

.has-error > .ProfileForm-error {
  display: block;
}

.ProfileForm-wrapButton,
.ProfileForm-wrapCheckbox {
  display: inline-block;
  vertical-align: middle;
}

.ProfileForm-wrapCheckbox {
  margin-left: 20px;
}

.ProfileForm-wrapCheckbox input[type="checkbox"] + label:before {
  width: 24px;
  height: 24px;
  top: 0;
}

.ProfileForm-wrapCheckbox input[type="checkbox"] + label:after {
  left: 5px;
  font-size: 0.875rem;
  top: 2px;
}

.ProfileForm-wrapCheckbox input[type="checkbox"] + label {
  padding-left: 36px;
  margin-bottom: 0;
  font-weight: 700;
}

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

.ProfileBox-checkbox,
.ProfileBox-radio {
  font-size: 1.125rem;
  margin: 0;
}

.ProfileBox-radio {
  font-weight: 700;
}

.ProfileForm-wrapRadioGroup {
  margin-top: 10px;
}

input[type="checkbox"] + .ProfileBox-checkbox:before {
  top: 0;
}

.RadioGroup-item {
  margin-top: 20px;
}

.RadioGroup-item:first-child {
  margin-top: 0;
}

.RadioGroup--horizontal:before, .RadioGroup--horizontal:after {
  content: " ";
  display: block;
}

.RadioGroup--horizontal:after {
  clear: both;
}

.RadioGroup--horizontal .RadioGroup-title {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  vertical-align: middle;
}

.RadioGroup--horizontal .RadioGroup-item {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  margin-left: 30px;
}

.RadioGroup--horizontal .RadioGroup-item:first-child {
  margin-left: 0;
}

.RadioGroup--horizontal .ProfileBox-radio {
  margin-right: 0;
}

.RadioGroup--horizontalSmall .RadioGroup-item {
  display: block;
  margin-left: 0;
  margin-top: 10px;
}

@media (min-width: 48em) {
  .RadioGroup--horizontalSmall .RadioGroup-item {
    display: inline-block;
    margin-left: 40px;
    margin-top: 0;
  }
}

.ProfileBreadcrumbs {
  border-bottom: 1px solid #e0dfdf;
  padding-bottom: 10px;
}

.ProfileBreadcrumbs-link {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-size: 1.375rem;
}

.ProfileBreadcrumbs-separator {
  color: #fb7701;
  padding: 0 3px;
}

.ProfileBreadcrumbs-item {
  color: #2a2a2a;
  font-size: 1.25rem;
}

.OfferGroup-row {
  border-top: 1px solid #e0dfdf;
  margin-top: 35px;
  padding-top: 35px;
}

.OfferGroup-row.u-noSeparator {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.Offer {
  border: 1px solid #e0dfdf;
  border-radius: 4px;
  overflow: hidden;
}

.Offer-kv {
  position: relative;
}

.Offer-wrapPercentage {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.Offer-text {
  padding: 20px;
}

.Offer-text p {
  margin: 0;
}

.Offer-text p a {
  color: #fb7701;
}

.Offer-title {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-size: 2.125rem;
  font-weight: 300;
  margin: 0 0 15px;
}

.Offer-logo {
  margin: 0 auto 24px;
  display: block;
}

.Offer-footer {
  background-color: #f5f5f1;
}

.Offer-footer,
.Offer-infoWrap {
  border-top: 1px solid #e0dfdf;
  padding: 15px 20px;
}

.Offer-info {
  font-size: 1rem;
  font-weight: 700;
  padding: 7px 0;
  display: block;
}

.Offer-info strong {
  color: #fb7701;
}

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

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

.OfferSmall {
  background-color: #f5f5f1;
  padding: 20px;
}

.OfferSmall:before, .OfferSmall:after {
  content: " ";
  display: block;
}

.OfferSmall:after {
  clear: both;
}

.OfferSmall-kv {
  float: right;
  margin: 0 0 10px 10px;
  border-radius: 50%;
}

.OfferSmall-icon {
  margin-top: 20px;
}

.OfferSmall-title {
  color: #2a2a2a;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-size: 2.375rem;
  font-weight: 300;
  margin: 20px 0 0;
}

.OfferSmall-title strong {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 800;
}

.OfferSmall-text {
  margin-top: 10px;
}

.OfferSmall-text p {
  margin: 0;
}

.OfferSmall-text p a {
  color: #fb7701;
}

.OfferSmall-text--alt {
  margin-top: 0;
  text-align: center;
  font-weight: 700;
}

.OfferSmall-wrapButton {
  margin-top: 25px;
}

.OfferSmall-wrapButton + .OfferSmall-text {
  margin-top: 30px;
}

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

.OfferSmall-logo {
  margin: 0 auto 34px;
  display: block;
}

.OfferLarge {
  border: 1px solid #e0dfdf;
  border-radius: 4px;
  background-color: #f5f5f1;
  padding: 20px;
  display: table;
  width: 100%;
}

.OfferLarge-text {
  display: table-cell;
  padding: 20px;
  vertical-align: middle;
}

.OfferLarge-text p {
  font-size: 1.375rem;
  font-weight: 700;
  margin: 25px 0 0;
}

.OfferLarge-kv {
  display: none;
  vertical-align: middle;
  padding: 20px;
}

@media (min-width: 62em) {
  .OfferLarge-kv {
    display: table-cell;
  }
}

.OfferLarge-kv img {
  border-radius: 50%;
  border: 15px solid #fff;
}

.OfferLarge-title {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
  font-size: 2.5rem;
  margin: 30px 0 0;
}

.OfferLarge-title--alt {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.OfferLarge-title--alt strong {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  text-transform: uppercase;
  font-weight: 800;
}

.OfferLarge-subtitle {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 10px 0 0;
}

.OfferLarge-subtitle a {
  color: #fb7701;
}

.OfferLarge-wrapButton {
  margin-top: 35px;
}

.Newsletter--alt {
  max-width: 380px;
}

.Newsletter--alt .Newsletter-input {
  border: 1px solid #cbcccc;
  border-right-width: 0;
  font-size: 1rem;
  padding-bottom: 7px;
  padding-top: 7px;
}

.Newsletter--alt .Newsletter-button {
  font-size: 1rem;
  padding-bottom: 8px;
  padding-top: 8px;
}

.Newsletter--alt input[type="checkbox"] + label:before {
  background-color: #fff;
}

.Newsletter--pledge {
  max-width: none;
}

.Newsletter--promo {
  display: inline-block;
}

.Newsletter--promo .Newsletter-form {
  margin-top: 0;
}

.Newsletter--promo .Newsletter-input {
  background-color: #f5f5f1;
}

.Newsletter--promo .Newsletter-button {
  background-color: #4a4a4a;
}

.ProfileTable {
  display: block;
  border: 1px solid #e0dfdf;
  border-collapse: separate;
  border-radius: 4px;
  padding-top: 2px;
  overflow: hidden;
  width: 100%;
}

.ProfileTable th,
.ProfileTable td {
  display: block;
  color: #2a2a2a;
  font-weight: 700;
  padding: 15px;
}

.ProfileTable th:first-child,
.ProfileTable td:first-child {
  min-width: 80px;
}

@media (min-width: 62em) {
  .ProfileTable th,
  .ProfileTable td {
    display: table-cell;
  }
}

.ProfileTable th.ProfileTable-smallInlineBlock,
.ProfileTable td.ProfileTable-smallInlineBlock {
  display: inline-block;
}

@media (min-width: 62em) {
  .ProfileTable th.ProfileTable-smallInlineBlock,
  .ProfileTable td.ProfileTable-smallInlineBlock {
    display: table-cell;
  }
}

.ProfileTable th {
  display: none;
  background-color: #f5f5f1;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}

@media (min-width: 62em) {
  .ProfileTable th {
    display: table-cell;
  }
}

.ProfileTable td.u-extraSpace {
  padding: 20px;
}

@media (min-width: 62em) {
  .ProfileTable td {
    border-top: 1px solid #e0dfdf;
  }
}

.ProfileTable strong {
  font-weight: 800;
}

.ProfileTable tr {
  display: block;
  margin-top: 10px;
  border-top: 1px solid #e0dfdf;
}

@media (min-width: 62em) {
  .ProfileTable tr {
    display: table-row;
    margin-bottom: 0;
    border-top: 0;
  }
}

.ProfileTable tbody {
  display: block;
}

@media (min-width: 62em) {
  .ProfileTable tbody {
    display: table-row-group;
  }
}

@media (min-width: 62em) {
  .ProfileTable {
    display: table;
  }
}

.ProfileTable-amount {
  background-color: #f5f5f1;
  border: 1px solid #e0dfdf;
  border-radius: 4px;
  font-size: 1rem;
  padding: 10px;
  text-align: center;
  width: 80px;
}

.ProfileTable-icon {
  color: #4a4a4a;
  font-size: 1.25rem;
}

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

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

.ProfileTable-status {
  color: #fb7701;
}

.ProductTable-img {
  max-width: 86px;
}

.ProfileTable-title {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
}

.ProfileTable-total {
  font-size: 1.25rem;
}

.ProfileTable-prices {
  font-weight: 400;
}

.ProfileTable-prices strong {
  font-weight: 700;
}

.ProfileTable-prices--total {
  font-size: 1.125rem;
  line-height: 36px;
}

.ProfileTable-prices--total strong {
  font-size: 1.875rem;
}

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

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

.ButtonGroup--table .ButtonGroup-item {
  margin-top: 10px;
}

.ButtonGroup--table .ButtonGroup-item:first-child {
  margin-top: 0;
}

.Status {
  background-color: #f5f5f1;
  border: 1px solid #e0dfdf;
  height: 27px;
  width: 27px;
  display: inline-block;
  border-radius: 50%;
}

.Status.is-active {
  background-color: #fb7701;
  border: none;
  position: relative;
}

.Status.is-active:before {
  content: '';
  color: #fff;
  position: absolute;
  left: 6px;
  top: 3px;
  font-family: 'FontAwesome';
  font-weight: normal;
  content: '\f00c';
}

.dropzone {
  border: 1px solid #e0dfdf;
  border-radius: 4px;
}

.dropzone.dz-drag-hover {
  border: 1px dashed #999;
}

.HomepageFeatured {
  padding-top: 53px;
}

@media (min-width: 80em) {
  .HomepageFeatured {
    padding-top: 75px;
  }
}

.HomepageFeatured .DevelopingStory-title {
  text-align: center;
}

.HomepageFeatured .BreadcrumbsListing-link {
  color: #ffffff;
}

.HomepageFeatured .BreadcrumbsListing .fa {
  color: #fb7701;
}

.HomepageFeatured .DevelopingStory-title {
  bottom: 0;
  padding-bottom: 15px;
}

.HomepageFeatured .DevelopingStory-title .ArticleTitle-title a {
  color: #ffffff;
}

.HomepageFeatured .DevelopingStory-title .ArticleTitle-title a:hover, .HomepageFeatured .DevelopingStory-title .ArticleTitle-title a:active {
  color: #fb7701;
}

.HomepageFeatured .ArticleTitle--hero {
  padding-bottom: 5%;
}

.HomepageFeatured .ArticleTitle--developing {
  max-width: 100%;
}

.HomepageFeatured .DevelopingStroy-inner {
  width: 100%;
  max-width: 1280px;
}

.HomepageFeatured--breaking {
  padding-top: 0 !important;
}

.HomepageHero {
  position: relative;
  height: 65vh;
}

.HomepageHero-heroImage {
  position: relative;
  width: 100%;
  height: 65vh;
  overflow: hidden;
}

.HomepageHero-heroImage:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(2, 2, 2, 0) 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00020202', endColorstr='#000000',GradientType=0 );
}

.HomepageHero-heroImg {
  position: absolute;
  width: auto;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  max-width: 10000px;
}

@media (min-width: 28.125em) {
  .HomepageHero-heroImg {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
}

.HomepageHero-articlesWrapper {
  height: 100%;
  display: table;
  position: absolute;
  width: 27%;
  top: 0;
  right: 0;
}

.HomepageHero-article {
  vertical-align: middle;
  display: table-cell;
}

.HomepageHero-articleWrapper {
  display: table-row;
  background: linear-gradient(to right, rgba(2, 2, 2, 0) 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00020202', endColorstr='#000000',GradientType=1 );
}

.HomepageHero-articleLeft {
  display: inline-block;
  padding-right: 20px;
  width: 60%;
  vertical-align: middle;
  text-align: right;
}

.HomepageHero-articleRight {
  width: 40%;
  vertical-align: middle;
  display: inline-block;
}

.HomepageHero-title {
  display: block;
  margin-top: 5px;
  font-size: 1.4375rem;
  line-height: 1.375rem;
  color: #ffffff;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

@media (min-width: 62em) {
  .HomepageHero-title {
    font-size: 1.0625rem;
    line-height: 1.125rem;
  }
}

@media (min-width: 80em) {
  .HomepageHero-title {
    font-size: 1.4375rem;
    line-height: 1.375rem;
  }
}

.HomepageHero-breadcrumbs {
  font-size: 0.9375rem;
  line-height: 1rem;
  color: #fb7701;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

@media (min-width: 62em) {
  .HomepageHero-breadcrumbs {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}

@media (min-width: 80em) {
  .HomepageHero-breadcrumbs {
    font-size: 1.125rem;
    line-height: 1.0625rem;
  }
}

.HomepageNotes-title {
  background-color: #fb7701;
}

.HomepageNotes-h {
  display: inline-block;
  color: #ffffff;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  text-transform: uppercase;
  margin: 14px 0;
}

.HomepageNotes-seeAll,
.HomepageNotes-close {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  color: #2a2a2a;
  font-size: 1rem;
  line-height: 1.1875rem;
  letter-spacing: 0.01rem;
  text-transform: uppercase;
  vertical-align: middle;
  margin-bottom: 8px;
  display: inline-block;
  margin-left: 15px;
}

.HomepageNotes-seeAll .fa,
.HomepageNotes-close .fa {
  color: #ffffff;
}

@media (min-width: 48em) {
  .HomepageNotes-close {
    position: absolute;
    right: 15px;
    top: 18px;
  }
}

.HomepageNotes-container {
  padding: 12px 0;
  background-color: #f5f5f1;
}

.HomepageNotes-itemsContainer {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #e0dfdf;
  margin: 0 -14px;
  padding: 0 14px;
}

.HomepageNotes-itemsWrapper {
  display: table;
  width: 100%;
  min-height: 450px;
  margin-top: -1px;
  margin-bottom: 27px;
}

.HomepageNotes-item {
  display: inline-block;
  position: relative;
  border-left: 6px solid #e0dfdf;
  padding: 20px 12px 0;
}

.HomepageNotes-item .ArticleItem-title {
  font-size: 1.5625rem;
  line-height: 1.75rem;
  margin-top: 4px;
}

@media (min-width: 62em) {
  .HomepageNotes-item .ArticleItem-title {
    margin-top: 10px;
  }
}

.HomepageNotes-item .Timestamp-agency {
  font-weight: 700;
}

@media (min-width: 62em) {
  .HomepageNotes-item .Timestamp-agency {
    position: absolute;
    bottom: 0;
    left: 25px;
  }
}

@media (min-width: 62em) {
  .HomepageNotes-item {
    display: table-cell;
    padding: 40px 25px;
  }
}

.HomepageNotes-item--large .ArticleItem-title {
  font-size: 1.875rem;
  line-height: 1.9375rem;
  letter-spacing: -0.03125rem;
}

@media (min-width: 62em) {
  .HomepageNotes-item--large .ArticleItem-title {
    font-size: 3.125rem;
    line-height: 3.1875rem;
    letter-spacing: -0.0625rem;
  }
}

.HomepageNotes-category {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #fb7701;
  text-transform: uppercase;
}

@media (min-width: 62em) {
  .HomepageNotes-category {
    font-size: 1.25rem;
    margin-bottom: 20px;
  }
}

.HomepageNews {
  margin-top: 45px;
}

.Trending {
  position: relative;
  margin-bottom: 30px;
}

.Trending .Toolbar-inner {
  position: relative;
  background-color: #010101;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.Trending .Toolbar-left,
.Trending .Toolbar-right {
  display: inline-block;
  height: 57px;
}

@media (min-width: 48em) {
  .Trending .Toolbar-left,
  .Trending .Toolbar-right {
    display: table-cell;
  }
}

.Trending .Toolbar-right {
  float: right;
}

@media (min-width: 48em) {
  .Trending .Toolbar-right {
    float: none;
  }
}

.Trending .LargeTitle-more {
  color: #9b9b9b;
  margin: 20px 10px;
}

@media (min-width: 48em) {
  .Trending .LargeTitle-more {
    margin: 20px;
  }
}

.Trending .Explainer-headerRight {
  margin-right: 0;
  position: relative;
}

@media (min-width: 48em) {
  .Trending .Explainer-headerRight {
    position: absolute;
  }
}

.Trending .Explainer-arrow {
  background-color: #2a2a2a;
  width: 50px;
}

.Trending .Explainer-arrow:after {
  opacity: .2;
}

@media (min-width: 48em) {
  .Trending .Explainer-arrow {
    width: 65px;
  }
}

.Trending .Explainer-arrow--left {
  border-right-color: #010101;
}

.Trending .Explainer-pagination {
  color: #fb7701;
  height: auto;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin: 16px 13px;
}

@media (min-width: 48em) {
  .Trending .Explainer-pagination {
    font-size: 1.5625rem;
    line-height: 1.875rem;
    margin: 16px 23px;
  }
}

.Trending .GalleryItem {
  margin-bottom: 5px;
  border-bottom-color: #fb7701;
}

@media (min-width: 48em) {
  .Trending .GalleryItem {
    margin-bottom: 0;
  }
}

.Trending .GalleryItem-agency {
  color: #9b9b9b;
}

.Trending .GalleryItem-text {
  padding: 10px;
}

@media (min-width: 48em) {
  .Trending .GalleryItem-text {
    padding: 25px;
  }
}

.Trending .GalleryItem-footer {
  padding: 7px;
}

@media (min-width: 48em) {
  .Trending .GalleryItem-footer {
    padding: 15px 25px;
  }
}

@media (min-width: 48em) {
  .Trending {
    margin-bottom: 60px;
    height: 80vh;
  }
}

.Trending-hero {
  overflow: hidden;
  position: relative;
  height: 50vh;
}

.Trending-hero:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010101', endColorstr='#a6010101',GradientType=0 );
}

@media (min-width: 62em) {
  .Trending-hero:after {
    background: linear-gradient(to bottom, rgba(1, 1, 1, 0) 0%, rgba(1, 1, 1, 0) 30%, rgba(1, 1, 1, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010101', endColorstr='#a6010101',GradientType=0 );
  }
}

@media (min-width: 48em) {
  .Trending-hero {
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
}

.Trending-h {
  margin: 15px 30px;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 1.25rem;
  color: #ffffff;
}

@media (min-width: 48em) {
  .Trending-h {
    font-size: 1.5625rem;
  }
}

.Trending-contentContainer {
  text-align: center;
  margin-top: -99px;
}

@media (min-width: 48em) {
  .Trending-contentContainer {
    position: absolute;
    margin-top: 0;
    bottom: -30px;
    left: 0;
    width: 100%;
  }
}

.Trending-title {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.25rem;
  letter-spacing: 0.1rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  border-bottom: 3px solid #fb7701;
}

@media (min-width: 48em) {
  .Trending-title {
    margin-bottom: 40px;
    font-size: 2.5rem;
    line-height: 2.5rem;
    border-bottom: 6px solid #fb7701;
  }
}

@media (min-width: 62em) {
  .Trending-title {
    font-size: 3.375rem;
    line-height: 3.625rem;
    border-bottom: 6px solid #fb7701;
  }
}

@media (min-width: 80em) {
  .Trending-title {
    font-size: 4.5rem;
    line-height: 4rem;
    border-bottom: 6px solid #fb7701;
  }
}

.Trending-articles .col-sm-4:last-child {
  float: right;
}

@media (min-width: 48em) {
  .Trending-articles {
    margin-left: 20px;
    margin-right: 20px;
  }
}

.Trending-actions {
  margin-bottom: 25px;
  position: relative;
}

@media (min-width: 48em) {
  .Trending-actions {
    margin-bottom: 45px;
  }
}

.Trending-contentContainer {
  display: none;
}

.Trending-contentContainer.is-active {
  display: block;
}

.Forecast {
  margin-bottom: 30px;
  color: #ffffff;
}

.Forecast .fa {
  color: #ffffff;
}

.Forecast-verticalCenter {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.Forecast-temperatureBlock {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 0;
  padding-bottom: 50%;
  background-color: #388295;
  text-align: center;
  border-top-left-radius: 4px;
}

.Forecast-temperature {
  font-size: 5rem;
  line-height: 5rem;
  margin-bottom: 28px;
  margin-right: -15px;
}

.Forecast-wind {
  font-weight: 700;
  font-size: 1rem;
  line-height: 0.875rem;
}

.Forecast-wind span {
  margin-left: 4px;
}

.Forecast-weatherBlock {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 0;
  padding-bottom: 50%;
  text-align: center;
  background-color: #54d9fb;
  border-top-right-radius: 4px;
}

.Forecast-weatherBlock img {
  margin-bottom: 25px;
  margin-top: 15px;
}

.Forecast-weatherDescription {
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 0.875rem;
  font-weight: 700;
}

.Forecast-bottom {
  display: block;
  margin-top: -6px;
  padding: 20px 0;
  background-color: #2a2a2a;
  border-bottom: 8px solid #010101;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.Forecast-city {
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 2.5625rem;
  text-transform: uppercase;
  padding: 0 25px;
}

.Forecast-dropdown {
  font-size: 1.125rem;
  float: right;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
}

.Forecast-smallWeatherBlock {
  font-weight: 800;
  padding: 25px 25px 15px;
  border-bottom: 1px solid #707070;
  clear: both;
}

.Forecast-smallWeatherBlock .Forecast-dropdown {
  margin-top: -5px;
}

.Forecast-smallWeather {
  float: right;
  margin-right: 20px;
  margin-top: -9px;
  font-size: 1.5625rem;
  font-weight: 700;
}

.Forecast-smallWeather img {
  height: 37px;
  margin-right: 10px;
}

.Forecast-date {
  font-size: 1rem;
  line-height: 0.875rem;
  text-transform: uppercase;
  padding: 23px 25px 0;
}

.Forecast-date span {
  font-weight: 700;
}

.Forecast-date .Forecast-dropdown {
  margin-top: -5px;
}

.TopStories {
  margin-bottom: 30px;
}

.TopStories .ArticleItem-title {
  display: inline-block;
  position: relative;
  width: calc(100% - 61px);
  margin: 5px 0 10px;
  font-size: 1.375rem;
  line-height: 1.625rem;
  vertical-align: text-top;
  padding-left: 30px;
}

@media (min-width: 48em) {
  .TopStories .ArticleItem-title {
    width: calc(100% - 90px);
  }
}

.TopStories .ArticleItem-title:before {
  content: '';
  display: block;
  position: absolute;
  width: 20%;
  top: -22px;
  left: 30px;
  border-top: 2px solid #9b9b9b;
}

.TopStories-header {
  position: relative;
  padding: 15px;
  background-color: #2a2a2a;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.TopStories-seeAll {
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  color: #fb7701;
  font-size: 1rem;
  line-height: 1.1875rem;
  letter-spacing: 0.01rem;
  text-transform: uppercase;
  vertical-align: middle;
  margin-bottom: 6px;
  display: inline-block;
  margin-left: 15px;
}

.TopStories-seeAll .fa {
  color: #ffffff;
}

@media (min-width: 48em) {
  .TopStories-seeAll {
    position: absolute;
    right: 15px;
    top: 19px;
  }
}

.TopStories-item:first-child {
  margin-top: 0;
}

.TopStories-item:first-child .ArticleItem-title:before {
  display: none;
}

.TopStories-container {
  background-color: #e0dfdf;
  padding: 30px 25px;
  border-bottom: 8px solid #2a2a2a;
  border-left: 1px solid #e0dfdf;
  border-right: 1px solid #e0dfdf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.TopStories-itemNumberWrapper {
  width: 60px;
  height: 60px;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #cbc7c7;
  vertical-align: text-top;
}

@media (min-width: 48em) {
  .TopStories-itemNumberWrapper {
    width: 90px;
    height: 90px;
  }
}

.TopStories-itemNumber {
  background-color: #e0dfdf;
  width: 100%;
  height: 100%;
  border: 9px solid #ffffff;
  border-radius: 50%;
  text-align: center;
  font-weight: 800;
  font-size: 1.5625rem;
  padding-top: 3px;
}

@media (min-width: 48em) {
  .TopStories-itemNumber {
    padding-top: 17px;
  }
}

.TopStories-item {
  margin-top: 30px;
}

.Opinions {
  margin-bottom: 45px;
}

.Opinions .PersonImage {
  width: 100px;
  height: 100px;
}

@media (min-width: 48em) {
  .Opinions .PersonImage {
    width: 140px;
    height: 140px;
  }
}

.Opinions .PersonImage-img {
  border-width: 12px;
}

.Opinions .HomepageNotes-item {
  text-align: center;
  display: inline-block;
  width: 50%;
  height: 300px;
}

@media (max-width: 767px) {
  .Opinions .HomepageNotes-item:nth-child(odd) {
    border-left: 0;
  }
}

.Opinions .HomepageNotes-item:nth-child(-n+4) {
  border-bottom: 6px solid #e0dfdf;
}

.Opinions .HomepageNotes-item:nth-child(-n+4) .Timestamp-agency {
  bottom: 15px;
}

@media (min-width: 48em) {
  .Opinions .HomepageNotes-item:nth-child(-n+4) {
    border-bottom: 0;
  }
  .Opinions .HomepageNotes-item:nth-child(-n+4) .Timestamp-agency {
    bottom: 0;
  }
}

.Opinions .HomepageNotes-item:nth-child(-n+3) {
  border-bottom: 6px solid #e0dfdf;
}

.Opinions .HomepageNotes-item:nth-child(-n+3) .Timestamp-agency {
  bottom: 15px;
}

@media (min-width: 80em) {
  .Opinions .HomepageNotes-item:nth-child(-n+3) {
    border-bottom: 0;
  }
  .Opinions .HomepageNotes-item:nth-child(-n+3) .Timestamp-agency {
    bottom: 0;
  }
}

@media (min-width: 48em) {
  .Opinions .HomepageNotes-item {
    width: 33.3%;
    height: 380px;
  }
}

@media (min-width: 80em) {
  .Opinions .HomepageNotes-item {
    width: 16.6%;
  }
}

.Opinions .Timestamp-agency {
  text-align: right;
  right: 10px;
  left: 15px;
  position: absolute;
  bottom: 0;
}

.Opinions .Timestamp-agency > a:link,
.Opinions .Timestamp-agency > a:visited {
  color: #fb7701;
}

@media (min-width: 48em) {
  .Opinions .Timestamp-agency {
    right: 20px;
    left: 15px;
  }
}

.Opinions .HomepageNotes-itemsWrapper {
  min-height: 380px;
}

.Opinions .ArticleItem-title {
  margin-bottom: 20px;
  font-size: 1.1875rem;
}

@media (min-width: 48em) {
  .Opinions .ArticleItem-title {
    font-size: 1.5625rem;
  }
}

.Magazine .col-xs-6:nth-child(3) {
  clear: left;
}

@media (min-width: 48em) {
  .Magazine .col-xs-6:nth-child(3) {
    clear: none;
  }
}

.Magazine .MagazineInfo {
  display: inline-block;
  margin-bottom: 30px;
}

.Magazine .MagazineInfo-newNumber {
  display: none;
  margin-top: 20px;
}

@media (min-width: 62em) {
  .Magazine .MagazineInfo-newNumber {
    display: inline-block;
  }
}

@media (min-width: 80em) {
  .Magazine .MagazineInfo-newNumber {
    margin-top: 40px;
  }
}

.Magazine .MagazineInfo-date {
  display: none;
}

@media (min-width: 48em) {
  .Magazine .MagazineInfo-date {
    display: inline-block;
  }
}

.BrandHomepage {
  margin-top: 15px;
  padding-bottom: 50px;
  background-color: #f5f5f1;
}

.BrandHomepage .HomepageNotes-title {
  margin-bottom: 30px;
}

.BrandHomepage-link {
  display: inline-block;
  margin-bottom: 15px;
}

.BobHomepage {
  margin-top: 45px;
}

.BobHomepage .BobDneva {
  position: relative;
  margin-bottom: 30px;
}

.BobHomepage .TopStories-header {
  margin-bottom: 30px;
}

.BreakingBar {
  color: #ffffff;
  height: 64px;
  background-color: #fb5501;
  margin-top: 53px;
}

@media (min-width: 80em) {
  .BreakingBar {
    margin-top: 75px;
  }
}

.BreakingBar-label,
.BreakingBar-title {
  font-size: 1.5rem;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  line-height: 64px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

.BreakingBar-icon {
  height: 26px;
  width: 26px;
  background-color: #2a2a2a;
  border-radius: 50%;
  line-height: 26px;
  text-align: center;
  color: #fb5501;
  margin: 0 20px;
  display: inline-block;
  vertical-align: middle;
}

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

.BreakingBar-link {
  color: #ffffff;
}

.BreakingBar-link:hover, .BreakingBar-link:focus {
  color: #2a2a2a;
  outline: 0;
}

/* ====================================
   Date range picker
   ==================================== */
.daterangepicker.left:after,
.daterangepicker.right:after,
.daterangepicker.center:after {
  border-bottom: 12px solid rgba(0, 0, 0, 0.2);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.daterangepicker .calendar.left .calendar-table,
.daterangepicker .calendar.right .calendar-table {
  border: none;
}

.daterangepicker .daterangepicker_input {
  display: none;
}

.daterangepicker .calendar-table table {
  border-collapse: separate;
  border-spacing: 0 10px;
  margin-top: -10px;
  margin-bottom: -10px;
}

.daterangepicker .calendar-table thead {
  color: #131313;
}

.daterangepicker .calendar-table thead:after {
  content: '';
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}

.daterangepicker .calendar-table thead th:not([class]) {
  text-transform: uppercase;
  color: #242424;
  font-weight: 900;
  letter-spacing: 1px;
}

.daterangepicker .calendar-table thead th.month {
  text-transform: capitalize;
}

.daterangepicker .calendar-table tbody {
  font-weight: 600;
}

.daterangepicker .calendar-table td:not(.in-range).available:hover {
  border-radius: 50%;
}

.daterangepicker .calendar-table td {
  color: #717171;
  width: 2em;
  height: 2em;
  text-align: center;
}

.daterangepicker .calendar-table td.off, .daterangepicker .calendar-table td.off.in-range, .daterangepicker .calendar-table td.off.start-date, .daterangepicker .calendar-table td.off.end-date {
  color: #CDCDCD;
}

.daterangepicker .calendar-table td.in-range {
  background-color: rgba(252, 168, 94, 0.2);
}

.daterangepicker .calendar-table td.start-date, .daterangepicker .calendar-table td.end-date {
  position: relative;
  z-index: 1;
  background-color: rgba(252, 168, 94, 0.2);
  color: #fff;
}

.daterangepicker .calendar-table td.start-date:not(.off):before, .daterangepicker .calendar-table td.end-date:not(.off):before {
  content: '';
  background-color: #FB7701;
  border-radius: 50%;
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.daterangepicker .calendar-table td.start-date {
  border-radius: 50% 0 0 50%;
}

.daterangepicker .calendar-table td.end-date {
  border-radius: 0 50% 50% 0;
}

.daterangepicker .calendar-table td.start-date:not(.end-date) + td:not(.in-range):hover,
.daterangepicker .calendar-table td.in-range:not(.end-date) + td:not(.in-range):hover {
  background-color: rgba(252, 168, 94, 0.2);
  border-radius: 0 50% 50% 0;
}

.daterangepicker .daterangepicker_input {
  display: none;
}

/*! =======================================================
                      VERSION  6.0.17              
========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================= */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.slider.slider-horizontal {
  width: 100%;
  max-width: 400px;
  height: 20px;
}

.slider.slider-horizontal .slider-track {
  height: 7px;
  width: 100%;
  margin-top: -3px;
  top: 50%;
  left: 0;
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
  margin-top: -5px;
}

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}

.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}

.slider.slider-vertical {
  height: 210px;
  width: 20px;
}

.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}

.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}

.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}

.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}

.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}

.slider.slider-vertical .slider-tick-label-container {
  white-space: nowrap;
}

.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
  padding-left: 4px;
}

.slider.slider-disabled .slider-handle {
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}

.slider.slider-disabled .slider-track {
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
  cursor: not-allowed;
}

.slider input {
  display: none;
}

.slider .tooltip {
  cursor: pointer;
}

.slider .tooltip.top {
  margin-top: -36px;
}

.slider .tooltip.in {
  opacity: 1;
}

.slider .tooltip.top .tooltip-arrow {
  border-top-color: #9b9a9a;
}

.slider .tooltip-inner {
  background-color: #9b9a9a;
  white-space: nowrap;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
}

.slider .hide {
  display: none;
}

.slider-track {
  position: absolute;
  cursor: pointer;
  border-radius: 4px;
  background-color: #4a4a4a;
  overflow: hidden;
}

.slider-selection {
  position: absolute;
  box-sizing: border-box;
  background-color: #fb7701;
}

.slider-selection.tick-slider-selection {
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
}

.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  box-sizing: border-box;
  border-radius: 4px;
}

/*.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #337ab7;
  background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
  background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
  background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  filter: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  border: 0px solid transparent;
}
.slider-handle.round {
  border-radius: 50%;
}
.slider-handle.triangle {
  background: transparent none;
}
.slider-handle.custom {
  background: transparent none;
}
.slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}*/
.slider-handle {
  display: none;
}

.slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  -webkit-filter: none;
          filter: none;
  opacity: 0.8;
  border: 0px solid transparent;
}

.slider-tick.round {
  border-radius: 50%;
}

.slider-tick.triangle {
  background: transparent none;
}

.slider-tick.custom {
  background: transparent none;
}

.slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}

.slider-tick.in-selection {
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
  opacity: 1;
}

/*  shop
    ==================================== */
/* ====================================
   Shop Header
   ==================================== */
.ShopHeader--turquoise {
  background-color: #3cbadb;
}

.ShopHeader-container {
  position: relative;
}

.ShopHeader-breadcrumbs {
  margin: 10px 0;
  text-align: center;
}

.ShopHeader-breadcrumbs .ShopHeader-fa {
  margin-right: 7px;
}

@media (min-width: 48em) {
  .ShopHeader-breadcrumbs {
    text-align: left;
    margin: 25px 0;
  }
}

.ShopHeader-breadcrumb {
  color: #2a2a2a;
  font-size: 1.125rem;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  margin-right: 10px;
}

@media (min-width: 48em) {
  .ShopHeader-breadcrumb {
    font-size: 1.375rem;
  }
}

.ShopHeader-fa {
  color: #fb7701;
  font-size: 1rem;
  margin-right: 10px;
}

.ShopHeader-titleWrapper {
  margin: 25px 0;
  text-align: center;
}

.ShopHeader-titleWrapper > * {
  vertical-align: middle;
}

@media (min-width: 48em) {
  .ShopHeader-titleWrapper {
    text-align: left;
  }
}

.ShopHeader-title {
  display: inline-block;
  margin: 0 10px 0 0;
  color: #ffffff;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
  font-size: 3.4375rem;
  line-height: 4.0625rem;
  vertical-align: bottom;
}

.ShopHeader-productNumber {
  margin-right: 20px;
  color: #ffffff;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 2.1875rem;
  text-transform: uppercase;
}

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

@media (min-width: 62em) {
  .ShopHeader-categoryImage {
    position: absolute;
    bottom: -40px;
    right: 0;
    text-align: left;
  }
}

/* ====================================
   Product Page
   ==================================== */
.SingleProduct {
  padding-bottom: 200px;
}

.SingleProduct-brand {
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  text-transform: uppercase;
}

@media (min-width: 80em) {
  .SingleProduct-brand {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.SingleProduct-brandLink {
  color: #fb7701;
}

.SingleProduct-titleWrapper {
  margin-bottom: 15px;
}

@media (min-width: 80em) {
  .SingleProduct-titleWrapper {
    padding-left: 110px;
  }
}

.SingleProduct-title {
  margin: 10px 0 15px;
  color: #2a2a2a;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.25rem;
}

@media (min-width: 80em) {
  .SingleProduct-title {
    margin: 20px 0 20px;
    font-size: 3.125rem;
    line-height: 3.4375rem;
  }
}

.SingleProduct-thumbnailsList {
  margin: 0 -7px;
}

@media (min-width: 48em) {
  .SingleProduct-thumbnailsList {
    margin: 0;
  }
}

.SingleProduct-thumbnailItem {
  margin-bottom: 15px;
  width: auto;
  float: left;
  padding: 0 7px;
}

@media (min-width: 48em) {
  .SingleProduct-thumbnailItem {
    margin-bottom: 33%;
    float: none;
    padding: 0;
  }
}

.SingleProduct-thumbnailLink, .SingleProduct-photoWrapper {
  display: block;
  position: relative;
}

.SingleProduct-thumbnailLink:after, .SingleProduct-photoWrapper:after {
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  pointer-events: none;
  z-index: 10;
}

.SingleProduct-thumbnailHover {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fb7701;
  font-size: 1.5rem;
  z-index: 110;
}

.SingleProduct-thumbnailLink:hover .SingleProduct-thumbnailHover, .SingleProduct-photoWrapper:hover .SingleProduct-thumbnailHover {
  opacity: 1;
}

.SingleProduct-photoWrapper:after {
  background-color: rgba(0, 0, 0, 0.1);
}

.SingleProduct-infoColumn {
  margin-top: 30px;
}

.SingleProduct-details {
  margin-top: 30px;
}

.SingleProduct-infoContainer p a {
  color: #fb7701;
}

.SingleProduct-infoContainer p strong {
  text-transform: uppercase;
}

.SingleProduct-infoContainer p:last-child {
  margin-bottom: 0;
}

.SingleProduct-description {
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 20px;
}

.SingleProduct-description:first-child {
  margin-top: 0;
}

@media (min-width: 48em) {
  .SingleProduct-description {
    font-size: 1.125rem;
  }
}

.SingleProduct-code {
  margin-top: 30px;
  font-size: 1rem;
  font-weight: 700;
}

@media (min-width: 62em) {
  .SingleProduct-code {
    margin-top: 0;
  }
}

.SingleProduct-availability {
  color: #fb7701;
  margin-left: 10px;
  text-transform: uppercase;
}

.SingleProduct-price {
  margin-top: 5px;
}

@media (min-width: 48em) {
  .SingleProduct-price {
    margin-top: 20px;
  }
}

.SingleProduct-priceItem {
  font-size: 1.1875rem;
  margin-top: 5px;
}

.SingleProduct-priceItem:first-child {
  margin-top: 0;
}

@media (min-width: 48em) {
  .SingleProduct-priceItem {
    font-size: 1.375rem;
    margin-top: 10px;
  }
}

.SingleProduct-priceAmount {
  font-weight: 700;
  text-transform: uppercase;
}

.SingleProduct-priceAmount--sale {
  color: #fb7701;
}

.SingleProduct-priceAmount--oldPrice {
  text-decoration: line-through;
}

.SingleProduct-colors {
  margin-top: 30px;
}

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

.SingleProduct-colorsValue {
  color: #3cbadb;
  text-transform: none;
}

.SingleProduct-colorsList {
  margin-right: -15px;
}

.SingleProduct-colorsList:before, .SingleProduct-colorsList:after {
  content: " ";
  display: block;
}

.SingleProduct-colorsList:after {
  clear: both;
}

.SingleProduct-color {
  border: 1px solid #d2d2d2;
  float: left;
  margin-right: 20px;
  width: 71px;
}

.SingleProduct-color:last-child {
  margin-right: 0;
}

.SingleProduct-color img {
  display: block;
  height: auto;
  width: 100%;
}

.SingleProduct-color.is-active {
  border-color: #fb7701;
}

.SingleProduct-shipping {
  margin-top: 30px;
}

.SingleProduct-wrapRelatedArticle,
.SingleProduct-wrapRelatedProducts {
  margin-top: 50px;
}

.Box {
  background-color: #ffffff;
  border: 1px solid #e0dfdf;
  border-radius: 5px;
  overflow: hidden;
}

.Box p {
  margin: 25px 0 0;
}

.Box p:first-child {
  margin-top: 0;
}

.Box--shadow {
  border: none;
  box-shadow: 0 5px 15px 0 rgba(176, 176, 176, 0.5);
}

.Box-group {
  border-top: 1px solid #e0dfdf;
}

.Box-group:first-child {
  border-top: none;
}

.Toggler-title {
  padding: 9px 16px;
  position: relative;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

@media (min-width: 48em) {
  .Toggler-title {
    font-size: 1.125rem;
    line-height: 1.4em;
    padding: 15px;
  }
}

.Toggler-expand {
  position: absolute;
  padding: 9px 16px;
  background-color: #f5f5f1;
  border-left: 1px solid #d2d2d2;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  cursor: pointer;
}

@media (min-width: 48em) {
  .Toggler-expand {
    padding: 15px;
    min-width: 60px;
  }
}

.Toggler-body {
  padding: 15px;
}

.Cart {
  padding: 15px;
  margin-top: 30px;
}

@media (min-width: 62em) {
  .Cart {
    margin-top: 0;
  }
}

.Cart-amount {
  display: block;
  background-color: #ffffff;
  border: 1px solid #e0dfdf;
  border-radius: 4px;
  font-size: 1em;
  margin-top: 15px;
}

.Cart-amount:before, .Cart-amount:after {
  content: " ";
  display: block;
}

.Cart-amount:after {
  clear: both;
}

.Cart-amount:first-child {
  margin-top: 0;
}

.Cart-amount label {
  color: #2a2a2a;
  float: left;
  font-weight: 700;
  margin: 0;
  line-height: 1.625;
  padding: 10px 20px;
  text-transform: uppercase;
}

@media (min-width: 62em) {
  .Cart-amount label {
    padding: 10px 15px;
  }
}

@media (min-width: 80em) {
  .Cart-amount label {
    padding: 10px 20px;
  }
}

.Cart-amount input {
  background-color: #f5f5f1;
  border: none;
  border-left: 1px solid #d2d2d2;
  float: right;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  padding: 10px;
  text-align: center;
  width: 80px;
}

.Cart-prices {
  margin-top: 20px;
}

.Cart-priceItem {
  display: table;
  font-size: 1.125rem;
  width: 100%;
}

.Cart-priceLabel {
  display: table-cell;
  vertical-align: bottom;
}

.Cart-priceAmount {
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
  white-space: nowrap;
}

.Cart-priceItem--large {
  font-size: 1.375rem;
}

@media (min-width: 62em) {
  .Cart-priceItem--large .Cart-priceLabel {
    display: block;
  }
}

@media (min-width: 80em) {
  .Cart-priceItem--large .Cart-priceLabel {
    display: table-cell;
  }
}

.Cart-priceItem--large .Cart-priceAmount {
  color: #fb7701;
  font-size: 2.25rem;
  font-weight: 700;
}

@media (min-width: 62em) {
  .Cart-priceItem--large .Cart-priceAmount {
    display: block;
  }
}

@media (min-width: 80em) {
  .Cart-priceItem--large .Cart-priceAmount {
    display: table-cell;
  }
}

.Cart-actions {
  margin-top: 20px;
}

.Cart-prices--single,
.Cart-prices--alt {
  margin-top: 10px;
}

.Cart-prices--single .Cart-priceItem,
.Cart-prices--alt .Cart-priceItem {
  display: block;
}

.Cart-prices--single .Cart-priceLabel,
.Cart-prices--single .Cart-priceAmount,
.Cart-prices--alt .Cart-priceLabel,
.Cart-prices--alt .Cart-priceAmount {
  display: block;
  text-align: center;
}

.Cart-prices--single {
  margin-top: 0;
}

.ShopSectionTitle {
  color: #000000;
  font-family: "toti_sans", Arial, Helvetica, sans-serif;
  font-size: 1.875rem;
  margin: 0;
  overflow: hidden;
  text-transform: uppercase;
}

.ShopSectionTitle span {
  color: #fb7701;
  font-family: "toti_serif", "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}

.ShopSectionTitle:after {
  background-color: #d2d2d2;
  content: '';
  display: inline-block;
  height: 1px;
  left: 30px;
  margin-right: -100%;
  position: relative;
  vertical-align: middle;
  width: 100%;
}

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

.ShopSectionTitle--center:before {
  background-color: #d2d2d2;
  content: '';
  display: inline-block;
  height: 1px;
  right: 30px;
  margin-left: -100%;
  position: relative;
  vertical-align: middle;
  width: 100%;
}

.RelatedProducts-head,
.RelatedArticle-head {
  margin-bottom: 30px;
}

@media (min-width: 62em) {
  .RelatedProducts-wrapCart {
    margin-top: -85px;
  }
}

@media (min-width: 62em) {
  .RelatedProducts-wrapCart--alt {
    margin-top: -80px;
  }
}

.RelatedProducts-wrapCheckboxList {
  margin-top: 30px;
}

.Product-link {
  display: block;
  position: relative;
}

.Product-wrapPercentage {
  position: absolute;
  top: 40px;
  right: 30px;
}

.Product-thumbnail {
  display: block;
  width: 100%;
}

.Product-thumbnail--border {
  border: 1px solid #ebebeb;
}

.Product--upsell .Product-thumbnail {
  border: 1px solid #ffffff;
  opacity: 0.6;
  border-radius: 4px;
  padding: 1px;
}

.Product--upsell.is-selected .Product-thumbnail,
.Product--upsell.is-hovered .Product-thumbnail,
.Product--upsell:hover .Product-thumbnail {
  border-color: #d2d2d2;
  opacity: 1;
}

.Product-text {
  margin-top: 5px;
}

.Product-manufacturer {
  color: #fb7701;
  font-weight: 700;
  text-transform: uppercase;
}

.Product-title {
  margin: 10px 0 0 0;
}

.Product-title a {
  display: inline-block;
}

.Product-prices {
  margin-top: 15px;
}

.Product-priceItem {
  font-size: 1.0625rem;
  line-height: 1.375rem;
}

@media (min-width: 48em) {
  .Product-priceItem {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

.Product-priceItem:last-child {
  margin-top: 5px;
}

@media (min-width: 48em) {
  .Product-priceItem:last-child {
    margin-top: 0;
  }
}

.Product-priceItem--small {
  font-size: 1rem;
  font-weight: 700;
}

.Product-priceAmount--sale {
  color: #fb7701;
}

.Product-more {
  margin-top: 15px;
}

.Product-more .ArticleItem-more:link,
.Product-more .ArticleItem-more:visited {
  background-color: #3cbadb;
}

.Product--hover {
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.Product--hover .Product-actions {
  display: none;
  margin-top: 15px;
}

.Product--hover .Product-wrapShopButton--top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 23px;
}

.Product--hover .Product-inner {
  overflow: hidden;
}

.Product--hover.is-active .Product-inner {
  box-shadow: 0 5px 15px 0 rgba(176, 176, 176, 0.5);
  background-color: #ffffff;
  border-radius: 4px;
  position: absolute;
  z-index: 100;
  top: -86px;
  right: -23px;
  left: -23px;
  padding: 86px 23px 23px 23px;
}

.Product--hover.is-active .Product-actions {
  display: block;
}

.ProductGroup--grid {
  margin: 0 -15px;
}

.ProductGroup--grid .ProductGroup-item {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  padding: 0 15px;
  width: 50%;
}

@media (min-width: 48em) {
  .ProductGroup--grid .ProductGroup-item {
    width: 33.3333333333%;
  }
}

@media (min-width: 48em) {
  .ProductGroup--gridHomepage .ProductGroup-item {
    width: 25%;
  }
}

.ProductGroup--list .Product--hover {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.ProductGroup--list .Product--hover .Product-wrapShopButton--top {
  position: static;
  padding: 0px;
}

.ProductGroup--list .Product--hover.is-active .Product-inner {
  top: -15px;
  right: -15px;
  left: -15px;
  padding: 15px;
}

.ProductGroup--list .Product--hover.is-active .Product-actions {
  display: none;
  vertical-align: middle;
}

@media (min-width: 62em) {
  .ProductGroup--list .Product--hover.is-active .Product-actions {
    display: inline-block;
  }
}

.ProductGroup--list .Product-link,
.ProductGroup--list .Product-text {
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
}

.ProductGroup--list .Product-link {
  width: 30%;
}

.ProductGroup--list .Product-text {
  padding: 0 10px;
  width: 70%;
}

@media (min-width: 62em) {
  .ProductGroup--list .Product-text {
    width: 42%;
  }
}

.ProductGroup--list .Product-actions {
  text-align: right;
  width: 28%;
}

.ProductGroup--list .Product-wrapShopButton {
  margin-top: 15px;
}

.ProductGroup--list .Product-wrapShopButton:first-child {
  margin-top: 0;
}

.ShopButton {
  display: block;
  background-color: #ffffff;
  border: 1px solid #e0dfdf;
  border-radius: 4px;
  font-size: 1em;
  line-height: 1.625;
  font-weight: 700;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
}

.ShopButton .fa {
  color: #fb7701;
  font-size: 1.5625rem;
  margin-right: 5px;
  vertical-align: bottom;
}

.ShopButton--action, .ShopButton--alt {
  background-color: #fb7701;
  border: 1px solid #fb5501;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3);
  color: #ffffff;
  font-size: 1.125em;
  text-shadow: 0 1px 0 #fb5501;
  padding-left: 60px;
  position: relative;
}

.ShopButton--action .ShopButton-icon, .ShopButton--alt .ShopButton-icon {
  border-right: 1px solid #fb5501;
  background-color: #fb5501;
  box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 8px;
  position: absolute;
  width: 50px;
}

.ShopButton--action .ShopButton-icon .fa, .ShopButton--alt .ShopButton-icon .fa {
  color: #ffffff;
  margin-right: 0;
  text-shadow: none;
}

.ShopButton--alt {
  background-color: #3cbadb;
  border-color: #32a6de;
  text-shadow: 0 1px 0 #0171ba;
}

.ShopButton--alt .ShopButton-icon {
  border-right-color: #0171BA;
  background-color: #32a6de;
}

.ShopNote {
  padding: 25px 0 15px;
  position: relative;
  text-align: center;
}

.ShopNote:before {
  background-color: #fca85e;
  content: '';
  top: 0;
  left: 50%;
  position: absolute;
  height: 25px;
  width: 1px;
}

.CombineProduct-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
  width: 28%;
}

.CombineProduct-item--plus {
  padding: 0 10px;
  text-align: center;
  width: 8%;
}

.CombineProduct-item--plus .fa {
  color: #fb7701;
  font-size: 1.875rem;
}

.CheckboxList-item {
  font-size: 1.125rem;
  font-weight: 700;
  margin-top: 15px;
}

.CheckboxList-item:first-child {
  margin-top: 0;
}

.CheckboxList-link {
  color: #d2d2d2;
  display: inline-block;
}

.CheckboxList-link .fa {
  font-size: 1.875rem;
  vertical-align: middle;
  margin-right: 5px;
}

.is-hovered .CheckboxList-link,
.is-selected .CheckboxList-link {
  color: #2a2a2a;
}

.is-hovered .CheckboxList-link .fa,
.is-selected .CheckboxList-link .fa {
  color: #43abcd;
}

.is-hovered .CheckboxList-link .CheckboxList-price,
.is-selected .CheckboxList-link .CheckboxList-price {
  color: #fb7701;
}

.RelatedProducts-content--related .col-xs-6:nth-child(n+3) {
  display: none;
}

@media (min-width: 48em) {
  .RelatedProducts-content--related .col-xs-6:nth-child(n+3) {
    display: block;
  }
}

.i-shipping {
  background: url(../images/cssimg/shipping.png) no-repeat 0 0/44px 30px;
  display: block;
  height: 30px;
  width: 44px;
  float: left;
  margin: 0 15px 0 0;
}

.Promo {
  background-color: #f3f3f3;
  border-bottom: 1px solid #ebebeb;
  overflow: hidden;
  padding: 15px 0;
}

.Promo-list:before, .Promo-list:after {
  content: " ";
  display: block;
}

.Promo-list:after {
  clear: both;
}

.Promo-item {
  position: relative;
}

.Promo-item:first-child {
  margin-left: 0;
}

.Promo-item:before {
  background-color: #d2d2d2;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: 9999px;
  z-index: 100;
}

@media (min-width: 62em) {
  .Promo-item {
    float: left;
    margin-left: 40px;
  }
  .Promo-item:before {
    display: none;
  }
}

.Promo-item--border {
  position: relative;
}

@media (min-width: 62em) {
  .Promo-item--border:before {
    background-color: #d2d2d2;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 9999px;
    z-index: 100;
    display: block;
  }
}

.Promo-wrapPercentage,
.Promo-text {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  z-index: 110;
}

.Promo-text {
  margin-left: 15px;
}

.Promo-title {
  font-size: 1.375rem;
  letter-spacing: 0.0625rem;
  line-height: 1;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

.Promo-description {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.0625rem;
  line-height: 1;
  margin: 0;
  padding-bottom: 8px;
}

.Percentage {
  background-color: #fb7701;
  color: #ffffff;
  border-radius: 50%;
  font-weight: 800;
  height: 31px;
  width: 31px;
  line-height: 31px;
  font-size: 0.8125rem;
  overflow: hidden;
  text-align: center;
  margin: 10px 0;
}

.Percentage--blue {
  background-color: #3cbadb;
}

@media (min-width: 48em) {
  .Percentage {
    height: 62px;
    width: 62px;
    line-height: 62px;
    font-size: 1.3125rem;
  }
  .Percentage--large {
    height: 120px;
    width: 120px;
    font-size: 2.9375rem;
    line-height: 120px;
  }
}

@media (min-width: 62em) {
  .Percentage {
    margin: 0;
  }
}

.ShopListing {
  padding: 50px 0 200px;
}

.ShopListing .ListingSort-left {
  display: block;
  width: 100%;
}

@media (min-width: 48em) {
  .ShopListing .ListingSort-left {
    display: table-cell;
    width: 50%;
  }
}

.ShopListing .ListingSort-right {
  display: block;
}

@media (min-width: 48em) {
  .ShopListing .ListingSort-right {
    display: table-cell;
  }
}

.ShopListing .ListingSort-wrapSwitchView {
  vertical-align: bottom;
}

@media (min-width: 48em) {
  .ShopListing .ListingSort-wrapSwitchView {
    vertical-align: top;
  }
}

.ShopListing-wrapPagination {
  margin-top: 80px;
}

.ShopListing-wrapPagination .Pagination {
  margin: 0;
}

/* ====================================
   Shop Homepage
   ==================================== */
.ShopCarousel {
  position: relative;
  margin-bottom: 80px;
  margin-top: 53px;
}

@media (min-width: 80em) {
  .ShopCarousel {
    margin-top: 74px;
  }
}

.ShopCarousel-slide {
  background-size: cover;
  height: 470px;
}

.ShopCarousel-slide--1 {
  background-color: #10212F;
  background-image: url(../images/cssimg/shop_header_gradient.png);
  color: #ffffff;
}

.ShopCarousel-title {
  margin-bottom: 15px;
  font-weight: 800;
  font-size: 2.1875rem;
  line-height: 2.0625rem;
  letter-spacing: -0.02625rem;
  text-transform: uppercase;
}

@media (min-width: 62em) {
  .ShopCarousel-title {
    font-size: 4.0625rem;
    line-height: 3.9375rem;
  }
}

.ShopCarousel-description {
  display: inline-block;
  margin-bottom: 40px;
  position: relative;
  font-size: 1.125rem;
  line-height: 1.4375rem;
  letter-spacing: -0.025625rem;
}

.ShopCarousel-description:after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 33%;
  width: 33%;
  border-bottom: 1px solid #ffffff;
}

@media (min-width: 62em) {
  .ShopCarousel-description {
    font-size: 1.5625rem;
    line-height: 1.875rem;
  }
}

.ShopCarousel-regularPrice {
  font-size: 1.5625rem;
  line-height: 1.875rem;
  letter-spacing: -0.025625rem;
  margin-bottom: 3px;
}

.ShopCarousel-price {
  font-size: 4.5625rem;
  line-height: 5.5rem;
  color: #fb7701;
  text-align: center;
}

.ShopCarousel-price span {
  font-weight: 800;
}

.ShopCarousel-info {
  display: inline-block;
  height: 100%;
  text-align: center;
  position: relative;
  width: 100%;
  z-index: 2;
}

.ShopCarousel-info > .Button {
  position: absolute;
  bottom: -17px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (min-width: 48em) {
  .ShopCarousel-info {
    width: 33%;
    margin-left: 8.3%;
  }
}

.ShopCarousel-infoContainer {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ShopCarousel-image {
  display: inline-block;
  position: absolute;
  width: 40%;
  height: auto;
  text-align: center;
  vertical-align: bottom;
  z-index: 1;
  left: 0;
  bottom: 0;
}

@media (min-width: 48em) {
  .ShopCarousel-image {
    position: relative;
    height: 100%;
    width: 50%;
  }
}

.ShopCarousel-imageContainer {
  position: absolute;
  left: 15px;
  bottom: 20px;
  width: 100%;
}

@media (min-width: 48em) {
  .ShopCarousel-imageContainer {
    bottom: -55px;
    left: 0;
  }
}

.ShopCarousel-container {
  height: 100%;
}

.ShopCarousel-dots {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ShopCarousel-dot {
  width: 15px;
  height: 15px;
  margin: 15px;
  background-color: #9b9b9b;
  border: 1px solid transparent;
  border-radius: 50%;
  cursor: pointer;
}

.ShopCarousel-dot--active {
  border-color: #fb5501;
  background-color: #fb7701;
  box-shadow: inset 0 3px 0 #FCA85E;
}

.ShopHomeRelated {
  white-space: nowrap;
}

.ShopHomeRelated-item {
  display: inline-block;
  width: 235px;
  white-space: normal;
  margin-right: 15px;
}

.ShopNewsletter {
  margin-bottom: 30px;
}

.ShopDelivery {
  margin-bottom: 30px;
}

.ShopFeatured-title {
  display: inline-block;
  text-transform: uppercase;
  color: #01253B;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-bottom: 15px;
}

.ShopFeatured-item {
  background-color: #f5f5f1;
  height: 250px;
  padding: 10px 15px;
  position: relative;
  background-repeat: no-repeat;
  margin-bottom: 30px;
  background-size: 50%;
  padding: 20px 25px;
}

@media (min-width: 48em) {
  .ShopFeatured-item {
    background-size: 30%;
  }
}

@media (min-width: 62em) {
  .ShopFeatured-item {
    background-size: auto;
  }
}

.ShopFeatured-item--newspaper {
  background-image: url(../images/shop-backgrounds/newspaper.png);
  background-position: top right;
}

.ShopFeatured-item--tablets {
  background-image: url(../images/shop-backgrounds/tablets.png);
  background-position: bottom right;
}

.ShopFeatured-item--magazines {
  background-image: url(../images/shop-backgrounds/magazines.png);
  background-position: bottom right;
}

.ShopFeatured-itemTitle {
  margin-bottom: 25px;
  color: #2a2a2a;
  font-family: "toti_slab", "Courier New", Courier, monospace;
  font-weight: 300;
  letter-spacing: -0.015rem;
  text-shadow: 1px 1px 0px #f5f5f1, -1px -1px 0px #f5f5f1, 1px -1px 0px #f5f5f1, -1px 1px 0px #f5f5f1, 2px 2px 1px #f5f5f1, -2px -2px 1px #f5f5f1;
  font-size: 2.375rem;
  line-height: 2.5625rem;
  background-color: rgba(245, 245, 245, 0.5);
  box-shadow: 0 0 15px rgba(245, 245, 245, 0.5);
}

@media (min-width: 48em) {
  .ShopFeatured-itemTitle {
    width: 50%;
  }
}

@media (min-width: 62em) {
  .ShopFeatured-itemTitle {
    width: 100%;
  }
}

@media (min-width: 80em) {
  .ShopFeatured-itemTitle {
    width: 50%;
    background-color: none;
    box-shadow: none;
  }
}

.ShopFeatured-description {
  line-height: 1.1875rem;
  width: 50%;
}

.ShopFeatured-itemBottom {
  position: absolute;
  bottom: 20px;
  left: 25px;
}

.ShopFeatured-price {
  line-height: 1.25rem;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 15px;
}

.ShopFeatured-price span {
  color: #fb7701;
  font-size: 1.5625rem;
  line-height: 1.875rem;
  display: block;
}
/*# sourceMappingURL=global.css.map */