/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../img/plugins/fancybox/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../img/plugins/fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../img/plugins/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: rgba(244, 244, 244, 0.8); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../img/plugins/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div {
    background-image: url("../img/plugins/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }

/* ==========================================================================
     Classes
     ========================================================================== */
.content-right > * {
  margin: 0 0 0 auto; }

.relative {
  position: relative; }

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }
  .ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%; }

.hidden {
  display: none !important;
  visibility: hidden; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hidden-md {
    display: none; } }

@media screen and (max-width: 767px) {
  .hidden-xs {
    display: none; } }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  height: 0; }
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.invisible {
  visibility: hidden; }

.cf:before, .cf:after {
  content: " ";
  display: table; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.cf:after, .clearfix:after {
  clear: both; }

.cf, .clearfix {
  *zoom: 1; }

.clear--right {
  clear: right; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

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

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

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

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

.uppercase {
  text-transform: uppercase; }

.debug {
  outline: solid gold 1px; }

.debug-background {
  background: rgba(255, 215, 0, 0.2) !important; }

.rspimg, .dailyphoto__image {
  width: 100%;
  height: auto; }

.divider {
  margin: 0;
  height: 1px;
  background: rgba(116, 116, 116, 0.6);
  border: 0; }
  .divider--section {
    margin: 10px 5px;
    height: 1px;
    background: #4A484A;
    border: 0; }
  .divider--transp {
    margin: 0;
    height: 1px;
    border: 0;
    background: rgba(116, 116, 116, 0.6); }

.section--landing_page .column_sidebar .divider {
  display: none; }

.loader {
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -30px;
  padding: 25px 30px !important;
  text-align: center;
  background: #000;
  background: rgba(0, 0, 0, 0.8) url("../img/loader.gif") center center no-repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

body.tilt {
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg); }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@media screen and (min-width: 768px) {
  .half-gutter {
    padding: 0 7.5px !important; } }

.no-bord {
  border: 0 !important; }

.ullist, .menu__sublist, .telekom__list, .telekom_menu_megamenu__list, .telekom_menu_megamenu .telekom_list, .navigation__list, .navigation__sublist, .columnists__article_list, .columnists__listing_list, .search_results__data_list, .livecast_aside__list, .archive__list, .comments__list, .horoscope__rates_list, .horoscope__all_signs_list, .horoscope__all_signs--icons ul, .timemachine__filter_list, .timemachine__article_list, .pagination__list, .gallery__share_wrap:hover > div ul, .tags__list, .hotnews--landing .hotnews__list, .hotnews__widget .hotnews__list, .dailyphoto__list, .ts_storitve__list, .social__share_list, .social__share_item--plus > div ul {
  margin: 0;
  padding: 0;
  list-style: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mv5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.mv7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important; }

.mv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.mv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.mv20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.mv25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

.mv30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

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

.mh5 {
  margin-right: 5px !important;
  margin-left: 5px !important; }

.mh7 {
  margin-right: 7px !important;
  margin-left: 7px !important; }

.mh10 {
  margin-right: 10px !important;
  margin-left: 10px !important; }

.mh15 {
  margin-right: 15px !important;
  margin-left: 15px !important; }

.mh20 {
  margin-right: 20px !important;
  margin-left: 20px !important; }

.mh25 {
  margin-right: 25px !important;
  margin-left: 25px !important; }

.mh30 {
  margin-right: 30px !important;
  margin-left: 30px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.pv7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important; }

.pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.pv15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.pv25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important; }

.pv30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important; }

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

.ph5 {
  padding-right: 5px !important;
  padding-left: 5px !important; }

.ph7 {
  padding-right: 7px !important;
  padding-left: 7px !important; }

.ph10 {
  padding-right: 10px !important;
  padding-left: 10px !important; }

.ph15 {
  padding-right: 15px !important;
  padding-left: 15px !important; }

.ph20 {
  padding-right: 20px !important;
  padding-left: 20px !important; }

.ph25 {
  padding-right: 25px !important;
  padding-left: 25px !important; }

.ph30 {
  padding-right: 30px !important;
  padding-left: 30px !important; }

@media screen and (max-width: 767px) {
  .mb0--xs {
    margin-bottom: 0; } }

a {
  color: #424193; }

a:link, a:active, a:visited, a:hover {
  text-decoration: none; }

a:active, a:visited {
  outline: 0; }

.heading {
  margin: -5px 0 10px 0;
  padding: 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  text-transform: lowercase;
  color: #4a464a;
  text-align: right; }
  .heading a {
    color: #4a464a; }
  .heading--logo {
    margin: 8px 0;
    line-height: 1; }
    .heading--logo img {
      vertical-align: top;
      max-width: 100px; }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/LatoLatin-Light.eot");
  src: url("../fonts/LatoLatin-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-Light.woff2") format("woff2"), url("../fonts/LatoLatin-Light.woff") format("woff"), url("../fonts/LatoLatin-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility; }

@font-face {
  src: url("../fonts/LatoLatin-LightItalic.eot");
  src: url("../fonts/LatoLatin-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-LightItalic.woff2") format("woff2"), url("../fonts/LatoLatin-LightItalic.woff") format("woff"), url("../fonts/LatoLatin-LightItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 300;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/LatoLatin-Regular.eot");
  src: url("../fonts/LatoLatin-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-Regular.woff2") format("woff2"), url("../fonts/LatoLatin-Regular.woff") format("woff"), url("../fonts/LatoLatin-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/LatoLatin-Italic.eot");
  src: url("../fonts/LatoLatin-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-Italic.woff2") format("woff2"), url("../fonts/LatoLatin-Italic.woff") format("woff"), url("../fonts/LatoLatin-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/LatoLatin-Semibold.eot");
  src: url("../fonts/LatoLatin-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-Semibold.woff2") format("woff2"), url("../fonts/LatoLatin-Semibold.woff") format("woff"), url("../fonts/LatoLatin-Semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/LatoLatin-SemiboldItalic.eot");
  src: url("../fonts/LatoLatin-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-SemiboldItalic.woff2") format("woff2"), url("../fonts/LatoLatin-SemiboldItalic.woff") format("woff"), url("../fonts/LatoLatin-SemiboldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 600;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'LatoLatinWeb';
  src: url("../fonts/LatoLatin-Bold.eot");
  src: url("../fonts/LatoLatin-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-Bold.woff2") format("woff2"), url("../fonts/LatoLatin-Bold.woff") format("woff"), url("../fonts/LatoLatin-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'LatoLatinWeb';
  src: url("../fonts/LatoLatin-BoldItalic.eot");
  src: url("../fonts/LatoLatin-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-BoldItalic.woff2") format("woff2"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff"), url("../fonts/LatoLatin-BoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/LatoLatin-Heavy.eot");
  src: url("../fonts/LatoLatin-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-Heavy.woff2") format("woff2"), url("../fonts/LatoLatin-Heavy.woff") format("woff"), url("../fonts/LatoLatin-Heavy.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility; }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/LatoLatin-HeavyItalic.eot");
  src: url("../fonts/LatoLatin-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-HeavyItalic.woff2") format("woff2"), url("../fonts/LatoLatin-HeavyItalic.woff") format("woff"), url("../fonts/LatoLatin-HeavyItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 900;
  text-rendering: optimizeLegibility; }

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

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

/**************************************************
    CORE SETTINGS
    **********************************************/
html {
  font-size: 62.5%; }

body {
  color: #333333;
  font-family: "Lato", sans-serif;
  font-size: 100%;
  line-height: 1.5; }
  body.locked {
    overflow: hidden; }

figure {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0; }

/**************************************************
    SITE WRAPPERS
    **********************************************/
.banner_bg .body_wrap__inner {
  position: relative;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0;
  z-index: 2;
  background: #FFF;
  z-index: 1; }

.banner_bg .header {
  left: auto;
  max-width: 1250px; }

.body_wrap {
  padding: 163px 0 0 0; }
  .homepage .body_wrap {
    padding: 123px 0 0 0; }
  @media screen and (min-width: 768px) {
    .body_wrap {
      padding: 200px 0 0 0; }
      .homepage .body_wrap {
        padding: 150px 0 0 0; } }
  @media screen and (min-width: 1024px) {
    .body_wrap {
      padding: 196px 0 0 0; }
      .homepage .body_wrap {
        padding: 196px 0 0 0; } }
  @media screen and (min-width: 768px) {
    .section--landing_page .body_wrap {
      padding: 168px 0 0 0; }
      .section--landing_page .body_wrap .has-secondary-nav {
        padding: 215px 0 0 0; } }
  @media screen and (min-width: 1024px) {
    .section--landing_page .body_wrap {
      padding: 205px 0 0 0; } }
  @media screen and (min-width: 768px) {
    .section--landing_page.has-secondary-nav .body_wrap {
      padding: 178px 0 0 0; } }
  @media screen and (min-width: 1024px) {
    .section--landing_page.has-secondary-nav .body_wrap {
      padding: 205px 0 0 0; } }

@media screen and (min-width: 768px) {
  .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    *zoom: 1; }
    .sticky:before, .sticky:after {
      content: "";
      display: table; }
    .sticky:after {
      clear: both; } }

@media screen and (min-width: 768px) {
  .article__content--aside.stickyWrap {
    position: absolute;
    left: 5px;
    height: 100%; } }

.container {
  margin: 0 auto;
  max-width: 1250px; }

.column_content {
  position: relative;
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (min-width: 480px) and (min-width: 1025px) {
    .column_content {
      margin: 0 -310px 0 0; } }
  @media screen and (min-width: 768px) and (min-width: 1025px) {
    .column_content {
      margin: 0 -310px 0 0; } }
  @media screen and (min-width: 1024px) and (min-width: 1025px) {
    .column_content {
      margin: 0 -310px 0 0; } }
  @media screen and (min-width: 1025px) {
    .column_content {
      float: left; } }
  .column_content__inner {
    position: relative;
    margin: 0;
    padding: 0 15px 0 5px;
    *zoom: 1; }
    .column_content__inner:before, .column_content__inner:after {
      content: "";
      display: table; }
    .column_content__inner:after {
      clear: both; }
    @media screen and (min-width: 480px) and (min-width: 1025px) {
      .column_content__inner {
        margin: 0 310px 0 0; } }
    @media screen and (min-width: 768px) and (min-width: 1025px) {
      .column_content__inner {
        margin: 0 310px 0 0; } }
    @media screen and (min-width: 1024px) and (min-width: 1025px) {
      .column_content__inner {
        margin: 0 310px 0 0; } }
    @media screen and (max-width: 1199px) {
      .column_content__inner {
        padding: 0 10px; }
        .article__wrap .column_content__inner {
          padding: 0; } }
    @media screen and (min-width: 801px) and (max-width: 1023px) {
      .column_content__inner {
        margin: 0; } }

@media screen and (max-width: 1199px) {
  .article__wrap .column_content__inner {
    margin-right: 0; } }

.column_sidebar {
  position: relative;
  float: none;
  width: 100%;
  margin: 0;
  padding: 0 5px 0 0;
  *zoom: 1; }
  .column_sidebar:before, .column_sidebar:after {
    content: "";
    display: table; }
  .column_sidebar:after {
    clear: both; }
  @media screen and (min-width: 480px) and (min-width: 1025px) {
    .column_sidebar {
      width: 300px; } }
  @media screen and (min-width: 768px) and (min-width: 1025px) {
    .column_sidebar {
      width: 300px; } }
  @media screen and (min-width: 1024px) and (min-width: 1025px) {
    .column_sidebar {
      width: 300px; } }
  @media screen and (min-width: 1025px) {
    .column_sidebar {
      float: right; } }
  @media screen and (max-width: 1023px) {
    .column_sidebar {
      padding: 0;
      margin-top: 2em; } }
  @media screen and (max-width: 1199px) {
    .article__wrap .column_sidebar {
      float: none;
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }

@media screen and (min-width: 1024px) {
  .column_content--inner {
    padding: 0 0 0 15px; } }

@media screen and (min-width: 1024px) {
  .column_content--aktualno_posel {
    padding: 0 0 0 20px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .column_content--aside {
    padding: 0 25px 0 0; } }

/**************************************************
    FIXED SIDEBAR
    **********************************************/
.fold__homepage .column_content,
.fold__section .column_content {
  position: relative;
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (min-width: 480px) and (min-width: 1025px) {
    .fold__homepage .column_content,
    .fold__section .column_content {
      margin: 0; } }
  @media screen and (min-width: 768px) and (min-width: 1025px) {
    .fold__homepage .column_content,
    .fold__section .column_content {
      margin: 0; } }
  @media screen and (min-width: 1024px) and (min-width: 1025px) {
    .fold__homepage .column_content,
    .fold__section .column_content {
      margin: 0; } }
  @media screen and (min-width: 1200px) and (min-width: 1025px) {
    .fold__homepage .column_content,
    .fold__section .column_content {
      margin: 0 -310px 0 0; } }
  @media screen and (min-width: 1200px) {
    .fold__homepage .column_content,
    .fold__section .column_content {
      float: left; } }
  @media screen and (min-width: 768px) {
    .fold__homepage .column_content,
    .fold__section .column_content {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1024px) {
    .fold__homepage .column_content,
    .fold__section .column_content {
      margin-bottom: 0px; } }

.fold__homepage .column_content__inner,
.fold__section .column_content__inner {
  position: relative;
  padding: 0;
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .fold__homepage .column_content__inner:before, .fold__homepage .column_content__inner:after,
  .fold__section .column_content__inner:before,
  .fold__section .column_content__inner:after {
    content: "";
    display: table; }
  .fold__homepage .column_content__inner:after,
  .fold__section .column_content__inner:after {
    clear: both; }
  @media screen and (min-width: 480px) and (min-width: 1025px) {
    .fold__homepage .column_content__inner,
    .fold__section .column_content__inner {
      margin: 0; } }
  @media screen and (min-width: 768px) and (min-width: 1025px) {
    .fold__homepage .column_content__inner,
    .fold__section .column_content__inner {
      margin: 0; } }
  @media screen and (min-width: 1200px) {
    .fold__homepage .column_content__inner,
    .fold__section .column_content__inner {
      margin: 0 310px 0 0; } }
  @media screen and (min-width: 1200px) {
    .fold__homepage .column_content__inner,
    .fold__section .column_content__inner {
      padding: 0; } }

.fold__homepage .column_sidebar,
.fold__section .column_sidebar {
  display: block;
  position: relative;
  float: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *zoom: 1; }
  .fold__homepage .column_sidebar:before, .fold__homepage .column_sidebar:after,
  .fold__section .column_sidebar:before,
  .fold__section .column_sidebar:after {
    content: "";
    display: table; }
  .fold__homepage .column_sidebar:after,
  .fold__section .column_sidebar:after {
    clear: both; }
  @media screen and (min-width: 1200px) {
    .fold__homepage .column_sidebar,
    .fold__section .column_sidebar {
      width: 320px; } }
  @media screen and (min-width: 768px) {
    .fold__homepage .column_sidebar,
    .fold__section .column_sidebar {
      padding: 0 10px; } }
  @media screen and (min-width: 1200px) {
    .fold__homepage .column_sidebar,
    .fold__section .column_sidebar {
      margin-bottom: 20px;
      padding: 0 5px; } }
  @media screen and (min-width: 1200px) {
    .fold__homepage .column_sidebar,
    .fold__section .column_sidebar {
      width: 310px;
      padding-right: 10px;
      padding-left: 0;
      position: static;
      position: sticky;
      position: -webkit-sticky;
      top: 76px; } }
  @media screen and (min-width: 1200px) {
    .fold__homepage .column_sidebar,
    .fold__section .column_sidebar {
      float: right;
      margin-bottom: 15px; } }
  @media screen and (max-width: 1199px) {
    .fold__homepage .column_sidebar,
    .fold__section .column_sidebar {
      top: 0 !important; } }

@media screen and (min-width: 1200px) {
  .fold__homepage--bottom_14 .column_sidebar {
    position: relative;
    top: 0; } }

@media screen and (max-width: 767px) {
  .column_sidebar.hidden_mobile {
    display: none; } }

.column_sidebar.not_sticky {
  position: relative;
  top: 0; }

@media screen and (min-width: 1200px) {
  .js_sticky,
  .js_sticky_offset {
    position: static;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0; } }

.js_stickyLiveHeader {
  transition: .2s top ease-out;
  z-index: 2;
  background-color: white;
  position: static;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0; }

.js_stickySocialShare {
  position: static;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0; }

.hidden_mobile {
  display: none; }
  @media screen and (min-width: 768px) {
    .hidden_mobile {
      display: block; } }

.visible_mobile {
  display: block; }
  @media screen and (min-width: 768px) {
    .visible_mobile {
      display: none; } }

.helper_parent {
  position: relative; }

@media screen and (min-width: 768px) {
  .helper_child {
    position: absolute;
    top: 0;
    bottom: 5px; } }

@media screen and (max-width: 767px) {
  .body_wrap {
    padding: 122px 0 0 0; }
    .avtomoto .body_wrap,
    .horoskop .body_wrap,
    .kljucne-besede .body_wrap,
    .planet_tv .body_wrap,
    .has_dark_theme .body_wrap,
    .posel-danes .body_wrap,
    .siol-plus .body_wrap,
    .sampovem .body_wrap {
      padding: 158px 0 0 0; } }

[class^="icon-"], [class*=" icon-"], .telekom__link:hover:after, .card--video .icon-play, .card--video .icon-play:before, .filters__label:after, .article__gallery--wrap .rsPlayBtnIcon, .article__gallery--wrap .rsArrowIcn, .article__main blockquote:after, .siol-check.checked:before, .gallery .rsArrow.rsArrowLeft:before, .gallery .rsArrow.rsArrowRight:before, .gallery .rsThumbsArrowLeft .rsThumbsArrowIcn:before, .gallery .rsThumbsArrowRight .rsThumbsArrowIcn:before, .gallery .rsPlayBtn:before, .flatpage blockquote:before, .error_page__quote:before, .notification__icon, label.error:before, p.error:before, .ts_storitve__link:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'siol' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

.icon-alert:before {
  content: "\e916"; }

.icon-siol-logo-small:before {
  content: "\e915"; }

.icon-arrow-bold-left:before {
  content: "\e913"; }

.icon-instagram:before {
  content: "\e911"; }

.icon-youtube:before {
  content: "\e912"; }

.icon-basket:before {
  content: "\e90e"; }

.icon-cog:before {
  content: "\e90f"; }

.icon-envelope:before {
  content: "\e910"; }

.icon-archive:before {
  content: "\e90b"; }

.icon-clock-refresh:before {
  content: "\e90c"; }

.icon-layers:before {
  content: "\e90d"; }

.icon-siol-logo:before {
  content: "\e625"; }

.icon-temperature0:before {
  content: "\e800"; }

.icon-temperature25:before {
  content: "\e801"; }

.icon-temperature50:before {
  content: "\e802"; }

.icon-temperature75:before {
  content: "\e803"; }

.icon-temperature100:before {
  content: "\e804"; }

.icon-arrow-left:before {
  content: "\e902"; }

.icon-arrow-right:before {
  content: "\e601"; }

.icon-arrow-up:before {
  content: "\e903"; }

.icon-arrow-down:before {
  content: "\e600"; }

.icon-arrow-thin-left:before {
  content: "\e807"; }

.icon-arrow-thin-right:before {
  content: "\e808"; }

.icon-arrow-thin-up:before {
  content: "\e900"; }

.icon-arrow-thin-down:before {
  content: "\e901"; }

.icon-arrow-small-right-o:before {
  content: "\e602"; }

.icon-arrow-small-up-o:before {
  content: "\e603"; }

.icon-arrow-thin-left-o:before {
  content: "\e604"; }

.icon-arrow-thin-right-o:before {
  content: "\e605"; }

.icon-arrow-thin-up-o:before {
  content: "\e606"; }

.icon-bookmark:before {
  content: "\e607"; }

.icon-video:before {
  content: "\e805"; }

.icon-camera-o:before {
  content: "\e608"; }

.icon-check:before {
  content: "\e609"; }

.icon-coffee:before {
  content: "\e60a"; }

.icon-comment:before {
  content: "\e60b"; }

.icon-eye:before {
  content: "\e60c"; }

.icon-foto:before {
  content: "\e60f"; }

.icon-foto-o:before {
  content: "\e610"; }

.icon-home:before {
  content: "\e611"; }

.icon-info:before {
  content: "\e612"; }

.icon-link:before {
  content: "\e613"; }

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

.icon-money:before {
  content: "\e616"; }

.icon-pie-chart:before {
  content: "\e617"; }

.icon-plus:before {
  content: "\e619"; }

.icon-quote:before {
  content: "\e905"; }

.icon-quote-o:before {
  content: "\e61a"; }

.icon-resize:before {
  content: "\e61b"; }

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

.icon-share:before {
  content: "\e61d"; }

.icon-reply:before {
  content: "\e906"; }

.icon-thumbs-down:before {
  content: "\e61f"; }

.icon-thumbs-up:before {
  content: "\e620"; }

.icon-user:before {
  content: "\e623"; }

.icon-x:before {
  content: "\e624"; }

.icon-google-plus:before {
  content: "\e904"; }

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

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

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

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

.icon-pinterest:before {
  content: "\e907"; }

.icon-pinterest-o:before {
  content: "\e90a"; }

.icon-whatsapp:before {
  content: "\e908"; }

.icon-messenger:before {
  content: "\e909"; }

.icon-linkedin:before {
  content: "\e614"; }

.icon-play:before {
  content: "\e917"; }

.icon-clock:before {
  content: "\e918"; }

.icon-resize2:before {
  content: "\e919"; }

.icon-facebook-messenger:before {
  content: '\e91a'; }

.icon-ic_add_black:before {
  content: "\e91b"; }

.icon-ic_check:before {
  content: "\e91c"; }

.icon-envelope:before {
  content: "\e910"; }

.icon-info-circle:before {
  content: "\e91e"; }

.icon-linkedin:before {
  content: "\e91f"; }

.icon-pinterest:before {
  content: "\e920"; }

.icon-quote-left:before {
  content: "\e921"; }

.icon-error-outline:before {
  content: "\e91d"; }

.icon-phone-in-talk:before {
  content: "\e922"; }

.icon-chevron-right:before {
  content: "\e923"; }

.icon-red-eye:before {
  content: "\e924"; }

.ui_sprite {
  background: url("../img/ui_sprite.png") top left no-repeat; }

.ui_sprite--circle_gradient, .multimedia .card--16 .card__figure .photo {
  background: url("../img/ui_sprite.png") top left no-repeat;
  width: 70px;
  height: 70px;
  background-position: -10px -10px; }

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  height: auto;
  position: relative;
  direction: ltr; }

.royalSlider > * {
  float: left; }

.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0); }

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden; }

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none; }

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0; }

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsArrow,
.rsThumbsArrow {
  cursor: pointer; }

.rsThumb {
  float: left;
  position: relative; }

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear; }

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center; }

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important; }

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none; }

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto; }

.rsContent {
  width: 100%;
  height: 100%;
  position: relative; }

.rsPreloader {
  position: absolute;
  z-index: 0; }

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none; }

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); }

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22; }

.rsTabs {
  float: left;
  background: none !important; }

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVideoContainer {
  /*left: 0;
    top: 0;
    position: absolute;*/
  /*width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative; }

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s; }

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1; }

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px; }

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15; }

img.rsImg {
  max-width: none; }

.grab-cursor {
  cursor: grab; }

.grabbing-cursor {
  cursor: grabbing; }

.rsNoDrag {
  cursor: auto; }

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(blank.gif); }

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel .owl-refresh .owl-item {
  display: none; }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.no-js .owl-carousel {
  display: block; }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img {
  transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
    1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
    2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
    3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
    4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
    5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
    6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
        6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
    ----------------------------------------
    6.1 THEMES 
    ----------------------------------------
    */
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
        sprites locations 
        light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
        dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
        */ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
        sprites locations
        light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
        dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
        */ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
        sprites locations 
        light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
        dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
        */ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
        sprites locations 
        light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
        dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
        */ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/** initial setup **/
.nano {
  position: relative;
  width: 100%;
  height: 354px;
  overflow: hidden; }

.nano > .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.nano > .nano-content:focus {
  outline: thin dotted; }

.nano > .nano-content::-webkit-scrollbar {
  display: none; }

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block; }

.nano > .nano-pane {
  position: absolute;
  width: 4px;
  right: 0px;
  top: 0;
  bottom: 0;
  visibility: hidden\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: .01;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.nano > .nano-pane > .nano-slider {
  background: #b8adaa;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
  visibility: visible\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99; }

div[data-template="article"] {
  text-align: left;
  margin: 5px 0;
  box-sizing: border-box;
  width: 100%;
  float: left;
  position: relative; }

div[data-template="article"] .graphite-wrapper {
  border-color: #ddd;
  border-width: 1px 0px;
  border-style: solid;
  padding: 6px 2px; }

div[data-template="article"] span.label {
  padding: 6px;
  position: absolute;
  right: 0;
  bottom: 0; }

div[data-template="article"] span.label i {
  font-size: 16px;
  color: #aaa; }

div[data-template="article"] img.image {
  border: 0px;
  padding: 0px;
  margin-right: 10px;
  float: left; }

div[data-template="article"] a.description {
  font-size: 14px;
  line-height: 22px;
  color: #333333;
  text-decoration: none; }

div[data-template="article"] a.source {
  font-size: 14px;
  line-height: 22px;
  color: #2a4982;
  text-decoration: none; }

div[data-template="article"] a.title {
  color: #2a4982;
  font-size: 18px;
  text-decoration: underline; }

.jw-icon {
  font-family: 'jw-icons';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  background-color: transparent;
  font-variant: normal;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale; }

.jw-skin-siol .jw-background-color {
  background: #000; }

.jw-skin-siol .jw-controlbar {
  border-top: #333 1px solid;
  height: 2.5em; }

.jw-skin-siol .jw-group {
  vertical-align: middle; }

.jw-skin-siol .jw-playlist {
  background-color: rgba(0, 0, 0, 0.5); }

.jw-skin-siol .jw-playlist-container {
  left: -43%;
  background-color: rgba(0, 0, 0, 0.5); }

.jw-skin-siol .jw-playlist-container .jw-option {
  border-bottom: 1px solid #444; }

.jw-skin-siol .jw-playlist-container .jw-option:hover,
.jw-skin-siol .jw-playlist-container .jw-option.jw-active-option {
  background-color: black; }

.jw-skin-siol .jw-playlist-container .jw-option:hover .jw-label {
  color: #ff0046; }

.jw-skin-siol .jw-playlist-container .jw-icon-playlist {
  margin-left: 0; }

.jw-skin-siol .jw-playlist-container .jw-label .jw-icon-play {
  color: #ff0046; }

.jw-skin-siol .jw-playlist-container .jw-label .jw-icon-play:before {
  padding-left: 0; }

.jw-skin-siol .jw-tooltip-title {
  background-color: #000;
  color: #fff; }

.jw-skin-siol .jw-text {
  color: #fff; }

.jw-skin-siol .jw-button-color {
  color: #fff; }

.jw-skin-siol .jw-button-color:hover {
  color: #ff0046; }

.jw-skin-siol .jw-toggle {
  color: #ff0046; }

.jw-skin-siol .jw-toggle.jw-off {
  color: #fff; }

.jw-skin-siol .jw-controlbar .jw-icon:before,
.jw-skin-siol .jw-text-elapsed,
.jw-skin-siol .jw-text-duration {
  padding: 0 .7em; }

.jw-skin-siol .jw-controlbar .jw-icon-prev:before {
  padding-right: .25em; }

.jw-skin-siol .jw-controlbar .jw-icon-playlist:before {
  padding: 0 .45em; }

.jw-skin-siol .jw-controlbar .jw-icon-next:before {
  padding-left: .25em; }

.jw-skin-siol .jw-icon-prev,
.jw-skin-siol .jw-icon-next {
  font-size: .7em; }

.jw-skin-siol .jw-icon-prev:before {
  border-left: 1px solid #666; }

.jw-skin-siol .jw-icon-next:before {
  border-right: 1px solid #666; }

.jw-skin-siol .jw-icon-display {
  color: #fff; }

.jw-skin-siol .jw-icon-display:before {
  padding-left: 0; }

.jw-skin-siol .jw-display-icon-container {
  /*width:90px;border-radius:10px;*/
  border-radius: 50%;
  border: 0px solid #333;
  background-color: #ff0046; }

.jw-skin-siol .jw-rail {
  background-color: #384154;
  box-shadow: none; }

.jw-skin-siol .jw-buffer {
  background-color: #666f82; }

.jw-skin-siol .jw-progress {
  background: #ff0046; }

.jw-skin-siol .jw-knob {
  width: .6em;
  height: .6em;
  background-color: #fff;
  box-shadow: 0 0 0 1px #000;
  border-radius: 1em; }

.jw-skin-siol .jw-slider-horizontal .jw-slider-container {
  height: .95em; }

.jw-skin-siol .jw-slider-horizontal .jw-rail,
.jw-skin-siol .jw-slider-horizontal .jw-buffer,
.jw-skin-siol .jw-slider-horizontal .jw-progress {
  height: .2em;
  border-radius: 0; }

.jw-skin-siol .jw-slider-horizontal .jw-knob {
  top: -0.19999999999999998em; }

.jw-skin-siol .jw-slider-horizontal .jw-cue {
  top: -0.04999999999999999em;
  width: .3em;
  height: .3em;
  background-color: #fff;
  border-radius: 50%; }

.jw-skin-siol .jw-slider-vertical .jw-rail,
.jw-skin-siol .jw-slider-vertical .jw-buffer,
.jw-skin-siol .jw-slider-vertical .jw-progress {
  width: .2em; }

.jw-skin-siol .jw-volume-tip {
  width: 100%;
  left: -45%;
  padding-bottom: .7em; }

.jw-skin-siol .jw-text-duration {
  color: #666f82; }

.jw-skin-siol .jw-controlbar-right-group .jw-icon-tooltip:before,
.jw-skin-siol .jw-controlbar-right-group .jw-icon-inline:before {
  border-left: 1px solid #666; }

.jw-skin-siol .jw-controlbar-right-group .jw-icon-inline:first-child:before {
  border: 0; }

.jw-skin-siol .jw-dock .jw-dock-button {
  border-radius: 50%;
  border: 1px solid #333; }

.jw-skin-siol .jw-dock .jw-overlay {
  border-radius: 2.5em; }

.jw-skin-siol .jw-icon-tooltip .jw-active-option {
  background-color: #ff0046;
  color: #fff; }

.jw-skin-siol .jw-icon-volume {
  min-width: 2.6em; }

.jw-skin-siol .jw-time-tip,
.jw-skin-siol .jw-menu,
.jw-skin-siol .jw-volume-tip,
.jw-skin-siol .jw-skip {
  border: 1px solid #333; }

.jw-skin-siol .jw-time-tip {
  padding: .2em;
  bottom: 1.3em; }

.jw-skin-siol .jw-menu,
.jw-skin-siol .jw-volume-tip {
  bottom: .24em; }

.jw-skin-siol .jw-skip {
  padding: .4em;
  border-radius: 1.75em; }

.jw-skin-siol .jw-skip .jw-text,
.jw-skin-siol .jw-skip .jw-icon-inline {
  color: #fff;
  line-height: 1.75em; }

.jw-skin-siol .jw-skip.jw-skippable:hover .jw-text,
.jw-skin-siol .jw-skip.jw-skippable:hover .jw-icon-inline {
  color: #ff0046; }

.jw-skin-siol.jw-flag-touch .jw-controlbar .jw-icon:before,
.jw-skin-siol.jw-flag-touch .jw-text-elapsed,
.jw-skin-siol.jw-flag-touch .jw-text-duration {
  padding: 0 .35em; }

.jw-skin-siol.jw-flag-touch .jw-controlbar .jw-icon-prev:before {
  padding: 0 .125em 0 .7em; }

.jw-skin-siol.jw-flag-touch .jw-controlbar .jw-icon-next:before {
  padding: 0 .7em 0 .125em; }

.jw-skin-siol.jw-flag-touch .jw-controlbar .jw-icon-playlist:before {
  padding: 0 .225em; }

.jw-skin-siol .jw-display-icon-container .jw-icon-display {
  background-color: #ff0046;
  color: #fff;
  border-radius: 50%;
  border: 2px solid #ff0046; }

.jw-skin-siol .jw-display-icon-container .jw-icon-display:hover {
  background-color: #fff;
  color: #ff0046;
  border: 2px solid #fff; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #424193;
  height: 93px;
  z-index: 200;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out; }
  @media screen and (min-width: 768px) {
    .header {
      margin-bottom: 30px;
      height: 140px;
      border: 0; } }
  .header__widget {
    position: relative;
    box-sizing: border-box;
    font-size: 0; }
    .header__widget:before {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
      background: linear-gradient(#012233, #023e59); }
    .header__widget iframe {
      position: relative;
      z-index: 1;
      display: block;
      width: 100%;
      max-width: 100%;
      height: 0;
      margin: 0 auto;
      transition: 0.2s ease-in-out; }
      body.has_header_widget .header__widget iframe {
        height: 79px; }
        @media screen and (min-width: 768px) {
          body.has_header_widget .header__widget iframe {
            height: 111px; } }
  .header__inner {
    position: relative;
    height: 54px; }
    @media screen and (min-width: 768px) {
      .header__inner {
        height: 72px; } }
  .header__logo_heading {
    margin: 0; }
  .header__logo {
    display: block;
    line-height: 1;
    color: #fff;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
    @media screen and (max-width: 767px) {
      .header__logo {
        position: absolute;
        left: 50%;
        top: 15px;
        margin-left: -50px;
        width: 130px;
        font-size: 20px;
        font-size: 2rem;
        z-index: 201; } }
    @media screen and (max-width: 767px) {
      .header__logo--image {
        margin-left: 0;
        margin: 0;
        transform: translatex(-50%); } }
    @media screen and (min-width: 768px) {
      .header__logo {
        position: relative;
        margin: 30px auto 0 auto;
        width: 192px;
        font-size: 38px;
        font-size: 3.8rem; } }
    .slavni .header__logo {
      display: inline-block;
      top: 0;
      width: 110px;
      margin: 0 0 0 -55px;
      font-family: "Noto Sans", sans-serif;
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 46px;
      line-height: 4.6rem;
      font-weight: 700;
      color: #fff;
      -webkit-transition: 0.12s ease-in-out;
      -moz-transition: 0.12s ease-in-out;
      -o-transition: 0.12s ease-in-out;
      transition: 0.12s ease-in-out; }
      @media screen and (min-width: 768px) {
        .slavni .header__logo {
          width: auto;
          margin: 26px auto 0;
          font-size: 50px;
          font-size: 5rem;
          line-height: 50px;
          line-height: 5rem; } }
      .slavni .header__logo img {
        position: relative;
        top: -2px;
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        height: auto;
        -webkit-transition: 0.12s ease-in-out;
        -moz-transition: 0.12s ease-in-out;
        -o-transition: 0.12s ease-in-out;
        transition: 0.12s ease-in-out; }
        @media screen and (min-width: 768px) {
          .slavni .header__logo img {
            vertical-align: baseline;
            max-height: 50px; } }
    .slavni .header--hide .header__logo {
      padding: 0;
      margin: none;
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 46px;
      line-height: 4.6rem; }
      @media screen and (min-width: 768px) {
        .slavni .header--hide .header__logo {
          width: 148px;
          margin: 0 auto; }
          .slavni .header--hide .header__logo img {
            vertical-align: middle;
            max-height: 24px; } }
    .slavni .header--show .header__logo {
      padding: 0;
      margin: none; }
      @media screen and (min-width: 768px) {
        .slavni .header--show .header__logo {
          width: auto;
          margin: 24px auto 0;
          font-size: 50px;
          font-size: 5rem;
          line-height: 50px;
          line-height: 5rem; } }
    .header__logo--typography {
      display: inline-block;
      width: auto;
      text-transform: uppercase; }
  .header__logo_container {
    display: block;
    text-align: center; }
  .header__icon {
    position: absolute;
    right: 47px;
    top: 11px;
    z-index: 201;
    width: 35px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
    .header--hide .header__icon,
    .header--show .header__icon {
      top: 7px; }
    @media screen and (max-width: 479px) {
      .header__icon {
        display: none; } }
  .header__btn_menu, .header__btn_search, .header__btn_user, .header__btn_rss {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
  .header__btn_menu {
    position: absolute;
    left: 10px;
    top: 15px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 300;
    z-index: 201; }
    .header__btn_menu i {
      display: inline-block;
      margin-right: 3px;
      width: 29px;
      height: 26px;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 28px;
      text-align: center;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }
    .header__btn_menu .icon-menu {
      background: rgba(0, 0, 0, 0.25); }
    .header__btn_menu span {
      display: none; }
      @media screen and (min-width: 1024px) {
        .header__btn_menu span {
          display: inline-block;
          position: relative;
          top: -4px; } }
  .header__btn_home {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 300;
    z-index: 201; }
    .header__btn_home:hover {
      opacity: 0.9; }
    .header__btn_home i {
      display: inline-block;
      width: 26px;
      height: 26px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      margin-right: 3px;
      font-size: 20px;
      font-size: 2rem;
      line-height: 26px;
      line-height: 2.6rem;
      text-align: center;
      color: #ffa800;
      background: #fff; }
    .header__btn_home span {
      position: relative;
      top: -5px;
      border-bottom: 1px solid #fff; }
  .header__btn_search {
    position: absolute;
    top: 18px;
    right: 53px;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    z-index: 201; }
    .header__btn_search--offset {
      right: 92px; }
      @media screen and (max-width: 479px) {
        .header__btn_search--offset {
          right: 53px; } }
  .header__btn_rss {
    position: absolute;
    right: 47px;
    top: 11px;
    z-index: 201;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    color: #fff; }
  .header__btn_user {
    position: absolute;
    top: 18px;
    right: 18px;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    z-index: 201; }
  .header__home {
    display: inline-block; }
    .header__home i {
      position: relative;
      top: -2px;
      margin-left: 15px;
      color: white;
      font-size: 12px;
      font-size: 1.2rem; }
    @media screen and (max-width: 767px) {
      .header__home .icon-arrow-left {
        display: none; } }
    .header__home .icon-siol-logo {
      top: 0;
      margin-left: 10px; }
  .header__navigation_bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #323170;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
  .header--hide, .header--show {
    margin: 0;
    height: 46px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); }
    .header--hide .header__navigation_bar, .header--show .header__navigation_bar {
      opacity: 0;
      visibility: hidden; }
    .header--hide .header__logo, .header--show .header__logo {
      z-index: 2; }
      @media screen and (min-width: 768px) {
        .header--hide .header__logo, .header--show .header__logo {
          margin: 0 auto;
          padding: 12px;
          width: 102px;
          font-size: 20px;
          font-size: 2rem; }
          .avtomoto .header--hide .header__logo,
          .dom-in-vrt .header--hide .header__logo, .avtomoto .header--show .header__logo,
          .dom-in-vrt .header--show .header__logo {
            font-size: 27px;
            font-size: 2.7rem; } }
      @media screen and (min-width: 768px) {
        .header--hide .header__logo--typography, .header--show .header__logo--typography {
          font-size: 27px;
          font-size: 2.7rem; } }
    .header--hide .header__btn_menu, .header--show .header__btn_menu {
      top: 11px; }
    .header--hide .header__btn_search, .header--hide .header__btn_user, .header--show .header__btn_search, .header--show .header__btn_user {
      top: 14px; }
  .header--show {
    margin: 0;
    height: 83px; }
    .header--show .header__navigation_bar {
      opacity: 1;
      visibility: visible; }
    .header--show .telekom__wrap {
      top: 83px; }
  .header_bar {
    padding: 0 7px;
    background: #fafafa; }
    @media screen and (min-width: 768px) {
      .header_bar {
        padding: 0; } }
    @media screen and (min-width: 1024px) {
      .header_bar {
        padding: 0 15px; } }
    .header_bar__list {
      display: inline-block;
      list-style: none;
      padding: 0;
      margin: 0;
      font-size: 0; }
      .header_bar__list--ralign {
        float: right; }
    .header_bar__item {
      display: inline-block; }
      .header_bar__item--hide {
        display: none; }
        @media screen and (min-width: 700px) {
          .header_bar__item--hide {
            display: inline-block; } }
    .header_bar__link {
      display: block;
      padding: 0 4px;
      font-size: 10px;
      font-size: 1rem;
      line-height: 28px;
      line-height: 2.8rem;
      font-weight: 600;
      text-transform: uppercase;
      color: #212121;
      -webkit-transition: 0.12s ease-in-out;
      -moz-transition: 0.12s ease-in-out;
      -o-transition: 0.12s ease-in-out;
      transition: 0.12s ease-in-out; }
      @media screen and (min-width: 600px) {
        .header_bar__link {
          font-size: 11px;
          font-size: 1.1rem; } }
      @media screen and (min-width: 600px) {
        .header_bar__link {
          padding: 0 15px; } }
      .header_bar__link:hover {
        color: #424242; }

body.novice .header {
  background-color: #424193; }
  body.novice .header__navigation_bar {
    background-color: rgba(0, 0, 0, 0.25); }

body.sportal .header {
  background-color: #086d7f; }
  body.sportal .header__navigation_bar {
    background-color: rgba(0, 0, 0, 0.25); }

body.trendi .header {
  background-color: #a51253; }
  body.trendi .header__navigation_bar {
    background-color: rgba(0, 0, 0, 0.25); }

body.avtomoto .header {
  background-color: #076cb5; }
  body.avtomoto .header__navigation_bar {
    background-color: rgba(0, 0, 0, 0.25); }

body.digisvet .header {
  background-color: #2c4697; }
  body.digisvet .header__navigation_bar {
    background-color: rgba(0, 0, 0, 0.25); }

body.siol-plus .header {
  background-color: #70706e; }
  body.siol-plus .header__navigation_bar {
    background-color: rgba(0, 0, 0, 0.25); }

body.posel-danes .header {
  background-color: #88b04b; }
  body.posel-danes .header__navigation_bar {
    background-color: rgba(0, 0, 0, 0.25); }

body.info .header {
  background-color: #f9b509; }
  body.info .header__navigation_bar {
    background-color: rgba(0, 0, 0, 0.25); }

body.ugc .header {
  background-color: #f05046; }
  body.ugc .header__navigation_bar {
    background-color: rgba(0, 0, 0, 0.25); }

body.videoarchive .header {
  background-color: #3b3b3b; }
  body.videoarchive .header__navigation_bar {
    background-color: rgba(0, 0, 0, 0.25); }

body.novice .body_wrap {
  padding: 122px 0 0; }
  @media screen and (min-width: 768px) {
    body.novice .body_wrap {
      padding: 168px 0 0; } }

body.posel_danes .body_wrap,
body.dom-in-vrt .body_wrap {
  padding: 122px 0 0; }
  @media screen and (min-width: 768px) {
    body.posel_danes .body_wrap,
    body.dom-in-vrt .body_wrap {
      padding: 183px 0 0; } }
  @media screen and (min-width: 1024px) {
    body.posel_danes .body_wrap,
    body.dom-in-vrt .body_wrap {
      padding: 198px 0 0; } }

@media screen and (min-width: 768px) {
  body.posel_danes .banner #aditionAds_billboardTop,
  body.dom-in-vrt .banner #aditionAds_billboardTop {
    margin: 0; }
  body.posel_danes .banner #aditionAds_leaderboardTop > div,
  body.dom-in-vrt .banner #aditionAds_leaderboardTop > div {
    margin-bottom: 10px !important; }
  body.posel_danes .banner #aditionAds_halfRectTop > div,
  body.dom-in-vrt .banner #aditionAds_halfRectTop > div {
    margin-bottom: 25px !important; } }

@media screen and (min-width: 1024px) {
  body.posel_danes .banner #aditionAds_billboardTop > div,
  body.dom-in-vrt .banner #aditionAds_billboardTop > div {
    margin-bottom: 25px !important; }
  body.posel_danes .banner #aditionAds_leaderboardTop,
  body.dom-in-vrt .banner #aditionAds_leaderboardTop {
    margin: 0; } }

body.posel_danes .header,
body.dom-in-vrt .header {
  height: 122px;
  margin: 0;
  background: #000;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26); }
  @media screen and (min-width: 768px) {
    body.posel_danes .header,
    body.dom-in-vrt .header {
      height: 168px; } }
  body.posel_danes .header--hide,
  body.dom-in-vrt .header--hide {
    height: 82px; }
  body.posel_danes .header--show,
  body.dom-in-vrt .header--show {
    height: 122px; }
  body.posel_danes .header--hide .header__btn_menu, body.posel_danes .header--show .header__btn_menu,
  body.dom-in-vrt .header--hide .header__btn_menu,
  body.dom-in-vrt .header--show .header__btn_menu {
    top: 14px; }
  body.posel_danes .header--hide .header__logo, body.posel_danes .header--show .header__logo,
  body.dom-in-vrt .header--hide .header__logo,
  body.dom-in-vrt .header--show .header__logo {
    width: 148px; }
    @media screen and (min-width: 768px) {
      body.posel_danes .header--hide .header__logo, body.posel_danes .header--show .header__logo,
      body.dom-in-vrt .header--hide .header__logo,
      body.dom-in-vrt .header--show .header__logo {
        margin: 0 auto;
        padding: 16px; } }
  body.posel_danes .header--hide .header__btn_user,
  body.posel_danes .header--hide .header__btn_rss,
  body.posel_danes .header--hide .header__btn_search, body.posel_danes .header--show .header__btn_user,
  body.posel_danes .header--show .header__btn_rss,
  body.posel_danes .header--show .header__btn_search,
  body.dom-in-vrt .header--hide .header__btn_user,
  body.dom-in-vrt .header--hide .header__btn_rss,
  body.dom-in-vrt .header--hide .header__btn_search,
  body.dom-in-vrt .header--show .header__btn_user,
  body.dom-in-vrt .header--show .header__btn_rss,
  body.dom-in-vrt .header--show .header__btn_search {
    top: 9px; }
  body.posel_danes .header__btn_user, body.posel_danes .header__btn_search, body.posel_danes .header__btn_rss,
  body.dom-in-vrt .header__btn_user,
  body.dom-in-vrt .header__btn_search,
  body.dom-in-vrt .header__btn_rss {
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 36px;
    line-height: 3.6rem; }
    body.posel_danes .header__btn_user i, body.posel_danes .header__btn_search i, body.posel_danes .header__btn_rss i,
    body.dom-in-vrt .header__btn_user i,
    body.dom-in-vrt .header__btn_search i,
    body.dom-in-vrt .header__btn_rss i {
      position: relative;
      top: 2px; }
  body.posel_danes .header__btn_user,
  body.dom-in-vrt .header__btn_user {
    top: 9px;
    right: 8px; }
  body.posel_danes .header__btn_rss,
  body.dom-in-vrt .header__btn_rss {
    display: none; }
    body.posel_danes .header__btn_rss img,
    body.dom-in-vrt .header__btn_rss img {
      max-width: 30px;
      margin: 4px; }
    @media screen and (min-width: 768px) {
      body.posel_danes .header__btn_rss,
      body.dom-in-vrt .header__btn_rss {
        display: block;
        top: 9px;
        right: 40px; } }
  body.posel_danes .header__btn_search,
  body.dom-in-vrt .header__btn_search {
    top: 9px;
    right: 41px; }
    @media screen and (min-width: 768px) {
      body.posel_danes .header__btn_search,
      body.dom-in-vrt .header__btn_search {
        right: 73px; } }
  body.posel_danes .header__btn_menu,
  body.dom-in-vrt .header__btn_menu {
    top: 14px;
    left: 9px; }
    body.posel_danes .header__btn_menu i,
    body.dom-in-vrt .header__btn_menu i {
      width: auto;
      line-height: 26px;
      line-height: 2.6rem; }
    body.posel_danes .header__btn_menu .icon-menu,
    body.dom-in-vrt .header__btn_menu .icon-menu {
      width: 30px;
      margin: 0;
      background: #5b5b5b;
      cursor: pointer; }
    body.posel_danes .header__btn_menu .icon-siol-logo,
    body.dom-in-vrt .header__btn_menu .icon-siol-logo {
      display: inline-block;
      height: 26px;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 26px;
      line-height: 2.6rem;
      color: #fff; }
      body.posel_danes .header__btn_menu .icon-siol-logo::before,
      body.dom-in-vrt .header__btn_menu .icon-siol-logo::before {
        content: "\e915"; }
        @media screen and (min-width: 768px) {
          body.posel_danes .header__btn_menu .icon-siol-logo::before,
          body.dom-in-vrt .header__btn_menu .icon-siol-logo::before {
            content: "\e625"; } }
    @media screen and (min-width: 768px) {
      body.posel_danes .header__btn_menu,
      body.dom-in-vrt .header__btn_menu {
        top: 14px;
        left: 15px; }
        body.posel_danes .header__btn_menu .icon-menu,
        body.dom-in-vrt .header__btn_menu .icon-menu {
          margin: 0 8px 0 0; }
        body.posel_danes .header__btn_menu .icon-siol-logo::before,
        body.dom-in-vrt .header__btn_menu .icon-siol-logo::before {
          content: "\e625"; } }
    @media screen and (min-width: 1024px) {
      body.posel_danes .header__btn_menu,
      body.dom-in-vrt .header__btn_menu {
        left: 10px; } }
  body.posel_danes .header__logo,
  body.dom-in-vrt .header__logo {
    width: 148px; }
    body.posel_danes .header__logo img,
    body.dom-in-vrt .header__logo img {
      display: block;
      width: 100%; }
    @media screen and (min-width: 768px) {
      body.posel_danes .header__logo,
      body.dom-in-vrt .header__logo {
        width: 242px;
        margin: 30px auto 0; } }

@media screen and (min-width: 768px) {
  body.posel_danes.has-secondary-nav .body_wrap {
    padding: 178px 0 0; } }

@media screen and (min-width: 1024px) {
  body.posel_danes.has-secondary-nav .body_wrap {
    padding: 229px 0 0; } }

body.posel_danes .header__navigation_bar {
  padding: 0 0 0 8px;
  background: #e6e6e6; }
  @media screen and (min-width: 480px) {
    body.posel_danes .header__navigation_bar {
      padding: 0; } }

body.posel_danes .menu__list {
  position: relative;
  z-index: 2;
  padding: 0; }
  body.posel_danes .menu__list::after {
    content: " ";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    background-image: -moz-linear-gradient(180deg, #e6e6e6 0%, rgba(230, 230, 230, 0) 100%);
    background-image: -webkit-linear-gradient(180deg, #e6e6e6 0%, rgba(230, 230, 230, 0) 100%);
    background-image: -ms-linear-gradient(180deg, #e6e6e6 0%, rgba(230, 230, 230, 0) 100%); }
  body.posel_danes .menu__list.mCS_touch_action::before {
    content: " ";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    background-image: -moz-linear-gradient(0deg, #e6e6e6 0%, rgba(230, 230, 230, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, #e6e6e6 0%, rgba(230, 230, 230, 0) 100%);
    background-image: -ms-linear-gradient(0deg, #e6e6e6 0%, rgba(230, 230, 230, 0) 100%); }

body.posel_danes .mCustomScrollBox {
  padding: 0 40px 0 0; }
  @media screen and (min-width: 480px) {
    body.posel_danes .mCustomScrollBox {
      padding: 0; } }

body.posel_danes .menu__link {
  padding: 12px 7px 13px;
  color: #000; }
  @media screen and (min-width: 480px) {
    body.posel_danes .menu__link {
      padding: 12px 20px 13px; } }
  @media screen and (min-width: 768px) {
    body.posel_danes .menu__link {
      padding: 12px 15px 13px; } }
  @media screen and (min-width: 1024px) {
    body.posel_danes .menu__link {
      padding: 12px 20px 13px; } }
  body.posel_danes .menu__link:hover {
    border-color: #e60005; }

body.posel_danes .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  background: #212121; }

@media screen and (min-width: 768px) {
  body.posel_danes .header--hide .header__logo, body.posel_danes .header--show .header__logo {
    padding: 15px 16px 16px 16px; } }

body.avtomoto .body_wrap {
  padding: 122px 0 0; }
  @media screen and (min-width: 768px) {
    body.avtomoto .body_wrap {
      padding: 168px 0 0; } }

@media screen and (min-width: 768px) {
  body.avtomoto.has-secondary-nav .body_wrap {
    padding: 178px 0 0; } }

@media screen and (min-width: 1024px) {
  body.avtomoto.has-secondary-nav .body_wrap {
    padding: 224px 0 0; } }

body.avtomoto .header {
  background: #d22300; }
  @media screen and (min-width: 768px) {
    body.avtomoto .header--hide .header__btn_menu, body.avtomoto .header--show .header__btn_menu {
      top: 14px; } }
  @media screen and (min-width: 768px) {
    body.avtomoto .header--hide .header__logo, body.avtomoto .header--show .header__logo {
      width: 120px;
      margin: 14px auto 0;
      padding: 0; } }

@media screen and (min-width: 768px) {
  body.avtomoto .header_bar {
    display: block; } }

body.avtomoto .header__logo {
  top: 15px;
  width: 120px; }
  @media screen and (min-width: 768px) {
    body.avtomoto .header__logo {
      top: auto;
      width: 177px;
      margin: 32px auto 0; } }

body.avtomoto.has_subnav .body_wrap {
  padding: 158px 0 0; }
  @media screen and (min-width: 768px) {
    body.avtomoto.has_subnav .body_wrap {
      padding: 176px 0 0; } }

body.avtomoto .header__navigation_bar {
  background: rgba(0, 0, 0, 0.15); }

@media screen and (min-width: 768px) {
  body.avtomoto .header__btn_menu {
    top: 37px;
    left: 30px; } }

body.avtomoto .header__btn_menu .icon-arrow-left {
  display: none; }

body.avtomoto .header__btn_menu .icon-menu {
  background: rgba(0, 0, 0, 0.15); }

@media screen and (min-width: 1024px) {
  body.avtomoto .menu__sublist {
    text-align: center; }
  body.avtomoto .menu__sublist_item {
    float: none;
    display: inline-block; } }

body.avtomoto .menu__item--special {
  display: none; }

.planet_tv .body_wrap,
body.has_dark_theme .body_wrap {
  padding: 172px 0 0; }
  @media screen and (min-width: 768px) {
    .planet_tv .body_wrap,
    body.has_dark_theme .body_wrap {
      padding: 224px 0 0; } }
  @media screen and (min-width: 1024px) {
    .planet_tv .body_wrap,
    body.has_dark_theme .body_wrap {
      padding: 224px 0 0; } }

@media screen and (min-width: 768px) {
  .planet_tv.has-secondary-nav .body_wrap,
  body.has_dark_theme.has-secondary-nav .body_wrap {
    padding: 151px 0 0; } }

@media screen and (min-width: 1024px) {
  .planet_tv.has-secondary-nav .body_wrap,
  body.has_dark_theme.has-secondary-nav .body_wrap {
    padding: 202px 0 0; } }

.planet_tv.biggest_loser .body_wrap,
.planet_tv.fittest_family .body_wrap,
body.has_dark_theme.biggest_loser .body_wrap,
body.has_dark_theme.fittest_family .body_wrap {
  padding: 158px 0 0; }
  @media screen and (min-width: 768px) {
    .planet_tv.biggest_loser .body_wrap,
    .planet_tv.fittest_family .body_wrap,
    body.has_dark_theme.biggest_loser .body_wrap,
    body.has_dark_theme.fittest_family .body_wrap {
      padding: 176px 0 0; } }
  @media screen and (min-width: 1024px) {
    .planet_tv.biggest_loser .body_wrap,
    .planet_tv.fittest_family .body_wrap,
    body.has_dark_theme.biggest_loser .body_wrap,
    body.has_dark_theme.fittest_family .body_wrap {
      padding: 176px 0 0; } }

.planet_tv.biggest_loser--subsection .body_wrap,
.planet_tv.fittest_family--subsection .body_wrap,
body.has_dark_theme.biggest_loser--subsection .body_wrap,
body.has_dark_theme.fittest_family--subsection .body_wrap {
  padding: 122px 0 0; }
  @media screen and (min-width: 768px) {
    .planet_tv.biggest_loser--subsection .body_wrap,
    .planet_tv.fittest_family--subsection .body_wrap,
    body.has_dark_theme.biggest_loser--subsection .body_wrap,
    body.has_dark_theme.fittest_family--subsection .body_wrap {
      padding: 140px 0 0; } }
  @media screen and (min-width: 1024px) {
    .planet_tv.biggest_loser--subsection .body_wrap,
    .planet_tv.fittest_family--subsection .body_wrap,
    body.has_dark_theme.biggest_loser--subsection .body_wrap,
    body.has_dark_theme.fittest_family--subsection .body_wrap {
      padding: 140px 0 0; } }

.planet_tv--landing .body_wrap,
body.has_dark_theme--landing .body_wrap {
  padding: 136px 0 0; }
  @media screen and (min-width: 768px) {
    .planet_tv--landing .body_wrap,
    body.has_dark_theme--landing .body_wrap {
      padding: 192px 0 0; } }
  @media screen and (min-width: 1024px) {
    .planet_tv--landing .body_wrap,
    body.has_dark_theme--landing .body_wrap {
      padding: 188px 0 0; } }

@media screen and (min-width: 768px) {
  .planet_tv .banner #aditionAds_billboardTop,
  body.has_dark_theme .banner #aditionAds_billboardTop {
    margin: 0; }
  .planet_tv .banner #aditionAds_leaderboardTop > div,
  body.has_dark_theme .banner #aditionAds_leaderboardTop > div {
    margin-bottom: 10px !important; }
  .planet_tv .banner #aditionAds_halfRectTop > div,
  body.has_dark_theme .banner #aditionAds_halfRectTop > div {
    margin-bottom: 25px !important; } }

@media screen and (min-width: 1024px) {
  .planet_tv .banner #aditionAds_billboardTop > div,
  body.has_dark_theme .banner #aditionAds_billboardTop > div {
    margin-top: 20px !important;
    margin-bottom: 25px !important; }
  .planet_tv .banner #aditionAds_leaderboardTop,
  body.has_dark_theme .banner #aditionAds_leaderboardTop {
    margin: 0; } }

.planet_tv .header,
body.has_dark_theme .header {
  margin: 0;
  background: #001c2a;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.26); }
  .planet_tv .header--hide .header__btn_menu, .planet_tv .header--show .header__btn_menu,
  body.has_dark_theme .header--hide .header__btn_menu,
  body.has_dark_theme .header--show .header__btn_menu {
    top: 14px; }
  @media screen and (min-width: 768px) {
    .planet_tv .header--hide .header__logo, .planet_tv .header--show .header__logo,
    body.has_dark_theme .header--hide .header__logo,
    body.has_dark_theme .header--show .header__logo {
      width: 148px;
      margin: 0 auto;
      padding-top: 13px; } }
  .planet_tv .header--hide .header__btn_user,
  .planet_tv .header--hide .header__btn_rss,
  .planet_tv .header--hide .header__btn_search, .planet_tv .header--show .header__btn_user,
  .planet_tv .header--show .header__btn_rss,
  .planet_tv .header--show .header__btn_search,
  body.has_dark_theme .header--hide .header__btn_user,
  body.has_dark_theme .header--hide .header__btn_rss,
  body.has_dark_theme .header--hide .header__btn_search,
  body.has_dark_theme .header--show .header__btn_user,
  body.has_dark_theme .header--show .header__btn_rss,
  body.has_dark_theme .header--show .header__btn_search {
    top: 9px; }
  .planet_tv .header__btn_user, .planet_tv .header__btn_search, .planet_tv .header__btn_rss,
  body.has_dark_theme .header__btn_user,
  body.has_dark_theme .header__btn_search,
  body.has_dark_theme .header__btn_rss {
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 36px;
    line-height: 3.6rem; }
    .planet_tv .header__btn_user i, .planet_tv .header__btn_search i, .planet_tv .header__btn_rss i,
    body.has_dark_theme .header__btn_user i,
    body.has_dark_theme .header__btn_search i,
    body.has_dark_theme .header__btn_rss i {
      position: relative;
      top: 2px; }
  .planet_tv .header__btn_user,
  body.has_dark_theme .header__btn_user {
    top: 9px;
    right: 4px; }
    @media screen and (min-width: 768px) {
      .planet_tv .header__btn_user,
      body.has_dark_theme .header__btn_user {
        top: 6px;
        right: 5px; } }
    @media screen and (min-width: 1024px) {
      .planet_tv .header__btn_user,
      body.has_dark_theme .header__btn_user {
        right: 20px; } }
  .planet_tv .header__btn_rss,
  body.has_dark_theme .header__btn_rss {
    display: none; }
    .planet_tv .header__btn_rss img,
    body.has_dark_theme .header__btn_rss img {
      max-width: 32px;
      margin: 2px; }
    @media screen and (min-width: 768px) {
      .planet_tv .header__btn_rss,
      body.has_dark_theme .header__btn_rss {
        display: block;
        top: 6px;
        right: 53px; } }
    @media screen and (min-width: 1024px) {
      .planet_tv .header__btn_rss,
      body.has_dark_theme .header__btn_rss {
        right: 68px; } }
  .planet_tv .header__btn_search,
  body.has_dark_theme .header__btn_search {
    top: 9px;
    right: 44px; }
    @media screen and (min-width: 768px) {
      .planet_tv .header__btn_search,
      body.has_dark_theme .header__btn_search {
        top: 6px;
        right: 101px; } }
    @media screen and (min-width: 1024px) {
      .planet_tv .header__btn_search,
      body.has_dark_theme .header__btn_search {
        right: 116px; } }
  .planet_tv .header__btn_menu,
  body.has_dark_theme .header__btn_menu {
    top: 14px;
    left: 9px; }
    .planet_tv .header__btn_menu i,
    body.has_dark_theme .header__btn_menu i {
      width: auto;
      line-height: 26px;
      line-height: 2.6rem; }
    .planet_tv .header__btn_menu .icon-menu,
    body.has_dark_theme .header__btn_menu .icon-menu {
      width: 30px;
      margin: 0;
      background: #0087b5;
      cursor: pointer; }
    .planet_tv .header__btn_menu .icon-siol-logo,
    body.has_dark_theme .header__btn_menu .icon-siol-logo {
      display: inline-block;
      height: 26px;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 26px;
      line-height: 2.6rem;
      color: #fff; }
      .planet_tv .header__btn_menu .icon-siol-logo::before,
      body.has_dark_theme .header__btn_menu .icon-siol-logo::before {
        content: "\e915"; }
    @media screen and (min-width: 768px) {
      .planet_tv .header__btn_menu,
      body.has_dark_theme .header__btn_menu {
        left: 15px; }
        .planet_tv .header__btn_menu .icon-siol-logo::before,
        body.has_dark_theme .header__btn_menu .icon-siol-logo::before {
          content: "\e625"; } }
    @media screen and (min-width: 1024px) {
      .planet_tv .header__btn_menu,
      body.has_dark_theme .header__btn_menu {
        left: 30px; } }
  .planet_tv .header__logo,
  body.has_dark_theme .header__logo {
    width: 120px; }
    .planet_tv .header__logo img,
    body.has_dark_theme .header__logo img {
      display: block;
      width: 100%; }
    @media screen and (min-width: 768px) {
      .planet_tv .header__logo,
      body.has_dark_theme .header__logo {
        width: 180px;
        margin: 18px auto 0; } }
  .planet_tv .header__navigation_bar,
  body.has_dark_theme .header__navigation_bar {
    background: #0087be; }

.planet_tv .menu__list,
body.has_dark_theme .menu__list {
  position: relative;
  z-index: 2;
  padding: 0; }
  .planet_tv .menu__list::after,
  body.has_dark_theme .menu__list::after {
    content: " ";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px; }
  .planet_tv .menu__list.mCS_touch_action::before,
  body.has_dark_theme .menu__list.mCS_touch_action::before {
    content: " ";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    background-image: -moz-linear-gradient(0deg, #e6e6e6 0%, rgba(230, 230, 230, 0) 100%);
    background-image: -webkit-linear-gradient(0deg, #e6e6e6 0%, rgba(230, 230, 230, 0) 100%);
    background-image: -ms-linear-gradient(0deg, #e6e6e6 0%, rgba(230, 230, 230, 0) 100%); }

.planet_tv .menu__item--special,
body.has_dark_theme .menu__item--special {
  display: none; }

.planet_tv .mCustomScrollBox,
body.has_dark_theme .mCustomScrollBox {
  padding: 0 40px 0 0; }
  @media screen and (min-width: 480px) {
    .planet_tv .mCustomScrollBox,
    body.has_dark_theme .mCustomScrollBox {
      padding: 0; } }

.planet_tv .menu__link,
body.has_dark_theme .menu__link {
  padding: 12px 7px 13px;
  color: #fff; }
  @media screen and (min-width: 480px) {
    .planet_tv .menu__link,
    body.has_dark_theme .menu__link {
      padding: 12px 20px 13px; } }
  @media screen and (min-width: 768px) {
    .planet_tv .menu__link,
    body.has_dark_theme .menu__link {
      padding: 12px 15px 13px; } }
  @media screen and (min-width: 1024px) {
    .planet_tv .menu__link,
    body.has_dark_theme .menu__link {
      padding: 12px 20px 13px; } }
  .planet_tv .menu__link:hover,
  body.has_dark_theme .menu__link:hover {
    border-color: #001c2a; }

.planet_tv .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger,
body.has_dark_theme .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  background: #212121; }

.planet_tv.has_header_widget .body_wrap,
body.has_dark_theme.has_header_widget .body_wrap {
  padding: 182px 0 0; }
  @media screen and (min-width: 768px) {
    .planet_tv.has_header_widget .body_wrap,
    body.has_dark_theme.has_header_widget .body_wrap {
      padding: 260px 0 0; } }

.planet_tv.has_header_widget .header,
body.has_dark_theme.has_header_widget .header {
  height: 172px; }
  @media screen and (min-width: 768px) {
    .planet_tv.has_header_widget .header.typography_header,
    body.has_dark_theme.has_header_widget .header.typography_header {
      height: 223px; } }

body.dom-in-vrt .body_wrap {
  padding: 122px 0 0; }
  @media screen and (min-width: 768px) {
    body.dom-in-vrt .body_wrap {
      padding: 183px 0 0; } }

@media screen and (min-width: 768px) {
  body.dom-in-vrt.has-secondary-nav .body_wrap {
    padding: 178px 0 0; } }

@media screen and (min-width: 1024px) {
  body.dom-in-vrt.has-secondary-nav .body_wrap {
    padding: 224px 0 0; } }

body.dom-in-vrt .header {
  background: #88b04b; }
  @media screen and (min-width: 768px) {
    body.dom-in-vrt .header--hide .header__logo {
      padding: 9px 0 0; } }
  @media screen and (min-width: 768px) {
    body.dom-in-vrt .header--show .header__logo {
      padding: 5px 0 0; } }

@media screen and (min-width: 768px) {
  body.dom-in-vrt .header_bar {
    display: block; } }

body.dom-in-vrt .header__logo {
  width: 84px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 27px;
  line-height: 2.7rem;
  text-transform: uppercase;
  top: 9px; }
  body.dom-in-vrt .header__logo img {
    height: 100%;
    width: auto; }
  @media screen and (min-width: 768px) {
    body.dom-in-vrt .header__logo {
      height: 68px;
      width: 168px;
      top: 0;
      margin: 16px auto 0;
      font-size: 48px;
      font-size: 4.8rem;
      line-height: 48px;
      line-height: 4.8rem;
      letter-spacing: 0.02em; } }

body.dom-in-vrt .header--hide .header__logo,
body.dom-in-vrt .header--show .header__logo {
  height: 35px;
  width: 84px; }

body.dom-in-vrt.has_subnav .body_wrap {
  padding: 174px 0 0; }
  @media screen and (min-width: 768px) {
    body.dom-in-vrt.has_subnav .body_wrap {
      padding: 225px 0 0; } }
  @media screen and (min-width: 1024px) {
    body.dom-in-vrt.has_subnav .body_wrap {
      padding: 235px 0 0; } }

body.dom-in-vrt .header__navigation_bar {
  padding: 0 0 0 8px;
  background: #e6e6e6; }
  @media screen and (min-width: 480px) {
    body.dom-in-vrt .header__navigation_bar {
      padding: 0; } }

body.dom-in-vrt .header__btn_menu .icon-menu {
  background: rgba(0, 0, 0, 0.25); }

@media screen and (min-width: 1024px) {
  body.dom-in-vrt .menu__sublist {
    text-align: center; }
  body.dom-in-vrt .menu__sublist_item {
    float: none;
    display: inline-block; } }

body.dom-in-vrt .menu__item--special {
  display: none; }

body.dom-in-vrt .menu__link {
  padding: 12px 7px 13px;
  color: #000; }
  @media screen and (min-width: 480px) {
    body.dom-in-vrt .menu__link {
      padding: 12px 20px 13px; } }
  @media screen and (min-width: 768px) {
    body.dom-in-vrt .menu__link {
      padding: 12px 15px 13px; } }
  @media screen and (min-width: 1024px) {
    body.dom-in-vrt .menu__link {
      padding: 12px 20px 13px; } }
  body.dom-in-vrt .menu__link:hover {
    border-color: #668438; }

.header {
  height: 122px; }
  @media screen and (min-width: 768px) {
    .header {
      height: 140px; } }
  .header--hide {
    height: 82px; }
  .header--show {
    height: 122px; }
  .header--hide .header__btn_menu, .header--show .header__btn_menu {
    top: 14px; }
  .header--hide .header__logo, .header--show .header__logo {
    width: 148px; }
    .header--hide .header__logo--typography, .header--show .header__logo--typography {
      width: auto; }
    .planet_tv .header--hide .header__logo, .planet_tv .header--show .header__logo {
      width: 120px; }
    @media screen and (min-width: 1024px) {
      body.has_dark_theme .header--hide .header__logo, body.has_dark_theme .header--show .header__logo {
        width: 250px; } }
    @media screen and (min-width: 1024px) {
      body.has_dark_theme.bar .header--hide .header__logo, body.has_dark_theme.bar .header--show .header__logo {
        width: 120px; } }
    @media screen and (min-width: 768px) {
      .header--hide .header__logo, .header--show .header__logo {
        margin: 0 auto;
        padding: 16px; } }
  .header--hide .header__btn_user,
  .header--hide .header__btn_rss,
  .header--hide .header__btn_search, .header--show .header__btn_user,
  .header--show .header__btn_rss,
  .header--show .header__btn_search {
    top: 9px; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .planet_tv .header--hide .header__logo, .planet_tv .header--show .header__logo {
      margin-top: 4px; } }
  .header__btn_user, .header__btn_search, .header__btn_rss {
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 36px;
    line-height: 3.6rem; }
    .header__btn_user i, .header__btn_search i, .header__btn_rss i {
      position: relative;
      top: 2px; }
  .header__btn_user {
    top: 9px;
    right: 8px; }
  .header__btn_rss {
    display: none; }
    .header__btn_rss img {
      max-width: 30px;
      margin: 4px; }
    @media screen and (min-width: 768px) {
      .header__btn_rss {
        display: block;
        top: 9px;
        right: 40px; } }
  .header__btn_search {
    top: 9px;
    right: 41px; }
    @media screen and (min-width: 768px) {
      .header__btn_search {
        right: 73px; } }
  .header__btn_menu {
    top: 14px;
    left: 9px; }
    .header__btn_menu i {
      width: auto;
      line-height: 26px;
      line-height: 2.6rem; }
    .header__btn_menu .icon-menu {
      width: 30px;
      margin: 0;
      background: #5b5b5b;
      cursor: pointer; }
    .header__btn_menu .icon-siol-logo {
      display: inline-block;
      height: 26px;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 26px;
      line-height: 2.6rem;
      color: #fff; }
      .header__btn_menu .icon-siol-logo::before {
        content: "\e915"; }
        .header__btn_menu .icon-siol-logo::before min-screen($md) {
          content: "\e625"; }
    @media screen and (min-width: 768px) {
      .header__btn_menu {
        top: 14px;
        left: 15px; }
        .header__btn_menu .icon-menu {
          margin: 0 8px 0 0; }
        .header__btn_menu .icon-siol-logo::before {
          content: "\e625"; } }
    @media screen and (min-width: 1024px) {
      .header__btn_menu {
        left: 10px; } }
  .header__logo img {
    display: block;
    width: 100%; }
  @media screen and (max-width: 767px) {
    .header__logo {
      top: 17px; }
      .slavni .header__logo {
        width: 110px; }
      .posel_danes .header__logo {
        margin-top: -2px; }
      .planet_tv .header__logo,
      body.has_dark_theme .header__logo {
        margin-top: -4px; }
      .avtomoto .header__logo {
        margin-top: -1px; } }
  @media screen and (min-width: 768px) {
    .header__logo {
      margin: 18px auto 0; }
      .planet_tv .header__logo,
      body.has_dark_theme .header__logo {
        margin: 15px auto 0; } }
  @media screen and (max-width: 767px) {
    .header__logo.header__logo--typography {
      top: 16px; } }

.menu--section_primary .menu__item--special {
  display: none; }

.header.typography_header {
  height: 122px; }
  @media screen and (min-width: 768px) {
    .header.typography_header {
      height: 168px; }
      .planet_tv .header.typography_header {
        height: 140px; } }
  @media screen and (min-width: 768px) and (min-width: 1024px) {
    .header.typography_header .has_dark_theme {
      height: 160px; } }

.header--hide.typography_header {
  height: 82px; }
  .planet_tv .header--hide.typography_header,
  body.has_dark_theme .header--hide.typography_header {
    height: 82px; }
  body.has_dark_theme.bar .header--hide.typography_header {
    height: 54px; }

.header--show.typography_header {
  height: 122px; }
  .planet_tv .header--show.typography_header,
  body.has_dark_theme .header--show.typography_header {
    height: 122px; }
  body.has_dark_theme.bar .header--show.typography_header {
    height: 94px; }

.header__logo--typography {
  margin-left: 0;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 27px;
  line-height: 2.7rem;
  text-transform: uppercase;
  transform: translatex(-50%); }
  @media screen and (min-width: 768px) {
    .header__logo--typography {
      transform: translatex(0%);
      margin: 0;
      font-size: 48px;
      font-size: 4.8rem;
      line-height: 48px;
      line-height: 4.8rem;
      letter-spacing: 0.02em;
      margin-left: 0;
      width: auto;
      margin-top: 29px; }
      .header--hide .header__logo--typography, .header--show .header__logo--typography {
        margin-top: 0px;
        padding-top: 5px; } }

.header__btn_menu .icon-menu {
  background: rgba(0, 0, 0, 0.25); }

body.has_dark_theme.bar .header__logo {
  width: 75px; }
  @media screen and (min-width: 768px) {
    body.has_dark_theme.bar .header__logo {
      width: 112px; } }

@media screen and (min-width: 768px) {
  body.has_dark_theme.bar .header--hide .header__logo, body.has_dark_theme.bar .header--show .header__logo {
    width: 75px; } }

body.digisvet.section--landing_page .body_wrap {
  padding: 168px 0 0; }

body.digisvet .header {
  background-color: #2d4895; }
  body.digisvet .header__navigation_bar {
    background-color: rgba(0, 0, 0, 0.15); }
  body.digisvet .header__logo {
    top: 14px;
    width: 120px; }
    @media screen and (min-width: 768px) {
      body.digisvet .header__logo {
        top: auto;
        width: 177px;
        margin: 32px auto 0; } }
  @media screen and (min-width: 768px) {
    body.digisvet .header__btn_menu {
      top: 37px;
      left: 30px; } }
  body.digisvet .header__btn_menu .icon-menu {
    background: rgba(0, 0, 0, 0.15); }
    @media screen and (min-width: 768px) {
      body.digisvet .header__btn_menu .icon-menu {
        margin: 0 17px 0 0; } }
  body.digisvet .header__btn_menu .icon-arrow-left {
    display: none; }
  @media screen and (min-width: 768px) {
    body.digisvet .header--hide .header__btn_menu, body.digisvet .header--show .header__btn_menu {
      top: 14px; } }
  @media screen and (min-width: 768px) {
    body.digisvet .header--hide .header__logo, body.digisvet .header--show .header__logo {
      width: 120px;
      margin: 13px auto 0;
      padding: 0; } }

body.ohranimo_delo_neprecenljivo .header_bar {
  background-color: #161616; }
  body.ohranimo_delo_neprecenljivo .header_bar__link {
    color: #fff; }

body.ohranimo_delo_neprecenljivo .header {
  background-color: #000;
  height: 122px; }
  @media screen and (min-width: 768px) {
    body.ohranimo_delo_neprecenljivo .header {
      height: 168px;
      margin: 0; } }
  body.ohranimo_delo_neprecenljivo .header--show {
    height: 122px; }
    @media screen and (min-width: 768px) {
      body.ohranimo_delo_neprecenljivo .header--show .header__logo {
        width: 160px;
        padding: 7px 0 0; } }
    @media screen and (min-width: 768px) {
      body.ohranimo_delo_neprecenljivo .header--show .header__btn_menu {
        top: 13px; } }
  body.ohranimo_delo_neprecenljivo .header--hide {
    height: 82px; }
    @media screen and (min-width: 768px) {
      body.ohranimo_delo_neprecenljivo .header--hide .header__logo {
        width: 160px;
        padding: 7px 0 0; } }
    @media screen and (min-width: 768px) {
      body.ohranimo_delo_neprecenljivo .header--hide .header__btn_menu {
        top: 13px; } }
  body.ohranimo_delo_neprecenljivo .header__logo {
    width: 138px; }
    @media screen and (max-width: 767px) {
      body.ohranimo_delo_neprecenljivo .header__logo {
        top: 50%;
        transform: translate(-50%, -50%); } }
    @media screen and (min-width: 768px) {
      body.ohranimo_delo_neprecenljivo .header__logo {
        width: 220px; } }
    @media screen and (min-width: 1024px) {
      body.ohranimo_delo_neprecenljivo .header__logo {
        width: 245px; } }
    body.ohranimo_delo_neprecenljivo .header__logo--typography {
      display: none; }
  body.ohranimo_delo_neprecenljivo .header__navigation_bar {
    background-color: #d3cfc8; }
    body.ohranimo_delo_neprecenljivo .header__navigation_bar .menu__link {
      color: #3f3f3f; }
  @media screen and (min-width: 768px) {
    body.ohranimo_delo_neprecenljivo .header__btn_menu {
      left: 22px;
      top: 37px; } }
  body.ohranimo_delo_neprecenljivo .header__btn_menu .icon-menu {
    border-radius: 4px;
    background-color: #3f3f3f;
    margin: 0; }
  body.ohranimo_delo_neprecenljivo .header__home .icon-arrow-left {
    display: none;
    visibility: hidden; }
  @media screen and (min-width: 1024px) {
    body.ohranimo_delo_neprecenljivo .header__home .icon-siol-logo {
      margin: 0 0 0 17px;
      font-size: 20px;
      font-size: 2rem; } }

.menu {
  position: relative; }
  .menu__list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 0; }
    @media screen and (max-width: 1023px) {
      .menu__list {
        overflow: auto; } }
    @media screen and (max-width: 767px) {
      .menu__list {
        padding-right: 30px;
        white-space: nowrap; } }
    @media screen and (min-width: 768px) {
      .menu__list {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; } }
  .menu__item {
    display: inline-block;
    margin: 0; }
    .menu__item--special:hover .telekom__wrap {
      display: block;
      max-height: 800px;
      height: auto;
      visibility: visible; }
    .menu__item--s_special {
      margin: 0 20px; }
    .menu__item.diva_menu {
      position: relative;
      margin-left: 5px; }
      .menu__item.diva_menu:before {
        content: " ";
        display: block;
        position: absolute;
        left: 5px;
        top: 5px;
        width: 28px;
        height: 28px;
        visibility: visible;
        background: url("/static/img/diva_logo_100_100.png") no-repeat center;
        background-size: contain; }
    .menu__item.bar {
      position: relative;
      padding-left: 20px; }
      .menu__item.bar:before {
        content: " ";
        visibility: visible;
        position: absolute;
        top: 9px;
        left: 10px;
        width: 20px;
        height: 20px;
        background: url("/static/img/sections/bar_logo.svg") no-repeat center/cover; }
  .menu__link {
    display: inline-block;
    margin: 0;
    padding: 12px 20px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    border-top: 2px solid transparent; }
    .diva_menu .menu__link {
      padding-left: 43px; }
    .menu__link--special {
      position: relative;
      margin: 0;
      padding: 0;
      padding: 0 10px 0 10px;
      height: 28px;
      line-height: 26px;
      font-size: 13px;
      font-size: 1.3rem;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      text-transform: none;
      background: #F1F1F1;
      color: #424193;
      opacity: 1 !important;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .menu__link--special span {
        margin-right: 10px; }
      .menu__link--special_link {
        display: inline-block;
        margin-left: 10px; }
    .menu__link--s_special {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 28px;
      padding: 0 10px;
      border-radius: 3px;
      border: 1px solid #ffa800;
      line-height: 28px;
      line-height: 2.8rem; }
    .menu__link.is_active {
      color: #FFF;
      opacity: 1; }
      .novice .menu__link.is_active {
        border-color: #5e60ba; }
      .sportal .menu__link.is_active {
        border-color: #218497; }
      .trendi .menu__link.is_active {
        border-color: #c04177; }
      .digisvet .menu__link.is_active {
        border-color: #4664bd; }
  @media screen and (max-width: 1023px) {
    .menu__sublist {
      height: 36px;
      text-align: left;
      white-space: nowrap;
      overflow-y: hidden;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch; } }
  @media screen and (min-width: 1024px) {
    .menu__sublist {
      display: flex;
      justify-content: center; } }
  @media screen and (max-width: 1023px) {
    .menu__sublist--home {
      display: none; } }
  @media screen and (min-width: 1024px) {
    .menu__sublist--home {
      display: block; } }
  @media screen and (max-width: 1023px) {
    .menu__sublist--home.is_open {
      display: none; } }
  @media screen and (min-width: 1024px) {
    .menu__sublist--home.is_open {
      display: block; } }
  .menu__sublist .biggest_loser_menu {
    position: relative;
    padding-left: 28px; }
    .menu__sublist .biggest_loser_menu:before {
      content: " ";
      visibility: visible;
      position: absolute;
      top: 2px;
      left: 5px;
      background: url("/static/img/tbls.svg") no-repeat center;
      background-size: contain;
      height: 23px;
      width: 19px; }
      @media screen and (min-width: 768px) {
        .menu__sublist .biggest_loser_menu:before {
          right: 3px; } }
  .menu__sublist .dom {
    position: relative;
    padding-left: 34px; }
    .menu__sublist .dom:before {
      content: " ";
      visibility: visible;
      position: absolute;
      top: 0px;
      left: 5px;
      background: url("/static/img/dom-logo-icon.svg") no-repeat center;
      background-size: contain;
      height: 22px;
      width: 25px; }
      @media screen and (min-width: 768px) {
        .menu__sublist .dom:before {
          right: 3px; } }
  .menu__sublist .bar {
    position: relative;
    padding-left: 34px; }
    .menu__sublist .bar:before {
      content: " ";
      visibility: visible;
      position: absolute;
      top: 1px;
      left: 5px;
      width: 25px;
      height: 25px;
      background: url("/static/img/sections/bar_logo.png") no-repeat center;
      background-size: contain; }
      @media screen and (min-width: 768px) {
        .menu__sublist .bar:before {
          right: 3px; } }
  .menu__sublist .prva_liga--negative {
    position: relative;
    padding-left: 34px; }
    .menu__sublist .prva_liga--negative:before {
      content: " ";
      visibility: visible;
      position: absolute;
      top: 1px;
      left: 5px;
      width: 25px;
      height: 25px;
      background: url("/static/img/sections/prva_liga_logo_negative.png") no-repeat center;
      background-size: contain; }
      @media screen and (min-width: 768px) {
        .menu__sublist .prva_liga--negative:before {
          right: 3px; } }
  .menu__sublist_wrap {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden; }
    .menu__sublist_wrap.is_open {
      display: none;
      position: absolute;
      top: 39px;
      left: 0;
      width: 100%;
      height: 36px;
      padding: 0 15px;
      background: #E7E7E7;
      -webkit-box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.7);
      -moz-box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.7);
      box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.7); }
      @media screen and (min-width: 1024px) {
        .menu__sublist_wrap.is_open {
          display: block; } }
      .planet_tv .menu__sublist_wrap.is_open {
        text-align: center; }
  @media screen and (max-width: 1023px) {
    .menu__sublist_item {
      display: inline-block; } }
  @media screen and (min-width: 1024px) {
    .menu__sublist_item {
      float: left; }
      .planet_tv .menu__sublist_item {
        float: none;
        display: inline-block; } }
  .menu__sublist_link {
    display: inline-block;
    margin: 4px 0;
    padding: 7px 5px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1; }
    .menu__sublist_link:hover {
      background: #C6C3E4; }
    .menu__sublist_link.biggest_loser {
      position: relative;
      display: block;
      width: 39px;
      height: 36px;
      padding: 0 7px;
      margin: 0;
      font-size: 0; }
      .menu__sublist_link.biggest_loser:before {
        content: " ";
        visibility: visible;
        position: absolute;
        top: 4px;
        bottom: 4px;
        left: 0;
        right: 0;
        background: url("/static/img/sections/biggest_loser_simple.svg") no-repeat center/contain; }
    .menu__sublist_link.fittest_family {
      position: relative;
      display: block;
      width: 24px;
      height: 36px;
      padding: 0 7px;
      margin: 0;
      font-size: 0; }
      .menu__sublist_link.fittest_family:before {
        content: " ";
        visibility: visible;
        position: absolute;
        top: 4px;
        bottom: 4px;
        left: 0;
        right: 0;
        background: url("/static/img/sections/fittest_family.png") no-repeat center/contain; }
    .menu__sublist_link.sportal15 {
      position: relative;
      display: block;
      width: 126px;
      height: 36px;
      padding: 0 7px;
      margin: 0;
      font-size: 0; }
      .menu__sublist_link.sportal15:before {
        content: " ";
        visibility: visible;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 126px;
        height: 15px;
        margin: auto;
        background: url("/static/img/sections/sportal_logo_green.png") no-repeat center/contain; }
    .menu__sublist_link.liga_aba_menu {
      position: relative;
      width: 40px;
      text-indent: -9999999px; }
      .menu__sublist_link.liga_aba_menu:before {
        content: " ";
        visibility: visible;
        position: absolute;
        top: 1px;
        right: 0;
        bottom: 5px;
        left: 0;
        background: url("/static/img/aba_liga_logo.png") no-repeat center;
        background-size: contain; }
    .menu__sublist_link.diva_menu {
      position: relative;
      margin-left: 5px;
      padding-left: 38px; }
      .menu__sublist_link.diva_menu:before {
        content: " ";
        display: block;
        position: absolute;
        left: 5px;
        top: 0;
        width: 28px;
        height: 28px;
        visibility: visible;
        background: url("/static/img/diva_logo_100_100.png") no-repeat center;
        background-size: contain; }
    .menu__sublist_link.current {
      position: relative;
      margin-right: 11px;
      padding: 7px 5px 7px 10px;
      color: #FFF;
      background: #ABABAB; }
      .menu__sublist_link.current:after {
        content: " ";
        position: absolute;
        right: -8px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 14px 0 14px 8px;
        border-color: transparent transparent transparent #ababab; }
      .menu__sublist_link.current:hover {
        background: #424193; }
        .menu__sublist_link.current:hover:after {
          border-color: transparent transparent transparent #424193; }
    .menu__sublist_link.last {
      position: relative;
      padding: 7px 5px 7px 7px; }
      .menu__sublist_link.last span:before {
        content: " ";
        position: absolute;
        left: -8px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8px 14px 0;
        border-color: transparent #ababab transparent transparent; }
      .menu__sublist_link.last span:after {
        content: " ";
        position: absolute;
        left: -8px;
        bottom: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 14px 8px;
        border-color: transparent transparent #ababab transparent; }
      .menu__sublist_link.last:hover span:before {
        border-color: transparent #424193 transparent transparent; }
      .menu__sublist_link.last:hover span:after {
        border-color: transparent transparent #424193 transparent; }
    .menu__sublist_link.first {
      position: relative; }
      .menu__sublist_link.first span:before {
        content: " ";
        position: absolute;
        left: -8px;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8px 14px 0;
        border-color: transparent; }
      .menu__sublist_link.first span:after {
        content: " ";
        position: absolute;
        left: -8px;
        bottom: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 14px 8px;
        border-color: transparent; }
      .menu__sublist_link.first.is_active {
        position: relative;
        padding: 7px 5px 7px 7px; }
        .menu__sublist_link.first.is_active span:before {
          content: " ";
          position: absolute;
          left: -8px;
          top: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 8px 14px 0;
          border-color: transparent; }
        .menu__sublist_link.first.is_active span:after {
          content: " ";
          position: absolute;
          left: -8px;
          bottom: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 0 14px 8px;
          border-color: transparent; }
      .menu__sublist_link.first:hover span:before {
        border-color: transparent rgba(66, 65, 147, 0.2) transparent transparent; }
      .menu__sublist_link.first:hover span:after {
        border-color: transparent transparent rgba(66, 65, 147, 0.2) transparent; }
    .menu__sublist_link.junaki_tedna {
      position: relative;
      padding-left: 34px; }
      .menu__sublist_link.junaki_tedna:before {
        content: " ";
        visibility: visible;
        position: absolute;
        top: 1px;
        left: 5px;
        width: 25px;
        height: 25px;
        background: url("/static/img/sections/mcdonalds_logo.png") no-repeat center;
        background-size: contain; }
        @media screen and (min-width: 768px) {
          .menu__sublist_link.junaki_tedna:before {
            right: 3px; } }
    .menu__sublist_link--highlighted {
      color: #dd1500; }

.telekom__wrap {
  position: fixed;
  top: 140px;
  left: 0;
  right: 0;
  max-height: 0;
  visibility: hidden;
  background: #F1F1F1;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.7);
  -moz-box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.7);
  box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.7);
  z-index: 2; }

.telekom__inner {
  padding: 30px 0;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }

.telekom__item {
  text-align: left; }

.telekom__link {
  display: inline-block;
  margin: 0 0 5px 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #424193;
  font-weight: 700; }
  .telekom__link:hover:after {
    content: "\e613";
    color: #a5a5a5;
    margin-left: 5px; }

.telekom__logo {
  margin: 15px auto; }
  @media screen and (min-width: 1024px) {
    .telekom__logo {
      margin: 30px auto; } }

.telekom__card {
  position: relative;
  display: block;
  background: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .telekom__card .card__link {
    position: relative;
    display: block;
    padding: 15px; }
  .telekom__card .card__overtitle {
    display: block;
    margin: 0 0 15px 0;
    text-align: left;
    color: #737373 !important;
    letter-spacing: 0.1em; }
  .telekom__card .card__figure {
    width: 100%;
    height: auto;
    margin-bottom: 5px; }
  .telekom__card .card__title {
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    color: #424193;
    white-space: normal; }

@media screen and (min-width: 1024px) {
  .telekom_menu_megamenu {
    display: none; } }

.telekom_menu_megamenu__list {
  margin: 0 -5px; }

.telekom_menu_megamenu__link_wrap {
  float: right;
  margin: 25px 0 0 0; }

.telekom_menu_megamenu__link {
  margin: 0 0 0 20px;
  font-size: 22px;
  font-size: 2.2rem; }

.telekom_menu_megamenu__inner {
  padding: 10px 15px 25px;
  background: #F1F1F1;
  color: #424193; }

.telekom_menu_megamenu .telekom__logo {
  width: 120px; }

.telekom_menu_megamenu .telekom_list {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em; }

.telekom_menu_megamenu .navigation__link {
  text-transform: none; }

.telekom_menu_megamenu .navigation__sublist {
  padding: 0; }

.navigation__wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: -1000px;
  left: 0;
  padding: 0 0 1000px;
  background: #433DA3;
  z-index: 9999;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }
  @media screen and (min-width: 1024px) {
    .navigation__wrap {
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%); } }
  .navigation__wrap.is_open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
    @media screen and (min-width: 1024px) {
      .navigation__wrap.is_open {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }

.navigation__logo {
  margin: 15px auto;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  color: #FFF; }
  @media screen and (min-width: 1024px) {
    .navigation__logo {
      margin: 30px auto 20px;
      font-size: 38px;
      font-size: 3.8rem; } }

.navigation__close {
  position: absolute;
  left: 10px;
  top: 14px;
  display: block;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  font-size: 1.6rem; }
  @media screen and (max-width: 1023px) {
    .navigation__close {
      width: 29px;
      height: 26px;
      line-height: 32px;
      background: #342E84;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; } }
  @media screen and (min-width: 1024px) {
    .navigation__close {
      left: auto;
      right: 10px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (min-width: 1024px) {
    .navigation__close:hover {
      font-size: 24px;
      font-size: 2.4rem; } }

.navigation__search_wrap {
  margin: 0 0 30px 0; }
  @media screen and (min-width: 1024px) {
    .navigation__search_wrap {
      margin: 0 0 56px 0; } }

.navigation__search_form {
  margin: 0 15px;
  overflow: hidden;
  border-bottom: 1px solid #FFF; }
  @media screen and (min-width: 1024px) {
    .navigation__search_form {
      margin: 0; } }
  .navigation__search_form > div {
    overflow: hidden;
    padding-right: .5em; }

.navigation__search_input {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  color: #FFF;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 300; }
  @media screen and (min-width: 1024px) {
    .navigation__search_input {
      height: 46px;
      font-size: 26px;
      font-size: 2.6rem; } }
  .navigation__search_input:focus {
    outline: 0; }

.navigation__search_submit {
  float: right;
  background: transparent;
  border: 1px solid #FFF;
  border-width: 0 0 0 1px;
  color: #FFF;
  width: 40px;
  height: 32px;
  line-height: 38px;
  text-align: right;
  font-size: 22px;
  font-size: 2.2rem; }
  @media screen and (min-width: 1024px) {
    .navigation__search_submit {
      width: 50px;
      height: 46px;
      line-height: 50px;
      border: 0;
      font-size: 30px;
      font-size: 3rem;
      text-align: center; } }
  @media screen and (min-width: 1024px) {
    .navigation__search_submit:hover {
      font-size: 28px;
      font-size: 2.8rem; } }
  .navigation__search_submit:focus {
    outline: 0; }

.navigation__list_wrap {
  position: absolute;
  top: 120px;
  right: 0;
  bottom: 1000px;
  left: 0;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 3; }
  @media screen and (min-width: 1024px) {
    .navigation__list_wrap {
      top: 196px;
      margin: 0 auto; } }

.navigation__list {
  margin: 0 -5px; }
  @media screen and (min-width: 1024px) {
    .navigation__list {
      margin: 0 auto;
      padding: 0 62px;
      max-width: 1250px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }

.navigation__item {
  position: relative; }
  @media screen and (min-width: 1024px) {
    .navigation__item {
      float: left;
      display: block;
      width: 110px;
      margin-right: 20px;
      border-top: 2px solid #FFF; } }
  @media screen and (min-width: 1200px) {
    .navigation__item {
      width: 135px; } }
  .navigation__item.last {
    margin-right: 0; }

.navigation__link {
  position: relative;
  color: #FFF;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 900;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 1023px) {
    .navigation__link {
      display: block;
      margin: 0;
      padding: 0 0 0 20px;
      width: 100%;
      height: 40px;
      line-height: 40px;
      border-top: 1px solid #6964B5 !important; }
      .navigation__link:before {
        content: " ";
        position: absolute;
        left: 0;
        background: #FFF;
        display: block;
        width: 5px;
        height: 39px; } }
  @media screen and (min-width: 1024px) {
    .navigation__link {
      display: block;
      padding: 10px 0 15px 0; } }
  .navigation__link--toggle {
    display: none; }
    @media screen and (max-width: 1023px) {
      .navigation__link--toggle {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 50px;
        height: 40px;
        line-height: 46px;
        color: #FFF;
        font-size: 16px;
        font-size: 1.6rem;
        text-align: center;
        z-index: 2; } }

@media screen and (max-width: 1023px) {
  .navigation__sublist {
    display: none;
    padding: 20px 30px 20px 0; } }

.navigation__sublist.is_open {
  display: block; }

@media screen and (max-width: 1023px) {
  .navigation__sublist_item {
    padding: 8px 0 8px 20px;
    display: inline-block;
    width: 48%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; } }

.navigation__sublist_link {
  position: relative;
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 700;
  color: #FFF; }
  @media screen and (min-width: 1024px) {
    .navigation__sublist_link {
      display: block;
      padding: 8px 0;
      font-weight: 400; } }
  .navigation__sublist_link:hover:before {
    content: " ";
    position: absolute;
    top: 8px;
    left: -14px;
    width: 8px;
    height: 8px;
    background: #FFF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }
    @media screen and (min-width: 1024px) {
      .navigation__sublist_link:hover:before {
        top: 11px; } }

.navigation__social {
  margin: 100px 0 10px 0;
  text-align: center; }
  .navigation__social_icon {
    display: inline-block;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    line-height: 36px;
    background: #B8C3E9;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }
    .navigation__social_icon i {
      font-size: 16px;
      font-size: 1.6rem;
      color: #424193; }

body.novice .menu__sublist_link {
  color: #424193; }
  body.novice .menu__sublist_link:hover, body.novice .menu__sublist_link.is_active {
    background: rgba(66, 65, 147, 0.2); }
  body.novice .menu__sublist_link.current {
    color: #FFF; }
    body.novice .menu__sublist_link.current:hover {
      background: #424193; }
      body.novice .menu__sublist_link.current:hover:after {
        border-color: transparent transparent transparent #424193; }
  body.novice .menu__sublist_link.last:hover span:before {
    border-color: transparent #424193 transparent transparent; }
  body.novice .menu__sublist_link.last:hover span:after {
    border-color: transparent transparent #424193 transparent; }
  body.novice .menu__sublist_link.first:hover span:before {
    border-color: transparent rgba(66, 65, 147, 0.2) transparent transparent; }
  body.novice .menu__sublist_link.first:hover span:after {
    border-color: transparent transparent rgba(66, 65, 147, 0.2) transparent; }
  body.novice .menu__sublist_link.first.is_active span:before {
    border-color: transparent rgba(66, 65, 147, 0.2) transparent transparent; }
  body.novice .menu__sublist_link.first.is_active span:after {
    border-color: transparent transparent rgba(66, 65, 147, 0.2) transparent; }
  body.novice .menu__sublist_link.first.is_active:hover {
    background-color: #424193;
    color: #FFF; }
    body.novice .menu__sublist_link.first.is_active:hover span:before {
      border-color: transparent #424193 transparent transparent; }
    body.novice .menu__sublist_link.first.is_active:hover span:after {
      border-color: transparent transparent #424193 transparent; }

.menu__item.novice .menu__link:hover {
  border-color: #424193; }
  .novice .menu__item.novice .menu__link:hover {
    border-color: #5e60ba; }
  .sportal .menu__item.novice .menu__link:hover {
    border-color: #218497; }
  .trendi .menu__item.novice .menu__link:hover {
    border-color: #c04177; }
  .digisvet .menu__item.novice .menu__link:hover {
    border-color: #4664bd; }

.avtomoto .menu__item.avtomoto .menu__link:hover {
  border-color: #fff; }

@media screen and (max-width: 768px) {
  .avtomoto .menu__item.avtomoto .menu__link.is_active, .avtomoto .menu__item.avtomoto .menu__link:hover {
    border-color: #fff; } }

.navigation__item.novice {
  border-color: #424193; }
  .navigation__item.novice .navigation__link:before {
    background: #424193; }
  @media screen and (max-width: 1023px) {
    .navigation__item.novice .navigation__link.is_open {
      color: #FFF;
      background: #424193; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.novice .navigation__sublist {
      background: #c6c4e3; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.novice .navigation__sublist_link {
      color: #424193; } }
  .navigation__item.novice .navigation__sublist_link:hover:before {
    background: #424193; }

body.sportal .menu__sublist_link {
  color: #086d7f; }
  body.sportal .menu__sublist_link:hover, body.sportal .menu__sublist_link.is_active {
    background: rgba(8, 109, 127, 0.2); }
  body.sportal .menu__sublist_link.current {
    color: #FFF; }
    body.sportal .menu__sublist_link.current:hover {
      background: #086d7f; }
      body.sportal .menu__sublist_link.current:hover:after {
        border-color: transparent transparent transparent #086d7f; }
  body.sportal .menu__sublist_link.last:hover span:before {
    border-color: transparent #086d7f transparent transparent; }
  body.sportal .menu__sublist_link.last:hover span:after {
    border-color: transparent transparent #086d7f transparent; }
  body.sportal .menu__sublist_link.first:hover span:before {
    border-color: transparent rgba(8, 109, 127, 0.2) transparent transparent; }
  body.sportal .menu__sublist_link.first:hover span:after {
    border-color: transparent transparent rgba(8, 109, 127, 0.2) transparent; }
  body.sportal .menu__sublist_link.first.is_active span:before {
    border-color: transparent rgba(8, 109, 127, 0.2) transparent transparent; }
  body.sportal .menu__sublist_link.first.is_active span:after {
    border-color: transparent transparent rgba(8, 109, 127, 0.2) transparent; }
  body.sportal .menu__sublist_link.first.is_active:hover {
    background-color: #086d7f;
    color: #FFF; }
    body.sportal .menu__sublist_link.first.is_active:hover span:before {
      border-color: transparent #086d7f transparent transparent; }
    body.sportal .menu__sublist_link.first.is_active:hover span:after {
      border-color: transparent transparent #086d7f transparent; }

.menu__item.sportal .menu__link:hover {
  border-color: #086d7f; }
  .novice .menu__item.sportal .menu__link:hover {
    border-color: #5e60ba; }
  .sportal .menu__item.sportal .menu__link:hover {
    border-color: #218497; }
  .trendi .menu__item.sportal .menu__link:hover {
    border-color: #c04177; }
  .digisvet .menu__item.sportal .menu__link:hover {
    border-color: #4664bd; }

.avtomoto .menu__item.avtomoto .menu__link:hover {
  border-color: #fff; }

@media screen and (max-width: 768px) {
  .avtomoto .menu__item.avtomoto .menu__link.is_active, .avtomoto .menu__item.avtomoto .menu__link:hover {
    border-color: #fff; } }

.navigation__item.sportal {
  border-color: #086d7f; }
  .navigation__item.sportal .navigation__link:before {
    background: #086d7f; }
  @media screen and (max-width: 1023px) {
    .navigation__item.sportal .navigation__link.is_open {
      color: #FFF;
      background: #086d7f; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.sportal .navigation__sublist {
      background: #b5d3d7; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.sportal .navigation__sublist_link {
      color: #086d7f; } }
  .navigation__item.sportal .navigation__sublist_link:hover:before {
    background: #086d7f; }

body.trendi .menu__sublist_link {
  color: #a51253; }
  body.trendi .menu__sublist_link:hover, body.trendi .menu__sublist_link.is_active {
    background: rgba(165, 18, 83, 0.2); }
  body.trendi .menu__sublist_link.current {
    color: #FFF; }
    body.trendi .menu__sublist_link.current:hover {
      background: #a51253; }
      body.trendi .menu__sublist_link.current:hover:after {
        border-color: transparent transparent transparent #a51253; }
  body.trendi .menu__sublist_link.last:hover span:before {
    border-color: transparent #a51253 transparent transparent; }
  body.trendi .menu__sublist_link.last:hover span:after {
    border-color: transparent transparent #a51253 transparent; }
  body.trendi .menu__sublist_link.first:hover span:before {
    border-color: transparent rgba(165, 18, 83, 0.2) transparent transparent; }
  body.trendi .menu__sublist_link.first:hover span:after {
    border-color: transparent transparent rgba(165, 18, 83, 0.2) transparent; }
  body.trendi .menu__sublist_link.first.is_active span:before {
    border-color: transparent rgba(165, 18, 83, 0.2) transparent transparent; }
  body.trendi .menu__sublist_link.first.is_active span:after {
    border-color: transparent transparent rgba(165, 18, 83, 0.2) transparent; }
  body.trendi .menu__sublist_link.first.is_active:hover {
    background-color: #a51253;
    color: #FFF; }
    body.trendi .menu__sublist_link.first.is_active:hover span:before {
      border-color: transparent #a51253 transparent transparent; }
    body.trendi .menu__sublist_link.first.is_active:hover span:after {
      border-color: transparent transparent #a51253 transparent; }

.menu__item.trendi .menu__link:hover {
  border-color: #a51253; }
  .novice .menu__item.trendi .menu__link:hover {
    border-color: #5e60ba; }
  .sportal .menu__item.trendi .menu__link:hover {
    border-color: #218497; }
  .trendi .menu__item.trendi .menu__link:hover {
    border-color: #c04177; }
  .digisvet .menu__item.trendi .menu__link:hover {
    border-color: #4664bd; }

.avtomoto .menu__item.avtomoto .menu__link:hover {
  border-color: #fff; }

@media screen and (max-width: 768px) {
  .avtomoto .menu__item.avtomoto .menu__link.is_active, .avtomoto .menu__item.avtomoto .menu__link:hover {
    border-color: #fff; } }

.navigation__item.trendi {
  border-color: #a51253; }
  .navigation__item.trendi .navigation__link:before {
    background: #a51253; }
  @media screen and (max-width: 1023px) {
    .navigation__item.trendi .navigation__link.is_open {
      color: #FFF;
      background: #a51253; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.trendi .navigation__sublist {
      background: #e2b3ca; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.trendi .navigation__sublist_link {
      color: #a51253; } }
  .navigation__item.trendi .navigation__sublist_link:hover:before {
    background: #a51253; }

body.avtomoto .menu__sublist_link {
  color: #076cb5; }
  body.avtomoto .menu__sublist_link:hover, body.avtomoto .menu__sublist_link.is_active {
    background: rgba(7, 108, 181, 0.2); }
  body.avtomoto .menu__sublist_link.current {
    color: #FFF; }
    body.avtomoto .menu__sublist_link.current:hover {
      background: #076cb5; }
      body.avtomoto .menu__sublist_link.current:hover:after {
        border-color: transparent transparent transparent #076cb5; }
  body.avtomoto .menu__sublist_link.last:hover span:before {
    border-color: transparent #076cb5 transparent transparent; }
  body.avtomoto .menu__sublist_link.last:hover span:after {
    border-color: transparent transparent #076cb5 transparent; }
  body.avtomoto .menu__sublist_link.first:hover span:before {
    border-color: transparent rgba(7, 108, 181, 0.2) transparent transparent; }
  body.avtomoto .menu__sublist_link.first:hover span:after {
    border-color: transparent transparent rgba(7, 108, 181, 0.2) transparent; }
  body.avtomoto .menu__sublist_link.first.is_active span:before {
    border-color: transparent rgba(7, 108, 181, 0.2) transparent transparent; }
  body.avtomoto .menu__sublist_link.first.is_active span:after {
    border-color: transparent transparent rgba(7, 108, 181, 0.2) transparent; }
  body.avtomoto .menu__sublist_link.first.is_active:hover {
    background-color: #076cb5;
    color: #FFF; }
    body.avtomoto .menu__sublist_link.first.is_active:hover span:before {
      border-color: transparent #076cb5 transparent transparent; }
    body.avtomoto .menu__sublist_link.first.is_active:hover span:after {
      border-color: transparent transparent #076cb5 transparent; }

.menu__item.avtomoto .menu__link:hover {
  border-color: #076cb5; }
  .novice .menu__item.avtomoto .menu__link:hover {
    border-color: #5e60ba; }
  .sportal .menu__item.avtomoto .menu__link:hover {
    border-color: #218497; }
  .trendi .menu__item.avtomoto .menu__link:hover {
    border-color: #c04177; }
  .digisvet .menu__item.avtomoto .menu__link:hover {
    border-color: #4664bd; }

.avtomoto .menu__item.avtomoto .menu__link:hover {
  border-color: #fff; }

@media screen and (max-width: 768px) {
  .avtomoto .menu__item.avtomoto .menu__link.is_active, .avtomoto .menu__item.avtomoto .menu__link:hover {
    border-color: #fff; } }

.navigation__item.avtomoto {
  border-color: #076cb5; }
  .navigation__item.avtomoto .navigation__link:before {
    background: #076cb5; }
  @media screen and (max-width: 1023px) {
    .navigation__item.avtomoto .navigation__link.is_open {
      color: #FFF;
      background: #076cb5; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.avtomoto .navigation__sublist {
      background: #b3d3e7; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.avtomoto .navigation__sublist_link {
      color: #076cb5; } }
  .navigation__item.avtomoto .navigation__sublist_link:hover:before {
    background: #076cb5; }

body.digisvet .menu__sublist_link {
  color: #2c4697; }
  body.digisvet .menu__sublist_link:hover, body.digisvet .menu__sublist_link.is_active {
    background: rgba(44, 70, 151, 0.2); }
  body.digisvet .menu__sublist_link.current {
    color: #FFF; }
    body.digisvet .menu__sublist_link.current:hover {
      background: #2c4697; }
      body.digisvet .menu__sublist_link.current:hover:after {
        border-color: transparent transparent transparent #2c4697; }
  body.digisvet .menu__sublist_link.last:hover span:before {
    border-color: transparent #2c4697 transparent transparent; }
  body.digisvet .menu__sublist_link.last:hover span:after {
    border-color: transparent transparent #2c4697 transparent; }
  body.digisvet .menu__sublist_link.first:hover span:before {
    border-color: transparent rgba(44, 70, 151, 0.2) transparent transparent; }
  body.digisvet .menu__sublist_link.first:hover span:after {
    border-color: transparent transparent rgba(44, 70, 151, 0.2) transparent; }
  body.digisvet .menu__sublist_link.first.is_active span:before {
    border-color: transparent rgba(44, 70, 151, 0.2) transparent transparent; }
  body.digisvet .menu__sublist_link.first.is_active span:after {
    border-color: transparent transparent rgba(44, 70, 151, 0.2) transparent; }
  body.digisvet .menu__sublist_link.first.is_active:hover {
    background-color: #2c4697;
    color: #FFF; }
    body.digisvet .menu__sublist_link.first.is_active:hover span:before {
      border-color: transparent #2c4697 transparent transparent; }
    body.digisvet .menu__sublist_link.first.is_active:hover span:after {
      border-color: transparent transparent #2c4697 transparent; }

.menu__item.digisvet .menu__link:hover {
  border-color: #2c4697; }
  .novice .menu__item.digisvet .menu__link:hover {
    border-color: #5e60ba; }
  .sportal .menu__item.digisvet .menu__link:hover {
    border-color: #218497; }
  .trendi .menu__item.digisvet .menu__link:hover {
    border-color: #c04177; }
  .digisvet .menu__item.digisvet .menu__link:hover {
    border-color: #4664bd; }

.avtomoto .menu__item.avtomoto .menu__link:hover {
  border-color: #fff; }

@media screen and (max-width: 768px) {
  .avtomoto .menu__item.avtomoto .menu__link.is_active, .avtomoto .menu__item.avtomoto .menu__link:hover {
    border-color: #fff; } }

.navigation__item.digisvet {
  border-color: #2c4697; }
  .navigation__item.digisvet .navigation__link:before {
    background: #2c4697; }
  @media screen and (max-width: 1023px) {
    .navigation__item.digisvet .navigation__link.is_open {
      color: #FFF;
      background: #2c4697; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.digisvet .navigation__sublist {
      background: #b9c3e5; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.digisvet .navigation__sublist_link {
      color: #2c4697; } }
  .navigation__item.digisvet .navigation__sublist_link:hover:before {
    background: #2c4697; }

body.siol-plus .menu__sublist_link {
  color: #70706e; }
  body.siol-plus .menu__sublist_link:hover, body.siol-plus .menu__sublist_link.is_active {
    background: rgba(112, 112, 110, 0.2); }
  body.siol-plus .menu__sublist_link.current {
    color: #FFF; }
    body.siol-plus .menu__sublist_link.current:hover {
      background: #70706e; }
      body.siol-plus .menu__sublist_link.current:hover:after {
        border-color: transparent transparent transparent #70706e; }
  body.siol-plus .menu__sublist_link.last:hover span:before {
    border-color: transparent #70706e transparent transparent; }
  body.siol-plus .menu__sublist_link.last:hover span:after {
    border-color: transparent transparent #70706e transparent; }
  body.siol-plus .menu__sublist_link.first:hover span:before {
    border-color: transparent rgba(112, 112, 110, 0.2) transparent transparent; }
  body.siol-plus .menu__sublist_link.first:hover span:after {
    border-color: transparent transparent rgba(112, 112, 110, 0.2) transparent; }
  body.siol-plus .menu__sublist_link.first.is_active span:before {
    border-color: transparent rgba(112, 112, 110, 0.2) transparent transparent; }
  body.siol-plus .menu__sublist_link.first.is_active span:after {
    border-color: transparent transparent rgba(112, 112, 110, 0.2) transparent; }
  body.siol-plus .menu__sublist_link.first.is_active:hover {
    background-color: #70706e;
    color: #FFF; }
    body.siol-plus .menu__sublist_link.first.is_active:hover span:before {
      border-color: transparent #70706e transparent transparent; }
    body.siol-plus .menu__sublist_link.first.is_active:hover span:after {
      border-color: transparent transparent #70706e transparent; }

.menu__item.siol-plus .menu__link:hover {
  border-color: #70706e; }
  .novice .menu__item.siol-plus .menu__link:hover {
    border-color: #5e60ba; }
  .sportal .menu__item.siol-plus .menu__link:hover {
    border-color: #218497; }
  .trendi .menu__item.siol-plus .menu__link:hover {
    border-color: #c04177; }
  .digisvet .menu__item.siol-plus .menu__link:hover {
    border-color: #4664bd; }

.avtomoto .menu__item.avtomoto .menu__link:hover {
  border-color: #fff; }

@media screen and (max-width: 768px) {
  .avtomoto .menu__item.avtomoto .menu__link.is_active, .avtomoto .menu__item.avtomoto .menu__link:hover {
    border-color: #fff; } }

.navigation__item.siol-plus {
  border-color: #70706e; }
  .navigation__item.siol-plus .navigation__link:before {
    background: #70706e; }
  @media screen and (max-width: 1023px) {
    .navigation__item.siol-plus .navigation__link.is_open {
      color: #FFF;
      background: #70706e; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.siol-plus .navigation__sublist {
      background: #d4d4d3; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.siol-plus .navigation__sublist_link {
      color: #70706e; } }
  .navigation__item.siol-plus .navigation__sublist_link:hover:before {
    background: #70706e; }

body.posel-danes .menu__sublist_link {
  color: #88b04b; }
  body.posel-danes .menu__sublist_link:hover, body.posel-danes .menu__sublist_link.is_active {
    background: rgba(136, 176, 75, 0.2); }
  body.posel-danes .menu__sublist_link.current {
    color: #FFF; }
    body.posel-danes .menu__sublist_link.current:hover {
      background: #88b04b; }
      body.posel-danes .menu__sublist_link.current:hover:after {
        border-color: transparent transparent transparent #88b04b; }
  body.posel-danes .menu__sublist_link.last:hover span:before {
    border-color: transparent #88b04b transparent transparent; }
  body.posel-danes .menu__sublist_link.last:hover span:after {
    border-color: transparent transparent #88b04b transparent; }
  body.posel-danes .menu__sublist_link.first:hover span:before {
    border-color: transparent rgba(136, 176, 75, 0.2) transparent transparent; }
  body.posel-danes .menu__sublist_link.first:hover span:after {
    border-color: transparent transparent rgba(136, 176, 75, 0.2) transparent; }
  body.posel-danes .menu__sublist_link.first.is_active span:before {
    border-color: transparent rgba(136, 176, 75, 0.2) transparent transparent; }
  body.posel-danes .menu__sublist_link.first.is_active span:after {
    border-color: transparent transparent rgba(136, 176, 75, 0.2) transparent; }
  body.posel-danes .menu__sublist_link.first.is_active:hover {
    background-color: #88b04b;
    color: #FFF; }
    body.posel-danes .menu__sublist_link.first.is_active:hover span:before {
      border-color: transparent #88b04b transparent transparent; }
    body.posel-danes .menu__sublist_link.first.is_active:hover span:after {
      border-color: transparent transparent #88b04b transparent; }

.menu__item.posel-danes .menu__link:hover {
  border-color: #88b04b; }
  .novice .menu__item.posel-danes .menu__link:hover {
    border-color: #5e60ba; }
  .sportal .menu__item.posel-danes .menu__link:hover {
    border-color: #218497; }
  .trendi .menu__item.posel-danes .menu__link:hover {
    border-color: #c04177; }
  .digisvet .menu__item.posel-danes .menu__link:hover {
    border-color: #4664bd; }

.avtomoto .menu__item.avtomoto .menu__link:hover {
  border-color: #fff; }

@media screen and (max-width: 768px) {
  .avtomoto .menu__item.avtomoto .menu__link.is_active, .avtomoto .menu__item.avtomoto .menu__link:hover {
    border-color: #fff; } }

.navigation__item.posel-danes {
  border-color: #88b04b; }
  .navigation__item.posel-danes .navigation__link:before {
    background: #88b04b; }
  @media screen and (max-width: 1023px) {
    .navigation__item.posel-danes .navigation__link.is_open {
      color: #FFF;
      background: #88b04b; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.posel-danes .navigation__sublist {
      background: #d4d4d3; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.posel-danes .navigation__sublist_link {
      color: #88b04b; } }
  .navigation__item.posel-danes .navigation__sublist_link:hover:before {
    background: #88b04b; }

body.info .menu__sublist_link {
  color: #f9b509; }
  body.info .menu__sublist_link:hover, body.info .menu__sublist_link.is_active {
    background: rgba(249, 181, 9, 0.2); }
  body.info .menu__sublist_link.current {
    color: #FFF; }
    body.info .menu__sublist_link.current:hover {
      background: #f9b509; }
      body.info .menu__sublist_link.current:hover:after {
        border-color: transparent transparent transparent #f9b509; }
  body.info .menu__sublist_link.last:hover span:before {
    border-color: transparent #f9b509 transparent transparent; }
  body.info .menu__sublist_link.last:hover span:after {
    border-color: transparent transparent #f9b509 transparent; }
  body.info .menu__sublist_link.first:hover span:before {
    border-color: transparent rgba(249, 181, 9, 0.2) transparent transparent; }
  body.info .menu__sublist_link.first:hover span:after {
    border-color: transparent transparent rgba(249, 181, 9, 0.2) transparent; }
  body.info .menu__sublist_link.first.is_active span:before {
    border-color: transparent rgba(249, 181, 9, 0.2) transparent transparent; }
  body.info .menu__sublist_link.first.is_active span:after {
    border-color: transparent transparent rgba(249, 181, 9, 0.2) transparent; }
  body.info .menu__sublist_link.first.is_active:hover {
    background-color: #f9b509;
    color: #FFF; }
    body.info .menu__sublist_link.first.is_active:hover span:before {
      border-color: transparent #f9b509 transparent transparent; }
    body.info .menu__sublist_link.first.is_active:hover span:after {
      border-color: transparent transparent #f9b509 transparent; }

.menu__item.info .menu__link:hover {
  border-color: #f9b509; }
  .novice .menu__item.info .menu__link:hover {
    border-color: #5e60ba; }
  .sportal .menu__item.info .menu__link:hover {
    border-color: #218497; }
  .trendi .menu__item.info .menu__link:hover {
    border-color: #c04177; }
  .digisvet .menu__item.info .menu__link:hover {
    border-color: #4664bd; }

.avtomoto .menu__item.avtomoto .menu__link:hover {
  border-color: #fff; }

@media screen and (max-width: 768px) {
  .avtomoto .menu__item.avtomoto .menu__link.is_active, .avtomoto .menu__item.avtomoto .menu__link:hover {
    border-color: #fff; } }

.navigation__item.info {
  border-color: #f9b509; }
  .navigation__item.info .navigation__link:before {
    background: #f9b509; }
  @media screen and (max-width: 1023px) {
    .navigation__item.info .navigation__link.is_open {
      color: #FFF;
      background: #f9b509; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.info .navigation__sublist {
      background: #fce8b5; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.info .navigation__sublist_link {
      color: #f9b509; } }
  .navigation__item.info .navigation__sublist_link:hover:before {
    background: #f9b509; }

body.planet_tv .menu__sublist_link {
  color: #0087be; }
  body.planet_tv .menu__sublist_link:hover, body.planet_tv .menu__sublist_link.is_active {
    background: rgba(0, 135, 190, 0.2); }
  body.planet_tv .menu__sublist_link.current {
    color: #FFF; }
    body.planet_tv .menu__sublist_link.current:hover {
      background: #0087be; }
      body.planet_tv .menu__sublist_link.current:hover:after {
        border-color: transparent transparent transparent #0087be; }
  body.planet_tv .menu__sublist_link.last:hover span:before {
    border-color: transparent #0087be transparent transparent; }
  body.planet_tv .menu__sublist_link.last:hover span:after {
    border-color: transparent transparent #0087be transparent; }
  body.planet_tv .menu__sublist_link.first:hover span:before {
    border-color: transparent rgba(0, 135, 190, 0.2) transparent transparent; }
  body.planet_tv .menu__sublist_link.first:hover span:after {
    border-color: transparent transparent rgba(0, 135, 190, 0.2) transparent; }
  body.planet_tv .menu__sublist_link.first.is_active span:before {
    border-color: transparent rgba(0, 135, 190, 0.2) transparent transparent; }
  body.planet_tv .menu__sublist_link.first.is_active span:after {
    border-color: transparent transparent rgba(0, 135, 190, 0.2) transparent; }
  body.planet_tv .menu__sublist_link.first.is_active:hover {
    background-color: #0087be;
    color: #FFF; }
    body.planet_tv .menu__sublist_link.first.is_active:hover span:before {
      border-color: transparent #0087be transparent transparent; }
    body.planet_tv .menu__sublist_link.first.is_active:hover span:after {
      border-color: transparent transparent #0087be transparent; }

.menu__item.planet_tv .menu__link:hover {
  border-color: #0087be; }
  .novice .menu__item.planet_tv .menu__link:hover {
    border-color: #5e60ba; }
  .sportal .menu__item.planet_tv .menu__link:hover {
    border-color: #218497; }
  .trendi .menu__item.planet_tv .menu__link:hover {
    border-color: #c04177; }
  .digisvet .menu__item.planet_tv .menu__link:hover {
    border-color: #4664bd; }

.avtomoto .menu__item.avtomoto .menu__link:hover {
  border-color: #fff; }

@media screen and (max-width: 768px) {
  .avtomoto .menu__item.avtomoto .menu__link.is_active, .avtomoto .menu__item.avtomoto .menu__link:hover {
    border-color: #fff; } }

.navigation__item.planet_tv {
  border-color: #0087be; }
  .navigation__item.planet_tv .navigation__link:before {
    background: #0087be; }
  @media screen and (max-width: 1023px) {
    .navigation__item.planet_tv .navigation__link.is_open {
      color: #FFF;
      background: #0087be; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.planet_tv .navigation__sublist {
      background: #58cfff; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.planet_tv .navigation__sublist_link {
      color: #0087be; } }
  .navigation__item.planet_tv .navigation__sublist_link:hover:before {
    background: #0087be; }

body.ugc .menu__sublist_link {
  color: #f05046; }
  body.ugc .menu__sublist_link:hover, body.ugc .menu__sublist_link.is_active {
    background: rgba(240, 80, 70, 0.2); }
  body.ugc .menu__sublist_link.current {
    color: #FFF; }
    body.ugc .menu__sublist_link.current:hover {
      background: #f05046; }
      body.ugc .menu__sublist_link.current:hover:after {
        border-color: transparent transparent transparent #f05046; }
  body.ugc .menu__sublist_link.last:hover span:before {
    border-color: transparent #f05046 transparent transparent; }
  body.ugc .menu__sublist_link.last:hover span:after {
    border-color: transparent transparent #f05046 transparent; }
  body.ugc .menu__sublist_link.first:hover span:before {
    border-color: transparent rgba(240, 80, 70, 0.2) transparent transparent; }
  body.ugc .menu__sublist_link.first:hover span:after {
    border-color: transparent transparent rgba(240, 80, 70, 0.2) transparent; }
  body.ugc .menu__sublist_link.first.is_active span:before {
    border-color: transparent rgba(240, 80, 70, 0.2) transparent transparent; }
  body.ugc .menu__sublist_link.first.is_active span:after {
    border-color: transparent transparent rgba(240, 80, 70, 0.2) transparent; }
  body.ugc .menu__sublist_link.first.is_active:hover {
    background-color: #f05046;
    color: #FFF; }
    body.ugc .menu__sublist_link.first.is_active:hover span:before {
      border-color: transparent #f05046 transparent transparent; }
    body.ugc .menu__sublist_link.first.is_active:hover span:after {
      border-color: transparent transparent #f05046 transparent; }

.menu__item.ugc .menu__link:hover {
  border-color: #f05046; }
  .novice .menu__item.ugc .menu__link:hover {
    border-color: #5e60ba; }
  .sportal .menu__item.ugc .menu__link:hover {
    border-color: #218497; }
  .trendi .menu__item.ugc .menu__link:hover {
    border-color: #c04177; }
  .digisvet .menu__item.ugc .menu__link:hover {
    border-color: #4664bd; }

.avtomoto .menu__item.avtomoto .menu__link:hover {
  border-color: #fff; }

@media screen and (max-width: 768px) {
  .avtomoto .menu__item.avtomoto .menu__link.is_active, .avtomoto .menu__item.avtomoto .menu__link:hover {
    border-color: #fff; } }

.navigation__item.ugc {
  border-color: #f05046; }
  .navigation__item.ugc .navigation__link:before {
    background: #f05046; }
  @media screen and (max-width: 1023px) {
    .navigation__item.ugc .navigation__link.is_open {
      color: #FFF;
      background: #f05046; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.ugc .navigation__sublist {
      background: #fce8b5; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.ugc .navigation__sublist_link {
      color: #f05046; } }
  .navigation__item.ugc .navigation__sublist_link:hover:before {
    background: #f05046; }

body.videoarchive .menu__sublist_link {
  color: #3b3b3b; }
  body.videoarchive .menu__sublist_link:hover, body.videoarchive .menu__sublist_link.is_active {
    background: rgba(59, 59, 59, 0.2); }
  body.videoarchive .menu__sublist_link.current {
    color: #FFF; }
    body.videoarchive .menu__sublist_link.current:hover {
      background: #3b3b3b; }
      body.videoarchive .menu__sublist_link.current:hover:after {
        border-color: transparent transparent transparent #3b3b3b; }
  body.videoarchive .menu__sublist_link.last:hover span:before {
    border-color: transparent #3b3b3b transparent transparent; }
  body.videoarchive .menu__sublist_link.last:hover span:after {
    border-color: transparent transparent #3b3b3b transparent; }
  body.videoarchive .menu__sublist_link.first:hover span:before {
    border-color: transparent rgba(59, 59, 59, 0.2) transparent transparent; }
  body.videoarchive .menu__sublist_link.first:hover span:after {
    border-color: transparent transparent rgba(59, 59, 59, 0.2) transparent; }
  body.videoarchive .menu__sublist_link.first.is_active span:before {
    border-color: transparent rgba(59, 59, 59, 0.2) transparent transparent; }
  body.videoarchive .menu__sublist_link.first.is_active span:after {
    border-color: transparent transparent rgba(59, 59, 59, 0.2) transparent; }
  body.videoarchive .menu__sublist_link.first.is_active:hover {
    background-color: #3b3b3b;
    color: #FFF; }
    body.videoarchive .menu__sublist_link.first.is_active:hover span:before {
      border-color: transparent #3b3b3b transparent transparent; }
    body.videoarchive .menu__sublist_link.first.is_active:hover span:after {
      border-color: transparent transparent #3b3b3b transparent; }

.menu__item.videoarchive .menu__link:hover {
  border-color: #3b3b3b; }
  .novice .menu__item.videoarchive .menu__link:hover {
    border-color: #5e60ba; }
  .sportal .menu__item.videoarchive .menu__link:hover {
    border-color: #218497; }
  .trendi .menu__item.videoarchive .menu__link:hover {
    border-color: #c04177; }
  .digisvet .menu__item.videoarchive .menu__link:hover {
    border-color: #4664bd; }

.avtomoto .menu__item.avtomoto .menu__link:hover {
  border-color: #fff; }

@media screen and (max-width: 768px) {
  .avtomoto .menu__item.avtomoto .menu__link.is_active, .avtomoto .menu__item.avtomoto .menu__link:hover {
    border-color: #fff; } }

.navigation__item.videoarchive {
  border-color: #3b3b3b; }
  .navigation__item.videoarchive .navigation__link:before {
    background: #3b3b3b; }
  @media screen and (max-width: 1023px) {
    .navigation__item.videoarchive .navigation__link.is_open {
      color: #FFF;
      background: #3b3b3b; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.videoarchive .navigation__sublist {
      background: #888888; } }
  @media screen and (max-width: 1023px) {
    .navigation__item.videoarchive .navigation__sublist_link {
      color: #3b3b3b; } }
  .navigation__item.videoarchive .navigation__sublist_link:hover:before {
    background: #3b3b3b; }

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin: 0; }

.mCSB_scrollTools {
  opacity: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 3px; }
  @media screen and (min-width: 1200px) {
    .mCSB_scrollTools.mCSB_scrollTools_horizontal {
      display: none !important; } }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  background: #424193; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 1px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  margin: 0;
  background: transparent; }

.card {
  position: relative;
  display: block;
  padding: 0;
  overflow: hidden; }
  .card--breaking_related {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #696969;
    box-sizing: border-box; }
    @media screen and (min-width: 1024px) {
      .card--breaking_related {
        padding: 17px 0 18px; } }
    .card--breaking_related:last-child {
      border-bottom: none; }
      @media screen and (min-width: 1024px) {
        .card--breaking_related:last-child {
          padding: 17px 0 7px; } }
    .card--breaking_related .card__link {
      position: relative;
      width: 100%;
      overflow: visible;
      display: flex;
      align-items: center;
      align-content: center; }
    .card--breaking_related .card__title {
      width: 100%;
      max-height: 60px;
      padding-right: 20px;
      font: "Lato", sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 20px;
      line-height: 2rem;
      letter-spacing: 0.01em;
      font-weight: 900;
      color: #333;
      overflow: hidden;
      display: inline-block;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
      @media screen and (min-width: 1024px) {
        .card--breaking_related .card__title {
          color: #fff; } }
    .card--breaking_related .figure_wrap {
      display: inline-flex; }
    .card--breaking_related .card__figure {
      display: inline-block;
      width: 53px;
      height: 53px;
      margin: 0;
      border-radius: 100%;
      overflow: hidden; }
    .card--breaking_related .card__img {
      width: 53px;
      height: 53px; }
  .card__line:before {
    z-index: 2;
    background-color: #424193; }
    .card--novice .card__line:before {
      background-color: #424193; }
    .card--sportal .card__line:before {
      background-color: #086d7f; }
    .card--trendi .card__line:before {
      background-color: #a51253; }
    .card--avtomoto .card__line:before {
      background-color: #b31e00; }
    .card--digisvet .card__line:before {
      background-color: #2c4697; }
    .card--siol-plus .card__line:before {
      background-color: #70706e; }
    .card--planet-tv .card__line:before {
      background-color: #0087be; }
    .card--posel-danes .card__line:before {
      background-color: black; }
    .card--slavni .card__line:before {
      background-color: #ffa800; }
    .card--column .card__line:before {
      background-color: #424193; }
  .card--livearticle .card__link {
    position: relative; }
  .card--livearticle .card__overtitle {
    color: #FFF;
    margin: 5px 0; }
    @media screen and (min-width: 768px) {
      .card--livearticle .card__overtitle {
        display: table; } }
  .card--livearticle .card__title {
    display: table;
    margin: 15px 0 5px 0;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.3;
    font-weight: 900;
    color: #FFF; }
  .card--livearticle .card__description {
    display: table;
    margin: 0;
    color: #FFF;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    font-family: "Merriweather", serif; }
    @media screen and (min-width: 1024px) {
      .card--livearticle .card__description {
        margin: 0 0 40px 0;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.9; } }
  .card--livearticle .card__meta_wrap {
    position: relative;
    padding: 5px;
    text-align: left; }
    .card--livearticle .card__meta_wrap span {
      color: #FFF; }
  .card--livearticle_small {
    margin-top: 15px; }
    .card--livearticle_small:first-child {
      margin-top: 0; }
    .card--livearticle_small .card__link {
      position: relative; }
    .card--livearticle_small .card__overtitle {
      color: #FFF;
      margin: 5px 0;
      font-size: 10px;
      font-size: 1rem; }
      @media screen and (min-width: 768px) {
        .card--livearticle_small .card__overtitle {
          display: table;
          margin: 10px 0;
          font-size: 10px;
          font-size: 1rem; } }
    .card--livearticle_small .card__title {
      display: table;
      margin: 0;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.6;
      font-weight: 700;
      color: #FFF; }
  .card--listing {
    margin: 0 0 10px 0;
    height: 106px;
    background: #F1F1F1;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (min-width: 768px) {
      .card--listing {
        height: 0;
        margin: 0 0 10px 0;
        padding: 0;
        padding-bottom: 150px; } }
    @media screen and (min-width: 1025px) {
      .card--listing {
        margin: 0 0 20px 0; } }
    .card--listing .card__figure {
      float: left; }
      @media screen and (max-width: 767px) {
        .card--listing .card__figure {
          margin-right: 15px;
          display: block;
          width: 130px;
          height: 86px; } }
      @media screen and (min-width: 768px) {
        .card--listing .card__figure {
          margin-right: 25px;
          width: 225px;
          height: 150px; } }
    .card--listing .card__overtitle {
      margin: 0; }
      @media screen and (min-width: 768px) {
        .card--listing .card__overtitle {
          margin: 10px 10px 5px 0; } }
    .card--listing .card__title {
      max-height: 55px;
      margin: 0 5px 0 0;
      font-size: 15px;
      font-size: 1.5rem;
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        .card--listing .card__title {
          letter-spacing: -0.04em; } }
      @media screen and (min-width: 768px) {
        .card--listing .card__title {
          max-height: 44px;
          margin: 0 10px 5px 0;
          font-size: 17px;
          font-size: 1.7rem; } }
    .card--listing .card__description {
      display: none; }
      @media screen and (min-width: 768px) {
        .card--listing .card__description {
          display: block;
          max-height: 36px;
          margin: 0 10px 5px 0;
          font-size: 12px;
          font-size: 1.2rem;
          font-family: "Merriweather", serif;
          color: #4A464A;
          overflow: hidden; } }
    .card--listing .card__author {
      display: none; }
      @media screen and (min-width: 768px) {
        .card--listing .card__author {
          position: absolute;
          bottom: 10px;
          left: 250px;
          display: block;
          margin: 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.2;
          font-weight: 400;
          color: #727272; } }
    .card--listing .card__meta_wrap {
      position: absolute;
      right: 0;
      bottom: 0;
      padding: 0; }
      @media screen and (min-width: 768px) {
        .card--listing .card__meta_wrap {
          padding: 0 0 5px 0; } }
  .card--timemachine {
    margin: 40px 0 10px 0;
    padding: 10px 0 5px 0;
    height: auto;
    background: #F1F1F1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible; }
    @media screen and (min-width: 768px) {
      .card--timemachine {
        margin: 0 0 5px 0;
        padding: 0 0 30px 0; }
        .card--timemachine:after {
          content: " ";
          position: absolute;
          bottom: -10px;
          width: 100%;
          height: 1px;
          background: rgba(116, 116, 116, 0.6); } }
    .card--timemachine .card__link {
      position: static; }
    .card--timemachine .card__time {
      position: absolute;
      font-size: 13px;
      font-size: 1.3rem;
      font-weight: 900;
      color: #4a464a; }
      @media screen and (max-width: 767px) {
        .card--timemachine .card__time {
          top: -36px;
          left: 40px; }
          .card--timemachine .card__time:before {
            position: absolute;
            display: block;
            content: " ";
            top: -4px;
            left: -38px;
            width: 20px;
            height: 20px;
            display: block;
            background: #FFF;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%;
            border: 3px solid #C6C2E5; } }
      @media screen and (min-width: 768px) {
        .card--timemachine .card__time {
          left: -90px;
          top: 50%;
          margin: -40px 0 0 0;
          padding: 10px;
          width: 34px;
          height: 34px;
          line-height: 34px;
          text-align: center;
          font-weight: 900;
          background: #FFF;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          -ms-border-radius: 100%;
          -o-border-radius: 100%;
          border-radius: 100%;
          border: 3px solid #C6C2E5;
          -webkit-box-shadow: 0 0 0 5px #FFF;
          -moz-box-shadow: 0 0 0 5px #FFF;
          box-shadow: 0 0 0 5px #FFF; } }
      @media screen and (min-width: 1200px) {
        .card--timemachine .card__time {
          left: -150px; } }
    .card--timemachine .card__figure {
      float: left; }
      @media screen and (max-width: 767px) {
        .card--timemachine .card__figure {
          margin-right: 15px;
          display: block;
          width: 130px;
          height: 86px; } }
      @media screen and (min-width: 768px) {
        .card--timemachine .card__figure {
          margin-right: 25px;
          width: 225px;
          height: 150px; } }
    .card--timemachine .card__overtitle {
      margin: 0; }
      @media screen and (min-width: 768px) {
        .card--timemachine .card__overtitle {
          margin: 10px 10px 5px 0; } }
    .card--timemachine .card__title {
      display: table;
      margin: 0 5px 45px 0;
      font-size: 15px;
      font-size: 1.5rem; }
      @media screen and (max-width: 767px) {
        .card--timemachine .card__title {
          letter-spacing: -0.04em; } }
      @media screen and (min-width: 768px) {
        .card--timemachine .card__title {
          display: table;
          margin: 0 10px 5px 0;
          font-size: 17px;
          font-size: 1.7rem; } }
    .card--timemachine .card__description {
      display: none; }
      @media screen and (min-width: 768px) {
        .card--timemachine .card__description {
          display: block;
          margin: 0 10px 5px 0;
          font-size: 12px;
          font-size: 1.2rem;
          font-family: "Merriweather", serif;
          color: #4A464A;
          height: 70px;
          overflow: hidden; } }
      @media screen and (min-width: 1024px) {
        .card--timemachine .card__description {
          height: auto; } }
    .card--timemachine .card__author {
      position: absolute;
      left: 145px;
      bottom: 30px;
      margin: 0;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.2;
      font-weight: 400;
      color: #727272; }
      @media screen and (min-width: 768px) {
        .card--timemachine .card__author {
          left: 250px;
          bottom: 6px; } }
    .card--timemachine .card__meta_wrap {
      position: absolute;
      left: 145px;
      bottom: 0;
      margin: 0;
      padding: 0 0 5px 0; }
      @media screen and (min-width: 768px) {
        .card--timemachine .card__meta_wrap {
          left: auto;
          right: 0; } }
  .card--01 {
    background: #424193; }
    @media screen and (min-width: 768px) {
      .card--01 {
        height: 0;
        padding-bottom: 44.46461%; } }
    @media screen and (min-width: 1024px) {
      .card--01 {
        padding-bottom: 45.7971%; } }
  .card--02 {
    background: #424193; }
    @media screen and (min-width: 768px) {
      .card--02 {
        height: 0;
        padding-bottom: 98.68421%; } }
    @media screen and (min-width: 1024px) {
      .card--02 {
        padding-bottom: 91.30435%; } }
  .card--ugc01 {
    background: #F1F1F1;
    padding-bottom: 35px; }
    @media screen and (min-width: 768px) {
      .card--ugc01 {
        height: 0;
        padding-bottom: 75%; } }
    @media screen and (min-width: 1024px) {
      .card--ugc01 {
        padding-bottom: 75%; } }
    @media screen and (min-width: 1200px) {
      .card--ugc01 {
        padding-bottom: 81.31868%; } }
  .card--ugc02 {
    background: #F1F1F1;
    height: 0;
    padding-bottom: 157.69231%; }
    @media screen and (min-width: 480px) {
      .card--ugc02 {
        padding-bottom: 136.19048%; } }
    @media screen and (min-width: 768px) {
      .card--ugc02 {
        padding-bottom: 154.23729%; } }
    @media screen and (min-width: 1024px) {
      .card--ugc02 {
        padding-bottom: 152.61324%; } }
    @media screen and (min-width: 1200px) {
      .card--ugc02 {
        padding-bottom: 166.66667%; } }
  .card--ugc03 {
    background: #F1F1F1;
    padding-bottom: 35px; }
    @media screen and (min-width: 768px) {
      .card--ugc03 {
        height: 0;
        padding-bottom: 153.33333%; } }
    @media screen and (min-width: 1200px) {
      .card--ugc03 {
        padding-bottom: 143.33333%; } }
  .card--ugc04 {
    background: #F1F1F1;
    margin: 0 -10px;
    padding: 15px; }
  .card--ugc05 {
    background: #f1f1f1; }
  .card--03 {
    background: #424193; }
    @media screen and (min-width: 768px) {
      .card--03 {
        height: 0;
        padding-bottom: 138.41808%; } }
    @media screen and (min-width: 1024px) {
      .card--03 {
        height: 0;
        padding-bottom: 141.42857%; } }
  .card--04 {
    background: #F1F1F1; }
    @media screen and (min-width: 768px) {
      .card--04 {
        height: 0;
        padding-bottom: 138.41808%; } }
    @media screen and (min-width: 1024px) {
      .card--04 {
        height: 0;
        padding-bottom: 141.42857%; } }
  .card--04b {
    background: #fff; }
    @media screen and (min-width: 768px) {
      .card--04b {
        padding-bottom: 141.70404%; } }
    @media screen and (min-width: 1024px) {
      .card--04b {
        height: 0;
        padding-bottom: 141.70404%; } }
    .card--04b:hover .card__title {
      color: #424242; }
  .card--05 {
    background: #F1F1F1; }
    .biggest_loser--subsection .card--05 {
      background: #fff; }
    @media screen and (min-width: 768px) {
      .card--05 {
        height: 360px; } }
    @media screen and (min-width: 1024px) {
      .card--05 {
        height: 0;
        padding-bottom: 185.83333%; } }
  .card--07 {
    background: #F1F1F1; }
    @media screen and (min-width: 768px) {
      .card--07 {
        height: 0;
        padding-bottom: 138.41808%; } }
    @media screen and (min-width: 1024px) {
      .card--07 {
        height: 0;
        padding-bottom: 141.42857%; } }
  .card--08 {
    background: #F1F1F1; }
    .biggest_loser--subsection .card--08 {
      background: #fff; }
    @media screen and (min-width: 768px) {
      .card--08 {
        height: 0;
        padding-bottom: 140%; } }
    @media screen and (min-width: 1024px) {
      .card--08 {
        padding-bottom: 140%; } }
    .card--08.no_lead {
      margin-bottom: 10px; }
      @media screen and (min-width: 768px) {
        .card--08.no_lead {
          padding-bottom: 125%; } }
  .card--08b {
    background: #fff; }
    @media screen and (max-width: 767px) {
      .section--landing_page .card--08b {
        margin-left: 10px;
        margin-right: 10px; } }
    .card--08b:hover .card__title {
      color: #424242; }
    @media screen and (min-width: 768px) {
      .card--08b {
        padding-bottom: 156.66667%; }
        .section--landing_page .card--08b {
          padding-bottom: 151.25%; } }
    @media screen and (min-width: 1200px) {
      .card--08b {
        padding-bottom: 138.66667%; }
        .section--landing_page .card--08b {
          padding-bottom: 152.66667%; } }
    .card--08b .card__overtitle {
      color: #9e9e9e; }
      .section--landing_page .card--08b .card__overtitle {
        color: #9e9e9e; }
      .planet_tv .card--08b .card__overtitle {
        color: #0087be; }
    .card--08b .card__title {
      -webkit-transition: 0.12s ease-in-out;
      -moz-transition: 0.12s ease-in-out;
      -o-transition: 0.12s ease-in-out;
      transition: 0.12s ease-in-out; }
    .card--08b .card__description {
      display: block;
      font-family: "Merriweather", serif;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 20px;
      line-height: 2rem; }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .section--landing_page .card--08b .card__description {
          display: none; } }
    .card--08b .card__meta_wrap {
      padding: 0;
      margin: 19px 0 14px;
      text-align: left; }
      @media screen and (min-width: 768px) {
        .card--08b .card__meta_wrap {
          margin: 0 0 24px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .card--08b.card--transitional {
        position: relative;
        padding-bottom: 0;
        height: auto;
        margin-bottom: 10px; }
        .card--08b.card--transitional .card__link {
          position: relative; }
        .card--08b.card--transitional .card__figure {
          box-sizing: border-box;
          width: 50%;
          padding-right: 5px;
          float: left;
          margin-right: 20px; }
        .card--08b.card--transitional .card__meta_wrap {
          padding-left: 20px;
          left: 50%; }
        .fold__section--additional_fold_2 .card--08b.card--transitional {
          margin-top: 10px; } }
  @media screen and (min-width: 1024px) {
    .card--09 {
      height: 0;
      padding-bottom: 43.47826%; } }
  @media screen and (min-width: 1200px) {
    .card--09 {
      height: 0;
      padding-bottom: 46.66667%; } }
  .card--10 {
    background: none;
    height: 0;
    padding-bottom: 25%; }
    @media screen and (min-width: 480px) {
      .card--10 {
        padding-bottom: 20%; } }
    @media screen and (min-width: 768px) {
      .card--10 {
        padding-bottom: 65.625%; } }
    @media screen and (min-width: 1024px) {
      .card--10 {
        padding-bottom: 39.66006%; } }
    @media screen and (max-width: 767px) {
      .card--10 {
        height: auto;
        padding: 0 0 35px 0; } }
  .card--12 {
    background: none;
    height: 0;
    padding-bottom: 25%; }
    @media screen and (min-width: 480px) {
      .card--12 {
        padding-bottom: 20%; } }
    @media screen and (min-width: 768px) {
      .card--12 {
        padding-bottom: 31.25%; } }
    @media screen and (min-width: 1024px) {
      .card--12 {
        padding-bottom: 20.40816%; } }
    @media screen and (max-width: 767px) {
      .card--12 {
        height: auto;
        padding: 0; } }
  .card--13 {
    background: none;
    height: 0;
    padding-bottom: 25%; }
    @media screen and (min-width: 480px) {
      .card--13 {
        padding-bottom: 20%; } }
    @media screen and (min-width: 768px) {
      .card--13 {
        padding-bottom: 31.25%; } }
    @media screen and (min-width: 1024px) {
      .card--13 {
        padding-bottom: 20.40816%; } }
    @media screen and (max-width: 767px) {
      .card--13 {
        height: auto;
        padding: 0;
        min-height: 85px; } }
  .card--15 {
    background: #424193; }
    @media screen and (min-width: 1200px) {
      .card--15 {
        margin-left: 5px;
        margin-bottom: 30px; } }
    .card--15 .card__link {
      position: relative; }
    @media screen and (min-width: 768px) {
      .card--15 .card__meta_wrap {
        position: relative;
        padding: 6px 0 0 23px; } }
    .card--15 .card__meta_wrap span {
      color: #fff; }
    .fold__section--video_block .card--15 {
      margin-left: 0;
      margin-bottom: 0; }
      @media screen and (min-width: 1024px) {
        .fold__section--video_block .card--15 .card__data {
          bottom: 10px; } }
      @media screen and (max-width: 768px) {
        .fold__section--video_block .card--15 .card__description {
          margin: 0 10px 20px 10px; } }
      @media screen and (max-width: 768px) {
        .fold__section--video_block .card--15 .card__meta_wrap {
          margin: 0;
          padding: 0 0 12px 10px;
          text-align: left; } }
    .trendi .card--15 {
      background: #a51253; }
    .sportal .card--15 {
      background: #086d7f; }
    .digisvet .card--15 {
      background: #2c4697; }
    .avtomoto .card--15 {
      background: #b31e00; }
  .card--18 {
    margin: 0 0 10px 0;
    background: #F1F1F1;
    padding: 15px 10px 35px 10px; }
    @media screen and (min-width: 768px) and (max-width: 800px) {
      .card--18 {
        height: 0;
        padding: 15px 10px;
        padding-bottom: 17.63908%; } }
    @media screen and (min-width: 1024px) {
      .card--18 {
        height: 0;
        padding: 15px 10px;
        padding-bottom: 18.72247%; } }
    @media screen and (min-width: 1200px) {
      .card--18 {
        padding-bottom: 14.31718%; } }
    .card--18 .card__link {
      position: relative; }
  .card--19 {
    margin: 0;
    background: #F1F1F1; }
    @media screen and (min-width: 768px) {
      .card--19 {
        height: 0;
        padding-bottom: 90.83333%; } }
    @media screen and (min-width: 1024px) {
      .card--19 {
        padding-bottom: 89.85507%; } }
    @media screen and (min-width: 1200px) {
      .card--19 {
        padding-bottom: 85.50725%; } }
  .card--19b {
    background: #fff; }
  .card--20 {
    margin: 0;
    background: #F1F1F1; }
    @media screen and (min-width: 768px) {
      .card--20 {
        height: 0;
        padding-bottom: 43.47826%; } }
    @media screen and (min-width: 1200px) {
      .card--20 {
        padding-bottom: 64.44444%; } }
  .card--21 {
    margin: 0;
    padding-bottom: 165.91928%;
    height: 0;
    background: #F1F1F1; }
  .card--22 {
    margin: 0;
    background: #F1F1F1; }
    @media screen and (min-width: 768px) {
      .card--22 {
        height: 0;
        padding-bottom: 130.43478%; } }
    @media screen and (min-width: 1200px) {
      .card--22 {
        padding-bottom: 112.5%; } }
  .card--22b {
    border-bottom: 1px solid #e0e0e0;
    background: #fff; }
    @media screen and (min-width: 768px) {
      .card--22b {
        padding-bottom: 103.7037%; } }
    @media screen and (min-width: 1200px) {
      .card--22b {
        padding-bottom: 103.7037%; } }
    .card--22b .card__overtitle {
      color: #9e9e9e; }
      .planet_tv .card--22b .card__overtitle {
        color: #0087be; }
    .card--22b .card__meta_wrap {
      bottom: 24px;
      padding: 0; }
    .card--22b:hover .card__title {
      color: #424242; }
  .card--23 {
    margin: 0;
    background: #F1F1F1; }
    @media screen and (min-width: 768px) {
      .card--23 {
        height: 0;
        padding-bottom: 150%; } }
    @media screen and (min-width: 1200px) {
      .card--23 {
        padding-bottom: 165.91928%; } }
  .card--23b {
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    background: #fff; }
    .section__pr_list .card--23b {
      border-bottom: none; }
    @media screen and (min-width: 768px) {
      .card--23b {
        padding: 0; } }
    @media screen and (min-width: 1200px) {
      .card--23b {
        padding-bottom: 187.44186%; } }
    @media screen and (min-width: 768px) {
      .card--23b .card__meta_wrap {
        bottom: 24px;
        padding: 0; } }
    .card--23b:hover .card__title {
      color: #424242; }
  .card--24 {
    background: #F1F1F1; }
    @media screen and (min-width: 768px) {
      .card--24 {
        height: 0;
        padding-bottom: 121.95122%; } }
    @media screen and (min-width: 1024px) {
      .card--24 {
        height: 0;
        padding-bottom: 125%; } }
  .card--24b {
    background: #fff; }
  .card--25 {
    height: 0;
    padding-bottom: 100%;
    margin: 0 0 1px; }
    @media screen and (min-width: 768px) {
      .card--25 {
        padding-bottom: 75.35934%;
        margin: 0 0 10px; } }
    @media screen and (min-width: 1024px) {
      .card--25 {
        padding-bottom: 75.28808%;
        margin: 0; } }
    .card--25 .card__figure::after {
      content: " ";
      height: 66.66%;
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1;
      opacity: 0.56;
      background: -moz-linear-gradient(top, rgba(33, 33, 33, 0) 0%, #212121 100%);
      background: -webkit-linear-gradient(top, rgba(33, 33, 33, 0) 0%, #212121 100%);
      background: linear-gradient(to bottom, rgba(33, 33, 33, 0) 0%, #212121 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00212121', endColorstr='#212121',GradientType=0 ); }
      @media screen and (min-width: 768px) {
        .card--25 .card__figure::after {
          height: 50%; } }
    .card--25 .card__meta_wrap {
      position: absolute;
      left: 15px;
      bottom: 9px;
      z-index: 3;
      margin: 0; }
      .card--25 .card__meta_wrap span {
        color: #fff; }
      @media screen and (min-width: 768px) {
        .card--25 .card__meta_wrap {
          left: 20px;
          padding: 0; } }
    .card--25 .card__title {
      position: absolute;
      bottom: 34px;
      z-index: 3;
      padding: 0 15px;
      font-family: 'LatoLatinWeb', sans-serif;
      font-size: 26px;
      font-size: 2.6rem;
      line-height: 32px;
      line-height: 3.2rem;
      color: #fff;
      text-shadow: 0px 1px 6px rgba(33, 33, 33, 0.56); }
      @media screen and (min-width: 768px) {
        .card--25 .card__title {
          padding: 0 20px; } }
      @media screen and (min-width: 1200px) {
        .card--25 .card__title {
          font-size: 36px;
          font-size: 3.6rem;
          line-height: 42px;
          line-height: 4.2rem; } }
  .card--25b {
    padding-bottom: 66.66667%; }
    @media screen and (min-width: 768px) {
      .card--25b {
        padding-bottom: 152.2948%; } }
    @media screen and (min-width: 1024px) {
      .card--25b {
        padding-bottom: 151.82656%; } }
    .card--25b .card__title {
      bottom: 35px;
      font-size: 19px;
      font-size: 1.9rem;
      line-height: 24px;
      line-height: 2.4rem;
      text-shadow: 0 1px 2px rgba(33, 33, 33, 0.56), 0 0 1px rgba(33, 33, 33, 0.72); }
      @media screen and (min-width: 1200px) {
        .card--25b .card__title {
          font-size: 26px;
          font-size: 2.6rem;
          line-height: 32px;
          line-height: 3.2rem; } }
  .card--25c {
    padding-bottom: 66.66667%; }
    @media screen and (min-width: 1024px) {
      .card--25c {
        padding-bottom: 74.68041%; } }
    @media screen and (min-width: 1200px) {
      .card--25c {
        padding-bottom: 74.66667%; } }
    .card--25c .card__title {
      bottom: 35px;
      font-size: 19px;
      font-size: 1.9rem;
      line-height: 24px;
      line-height: 2.4rem;
      text-shadow: 0 1px 2px rgba(33, 33, 33, 0.56), 0 0 1px rgba(33, 33, 33, 0.72);
      max-height: 72px; }
      @media screen and (min-width: 1200px) {
        .card--25c .card__title {
          font-size: 17px;
          font-size: 1.7rem;
          line-height: 21px;
          line-height: 2.1rem; } }
  .card--26 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
    margin: 0 0 10px; }
    @media screen and (min-width: 1024px) {
      .card--26 {
        margin: 0 0 25px; } }
    .card--26:hover .card__title {
      color: #424242; }
    .section__article_list .card--26:last-of-type {
      margin: 0; }
    .card--26 .card__link {
      padding: 0 0 15px; }
      @media screen and (min-width: 768px) {
        .card--26 .card__link {
          position: static; } }
      @media screen and (min-width: 1024px) {
        .card--26 .card__link {
          padding: 0 0 30px; } }
    .card--26 .card__figure {
      float: right;
      width: 100px;
      height: 100px;
      margin: 5px 0 0 10px; }
      @media screen and (min-width: 768px) {
        .card--26 .card__figure {
          float: left;
          margin: 5px 15px 0 0;
          width: 240px;
          height: 160px; } }
      @media screen and (min-width: 1024px) {
        .card--26 .card__figure {
          width: 219px;
          height: 146px;
          margin: 5px 30px 0 0; } }
    .card--26 .card__overtitle {
      margin: 0 0 2px;
      line-height: 20px;
      line-height: 2rem;
      color: #e60005; }
      @media screen and (min-width: 768px) {
        .card--26 .card__overtitle {
          margin: 0 0 6px; } }
    .card--26 .card__title {
      margin: 0;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 22px;
      line-height: 2.2rem;
      color: #212121;
      max-height: 44px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-transition: 0.12s ease-in-out;
      -moz-transition: 0.12s ease-in-out;
      -o-transition: 0.12s ease-in-out;
      transition: 0.12s ease-in-out; }
      @media screen and (min-width: 768px) {
        .card--26 .card__title {
          margin: 0 0 12px;
          font-size: 20px;
          font-size: 2rem;
          line-height: 24px;
          line-height: 2.4rem; } }
    .card--26 .card__description {
      display: none;
      font-family: "Merriweather", serif;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 22px;
      line-height: 2.2rem;
      color: #212121; }
      @media screen and (min-width: 768px) {
        .card--26 .card__description {
          display: block;
          display: -webkit-box;
          overflow: hidden;
          text-overflow: ellipsis;
          margin: 0;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          max-height: 66px; } }
    .card--26 .card__meta_wrap {
      position: absolute;
      left: 0;
      bottom: 9px;
      padding: 0;
      margin: 0;
      text-align: left; }
      .card--26 .card__meta_wrap span {
        color: #9e9e9e; }
        .planet_tv .card--26 .card__meta_wrap span {
          color: #0087be; }
      @media screen and (min-width: 768px) {
        .card--26 .card__meta_wrap {
          left: 255px; } }
      @media screen and (min-width: 1024px) {
        .card--26 .card__meta_wrap {
          left: 249px;
          bottom: 24px; } }
    .card--26 .card__icons {
      display: none; }
      @media screen and (min-width: 768px) {
        .card--26 .card__icons {
          display: block; } }
  .card .card__date {
    margin: 0 15px;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: 700;
    color: #aaa; }
    @media screen and (min-width: 1024px) {
      .card .card__date {
        margin: 10px 10px 10px 15px; } }
  .card__link {
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .card__link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; } }
    .card__link:hover {
      text-decoration: none; }
  .card__figure {
    position: relative;
    display: block;
    padding: 0;
    margin: 0; }
    .card__figure .mm_photo, .card__figure .mm_video {
      position: absolute;
      top: 5px;
      left: 5px;
      width: 32px;
      height: 32px;
      background: #000;
      background: rgba(0, 0, 0, 0.6);
      color: #FFF;
      font-size: 15px;
      font-size: 1.5rem;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%; }
      .card__figure .mm_photo i, .card__figure .mm_video i {
        position: relative;
        top: 8px;
        left: 9px; }
    .card__figure .pr {
      position: absolute;
      bottom: 5px;
      left: 5px;
      width: auto;
      height: 32px;
      background: #000;
      background: rgba(0, 0, 0, 0.6);
      color: #FFF;
      font-size: 11px;
      font-size: 1.1rem;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      border-radius: 100px;
      box-sizing: border-box;
      padding: 17px 10px 0;
      text-transform: uppercase; }
      .card__figure .pr--euro_icon {
        width: 32px;
        font-size: 16px;
        font-size: 1.6rem; }
        .card__figure .pr--euro_icon i {
          position: relative;
          top: -9px;
          left: -2px !important; }
    @media screen and (min-width: 1024px) {
      .card--01 .card__figure {
        margin: 0 -8px 0 0; } }
    @media screen and (max-width: 767px) {
      .card--03 .card__figure {
        float: left;
        margin: 10px 10px 0 0;
        width: 130px; } }
    .card--04 .card__figure {
      margin: 0; }
      @media screen and (max-width: 767px) {
        .card--04 .card__figure {
          float: left;
          margin: 10px 10px 0 0;
          width: 130px; } }
    .card--09 .card__figure {
      float: left;
      margin: 0 10px 10px 0; }
      @media screen and (min-width: 768px) {
        .card--09 .card__figure {
          margin: 0 10px 0 0; } }
    .card--13 .card__figure {
      float: left;
      margin: 0 10px 0 0;
      width: 135px; }
    .card--15 .card__figure {
      margin: 0 0 0 0; }
      .card--15 .card__figure_icon {
        display: block;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -35px;
        margin-left: -35px;
        font-size: 35px;
        font-size: 3.5rem;
        color: #FFF;
        background-color: #424193;
        text-align: center; }
        @media screen and (min-width: 1024px) {
          .card--15 .card__figure_icon {
            width: 90px;
            height: 90px;
            margin-top: -45px;
            margin-left: -45px;
            font-size: 48px;
            font-size: 4.8rem; } }
        .card--15 .card__figure_icon .icon-resize,
        .card--15 .card__figure_icon .icon-play {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        .trendi .card--15 .card__figure_icon,
        .sportal .card--15 .card__figure_icon,
        .digisvet .card--15 .card__figure_icon,
        .avtomoto .card--15 .card__figure_icon {
          width: 70px;
          height: 70px;
          margin-top: -35px;
          margin-left: -35px;
          font-size: 45px;
          font-size: 4.5rem;
          background-color: rgba(0, 0, 0, 0.6); }
      .card--15 .card__figure .line {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 8px;
        border: 1px solid #B3B0DB;
        pointer-events: none;
        z-index: 2; }
    .card--18 .card__figure {
      margin: 0 20px 0 0;
      float: left; }
      .card--18 .card__figure img {
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%; }
    .card--23 .card__figure {
      margin: 0; }
      @media screen and (max-width: 767px) {
        .card--23 .card__figure {
          float: left;
          margin: 10px 10px 0 0;
          width: 130px; } }
  .card__icons {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2; }
    .card__icons .mm_photo,
    .card__icons .mm_video,
    .card__icons .pr {
      position: static;
      display: block;
      margin: 0 0 5px; }
    @media screen and (max-width: 767px) {
      .card--transitional .card__icons {
        left: 10px; } }
  .card__label {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 6px 5px;
    background: rgba(0, 0, 0, 0.8);
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 1;
    color: #FFF;
    border-left: 5px solid #424193;
    letter-spacing: 0.1em;
    text-transform: uppercase; }
  .card__img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }
  .card__overtitle {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 11px;
    line-height: 1.1rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #424193; }
    .card--01 .card__overtitle {
      margin: 14px 10px 10px 15px;
      display: table;
      color: #C5C3E2; }
      .planet_tv .card--01 .card__overtitle {
        color: #0087be; }
      @media screen and (min-width: 768px) {
        .card--01 .card__overtitle {
          margin: 14px 10px 10px 25px; } }
    .card--02 .card__overtitle {
      margin: 12px 15px 5px 15px; }
      @media screen and (min-width: 768px) {
        .card--02 .card__overtitle {
          display: table;
          margin: 14px 10px 10px 15px; } }
    .card--ugc01 .card__overtitle {
      margin: 12px 15px 5px 15px; }
      @media screen and (min-width: 768px) {
        .card--ugc01 .card__overtitle {
          display: table;
          margin: 14px 10px 10px 15px; } }
    .card--ugc02 .card__overtitle {
      margin: 12px 15px 5px 15px; }
      @media screen and (min-width: 768px) {
        .card--ugc02 .card__overtitle {
          display: table;
          margin: 14px 10px 10px 15px; } }
    .card--ugc03 .card__overtitle {
      margin: 12px 15px 5px 15px; }
      @media screen and (min-width: 768px) {
        .card--ugc03 .card__overtitle {
          display: table;
          margin: 14px 10px 10px 15px; } }
    .card--ugc04 .card__overtitle {
      margin: 12px 15px 5px 15px; }
      @media screen and (min-width: 768px) {
        .card--ugc04 .card__overtitle {
          display: table;
          margin: 14px 10px 10px 15px; } }
    .card--ugc05 .card__overtitle {
      margin: 12px 15px 5px 15px; }
      @media screen and (min-width: 768px) {
        .card--ugc05 .card__overtitle {
          display: table;
          margin: 14px 10px 10px 15px; } }
    .card--03 .card__overtitle {
      margin: 10px 0 10px 0;
      color: #C5C3E2; }
      .planet_tv .card--03 .card__overtitle {
        color: #0087be; }
      @media screen and (min-width: 768px) {
        .card--03 .card__overtitle {
          display: table;
          margin: 14px 10px 10px 15px; } }
    .card--04 .card__overtitle {
      margin: 12px 15px 5px 0; }
      @media screen and (min-width: 768px) {
        .card--04 .card__overtitle {
          margin: 12px 15px 0 15px; } }
    .card--04b .card__overtitle {
      margin: 15px 0 0;
      color: #9e9e9e; }
      .planet_tv .card--04b .card__overtitle {
        color: #0087be; }
    .card--05 .card__overtitle {
      margin: 12px 15px 5px 15px; }
      @media screen and (min-width: 768px) {
        .card--05 .card__overtitle {
          margin: 12px 15px 0 15px; } }
    .card--08 .card__overtitle {
      margin: 10px 0 0 15px; }
      @media screen and (min-width: 768px) {
        .card--08 .card__overtitle {
          display: table;
          margin: 14px 10px 0 15px; } }
    .card--08b .card__overtitle {
      margin: 15px 0 0 0; }
      @media screen and (min-width: 768px) {
        .card--08b .card__overtitle {
          display: block;
          margin: 15px 10px 0 0; } }
    @media screen and (min-width: 1024px) {
      .card--09 .card__overtitle {
        max-width: 130px; } }
    @media screen and (min-width: 768px) {
      .card--10 .card__overtitle {
        margin: 10px 10px 0 0; } }
    .card--12 .card__overtitle, .card--13 .card__overtitle {
      margin: 0 0 8px 0; }
      @media screen and (min-width: 768px) {
        .card--12 .card__overtitle, .card--13 .card__overtitle {
          display: table; } }
    .card--18 .card__overtitle {
      margin: 8px 0;
      font-size: 13px;
      font-size: 1.3rem;
      font-weight: 700;
      text-transform: none;
      color: #333333;
      letter-spacing: 0em; }
    .card--19 .card__overtitle {
      margin: 15px 15px 0 15px; }
    .card--20 .card__overtitle {
      margin: 15px 15px 0 15px; }
    .card--21 .card__overtitle {
      margin: 15px 15px 0 15px; }
    .card--22 .card__overtitle {
      margin: 15px 15px 0 15px; }
    .card--22b .card__overtitle {
      margin: 0; }
    .card--23 .card__overtitle {
      margin: 15px 15px 0 0; }
      @media screen and (min-width: 768px) {
        .card--23 .card__overtitle {
          margin: 15px 5px 0 15px; } }
    .card--23b .card__overtitle {
      margin: 15px 0 0 0;
      color: #9e9e9e; }
      .planet_tv .card--23b .card__overtitle {
        color: #0087be; }
      @media screen and (min-width: 768px) {
        .card--23b .card__overtitle {
          margin: 16px 0 0; } }
    .card--24 .card__overtitle {
      margin: 12px 15px 5px; }
      @media screen and (min-width: 768px) {
        .card--24 .card__overtitle {
          margin: 12px 15px 0 15px; } }
  .card__title {
    margin: 0;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.3;
    font-weight: 900;
    color: #333333; }
    .card--01 .card__title {
      margin: 0 10px 10px 15px;
      color: #FFF;
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 1.3;
      font-weight: 900; }
      @media screen and (min-width: 768px) {
        .card--01 .card__title {
          margin: 0 10px 10px 25px; } }
    .card--02 .card__title {
      display: table;
      margin: 0 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900;
      color: #FFF; }
      @media screen and (min-width: 768px) {
        .card--02 .card__title {
          margin: 10px 10px 10px 15px;
          font-size: 17px;
          font-size: 1.7rem; } }
    .card--ugc01 .card__title {
      display: table;
      margin: 10px 10px 10px 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900;
      color: #FFF; }
      @media screen and (min-width: 768px) {
        .card--ugc01 .card__title {
          position: absolute;
          bottom: 38px;
          left: 0;
          margin: 0;
          padding: 15px 10px 10px 15px;
          font-size: 17px;
          font-size: 1.7rem;
          width: 100%;
          box-sizing: border-box; } }
    .card--ugc02 .card__title {
      display: table;
      margin: 10px 10px 10px 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900;
      color: #FFF; }
      @media screen and (min-width: 768px) {
        .card--ugc02 .card__title {
          margin: 14px 10px 6px 15px;
          font-size: 17px;
          font-size: 1.7rem; } }
    .card--ugc03 .card__title {
      display: table;
      margin: 10px 10px 10px 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900;
      color: #FFF; }
      @media screen and (min-width: 768px) {
        .card--ugc03 .card__title {
          margin: 15px 10px 10px 15px;
          font-size: 17px;
          font-size: 1.7rem; } }
    .card--ugc04 .card__title {
      display: table;
      margin: 10px 10px 10px 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900;
      color: #FFF; }
      @media screen and (min-width: 768px) {
        .card--ugc04 .card__title {
          margin: 10px 10px 10px 15px;
          font-size: 17px;
          font-size: 1.7rem; } }
    .card--ugc05 .card__title {
      display: table;
      margin: 10px 10px 10px 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900;
      color: #FFF; }
      @media screen and (min-width: 768px) {
        .card--ugc05 .card__title {
          margin: 10px 10px 10px 15px;
          font-size: 17px;
          font-size: 1.7rem; } }
    .card--03 .card__title {
      display: table;
      margin: 0 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900;
      color: #FFF; }
      @media screen and (min-width: 768px) {
        .card--03 .card__title {
          margin: 10px 10px 10px 15px;
          font-size: 17px;
          font-size: 1.7rem; } }
      @media screen and (min-width: 768px) and (max-width: 1023px) {
        .card--03 .card__title {
          display: block;
          height: 66px;
          overflow: hidden; } }
    .card--04 .card__title {
      margin: 0 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900; }
      @media screen and (max-width: 767px) {
        .card--04 .card__title {
          display: table; } }
      @media screen and (min-width: 768px) {
        .card--04 .card__title {
          margin: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 818px) {
        .card--04 .card__title {
          margin: 10px 15px;
          height: 60px;
          overflow: hidden; } }
      @media screen and (min-width: 1024px) {
        .card--04 .card__title {
          margin: 10px 15px;
          font-size: 17px;
          font-size: 1.7rem; } }
      @media screen and (min-width: 1200px) {
        .card--04 .card__title {
          height: 86px;
          overflow: hidden; } }
    .card--04b .card__title {
      display: block;
      height: auto;
      margin: 6px 0 0;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 22px;
      line-height: 2.2rem;
      color: #212121;
      -webkit-transition: 0.12s ease-in-out;
      -moz-transition: 0.12s ease-in-out;
      -o-transition: 0.12s ease-in-out;
      transition: 0.12s ease-in-out;
      max-height: 66px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden; }
    .card--05 .card__title {
      margin: 0 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900; }
      @media screen and (max-width: 767px) {
        .card--05 .card__title {
          display: table; } }
      @media screen and (min-width: 1024px) {
        .card--05 .card__title {
          margin: 10px 15px 0 15px;
          font-size: 17px;
          font-size: 1.7rem; } }
    .card--07 .card__title {
      margin: 10px 15px 0 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 400;
      font-family: "Merriweather", serif; }
      @media screen and (min-width: 768px) {
        .card--07 .card__title {
          margin: 0 15px;
          font-size: 16px;
          font-size: 1.6rem; } }
      @media screen and (min-width: 1024px) {
        .card--07 .card__title {
          font-size: 20px;
          font-size: 2rem; } }
    .card--08 .card__title {
      display: table;
      margin: 0 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900;
      color: #333333; }
      @media screen and (min-width: 768px) {
        .card--08 .card__title {
          margin: 10px 10px 10px 15px;
          font-size: 17px;
          font-size: 1.7rem; } }
    .card--08b .card__title {
      margin: 7px 0 13px;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 22px;
      line-height: 2.2rem;
      color: #212121;
      max-height: 44px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
      @media screen and (min-width: 768px) {
        .card--08b .card__title {
          margin: 10px 0 12px 0; } }
      @media screen and (min-width: 768px) {
        .card--08b .card__title {
          margin: 10px 0 13px 0; } }
    .card--09 .card__title {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3; }
    .card--10 .card__title {
      margin: 10px 0;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3; }
    .card--12 .card__title, .card--13 .card__title {
      display: table;
      margin: 0;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900; }
      @media screen and (max-width: 767px) {
        .card--12 .card__title, .card--13 .card__title {
          margin: 0 0 20px 0; } }
    @media screen and (max-width: 767px) {
      .card--13 .card__title {
        display: block;
        height: 40px;
        overflow: hidden; } }
    .card--15 .card__title {
      margin: 10px 10px 17px 10px;
      font-size: 20px;
      font-size: 2rem;
      line-height: 25px;
      line-height: 2.5rem;
      font-weight: 900;
      color: #FFF; }
      @media screen and (min-width: 768px) {
        .card--15 .card__title {
          max-height: 100px;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 4;
          overflow: hidden;
          font-size: 20px;
          font-size: 2rem;
          line-height: 25px;
          line-height: 2.5rem;
          letter-spacing: 0em;
          margin: 0 100px 15px 20px; } }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        .card--15 .card__title {
          max-height: 75px;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden; } }
    .card--18 .card__title {
      display: table;
      line-height: 1.3;
      font-size: 18px;
      font-size: 1.8rem;
      font-family: "Merriweather", serif;
      font-weight: 400; }
    .card--19 .card__title {
      margin: 10px 15px 0 15px;
      line-height: 1.2;
      font-size: 17px;
      font-size: 1.7rem; }
      @media screen and (min-width: 768px) {
        .card--19 .card__title {
          font-size: 19px;
          font-size: 1.9rem; } }
    .card--20 .card__title {
      margin: 10px 10px 0 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .card--20 .card__title {
          height: 40px;
          overflow: hidden; } }
      @media screen and (min-width: 1024px) {
        .card--20 .card__title {
          font-size: 17px;
          font-size: 1.7rem; } }
      @media screen and (min-width: 1200px) {
        .card--20 .card__title {
          height: 68px;
          overflow: hidden; } }
    .card--21 .card__title {
      margin: 0 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900; }
      @media screen and (max-width: 767px) {
        .card--21 .card__title {
          display: table; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .card--21 .card__title {
          height: 40px;
          overflow: hidden; } }
      @media screen and (min-width: 1024px) {
        .card--21 .card__title {
          margin: 10px 15px 0 15px;
          font-size: 17px;
          font-size: 1.7rem; } }
    .card--22 .card__title {
      margin: 0 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900; }
      @media screen and (max-width: 767px) {
        .card--22 .card__title {
          display: table; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .card--22 .card__title {
          height: 40px;
          overflow: hidden; } }
      @media screen and (min-width: 1024px) {
        .card--22 .card__title {
          margin: 10px 15px 0 15px;
          font-size: 17px;
          font-size: 1.7rem; } }
    .card--22b .card__title {
      margin: 6px 0 7px;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 22px;
      line-height: 2.2rem;
      color: #212121;
      -webkit-transition: 0.12s ease-in-out;
      -moz-transition: 0.12s ease-in-out;
      -o-transition: 0.12s ease-in-out;
      transition: 0.12s ease-in-out;
      max-height: 66px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden; }
    .card--23 .card__title {
      margin: 0 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900; }
      @media screen and (max-width: 767px) {
        .card--23 .card__title {
          display: table; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .card--23 .card__title {
          height: 40px;
          overflow: hidden; } }
      @media screen and (min-width: 1024px) {
        .card--23 .card__title {
          margin: 10px 15px 0 15px;
          font-size: 17px;
          font-size: 1.7rem;
          height: 44px;
          overflow: hidden; } }
    .card--23b .card__title {
      display: block;
      height: auto;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 22px;
      line-height: 2.2rem;
      color: #212121;
      -webkit-transition: 0.12s ease-in-out;
      -moz-transition: 0.12s ease-in-out;
      -o-transition: 0.12s ease-in-out;
      transition: 0.12s ease-in-out; }
      @media screen and (min-width: 768px) {
        .card--23b .card__title {
          margin: 6px 0 12px; } }
    .card--24 .card__title {
      margin: 0 15px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3;
      font-weight: 900; }
      @media screen and (max-width: 767px) {
        .card--24 .card__title {
          display: table; } }
      @media screen and (min-width: 768px) {
        .card--24 .card__title {
          margin: 10px; } }
      @media screen and (min-width: 768px) and (max-width: 818px) {
        .card--24 .card__title {
          margin: 10px 15px;
          height: 60px;
          overflow: hidden; } }
      @media screen and (min-width: 1024px) {
        .card--24 .card__title {
          margin: 10px 15px;
          font-size: 17px;
          font-size: 1.7rem; } }
      @media screen and (min-width: 1200px) {
        .card--24 .card__title {
          height: 65px;
          overflow: hidden; } }
  .card__description {
    display: none; }
    @media screen and (min-width: 1024px) {
      .card__description {
        display: block;
        margin: 15px;
        color: #FFF;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.6;
        font-weight: 400;
        font-family: "Merriweather", serif; } }
    .card--01 .card__description {
      margin: 0 10px 0 25px; }
    .card--05 .card__description {
      color: #4a464a; }
    .card--08 .card__description {
      margin: 0 10px 0 15px;
      color: #333333; }
    .card--08b .card__description {
      margin: 0;
      color: #212121; }
    .card--15 .card__description {
      display: block;
      margin: 0 10px 55px 10px;
      color: #FFF;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 22px;
      line-height: 2.2rem;
      font-family: "Merriweather", serif; }
      @media screen and (min-width: 768px) {
        .card--15 .card__description {
          margin: 0 35px 20px 20px;
          max-height: 110px;
          -webkit-line-clamp: 5;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          overflow: hidden; } }
      @media screen and (min-width: 1024px) {
        .card--15 .card__description {
          margin: 0 35px 10px 20px; } }
      @media screen and (min-width: 1200px) {
        .card--15 .card__description {
          margin: 0 35px 20px 20px;
          -webkit-line-clamp: 10;
          max-height: 220px; } }
    .card--21 .card__description {
      display: none; }
      @media screen and (min-width: 768px) {
        .card--21 .card__description {
          display: table;
          margin: 5px 15px;
          color: #4a464a;
          font-size: 12px;
          font-size: 1.2rem;
          font-family: "Merriweather", serif; } }
    .card--22 .card__description {
      display: none; }
      @media screen and (min-width: 768px) {
        .card--22 .card__description {
          display: table;
          margin: 5px 15px;
          color: #4a464a;
          font-size: 12px;
          font-size: 1.2rem;
          font-family: "Merriweather", serif; } }
    .card--22b .card__description {
      margin: 0;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 20px;
      line-height: 2rem;
      color: #212121; }
    .card--23 .card__description {
      display: none; }
      @media screen and (min-width: 768px) {
        .card--23 .card__description {
          display: table;
          margin: 5px 15px;
          color: #4a464a;
          font-size: 12px;
          font-size: 1.2rem;
          font-family: "Merriweather", serif; } }
      @media screen and (min-width: 1200px) {
        .card--23 .card__description {
          display: block;
          max-height: 76px;
          overflow: hidden; } }
    .card--23b .card__description {
      font-family: "Merriweather", serif;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 20px;
      line-height: 2rem;
      color: #212121; }
      @media screen and (min-width: 768px) {
        .card--23b .card__description {
          margin: 0; } }
  .card__meta_wrap {
    font-size: 12px;
    font-size: 1.2rem;
    position: relative; }
    @media screen and (max-width: 767px) {
      .card__meta_wrap {
        margin: 10px 0px 5px 0;
        text-align: right; } }
    @media screen and (min-width: 768px) {
      .card__meta_wrap {
        position: absolute;
        bottom: 0px;
        padding: 0 0 8px 15px;
        bottom: 0; } }
    .card__meta_wrap span {
      color: #aaaaaa;
      margin-right: 13px; }
      .card__meta_wrap span i {
        position: relative;
        top: 3px;
        margin-right: 6px;
        font-size: 16px;
        font-size: 1.6rem; }
      .card__meta_wrap span .icon-share {
        top: 1px; }
    .card--01 .card__meta_wrap {
      padding: 0 0 8px 25px; }
      .card--01 .card__meta_wrap span {
        color: #B3B0DB; }
    .card--03 .card__meta_wrap span {
      color: #B3B0DB; }
    .card--04 .card__meta_wrap {
      padding: 0 0 6px 10px; }
      @media screen and (min-width: 768px) {
        .card--04 .card__meta_wrap {
          padding: 0 0 8px 15px; } }
    .card--04b .card__meta_wrap {
      bottom: 24px;
      padding: 0; }
    .card--09 .card__meta_wrap {
      position: absolute;
      padding: 0 0 6px 0;
      left: 160px; }
    .card--10 .card__meta_wrap {
      position: absolute;
      padding: 0 0 6px 0; }
    .card--12 .card__meta_wrap {
      position: absolute;
      right: 0;
      bottom: 0;
      margin: 0;
      padding: 0; }
      @media screen and (min-width: 768px) {
        .card--12 .card__meta_wrap {
          right: auto;
          left: 0; } }
    .card--13 .card__meta_wrap {
      position: absolute;
      right: 0;
      bottom: 0;
      margin: 0;
      padding: 0; }
      @media screen and (min-width: 768px) {
        .card--13 .card__meta_wrap {
          right: auto;
          left: 145px; } }
    .card--18 .card__meta_wrap {
      position: relative;
      margin: 0;
      padding: 0 0 0 94px;
      text-align: left;
      clear: both; }
      @media screen and (min-width: 768px) {
        .card--18 .card__meta_wrap {
          position: absolute;
          right: auto;
          left: 136px;
          padding: 0; } }
  .card__icon {
    display: block;
    margin: 10px;
    width: 28px;
    height: 28px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background: #ABABAB;
    color: #FFF; }
    .card__icon i {
      position: relative;
      top: 5px;
      font-size: 16px;
      font-size: 1.6rem; }
  .card--04 .card__promo,
  .card--22 .card__promo {
    position: absolute;
    left: 140px;
    bottom: 8px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1;
    color: #aaaaaa; }
    @media screen and (min-width: 768px) {
      .card--04 .card__promo,
      .card--22 .card__promo {
        left: auto;
        right: 5px;
        bottom: 4px; } }
    @media screen and (min-width: 1024px) {
      .card--04 .card__promo,
      .card--22 .card__promo {
        right: 10px;
        bottom: 8px; } }
  .card--22b .card__promo {
    bottom: 22px; }
  .card--15 .card__data {
    position: relative; }
    @media screen and (min-width: 768px) {
      .card--15 .card__data {
        position: absolute;
        top: 10px;
        right: 0;
        bottom: 15px; } }
    .card--15 .card__data .heading {
      display: block;
      color: white;
      font-family: "Lato", sans-serif;
      font-weight: 700;
      font-size: 14px;
      font-size: 1.4rem;
      letter-spacing: 0.01em;
      text-align: left;
      text-transform: uppercase;
      padding-top: 23px;
      padding-left: 10px; }
      @media screen and (min-width: 768px) {
        .card--15 .card__data .heading {
          padding-top: 32px;
          font-size: 20px;
          font-size: 2rem;
          line-height: 22px;
          line-height: 2.2rem;
          font-weight: 900;
          text-transform: none;
          align-self: flex-start;
          text-align: left;
          padding-left: 20px; } }
    @media screen and (min-width: 768px) {
      .card--15 .card__data .text__bottom {
        position: absolute;
        bottom: 0; } }
  .card__author {
    margin: 10px 15px 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 900;
    color: #333333; }

@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0.0; } }

@keyframes pulse {
  0% {
    opacity: 0; }
  25% {
    opacity: 0.5; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

.card--ts_storitva {
  margin-bottom: 10px; }
  @media screen and (max-width: 768px) {
    .card--ts_storitva .rspimg, .card--ts_storitva .dailyphoto__image {
      max-width: 480px; } }

.card--bar .card__section_logo, .card--biggest-loser-slovenija .card__section_logo, .card--the-biggest-loser-slovenija .card__section_logo, .card--fittest-family .card__section_logo {
  position: absolute;
  top: 13px;
  right: 13px; }

.card--bar .card__dots .card__pulse, .card--biggest-loser-slovenija .card__dots .card__pulse, .card--the-biggest-loser-slovenija .card__dots .card__pulse, .card--fittest-family .card__dots .card__pulse {
  top: 33px; }

.card--bar .card__section_logo {
  width: 20px;
  height: 20px;
  background: url("/static/img/sections/bar_logo.svg") no-repeat center/contain; }

.card--the-biggest-loser-slovenija .card__section_logo, .card--biggest-loser-slovenija .card__section_logo {
  width: 43px;
  height: 30px;
  background: url("/static/img/sections/biggest_loser_simple.svg") no-repeat center/contain; }

.card--the-biggest-loser-slovenija .card__dots .card__pulse, .card--biggest-loser-slovenija .card__dots .card__pulse {
  top: 56px; }

.card--fittest-family .card__section_logo {
  width: 40px;
  height: 47px;
  background: url("/static/img/sections/fittest_family.png") no-repeat center/contain; }

.card--fittest-family .card__dots .card__pulse {
  top: 56px; }

.card_2 {
  padding-bottom: 0;
  height: auto; }
  .card_2 .card__link {
    position: relative; }
  .card_2 .card__section_line {
    position: relative;
    display: inline-block; }
    .card_2 .card__section_line:before {
      content: '';
      display: block;
      width: 1px;
      background-color: white;
      position: absolute;
      left: 0;
      top: 0; }
  .card_2 .card__figure:after {
    height: 60%;
    opacity: .73; }
    .digisvet .card_2 .card__figure:after {
      opacity: .56; }
  .card_2 .card__figure.small_shadow:after {
    opacity: .2; }
  .card_2 .card__description {
    color: #333333;
    padding: 0;
    margin: 0; }
  .card_2 .card__dots {
    position: absolute;
    top: 7px;
    right: 7px; }
    .card_2 .card__dots .livecast__circle {
      position: relative;
      top: 8px;
      right: 6px;
      display: block;
      width: 15px;
      height: 15px;
      background-color: #DD1500;
      border-radius: 50%;
      float: right;
      margin-left: 20px;
      animation: 2s linear 0s normal none infinite running pulse; }
  .card_2.card--bar .card__dots .livecast__circle {
    top: 40px;
    right: 8px; }
  .card_2 .card__pulse {
    box-sizing: border-box;
    display: inline-block;
    position: relative; }
    @media screen and (max-width: 1023px) {
      .card--transitional .card_2 .card__pulse {
        right: 21px; } }
    .card_2 .card__pulse .circle {
      width: 15px;
      height: 15px;
      background-color: #DD1500;
      border-radius: 50%;
      position: absolute;
      top: 8px;
      right: 8px; }
    .card_2 .card__pulse .ringring {
      border: 3px solid #DD1500;
      -webkit-border-radius: 30px;
      height: 25px;
      width: 25px;
      position: absolute;
      right: 0px;
      top: 0px;
      -webkit-animation: pulsate 1s ease-out;
      -webkit-animation-iteration-count: infinite;
      opacity: 0.0; }
  @media screen and (max-width: 767px) {
    .card_2.card--transitional .card__dots {
      right: 21px; } }
  .card_2.card--column figure {
    background-color: #f1f1f1; }
    .card_2.card--column figure:after {
      display: none; }
    .card_2.card--column figure picutre, .card_2.card--column figure img {
      opacity: 0; }
  .card_2.card--column .card__column_image {
    display: block;
    position: absolute;
    z-index: 2;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid; }
    @media screen and (max-width: 767px) {
      .card_2.card--column .card__column_image {
        width: 70px;
        height: 70px; } }
    .card_2.card--column .card__column_image img {
      margin-top: 0;
      width: 100%;
      height: auto; }
  @media screen and (max-width: 767px) {
    .section--landing_page .card_2.card--column {
      margin-left: -5px;
      margin-right: -5px; } }

.card--25d, .card--25e, .card--25f, .card--25g, .card--25h {
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .fold__section--additional_fold_2 .card--25d, .fold__section--additional_fold_2 .card--25e, .fold__section--additional_fold_2 .card--25f, .fold__section--additional_fold_2 .card--25g, .fold__section--additional_fold_2 .card--25h {
      margin-bottom: 10px; } }
  .fold__homepage--pr .card--25d, .fold__homepage--pr .card--25e, .fold__homepage--pr .card--25f, .fold__homepage--pr .card--25g, .fold__homepage--pr .card--25h {
    margin-bottom: 1px; }
    @media screen and (min-width: 768px) {
      .fold__homepage--pr .card--25d, .fold__homepage--pr .card--25e, .fold__homepage--pr .card--25f, .fold__homepage--pr .card--25g, .fold__homepage--pr .card--25h {
        margin-bottom: 20px; } }
    @media screen and (min-width: 1024px) {
      .fold__homepage--pr .card--25d, .fold__homepage--pr .card--25e, .fold__homepage--pr .card--25f, .fold__homepage--pr .card--25g, .fold__homepage--pr .card--25h {
        margin-bottom: 10px; } }
    @media screen and (min-width: 1200px) {
      .fold__homepage--pr .card--25d, .fold__homepage--pr .card--25e, .fold__homepage--pr .card--25f, .fold__homepage--pr .card--25g, .fold__homepage--pr .card--25h {
        margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .card--25d, .card--25e, .card--25f, .card--25g, .card--25h {
      margin-bottom: 1px; } }
  .card--25d .card__icons, .card--25e .card__icons, .card--25f .card__icons, .card--25g .card__icons, .card--25h .card__icons {
    text-align: center; }
  .card--25d .mm_video, .card--25e .mm_video, .card--25f .mm_video, .card--25g .mm_video, .card--25h .mm_video,
  .card--25d .mm_photo,
  .card--25e .mm_photo,
  .card--25f .mm_photo,
  .card--25g .mm_photo,
  .card--25h .mm_photo,
  .card--25d .pr,
  .card--25e .pr,
  .card--25f .pr,
  .card--25g .pr,
  .card--25h .pr {
    position: relative;
    margin: 0;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    margin: 0 0 5px 0; }
    .card--25d .mm_video i, .card--25e .mm_video i, .card--25f .mm_video i, .card--25g .mm_video i, .card--25h .mm_video i,
    .card--25d .mm_photo i,
    .card--25e .mm_photo i,
    .card--25f .mm_photo i,
    .card--25g .mm_photo i,
    .card--25h .mm_photo i,
    .card--25d .pr i,
    .card--25e .pr i,
    .card--25f .pr i,
    .card--25g .pr i,
    .card--25h .pr i {
      left: 0; }
  .card--25d .mm_video, .card--25e .mm_video, .card--25f .mm_video, .card--25g .mm_video, .card--25h .mm_video {
    width: 44px;
    height: 44px;
    font-size: 24px;
    font-size: 2.4rem; }
    .card--25d .mm_video i, .card--25e .mm_video i, .card--25f .mm_video i, .card--25g .mm_video i, .card--25h .mm_video i {
      top: 10px; }
  .card--25d .card__section_line, .card--25e .card__section_line, .card--25f .card__section_line, .card--25g .card__section_line, .card--25h .card__section_line {
    padding-left: 13px; }
    .card--25d .card__section_line:before, .card--25e .card__section_line:before, .card--25f .card__section_line:before, .card--25g .card__section_line:before, .card--25h .card__section_line:before {
      top: 11px;
      height: 14px; }
      @media screen and (min-width: 768px) {
        .card--25d .card__section_line:before, .card--25e .card__section_line:before, .card--25f .card__section_line:before, .card--25g .card__section_line:before, .card--25h .card__section_line:before {
          top: 9px; } }
      @media screen and (min-width: 1024px) {
        .card--25d .card__section_line:before, .card--25e .card__section_line:before, .card--25f .card__section_line:before, .card--25g .card__section_line:before, .card--25h .card__section_line:before {
          top: 13px;
          height: 20px; } }
  .card--25d .card__title, .card--25e .card__title, .card--25f .card__title, .card--25g .card__title, .card--25h .card__title {
    padding: 0 15px;
    position: relative;
    bottom: 0;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36px;
    line-height: 3.6rem;
    max-height: 108px; }
    .card--25d .card__title strong, .card--25e .card__title strong, .card--25f .card__title strong, .card--25g .card__title strong, .card--25h .card__title strong {
      font-weight: 900;
      margin-right: 13px; }
    @media screen and (min-width: 768px) {
      .card--25d .card__title, .card--25e .card__title, .card--25f .card__title, .card--25g .card__title, .card--25h .card__title {
        padding: 0 30px;
        font-size: 27px;
        font-size: 2.7rem;
        line-height: 32px;
        line-height: 3.2rem;
        max-height: 96px; }
        .section--landing_page .card--25d .card__title, .section--landing_page .card--25e .card__title, .section--landing_page .card--25f .card__title, .section--landing_page .card--25g .card__title, .section--landing_page .card--25h .card__title {
          padding: 0 30px 0 20px; } }
    @media screen and (min-width: 1024px) {
      .card--25d .card__title, .card--25e .card__title, .card--25f .card__title, .card--25g .card__title, .card--25h .card__title {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 42px;
        line-height: 4.2rem;
        max-height: 126px; } }
  .card--25d .card__column_image, .card--25e .card__column_image, .card--25f .card__column_image, .card--25g .card__column_image, .card--25h .card__column_image {
    bottom: 30px;
    right: 30px; }
  .card--25d .card__meta_wrap, .card--25e .card__meta_wrap, .card--25f .card__meta_wrap, .card--25g .card__meta_wrap, .card--25h .card__meta_wrap {
    left: 15px; }
    @media screen and (min-width: 768px) {
      .card--25d .card__meta_wrap, .card--25e .card__meta_wrap, .card--25f .card__meta_wrap, .card--25g .card__meta_wrap, .card--25h .card__meta_wrap {
        left: 30px; }
        .section--landing_page .card--25d .card__meta_wrap, .section--landing_page .card--25e .card__meta_wrap, .section--landing_page .card--25f .card__meta_wrap, .section--landing_page .card--25g .card__meta_wrap, .section--landing_page .card--25h .card__meta_wrap {
          left: 20px; } }
  .card--25d .card__line, .card--25e .card__line, .card--25f .card__line, .card--25g .card__line, .card--25h .card__line {
    position: absolute;
    bottom: 0;
    padding-bottom: 36px;
    display: block; }
    @media screen and (min-width: 768px) {
      .card--25d .card__line, .card--25e .card__line, .card--25f .card__line, .card--25g .card__line, .card--25h .card__line {
        padding-bottom: 31px; } }
    .card--25d .card__line:before, .card--25e .card__line:before, .card--25f .card__line:before, .card--25g .card__line:before, .card--25h .card__line:before {
      content: '';
      display: none;
      position: absolute;
      top: 3px;
      left: 0;
      bottom: 0;
      height: auto;
      width: 10px; }
      @media screen and (min-width: 768px) {
        .card--25d .card__line:before, .card--25e .card__line:before, .card--25f .card__line:before, .card--25g .card__line:before, .card--25h .card__line:before {
          display: block; } }
      @media screen and (min-width: 1024px) {
        .card--25d .card__line:before, .card--25e .card__line:before, .card--25f .card__line:before, .card--25g .card__line:before, .card--25h .card__line:before {
          top: 5px; } }
      .section--landing_page .card--25d .card__line:before, .section--landing_page .card--25e .card__line:before, .section--landing_page .card--25f .card__line:before, .section--landing_page .card--25g .card__line:before, .section--landing_page .card--25h .card__line:before {
        display: none; }
  .card--25d.card--column .card__line, .card--column.card--25e .card__line, .card--column.card--25f .card__line, .card--column.card--25g .card__line, .card--column.card--25h .card__line {
    top: 0;
    bottom: auto;
    padding-bottom: 0; }

@media screen and (min-width: 1024px) {
  .fold__homepage--pr .card--25e, .fold__homepage--pr .card--25f {
    margin-bottom: 10px; } }

@media screen and (min-width: 1200px) {
  .fold__homepage--pr .card--25e, .fold__homepage--pr .card--25f {
    margin-bottom: 20px; } }

@media screen and (max-width: 767px) {
  .fold__section--bottom_part_2 .card--25e, .fold__section--bottom_part_2 .card--25f {
    margin-bottom: 20px; } }

@media screen and (max-width: 767px) {
  .fold__section--top_part_4 .card--25e, .fold__section--top_part_4 .card--25f {
    margin-bottom: 10px; } }

@media screen and (max-width: 767px) {
  .fold__section--bottom_part_4 .card--25e, .fold__section--bottom_part_4 .card--25f {
    margin-top: 1px;
    margin-bottom: 10px; } }

.card--25e .card__section_line, .card--25f .card__section_line {
  padding-left: 9px; }
  @media screen and (min-width: 768px) {
    .card--25e .card__section_line, .card--25f .card__section_line {
      padding-left: 5px; } }
  @media screen and (min-width: 1024px) {
    .card--25e .card__section_line, .card--25f .card__section_line {
      padding-left: 10px; } }
  .card--25e .card__section_line:before, .card--25f .card__section_line:before {
    top: 7px;
    height: 11px; }
    @media screen and (min-width: 768px) {
      .card--25e .card__section_line:before, .card--25f .card__section_line:before {
        top: 3px;
        height: 12px; } }
    @media screen and (min-width: 1024px) {
      .card--25e .card__section_line:before, .card--25f .card__section_line:before {
        top: 8px; } }

.card--25e .card__title, .card--25f .card__title {
  padding: 0 20px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 25px;
  line-height: 2.5rem;
  letter-spacing: 0.01em;
  max-height: 75px; }
  .section--landing_page .card--25e .card__title, .section--landing_page .card--25f .card__title {
    padding: 0 20px 0 10px; }
  @media screen and (min-width: 768px) {
    .card--25e .card__title, .card--25f .card__title {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 21px;
      line-height: 2.1rem;
      max-height: 84px; } }
  @media screen and (min-width: 1024px) {
    .card--25e .card__title, .card--25f .card__title {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 27px;
      line-height: 2.7rem;
      max-height: 108px; } }
  .card--25e .card__title strong, .card--25f .card__title strong {
    margin-right: 9px;
    font-weight: 900; }
    @media screen and (min-width: 768px) {
      .card--25e .card__title strong, .card--25f .card__title strong {
        margin-right: 5px; } }
    @media screen and (min-width: 1024px) {
      .card--25e .card__title strong, .card--25f .card__title strong {
        margin-right: 10px; } }

.card--25e .card__meta_wrap, .card--25f .card__meta_wrap {
  left: 20px; }
  .section--landing_page .card--25e .card__meta_wrap, .section--landing_page .card--25f .card__meta_wrap {
    left: 10px; }

.card--25e .card__column_image, .card--25f .card__column_image {
  bottom: 20px;
  right: 20px; }

.card--25e .card__line, .card--25f .card__line {
  padding-bottom: 32px; }
  @media screen and (min-width: 768px) {
    .card--25e .card__line, .card--25f .card__line {
      padding-bottom: 33px; } }
  .card--25e .card__line:before, .card--25f .card__line:before {
    top: 1px; }
    @media screen and (min-width: 1024px) {
      .card--25e .card__line:before, .card--25f .card__line:before {
        top: 4px; } }

.card--25e.card--column .card__line, .card--column.card--25f .card__line {
  padding: 35px 30px 0 30px; }
  .card--25e.card--column .card__line:before, .card--column.card--25f .card__line:before {
    top: 0;
    bottom: 5px; }

.card--25e.card--column .card__overtitle, .card--column.card--25f .card__overtitle {
  padding: 0;
  padding-bottom: 19px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  color: #333333; }

.card--25e.card--column .card__title, .card--column.card--25f .card__title {
  padding: 0;
  margin-bottom: 15px;
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 37px;
  line-height: 3.7rem;
  letter-spacing: 0.01em;
  color: #333333;
  text-shadow: none; }
  @media screen and (min-width: 1024px) {
    .card--25e.card--column .card__title, .card--column.card--25f .card__title {
      max-height: 111px; } }

.card--25e.card--column .card__description, .card--column.card--25f .card__description {
  display: none;
  overflow: hidden;
  padding: 1px 0px 0 0;
  margin-bottom: 17px;
  text-shadow: none;
  max-height: 70px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 400;
  color: #333333;
  font-family: "Merriweather", serif; }
  @media screen and (min-width: 768px) {
    .card--25e.card--column .card__description, .card--column.card--25f .card__description {
      display: block;
      display: -webkit-box; } }

.card--25e.card--column .card__author, .card--column.card--25f .card__author {
  margin: 0;
  padding: 0;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.01em; }

.card--25e.card--column .card__meta_wrap, .card--column.card--25f .card__meta_wrap {
  bottom: 8px;
  left: 30px; }
  .card--25e.card--column .card__meta_wrap span, .card--column.card--25f .card__meta_wrap span {
    color: #aeaeae; }

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .fold__section--intro .card--25f {
    margin-bottom: 10px; } }

@media screen and (max-width: 1200px) {
  .fold__homepage--intro .card--25f {
    margin-top: 10px;
    margin-bottom: 0px; } }

@media screen and (min-width: 768px) {
  .fold__section--intro_intro .card--25f {
    margin-top: 10px;
    margin-bottom: 0; } }

@media screen and (min-width: 1200px) {
  .fold__section--intro_intro .card--25f {
    margin-top: 0; } }

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .fold__homepage--upper_14 .card--25f {
    margin-bottom: 10px; } }

@media screen and (max-width: 767px) {
  .fold__homepage--upper_14--part2 .card--25f,
  .fold__homepage--upper_14--part3 .card--25f {
    padding-left: 5px;
    padding-right: 5px; } }

.card--25f .card__line:before {
  top: 7px; }
  @media screen and (min-width: 768px) {
    .card--25f .card__line:before {
      top: 3px; } }
  @media screen and (min-width: 1024px) {
    .card--25f .card__line:before {
      top: 3px; }
      .fold__homepage--upper_14--additional_fold .card--25f .card__line:before,
      .fold__homepage--upper_14--part2 .card--25f .card__line:before,
      .fold__homepage--upper_14--part3 .card--25f .card__line:before,
      .fold__homepage--upper_14--part4 .card--25f .card__line:before {
        top: 4px; } }
  @media screen and (min-width: 1200px) {
    .card--25f .card__line:before {
      top: 2px; } }

@media screen and (max-width: 767px) {
  .card--25f .card__section_line {
    padding-left: 9px; } }

.card--25f .card__section_line:before {
  top: 8px; }
  @media screen and (min-width: 768px) {
    .card--25f .card__section_line:before {
      top: 3px; } }
  @media screen and (min-width: 1024px) {
    .card--25f .card__section_line:before {
      top: 7px; }
      .fold__homepage--upper_14--additional_fold .card--25f .card__section_line:before,
      .fold__homepage--upper_14--part2 .card--25f .card__section_line:before,
      .fold__homepage--upper_14--part3 .card--25f .card__section_line:before,
      .fold__homepage--upper_14--part4 .card--25f .card__section_line:before {
        top: 5px; } }
  @media screen and (min-width: 1200px) {
    .card--25f .card__section_line:before {
      top: 5px; } }

.card--25f .card__title {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 25px;
  line-height: 2.5rem;
  letter-spacing: 0.01em;
  max-height: 75px; }
  @media screen and (min-width: 768px) {
    .card--25f .card__title {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 21px;
      line-height: 2.1rem;
      max-height: 63px; }
      .fold__homepage--upper_14--additional_fold .card--25f .card__title,
      .fold__homepage--upper_14--part2 .card--25f .card__title,
      .fold__homepage--upper_14--part3 .card--25f .card__title,
      .fold__homepage--upper_14--part4 .card--25f .card__title {
        max-height: 42px; } }
  @media screen and (min-width: 1024px) {
    .card--25f .card__title {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 25px;
      line-height: 2.5rem;
      letter-spacing: 0.01em;
      max-height: 75px; }
      .fold__homepage--upper_14--additional_fold .card--25f .card__title,
      .fold__homepage--upper_14--part2 .card--25f .card__title,
      .fold__homepage--upper_14--part3 .card--25f .card__title,
      .fold__homepage--upper_14--part4 .card--25f .card__title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        max-height: 72px; } }
  @media screen and (min-width: 1200px) {
    .card--25f .card__title {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 24px;
      line-height: 2.4rem;
      max-height: 72px; } }
  @media screen and (max-width: 767px) {
    .card--25f .card__title strong {
      margin-right: 9px; } }

@media screen and (max-width: 767px) {
  .fold__homepage--upper_14--part2 .card--25f.card--column,
  .fold__homepage--upper_14--part3 .card--25f.card--column {
    padding-left: 0;
    padding-right: 0; } }

.card--25f.card--column .card__line {
  padding: 20px 30px 0 30px; }
  .card--25f.card--column .card__line:before {
    top: 0; }

.card--25f.card--column .card__overtitle {
  padding-bottom: 14px; }

.card--25f.card--column .card__title {
  paddng-bottom: 0;
  margin-bottom: 12px;
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem;
  letter-spacing: 0.01em;
  color: #333333;
  text-shadow: none;
  max-height: 60px; }
  @media screen and (min-width: 1024px) {
    .card--25f.card--column .card__title {
      font-size: 21px;
      font-size: 2.1rem;
      line-height: 26px;
      line-height: 2.6rem;
      max-height: 78px; } }

.card--25f.card--column .card__column_image {
  bottom: 20px;
  right: 20px;
  width: 70px;
  height: 70px; }
  @media screen and (min-width: 768px) {
    .card--25f.card--column .card__column_image {
      bottom: 10px;
      right: 10px;
      width: 65px;
      height: 65px; } }
  @media screen and (min-width: 1024px) {
    .card--25f.card--column .card__column_image {
      width: 70px;
      height: 70px;
      bottom: 20px;
      right: 20px; } }
  @media screen and (min-width: 1200px) {
    .card--25f.card--column .card__column_image {
      bottom: 10px;
      right: 10px; } }

.card--25f .card__overtitle--section {
  display: none;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 20px;
  line-height: 2rem;
  letter-spacing: 0.01em;
  color: #e60005; }
  @media screen and (min-width: 768px) {
    .card--25f .card__overtitle--section {
      display: none; } }

@media screen and (max-width: 1023px) {
  .fold__homepage--upper_14--additional_fold .card--25f.card--transitional {
    margin-bottom: 20px; } }

@media screen and (max-width: 767px) {
  .card--25f.card--transitional {
    margin-bottom: 20px; }
    .article__related--articles .card--25f.card--transitional {
      margin-top: 20px;
      margin-bottom: 0; }
    .card--25f.card--transitional .card__figure {
      box-sizing: border-box;
      width: 50%;
      max-width: 50%;
      float: left;
      padding-right: 14px;
      padding-left: 5px; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .article__related--articles .card--25f.card--transitional .card__figure {
        padding-left: 10px; } }

@media screen and (max-width: 767px) {
      .card--25f.card--transitional .card__figure:after {
        left: 5px;
        right: 14px; } }
      @media screen and (max-width: 767px) and (max-width: 767px) {
        .article__related--articles .card--25f.card--transitional .card__figure:after {
          left: 10px; } }
  @media screen and (max-width: 767px) and (max-width: 767px) {
    .article__related--articles .card--25f.card--transitional .card__icons {
      left: 15px; } }

@media screen and (max-width: 767px) {
    .card--25f.card--transitional .card__line {
      box-sizing: border-box;
      position: relative;
      width: 50%;
      max-width: 50%;
      float: left;
      padding-right: 5px;
      padding-bottom: 19px; }
    .card--25f.card--transitional .card__title {
      padding: 0;
      color: #333333;
      text-shadow: none;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 20px;
      line-height: 2rem;
      max-height: 60px;
      margin-bottom: 16px; }
      .card--25f.card--transitional .card__title .card__section {
        display: none; }
    .card--25f.card--transitional .card__data,
    .card--25f.card--transitional .card__meta_wrap,
    .card--25f.card--transitional .card__meta_wrap span {
      color: #aeaeae;
      left: 0;
      bottom: 0; }
    .card--25f.card--transitional .card__overtitle--section {
      display: block;
      margin-bottom: 5px;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 11px;
      line-height: 1.1rem;
      color: #e60005;
      text-transform: uppercase; } }

@media screen and (max-width: 767px) {
  .card--25f.card--transitional.card--column .card__figure {
    float: none;
    width: 100%;
    max-width: none;
    padding: 0; }
  .card--25f.card--transitional.card--column .card__line {
    position: absolute;
    width: 100%;
    max-width: none;
    float: none;
    padding: 31px 16px 0 16px; }
  .card--25f.card--transitional.card--column .card__overtitle {
    padding-bottom: 9px; }
  .card--25f.card--transitional.card--column .card__title {
    paddng-bottom: 0;
    margin-bottom: 12px;
    font-family: "Merriweather", serif;
    font-weight: 700;
    font-size: 27px;
    font-size: 2.7rem;
    line-height: 34px;
    line-height: 3.4rem;
    letter-spacing: 0.01em;
    color: #333333;
    text-shadow: none;
    max-height: 102px; }
  .card--25f.card--transitional.card--column .card__column_image {
    bottom: 20px;
    right: 20px;
    width: 70px;
    height: 70px; }
  .card--25f.card--transitional.card--column .card__meta_wrap {
    bottom: 8px;
    left: 16px; } }

@media screen and (min-width: 1200px) {
  .card--25g .card__title {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 42px;
    line-height: 4.2rem;
    letter-spacing: 0.01em; } }

.card--25g.card--column.card--column .card__line {
  padding: 31px 16px 0 16px; }
  @media screen and (min-width: 768px) {
    .card--25g.card--column.card--column .card__line {
      padding: 20px 30px 0 30px; } }
  @media screen and (min-width: 1024px) {
    .card--25g.card--column.card--column .card__line {
      padding: 35px 60px 0 30px; } }
  @media screen and (min-width: 1200px) {
    .card--25g.card--column.card--column .card__line {
      padding: 35px 60px 0 40px; } }
  .card--25g.card--column.card--column .card__line:before {
    top: 0;
    bottom: 5px; }

.card--25g.card--column.card--column .card__overtitle {
  padding: 0;
  padding-bottom: 9px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  color: #333333; }
  @media screen and (min-width: 1024px) {
    .card--25g.card--column.card--column .card__overtitle {
      padding-bottom: 18px; } }

.card--25g.card--column.card--column .card__author {
  font-size: 16px;
  font-size: 1.6rem; }

.card--25g.card--column.card--column .card__title {
  display: block;
  display: -webkit-box;
  padding: 1px 0px 0 0;
  margin-bottom: 11px;
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 34px;
  line-height: 3.4rem;
  letter-spacing: 0.01em;
  color: #333333;
  text-shadow: none;
  max-height: 68px; }
  @media screen and (min-width: 768px) {
    .card--25g.card--column.card--column .card__title {
      padding-right: 190px;
      padding: 1px 140px 0 0;
      margin-bottom: 19px;
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 44px;
      line-height: 4.4rem;
      max-height: 176px; } }
  @media screen and (min-width: 1024px) {
    .card--25g.card--column.card--column .card__title {
      font-size: 36px;
      font-size: 3.6rem;
      padding: 1px 190px 0 0; } }
  @media screen and (min-width: 1200px) {
    .card--25g.card--column.card--column .card__title {
      padding: 1px 90px 0 0; } }

.card--25g.card--column.card--column .card__description {
  display: none;
  overflow: hidden;
  padding: 1px 0px 0 0;
  margin-bottom: 11px;
  text-shadow: none;
  max-height: 70px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 400;
  color: #333333;
  font-family: "Merriweather", serif; }
  @media screen and (min-width: 768px) {
    .card--25g.card--column.card--column .card__description {
      display: block;
      display: -webkit-box;
      padding-right: 140px; } }
  @media screen and (min-width: 1024px) {
    .card--25g.card--column.card--column .card__description {
      padding-right: 190px; } }

.card--25g.card--column.card--column .card__column_image {
  bottom: 20px;
  right: 20px;
  width: 80px;
  height: 80px; }
  @media screen and (min-width: 768px) {
    .card--25g.card--column.card--column .card__column_image {
      bottom: 20px;
      right: 30px;
      width: 120px;
      height: 120px; } }
  @media screen and (min-width: 1024px) {
    .card--25g.card--column.card--column .card__column_image {
      bottom: 30px;
      right: 30px;
      width: 180px;
      height: 180px; } }
  @media screen and (min-width: 1200px) {
    .card--25g.card--column.card--column .card__column_image {
      right: 20px;
      bottom: 20px; } }

.card--25g.card--column.card--column .card__author {
  margin: 10px 15px 0 0; }

.card--25g.card--column.card--column .card__meta_wrap {
  bottom: 8px;
  left: 16px; }
  @media screen and (min-width: 768px) {
    .card--25g.card--column.card--column .card__meta_wrap {
      left: 30px; } }
  @media screen and (min-width: 1200px) {
    .card--25g.card--column.card--column .card__meta_wrap {
      left: 40px; } }
  .card--25g.card--column.card--column .card__meta_wrap span {
    color: #aeaeae; }

.card--25h .card__title {
  padding: 1px 20px 0 20px;
  letter-spacing: 0.01em;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 25px;
  line-height: 2.5rem;
  max-height: 75px; }
  .section--landing_page .card--25h .card__title {
    padding: 1px 20px 0 10px; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .card--25h .card__title strong {
      margin-right: 10px; } }
  @media screen and (min-width: 768px) {
    .card--25h .card__title {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 21px;
      line-height: 2.1rem;
      max-height: 63;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 1024px) {
    .card--25h .card__title {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 27px;
      line-height: 2.7rem;
      max-height: 81px; } }

.card--25h .card__line {
  padding-bottom: 33px; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .card--25h .card__section_line {
    padding-left: 10px; } }

.card--25h .card__section_line:before {
  top: 8px;
  height: 11px; }
  @media screen and (min-width: 768px) {
    .card--25h .card__section_line:before {
      height: 9px;
      top: 5px; } }
  @media screen and (min-width: 1024px) {
    .card--25h .card__section_line:before {
      height: 12px;
      top: 8px; } }

.card--25h .card__meta_wrap {
  left: 20px; }
  .section--landing_page .card--25h .card__meta_wrap {
    left: 10px; }

.card--25h.card--column .card__line {
  padding: 31px 16px 0 16px; }
  @media screen and (min-width: 768px) {
    .card--25h.card--column .card__line {
      padding: 20px 30px 0 30px; } }
  @media screen and (min-width: 1024px) {
    .card--25h.card--column .card__line {
      padding: 35px 30px 0 30px; } }
  @media screen and (min-width: 1200px) {
    .card--25h.card--column .card__line {
      padding: 35px 30px 0 40px; } }
  .card--25h.card--column .card__line:before {
    top: 0;
    bottom: 5px; }

.card--25h.card--column .card__overtitle {
  padding: 0;
  padding-bottom: 9px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  color: #333333; }
  @media screen and (min-width: 1024px) {
    .card--25h.card--column .card__overtitle {
      padding-bottom: 18px; } }

.card--25h.card--column .card__title {
  display: block;
  display: -webkit-box;
  padding: 1px 0px 0 0;
  margin-bottom: 11px;
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 34px;
  line-height: 3.4rem;
  letter-spacing: 0.01em;
  color: #333333;
  text-shadow: none;
  max-height: 68px; }
  @media screen and (min-width: 1024px) {
    .card--25h.card--column .card__title {
      margin-bottom: 19px;
      font-size: 34px;
      font-size: 3.4rem;
      line-height: 42px;
      line-height: 4.2rem;
      max-height: 126px; } }

.card--25h.card--column .card__column_image {
  bottom: 20px;
  right: 20px;
  width: 80px;
  height: 80px; }
  @media screen and (min-width: 768px) {
    .card--25h.card--column .card__column_image {
      bottom: 20px;
      right: 30px; } }
  @media screen and (min-width: 1024px) {
    .card--25h.card--column .card__column_image {
      bottom: 30px;
      right: 30px;
      width: 100px;
      height: 100px; } }
  @media screen and (min-width: 1200px) {
    .card--25h.card--column .card__column_image {
      right: 20px;
      bottom: 20px; } }

.card--25h.card--column .card__author {
  margin: 10px 15px 0 0; }

.card--25h.card--column .card__meta_wrap {
  bottom: 8px;
  left: 16px; }
  @media screen and (min-width: 768px) {
    .card--25h.card--column .card__meta_wrap {
      left: 30px; } }
  @media screen and (min-width: 1200px) {
    .card--25h.card--column .card__meta_wrap {
      left: 40px; } }
  .card--25h.card--column .card__meta_wrap span {
    color: #aeaeae; }

.card--column_xl.card--column .card__line {
  padding: 31px 16px 0 16px; }
  @media screen and (min-width: 768px) {
    .card--column_xl.card--column .card__line {
      padding: 20px 30px 0 30px; } }
  @media screen and (min-width: 1024px) {
    .card--column_xl.card--column .card__line {
      padding: 35px 60px 0 30px; } }
  @media screen and (min-width: 1200px) {
    .card--column_xl.card--column .card__line {
      padding: 35px 60px 0 40px; } }
  .card--column_xl.card--column .card__line:before {
    top: 0;
    bottom: 5px; }

.card--column_xl.card--column .card__overtitle {
  padding: 0;
  padding-bottom: 9px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
  color: #333333; }
  @media screen and (min-width: 1024px) {
    .card--column_xl.card--column .card__overtitle {
      padding-bottom: 18px; } }

.card--column_xl.card--column .card__author {
  font-size: 16px;
  font-size: 1.6rem; }

.card--column_xl.card--column .card__title {
  display: block;
  display: -webkit-box;
  padding: 1px 0px 0 0;
  margin-bottom: 11px;
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 34px;
  line-height: 3.4rem;
  letter-spacing: 0.01em;
  color: #333333;
  text-shadow: none;
  max-height: 68px; }
  @media screen and (min-width: 768px) {
    .card--column_xl.card--column .card__title {
      padding-right: 190px;
      padding: 1px 140px 0 0;
      margin-bottom: 19px;
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 44px;
      line-height: 4.4rem;
      max-height: 176px; } }
  @media screen and (min-width: 1024px) {
    .card--column_xl.card--column .card__title {
      font-size: 36px;
      font-size: 3.6rem;
      padding: 1px 190px 0 0; } }
  @media screen and (min-width: 1200px) {
    .card--column_xl.card--column .card__title {
      padding: 1px 90px 0 0; } }

.card--column_xl.card--column .card__description {
  display: none;
  overflow: hidden;
  padding: 1px 0px 0 0;
  margin-bottom: 11px;
  text-shadow: none;
  max-height: 70px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 400;
  color: #333333;
  font-family: "Merriweather", serif; }
  @media screen and (min-width: 768px) {
    .card--column_xl.card--column .card__description {
      display: block;
      display: -webkit-box;
      padding-right: 140px; } }
  @media screen and (min-width: 1024px) {
    .card--column_xl.card--column .card__description {
      padding-right: 190px; } }

.card--column_xl.card--column .card__column_image {
  bottom: 20px;
  right: 20px;
  width: 80px;
  height: 80px; }
  @media screen and (min-width: 768px) {
    .card--column_xl.card--column .card__column_image {
      bottom: 20px;
      right: 30px;
      width: 120px;
      height: 120px; } }
  @media screen and (min-width: 1024px) {
    .card--column_xl.card--column .card__column_image {
      bottom: 30px;
      right: 30px;
      width: 180px;
      height: 180px; } }
  @media screen and (min-width: 1200px) {
    .card--column_xl.card--column .card__column_image {
      right: 20px;
      bottom: 20px; } }

.card--column_xl.card--column .card__author {
  margin: 10px 15px 0 0; }

.card--column_xl.card--column .card__meta_wrap {
  bottom: 8px;
  left: 16px; }
  @media screen and (min-width: 768px) {
    .card--column_xl.card--column .card__meta_wrap {
      left: 30px; } }
  @media screen and (min-width: 1200px) {
    .card--column_xl.card--column .card__meta_wrap {
      left: 40px; } }
  .card--column_xl.card--column .card__meta_wrap span {
    color: #aeaeae; }

.card--hero {
  display: flex;
  align-items: left;
  justify-content: left;
  width: 100%;
  padding: 36px 15px;
  background-color: #d3cfc8;
  text-align: left;
  box-sizing: border-box; }
  @media screen and (min-width: 1024px) {
    .card--hero {
      padding: 43px 90px 50px; } }
  .card--hero .card__inner_wrap {
    width: 100%; }
    @media screen and (min-width: 1024px) {
      .card--hero .card__inner_wrap {
        width: 75%; } }
  .card--hero .card__title {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem; }
    @media screen and (min-width: 1024px) {
      .card--hero .card__title {
        font-size: 30px;
        font-size: 3rem;
        line-height: 42px;
        line-height: 4.2rem;
        letter-spacing: 0.01em; } }
  .card--hero .card__lead_text {
    margin: 14px 0 0;
    font-family: "Merriweather", serif;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 20px;
    line-height: 2rem; }
    @media screen and (min-width: 1024px) {
      .card--hero .card__lead_text {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 20px;
        line-height: 2rem; } }
  .card--hero .card__btn {
    display: inline-block;
    margin: 24px 0 0;
    height: 36px;
    padding: 0 41px;
    border-radius: 4px;
    background: #000;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 36px;
    line-height: 3.6rem;
    letter-spacing: 0em;
    color: #fff;
    text-transform: uppercase; }

.card--video .card__section_line {
  position: relative;
  padding-left: 20px;
  margin-left: 5px; }
  .card--video .card__section_line:before {
    position: absolute;
    left: 0;
    top: 2px;
    content: '';
    width: 1px;
    height: 12px;
    background-color: white; }

.card--video .card--text {
  display: block;
  text-align: center; }

.card--video .card__link {
  position: relative; }

.card--video .card--title {
  text-align: center;
  display: block;
  max-width: 90%;
  margin: 34px auto 7px auto;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 36px;
  line-height: 3.6rem;
  letter-spacing: 0.01em;
  color: white;
  text-shadow: 0px 1px 6px rgba(33, 33, 33, 0.56);
  overflow: hidden;
  max-height: 144px; }
  @media screen and (min-width: 768px) {
    .card--video .card--title {
      max-width: 80%;
      margin: 63px auto 14px auto;
      font-size: 38px;
      font-size: 3.8rem;
      line-height: 48px;
      line-height: 4.8rem;
      max-height: 96px; } }

.card--video .card--title_link {
  color: white;
  text-shadow: 0px 1px 6px rgba(33, 33, 33, 0.56); }

.card--video .card--undertitle {
  display: block;
  margin-bottom: 33px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  letter-spacing: 0.01em; }

.card--video .card__meta_wrap {
  margin-bottom: 35px;
  position: relative; }
  .card--video .card__meta_wrap span {
    color: white; }

.card--video .card__video {
  padding: 0;
  position: relative;
  margin-bottom: 40px; }
  @media screen and (min-width: 768px) {
    .card--video .card__video {
      padding: 0 64px;
      margin-bottom: 50px; } }
  .card--video .card__video img {
    max-width: 100%; }

.card--video .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6); }
  @media screen and (min-width: 768px) {
    .card--video .icon-play {
      width: 120px;
      height: 120px; } }
  .card--video .icon-play:before {
    position: relative;
    top: 6px;
    left: 6px;
    font-size: 48px;
    font-size: 4.8rem;
    color: white; }
    @media screen and (min-width: 768px) {
      .card--video .icon-play:before {
        top: 10px;
        left: 13px;
        font-size: 96px;
        font-size: 9.6rem; } }
  .card--video .icon-play:hover {
    cursor: pointer; }

.fold__title {
  margin: 0 0 15px;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 20px;
  font-size: 2rem;
  line-height: 24px;
  line-height: 2.4rem; }
  @media screen and (min-width: 1024px) {
    .fold__title {
      margin: 0 0 22px;
      font-size: 30px;
      font-size: 3rem;
      line-height: 42px;
      line-height: 4.2rem;
      letter-spacing: 0.01em; } }

@media screen and (min-width: 768px) {
  .fold--lead6 .clear {
    margin-bottom: 10px; } }

.fold--lead6 .divider {
  display: none; }
  @media screen and (min-width: 1200px) {
    .fold--lead6 .divider {
      display: block;
      margin: 0 0 10px 0; } }

.fold--lead7 .divider {
  display: none; }
  @media screen and (min-width: 768px) {
    .fold--lead7 .divider {
      display: block;
      margin: 10px 0; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fold--lead7 .card--03, .fold--lead7 .card--04, .fold--lead7 .card--07 {
    height: 0;
    padding-bottom: 195%; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fold--lead7 .card--21 {
    height: 0;
    padding-bottom: 130%; } }

@media screen and (max-width: 767px) {
  .fold--lead7 .banner {
    margin-top: 15px;
    clear: both; } }

.biggest_loser .fold--lead7_alt {
  margin-bottom: 21px; }

.fold--lead7_alt .divider {
  display: none; }
  @media screen and (min-width: 768px) {
    .fold--lead7_alt .divider {
      display: block;
      margin: 10px 0; } }
  .fold--lead7_alt .divider--special {
    margin: 10px 5px; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fold--lead7_alt .card--19 {
    height: 0;
    padding-bottom: 123.7525%; } }

@media screen and (min-width: 1024px) {
  .fold--lead7_alt .card--19 {
    height: 0;
    padding-bottom: 110.32028%; } }

@media screen and (min-width: 1200px) {
  .fold--lead7_alt .card--19 {
    height: 0;
    padding-bottom: 85.87258%; } }

.fold--lead7_alt .card--08.no_lead {
  margin-bottom: 0; }

@media screen and (min-width: 1024px) {
  .fold--lead7_alt .grid-xlg-3 .card--24 {
    padding-bottom: 108.69565%; } }

@media screen and (min-width: 1200px) {
  .fold--lead7_alt .grid-xlg-3 .card--24 {
    padding-bottom: 128.20513%; } }

@media screen and (min-width: 1024px) {
  .fold--lead7_alt .grid-xlg-3 .card--24b {
    padding-bottom: 115.38462%; } }

@media screen and (min-width: 1200px) {
  .fold--lead7_alt .grid-xlg-3 .card--24b {
    padding-bottom: 128.20513%; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fold--lead7_alt .grid-md-3 .card--24 {
    height: 0;
    padding-bottom: 135.13514%; } }

@media screen and (min-width: 1024px) {
  .fold--lead7_alt .grid-md-3 .card--24 {
    padding-bottom: 121.95122%; } }

@media screen and (min-width: 1200px) {
  .fold--lead7_alt .grid-md-3 .card--24 {
    padding-bottom: 128.20513%; } }

@media screen and (max-width: 767px) {
  .fold--lead7_alt .banner {
    margin-top: 15px;
    clear: both; } }

.fold--lead4 {
  margin: 0 0 15px; }
  @media screen and (min-width: 768px) {
    .fold--lead4 {
      padding: 0 10px;
      margin: 0 0 25px; } }
  @media screen and (min-width: 1024px) {
    .fold--lead4 {
      padding: 0 5px; } }
  .fold--lead4 .divider {
    margin: 14px 15px 0;
    background: #e0e0e0; }
    @media screen and (min-width: 768px) {
      .fold--lead4 .divider {
        margin: 15px 5px 0; } }
    @media screen and (min-width: 1024px) {
      .fold--lead4 .divider {
        margin: 25px 5px 0; } }
  .fold--lead4 .grid-12 .divider {
    display: none;
    clear: both;
    height: 10px;
    margin: 0;
    background: none; }
    @media screen and (min-width: 1024px) {
      .fold--lead4 .grid-12 .divider {
        display: block; } }

.fold--lead4_homepage .card--25 {
  margin: 0; }
  @media screen and (min-width: 768px) {
    .fold--lead4_homepage .card--25 {
      padding-bottom: 74.53799%;
      margin: 0; } }
  @media screen and (min-width: 1024px) {
    .fold--lead4_homepage .card--25 {
      padding-bottom: 74.34211%;
      margin: 0; } }
  .fold--lead4_homepage .card--25 .card__figure:after {
    height: 80%;
    opacity: 0.76; }
  .fold--lead4_homepage .card--25 .card__title {
    left: 0;
    right: 0;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32px;
    line-height: 3.2rem; }

@media screen and (min-width: 768px) {
  .fold--lead4_homepage .card--25b {
    padding-bottom: 152.2948%; } }

@media screen and (min-width: 1024px) {
  .fold--lead4_homepage .card--25b {
    padding-bottom: 151.82656%; } }

.fold--lead4_homepage .card--25b .card__title {
  left: 0;
  right: 0;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 21px;
  line-height: 2.1rem; }

.article.ljubljanski_maraton .header__logo--typography {
  display: none;
  visibility: hidden; }
  @media screen and (min-width: 1024px) {
    .article.ljubljanski_maraton .header__logo--typography {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      display: block;
      width: auto;
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 100px;
      line-height: 10rem;
      font-weight: 700;
      margin: auto;
      visibility: visible; } }
  @media screen and (min-width: 1200px) {
    .article.ljubljanski_maraton .header__logo--typography {
      font-size: 27px;
      font-size: 2.7rem; } }

.article.ljubljanski_maraton .header__logo--image {
  position: relative;
  top: auto;
  left: auto;
  width: 100px;
  margin: 12px auto 0;
  transform: none; }
  @media screen and (min-width: 768px) {
    .article.ljubljanski_maraton .header__logo--image {
      width: 160px;
      margin: 24px auto 0; } }
  @media screen and (min-width: 1024px) {
    .article.ljubljanski_maraton .header__logo--image {
      display: none;
      visibility: hidden; } }

@media screen and (min-width: 1024px) {
  .article.ljubljanski_maraton .header--hide .header__logo--typography,
  .article.ljubljanski_maraton .header--show .header__logo--typography {
    width: auto;
    line-height: 37px;
    line-height: 3.7rem; } }

.article.ljubljanski_maraton .header--hide .header__logo--image,
.article.ljubljanski_maraton .header--show .header__logo--image {
  width: 100px;
  padding: 0;
  margin: 12px auto 0; }

.article.prva_liga .header__logo--image {
  display: none;
  visibility: hidden; }
  @media screen and (min-width: 1024px) {
    .article.prva_liga .header__logo--image {
      display: block;
      width: 355px;
      margin: 27px auto 0;
      visibility: visible; } }
  @media screen and (min-width: 1200px) {
    .article.prva_liga .header__logo--image {
      width: 375px; } }

.article.prva_liga .header__logo--typography {
  top: 15px;
  width: auto;
  margin-top: 0; }
  @media screen and (min-width: 768px) {
    .article.prva_liga .header__logo--typography {
      width: 260px; } }
  @media screen and (min-width: 1024px) {
    .article.prva_liga .header__logo--typography {
      display: none;
      visibility: hidden; } }

@media screen and (min-width: 768px) {
  .article.prva_liga .header--hide .header__logo--typography,
  .article.prva_liga .header--show .header__logo--typography {
    top: 0;
    padding-top: 5px; } }

@media screen and (min-width: 1024px) {
  .article.prva_liga .header--hide .header__logo--image,
  .article.prva_liga .header--show .header__logo--image {
    margin: 0 auto;
    width: 250px; } }

.article.vozimo_pametno .body_wrap {
  padding: 122px 0 0; }
  @media screen and (min-width: 1024px) {
    .article.vozimo_pametno .body_wrap {
      padding: 193px 0 0; } }

.article.vozimo_pametno .header {
  background-color: #002a5c; }
  .article.vozimo_pametno .header__logo--typography {
    display: none;
    visibility: hidden; }
  .article.vozimo_pametno .header__logo--image {
    top: 8px;
    width: 90px;
    margin: auto; }
    @media screen and (min-width: 1024px) {
      .article.vozimo_pametno .header__logo--image {
        top: 10px;
        width: 180px; } }
  .article.vozimo_pametno .header--hide .header__logo--image,
  .article.vozimo_pametno .header--show .header__logo--image {
    width: 90px;
    padding: 0;
    top: 8px; }
  .article.vozimo_pametno .header .icon-menu {
    background-color: #011f42; }
  .article.vozimo_pametno .header__navigation_bar {
    background-color: #011f42; }

.article.vozimo_pametno .sidebar__poll {
  width: 100%;
  max-width: 300px;
  float: none;
  margin: 0 auto;
  padding: 0; }
  @media screen and (min-width: 1024px) {
    .article.vozimo_pametno .sidebar__poll .poll {
      margin: 0 0 20px; } }
  @media screen and (min-width: 1200px) {
    .article.vozimo_pametno .sidebar__poll .poll {
      margin: 30px 0; } }

@media screen and (min-width: 1200px) {
  .article.vozimo_pametno .facebook_widget {
    margin: 30px auto; } }

.article.vozimo_pametno .footer_bar {
  background-color: #002a5c; }

.article .article__sidebar--column .best_widget {
  margin: 0 0 30px; }

.article .article__sidebar--column .banner #aditionAds_halfRectTop > div,
.article .article__sidebar--column .banner #aditionAds_halfRectTop > iframe {
  margin: 0 auto 30px !important; }

.article .article__sidebar--column .prva_liga__schedule {
  text-align: center;
  margin: 0 0 21px;
  font-size: 0; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .article .article__sidebar--column .prva_liga__schedule {
      display: none;
      visibility: hidden;
      margin: 0; } }
  .article .article__sidebar--column .prva_liga__schedule a {
    display: inline-block; }
  .article .article__sidebar--column .prva_liga__schedule figure {
    width: 100%;
    max-width: 300px; }
    .article .article__sidebar--column .prva_liga__schedule figure img {
      display: block;
      width: 100%;
      height: auto; }

.article .article__sidebar--column:last-child {
  margin: 0; }

.fold_home__trendi_bar {
  display: none; }
  @media screen and (min-width: 1024px) {
    .fold_home__trendi_bar {
      display: block;
      margin: 0 auto 20px; } }
  @media screen and (min-width: 1200px) {
    .fold_home__trendi_bar {
      margin: 0 auto 20px auto; } }
  .fold_home__trendi_bar .card--25f .card__title {
    display: flex;
    min-height: 60px;
    max-height: 80px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    letter-spacing: 0.01em;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden; }
  .fold_home__trendi_bar .card--25f .card__section {
    display: none; }
  .fold_home__trendi_bar .card--25f .card__line {
    left: 0;
    width: 100%;
    padding: 0 0 5px; }
  .fold_home__trendi_bar .card--25f .card__data {
    display: none; }

@media screen and (min-width: 768px) {
  .fold__homepage--intro {
    margin-bottom: 20px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .fold__homepage--intro {
    padding: 0 5px; } }

.fold__homepage--intro .fold .grid-12 .divider {
  display: none;
  clear: both;
  background: transparent;
  margin: 0; }
  @media screen and (min-width: 768px) {
    .fold__homepage--intro .fold .grid-12 .divider {
      height: 9px; } }
  @media screen and (min-width: 1200px) {
    .fold__homepage--intro .fold .grid-12 .divider {
      display: block; } }

.fold__homepage_banner--mobile {
  margin-bottom: 0; }

@media screen and (max-width: 1023px) {
  .fold__homepage.fold__homepage--upper_14 .column_sidebar .banner {
    margin: 0; } }

.fold__homepage.fold__homepage--upper_14 .column_sidebar #aditionAds_halfRectTop > div {
  margin: 0 0 10px !important; }

@media screen and (max-width: 1023px) {
  .fold__homepage.fold__homepage--upper_14 .column_sidebar .ts_storitve--homepage {
    margin: 0 0 15px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .fold__homepage--upper_14, .fold__homepage--bottom_14 {
    padding: 0 5px; } }

.fold__homepage--upper_14 .card--25g,
.fold__homepage--upper_14 .card--25h, .fold__homepage--bottom_14 .card--25g,
.fold__homepage--bottom_14 .card--25h {
  margin-bottom: 20px; }

.fold__homepage--upper_14 .card--25f, .fold__homepage--bottom_14 .card--25f {
  margin-bottom: 20px; }

@media screen and (max-width: 767px) {
  .fold__homepage--upper_14 .card--25h, .fold__homepage--bottom_14 .card--25h {
    margin-bottom: 1px; } }

@media screen and (max-width: 767px) {
  .fold__homepage--upper_14 .card--25e, .fold__homepage--upper_14 .card--25f, .fold__homepage--bottom_14 .card--25e, .fold__homepage--bottom_14 .card--25f {
    margin-bottom: 20px; } }

.fold__homepage--upper_14 .grid-12.grid-lg-4.no-gutter .card--25f, .fold__homepage--bottom_14 .grid-12.grid-lg-4.no-gutter .card--25f {
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .fold__homepage--upper_14 .grid-12.grid-lg-4.no-gutter .card--25f, .fold__homepage--bottom_14 .grid-12.grid-lg-4.no-gutter .card--25f {
      margin-bottom: 0; } }
  @media screen and (max-width: 767px) {
    .fold__homepage--upper_14 .grid-12.grid-lg-4.no-gutter .card--25f.card--transitional, .fold__homepage--bottom_14 .grid-12.grid-lg-4.no-gutter .card--25f.card--transitional {
      margin-bottom: 20px; } }

.fold__homepage--upper_14 .grid-12.grid-lg-4.no-gutter .divider, .fold__homepage--bottom_14 .grid-12.grid-lg-4.no-gutter .divider {
  display: block;
  clear: both;
  background: transparent;
  margin: 0;
  height: 9px; }

@media screen and (max-width: 767px) {
  .fold__homepage--upper_14--additional_fold, .fold__homepage--bottom_14--additional_fold {
    margin-top: 10px; } }

@media screen and (min-width: 1024px) {
  .fold__homepage--upper_14--additional_fold, .fold__homepage--bottom_14--additional_fold {
    margin-bottom: 20px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .fold__homepage--upper_14--additional_fold, .fold__homepage--bottom_14--additional_fold {
    padding: 0 5px; } }

.fold__homepage--bottom_14 .twitter_widget {
  max-height: 570px;
  overflow: hidden;
  margin: 0 0 20px 0; }
  @media screen and (min-width: 768px) {
    .fold__homepage--bottom_14 .twitter_widget {
      max-height: 100%; } }

.fold__homepage--bottom_14 .facebook_widget {
  max-height: 458px;
  overflow: hidden;
  margin: 0 auto 20px; }

.fold__homepage--video_block {
  background-color: #413f93;
  margin-bottom: 1px; }
  @media screen and (min-width: 768px) {
    .fold__homepage--video_block {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1024px) {
    .fold__homepage--video_block {
      margin-bottom: 10px; } }
  @media screen and (min-width: 1200px) {
    .fold__homepage--video_block {
      margin-bottom: 30px; } }

@media screen and (min-width: 1024px) {
  .fold__homepage--upper_14--part3 {
    margin-bottom: 15px; } }

@media screen and (min-width: 1200px) {
  .fold__homepage--upper_14--part3 {
    margin-bottom: 0; } }

@media screen and (min-width: 768px) {
  .fold__homepage--upper_14--part3 .card--25f {
    margin-bottom: 10px; } }

.fold__homepage--upper_14--part4 {
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .fold__homepage--upper_14--part4 .card--25h {
      margin-bottom: 10px; } }

@media screen and (min-width: 768px) {
  .fold__homepage--pr {
    padding: 0 10px; } }

@media screen and (min-width: 1024px) {
  .fold__homepage--pr {
    padding: 0;
    margin-bottom: 12px; } }

@media screen and (min-width: 1200px) {
  .fold__homepage--pr {
    margin-bottom: 20px; } }

.fold__homepage--editors_choice {
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .fold__homepage--editors_choice {
      margin-bottom: 10px;
      margin-top: -30px; } }
  @media screen and (min-width: 1024px) {
    .fold__homepage--editors_choice {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1200px) {
    .fold__homepage--editors_choice {
      margin-bottom: 0; } }

@media screen and (min-width: 768px) {
  .fold__homepage--tl {
    padding: 0 10px; } }

@media screen and (min-width: 1024px) {
  .fold__homepage--tl {
    padding: 0; } }

@media screen and (min-width: 1200px) {
  .fold__homepage {
    margin-bottom: 30px; } }

@media screen and (min-width: 1200px) {
  .fold__homepage--upper_14 {
    margin-bottom: 0; } }

.fold__homepage--upper_14 .weather_widget__wrap {
  display: none; }
  @media screen and (min-width: 1200px) {
    .fold__homepage--upper_14 .weather_widget__wrap {
      display: block; } }

@media screen and (max-width: 767px) {
  .fold__homepage--upper_14--part2 {
    margin-bottom: 1px; } }

@media screen and (max-width: 767px) {
  .fold__homepage--tl {
    margin-top: 20px; } }

@media screen and (max-width: 767px) {
  .fold__section--intro {
    margin-bottom: 0px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .fold__section--intro {
    padding: 0 5px; } }

@media screen and (min-width: 768px) {
  .fold__section--intro {
    margin-bottom: 10px; } }

@media screen and (min-width: 1200px) {
  .fold__section--intro {
    margin-bottom: 20px; } }

@media screen and (max-width: 1200px) {
  .fold__section--intro_intro {
    margin-bottom: 20px; } }

.fold__section--intro .divider {
  display: none;
  margin: 14px 15px 0;
  background: #ababab; }
  @media screen and (min-width: 768px) {
    .fold__section--intro .divider {
      display: block;
      margin: 15px 5px; } }
  @media screen and (min-width: 1024px) {
    .fold__section--intro .divider {
      margin: 10px 5px 10px; } }

.fold__section--intro .grid-12 .divider {
  display: none;
  clear: both;
  background: transparent;
  margin: 0; }
  @media screen and (min-width: 768px) {
    .fold__section--intro .grid-12 .divider {
      height: 9px; } }
  @media screen and (min-width: 1200px) {
    .fold__section--intro .grid-12 .divider {
      display: block; } }

.fold__section--live_results {
  box-sizing: border-box;
  padding: 0 20px; }
  @media screen and (max-width: 359px) {
    .fold__section--live_results {
      display: none;
      visibility: hidden; } }
  @media screen and (min-width: 1024px) {
    .fold__section--live_results {
      padding: 0 10px; } }
  .fold__section--live_results div {
    position: relative;
    width: 100%;
    height: 115px;
    max-height: 275px;
    padding: 0 20px;
    box-sizing: border-box; }
    @media screen and (min-width: 450px) {
      .fold__section--live_results div {
        padding: 0; } }
    @media screen and (min-width: 1024px) {
      .fold__section--live_results div {
        height: 120px; } }
  .fold__section--live_results iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    @media screen and (min-width: 1024px) {
      .fold__section--live_results iframe {
        position: relative; } }

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

.fold__section_banner--mobile {
  margin-bottom: 0; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .fold__section--upper_14, .fold__section--bottom_14 {
    padding: 0 5px; } }

.fold__section--upper_14 .card--25g,
.fold__section--upper_14 .card--25h, .fold__section--bottom_14 .card--25g,
.fold__section--bottom_14 .card--25h {
  margin-bottom: 20px; }

.fold__section--upper_14 .card--25f, .fold__section--bottom_14 .card--25f {
  margin-bottom: 20px; }

@media screen and (max-width: 767px) {
  .fold__section--upper_14 .card--25h, .fold__section--bottom_14 .card--25h {
    margin-bottom: 1px; } }

@media screen and (max-width: 767px) {
  .fold__section--upper_14 .card--25e, .fold__section--upper_14 .card--25f, .fold__section--bottom_14 .card--25e, .fold__section--bottom_14 .card--25f {
    margin-bottom: 20px; } }

.fold__section--upper_14 .grid-12.grid-lg-4.no-gutter .card--25f, .fold__section--bottom_14 .grid-12.grid-lg-4.no-gutter .card--25f {
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .fold__section--upper_14 .grid-12.grid-lg-4.no-gutter .card--25f, .fold__section--bottom_14 .grid-12.grid-lg-4.no-gutter .card--25f {
      margin-bottom: 0; } }
  @media screen and (max-width: 767px) {
    .fold__section--upper_14 .grid-12.grid-lg-4.no-gutter .card--25f.card--transitional, .fold__section--bottom_14 .grid-12.grid-lg-4.no-gutter .card--25f.card--transitional {
      margin-bottom: 20px; } }

.fold__section--upper_14 .grid-12.grid-lg-4.no-gutter .divider, .fold__section--bottom_14 .grid-12.grid-lg-4.no-gutter .divider {
  display: block;
  clear: both;
  background: transparent;
  margin: 0;
  height: 9px; }

@media screen and (min-width: 1024px) {
  .fold__section--additional_fold {
    margin-bottom: 20px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .fold__section--additional_fold {
    padding: 0 5px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .fold__section--additional_fold {
    margin-bottom: 10px; } }

@media screen and (min-width: 1024px) {
  .fold__section--additional_fold_2 {
    margin-bottom: 20px; } }

@media screen and (max-width: 767px) {
  .fold__section--additional_transitional {
    margin-top: 20px;
    padding-left: 5px;
    padding-right: 5px; } }

.fold__section {
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .fold__section.mb0--xs {
      margin-bottom: 0; } }

@media screen and (min-width: 1200px) {
  .fold__section .fold__section--bottom_part_4 {
    margin-bottom: 0; } }

@media screen and (max-width: 1024px) {
  .fold__section .fold__section--bottom_part_4 {
    margin-bottom: 0; } }

.fold__section--bottom_14 .twitter_widget {
  max-height: 570px;
  overflow: hidden;
  margin: 0 0 20px 0; }
  @media screen and (min-width: 768px) {
    .fold__section--bottom_14 .twitter_widget {
      max-height: 100%; } }

.fold__section--bottom_14 .facebook_widget {
  max-height: 458px;
  overflow: hidden;
  margin: 0 auto 20px; }

.fold__section--video_block {
  background-color: #413f93;
  margin-bottom: 1px; }
  @media screen and (min-width: 768px) {
    .fold__section--video_block {
      margin: 0 0 40px; } }
  @media screen and (min-width: 1200px) {
    .fold__section--video_block {
      margin: 20px 5px 40px; } }
  .trendi .fold__section--video_block {
    background-color: #a51253; }
  .sportal .fold__section--video_block {
    background-color: #086d7f; }
  .digisvet .fold__section--video_block {
    background-color: #2c4697; }
  .avtomoto .fold__section--video_block {
    background-color: #b31e00; }

@media screen and (min-width: 1024px) {
  .fold__section--upper_14--part3 {
    margin-bottom: 15px; } }

@media screen and (min-width: 1200px) {
  .fold__section--upper_14--part3 {
    margin-bottom: 0; } }

@media screen and (min-width: 768px) {
  .fold__section--upper_14--part3 .card--25f {
    margin-bottom: 10px; } }

.fold__section--upper_14--part4 {
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .fold__section--upper_14--part4 {
      margin-bottom: 0; } }
  @media screen and (max-width: 767px) {
    .fold__section--upper_14--part4 .card--25h {
      margin-bottom: 10px; } }

.fold__section .twitter_widget {
  max-height: 570px;
  overflow: hidden;
  margin: 0 0 20px 0; }
  @media screen and (min-width: 768px) {
    .fold__section .twitter_widget {
      max-height: 360px; } }
  @media screen and (min-width: 1024px) {
    .fold__section .twitter_widget {
      max-height: 100%; } }

.fold__section .facebook_widget {
  max-height: 458px;
  overflow: hidden;
  margin: 0 auto 20px; }

@media screen and (min-width: 768px) {
  .fold__section--pr {
    padding: 0 10px; } }

@media screen and (min-width: 1024px) {
  .fold__section--pr {
    padding: 0;
    margin-bottom: 12px; } }

@media screen and (min-width: 1200px) {
  .fold__section--pr {
    margin-bottom: 20px; } }

.fold__section--editors_choice {
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .fold__section--editors_choice {
      margin-bottom: 10px; } }
  @media screen and (min-width: 1024px) {
    .fold__section--editors_choice {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1200px) {
    .fold__section--editors_choice {
      margin-bottom: 0; } }

@media screen and (min-width: 768px) {
  .fold__section--tl {
    padding: 0 10px; } }

@media screen and (min-width: 1024px) {
  .fold__section--tl {
    padding: 0; } }

@media screen and (min-width: 1200px) {
  .fold__section {
    margin-bottom: 20px; } }

@media screen and (min-width: 1200px) {
  .fold__section--upper_14 {
    margin-bottom: 0; } }

@media screen and (max-width: 767px) {
  .fold__section--upper_14--part2 {
    margin-bottom: 1px; } }

@media screen and (max-width: 767px) {
  .fold__section--tl {
    margin-top: 20px; } }

@media screen and (min-width: 1200px) {
  .fold__section.fold__section--top_part_4 {
    margin-bottom: 0; } }

.divider--horizontal {
  display: none;
  margin: 0;
  background: transparent;
  height: 9px; }
  @media screen and (min-width: 768px) {
    .divider--horizontal {
      display: block;
      clear: both; } }

.section__header {
  margin: 0 0 10px; }

@media screen and (max-width: 1023px) {
  .section__wrap {
    padding: 0 10px 0 5px;
    margin-top: 10px; }
    .fold__homepage--insertion_block .section__wrap,
    .fold__homepage--editors_choice .section__wrap {
      padding: 0;
      margin-top: 0; }
    .section__wrap.fold__homepage--pr {
      margin-top: 10px; } }

@media screen and (min-width: 1024px) {
  .section__wrap {
    padding-right: 5px;
    margin-bottom: 10px; }
    .fold__homepage--insertion_block .section__wrap {
      padding-right: 0; } }

@media screen and (min-width: 1200px) {
  .fold__homepage--insertion_block .section__wrap {
    padding-right: 5px; } }

@media screen and (max-width: 1199px) {
  .section__wrap.fold__homepage--editors_choice, .section__wrap.fold__homepage--pr {
    padding: 0; } }

@media screen and (min-width: 1200px) {
  .section__wrap.fold__homepage--pr {
    margin-bottom: 0px; } }

@media screen and (max-width: 767px) {
  .section__wrap.fold__homepage--pr {
    margin-top: 1px; } }

.section__wrap.fold__homepage--pr .weather_widget__wrap {
  margin-top: 20px; }
  @media screen and (min-width: 1200px) {
    .section__wrap.fold__homepage--pr .weather_widget__wrap {
      display: none; } }

@media screen and (min-width: 1024px) {
  .section__wrap--weather {
    padding-right: 0; } }

.section__wrap--indent {
  margin: 0 0 20px -5px; }
  @media screen and (max-width: 1023px) {
    .section__wrap--indent.section--planet_tv {
      margin: 0 -15px 20px -10px; }
      .section__wrap--indent.section--planet_tv .heading,
      .section__wrap--indent.section--planet_tv .section__divider {
        margin: -5px 5px 10px 5px; } }
  .section__wrap--indent .section__divider {
    margin: 0 0 10px 5px; }

.section__wrap--gallery {
  margin: 0 0 10px -5px; }
  @media screen and (max-width: 1023px) {
    .planet_tv .section__wrap--gallery {
      margin: 0 -15px 20px -10px; }
      .planet_tv .section__wrap--gallery .heading,
      .planet_tv .section__wrap--gallery .section__divider {
        margin: -5px 5px 10px 5px; } }

@media screen and (max-width: 767px) {
  .section__wrap .card {
    margin: 10px 0 0 0; }
    .fold__homepage--pr .section__wrap .card {
      margin: 1px 0 0 0; } }

@media screen and (max-width: 767px) {
  .section__wrap.fold__homepage--pr .card {
    margin: 1px 0 0 0; } }

@media screen and (max-width: 1200px) {
  .section__wrap.horoscope {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0 5px; } }

.section__divider {
  margin: 0 5px 10px 10px;
  height: 1px;
  background: #e0e0e0; }
  .homepage__horoscope .section__divider {
    margin: 0 0 10px 0;
    background: #e0e0e0; }

.section__article_list {
  clear: both; }
  @media screen and (min-width: 1024px) {
    .section__article_list {
      padding: 0 5px 0 0; } }
  @media screen and (min-width: 768px) {
    .section__article_list--subsection {
      margin: 0 -5px;
      padding: 0; } }
  @media screen and (min-width: 1024px) {
    .section__article_list--subsection {
      padding: 0 10px 0 0; } }
  .section__article_list--subsection .divider {
    margin: 10px 0 15px;
    background: #e0e0e0; }
  .section__article_list .grid-12.grid-md-4 .divider {
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .section__article_list .grid-12.grid-md-4 .divider {
        margin-bottom: 10px; } }

.section__advertorial_list {
  margin: 0 0 25px 0; }
  @media screen and (min-width: 768px) {
    .section__advertorial_list {
      margin: 0 0 25px -5px; }
      .section__advertorial_list .divider {
        margin: 0 5px; } }
  .section__advertorial_list .divider {
    clear: both;
    background: #e0e0e0; }

.section__pr_list {
  margin: 0 0 10px 0; }
  @media screen and (min-width: 768px) {
    .section__pr_list {
      margin: 0 0 10px -5px; }
      .section__pr_list .divider {
        margin: 0 5px; } }
  .section__pr_list .divider {
    clear: both;
    background: #e0e0e0; }

.section.prva_liga .body_wrap {
  padding: 142px 0 0; }
  @media screen and (min-width: 768px) {
    .section.prva_liga .body_wrap {
      padding: 180px 0 0; } }
  @media screen and (min-width: 1024px) {
    .section.prva_liga .body_wrap {
      padding: 180px 0 0; } }

.section.prva_liga .header__logo--image {
  display: none;
  visibility: hidden; }
  @media screen and (min-width: 1024px) {
    .section.prva_liga .header__logo--image {
      display: block;
      width: 355px;
      margin: 27px auto 0;
      visibility: visible; } }
  @media screen and (min-width: 1200px) {
    .section.prva_liga .header__logo--image {
      width: 375px; } }

.section.prva_liga .header__logo--typography {
  top: 15px;
  width: auto;
  margin-top: 0; }
  @media screen and (min-width: 768px) {
    .section.prva_liga .header__logo--typography {
      width: 260px; } }
  @media screen and (min-width: 1024px) {
    .section.prva_liga .header__logo--typography {
      display: none;
      visibility: hidden; } }

.section.prva_liga .contestants__slider_wrap {
  margin: 0 0 20px; }
  @media screen and (min-width: 1024px) {
    .section.prva_liga .contestants__slider_wrap {
      margin: 20px 0; } }

.section.prva_liga .contestants__slider_wrap .owl-nav .owl-next,
.section.prva_liga .contestants__slider_wrap .owl-nav .owl-prev {
  top: 0;
  bottom: 0;
  margin: auto; }
  @media screen and (min-width: 1200px) {
    .section.prva_liga .contestants__slider_wrap .owl-nav .owl-next,
    .section.prva_liga .contestants__slider_wrap .owl-nav .owl-prev {
      display: none;
      visibility: hidden; } }

@media screen and (min-width: 768px) {
  .section.prva_liga .header--hide .header__logo--typography,
  .section.prva_liga .header--show .header__logo--typography {
    top: 0;
    padding-top: 5px; } }

@media screen and (min-width: 1024px) {
  .section.prva_liga .header--hide .header__logo--image,
  .section.prva_liga .header--show .header__logo--image {
    margin: 0 auto;
    width: 250px; } }

.section.prva_liga .contestants__slider_wrap {
  margin: 0 0 20px; }
  @media screen and (min-width: 1024px) {
    .section.prva_liga .contestants__slider_wrap {
      margin: 20px 0; } }

.section.prva_liga .contestants__slider_wrap .owl-nav .owl-next,
.section.prva_liga .contestants__slider_wrap .owl-nav .owl-prev {
  top: 0;
  bottom: 0;
  margin: auto; }
  @media screen and (min-width: 1200px) {
    .section.prva_liga .contestants__slider_wrap .owl-nav .owl-next,
    .section.prva_liga .contestants__slider_wrap .owl-nav .owl-prev {
      display: none;
      visibility: hidden; } }

.section.prva_liga .banner #aditionAds_rectangleMiddle {
  margin: 0; }
  .section.prva_liga .banner #aditionAds_rectangleMiddle > div {
    margin: 15px auto 0 !important; }
    @media screen and (min-width: 1024px) {
      .section.prva_liga .banner #aditionAds_rectangleMiddle > div {
        margin: 0 auto 15px !important; } }

.section.prva_liga .prva_liga__schedule {
  width: 100%;
  margin: 20px auto;
  font-size: 0;
  text-align: center; }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .section.prva_liga .prva_liga__schedule {
      display: none;
      visibility: hidden; } }
  @media screen and (min-width: 1024px) {
    .section.prva_liga .prva_liga__schedule {
      margin: 0 auto; } }
  .section.prva_liga .prva_liga__schedule a {
    display: inline-block; }
  .section.prva_liga .prva_liga__schedule figure {
    width: 100%;
    max-width: 300px; }
    .section.prva_liga .prva_liga__schedule figure img {
      display: block;
      width: 100%;
      height: auto; }

.section.prva_liga .prva_liga__facebook_wall {
  width: 100%;
  margin: 0 0 20px;
  font-size: 0; }
  @media screen and (min-width: 1200px) {
    .section.prva_liga .prva_liga__facebook_wall {
      margin: 0 0 25px; } }

.section.prva_liga .prva_liga__instagram_feed {
  width: 100%;
  margin: 5px auto 0;
  text-align: center; }
  @media screen and (min-width: 1024px) {
    .section.prva_liga .prva_liga__instagram_feed {
      margin: 0 auto; } }
  .section.prva_liga .prva_liga__instagram_feed h4 {
    padding: 0;
    padding-bottom: 9px;
    margin: 0;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    line-height: 3rem;
    letter-spacing: 0.075em;
    background-color: transparent;
    color: #3f3f3f;
    text-align: left;
    text-transform: uppercase; }
  .section.prva_liga .prva_liga__instagram_feed #pixlee_container {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 300%; }
    @media screen and (min-width: 1200px) {
      .section.prva_liga .prva_liga__instagram_feed #pixlee_container {
        padding-bottom: 150%; } }
    .section.prva_liga .prva_liga__instagram_feed #pixlee_container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important; }

.section.prva_liga .prva_liga__facebook_widget {
  margin: 16px 0 0; }
  .section.prva_liga .prva_liga__facebook_widget h4 {
    padding: 0;
    padding-bottom: 9px;
    margin: 0;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    line-height: 3rem;
    letter-spacing: 0.075em;
    background-color: transparent;
    color: #3f3f3f;
    text-align: left;
    text-transform: uppercase; }

.section.prva_liga .banner #aditionAds_halfRectTop,
.section.prva_liga .banner #aditionAds_rectangleBottom {
  margin: 0 auto !important; }
  .section.prva_liga .banner #aditionAds_halfRectTop > div,
  .section.prva_liga .banner #aditionAds_rectangleBottom > div {
    margin: 0 auto 20px !important; }

.section.prva_liga .best_widget {
  margin: 0; }
  @media screen and (min-width: 768px) {
    .section.prva_liga .best_widget {
      padding: 0 5px; } }
  @media screen and (min-width: 1024px) {
    .section.prva_liga .best_widget {
      height: auto; } }
  .section.prva_liga .best_widget--label {
    padding: 0;
    padding-bottom: 9px;
    margin: 0;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    line-height: 3rem;
    letter-spacing: 0.075em;
    background-color: transparent;
    color: #3f3f3f; }

.section.prva_liga .sidebar__poll {
  width: 100%;
  padding: 0 10px;
  margin: 0 auto 20px;
  float: none; }
  @media screen and (min-width: 768px) {
    .section.prva_liga .sidebar__poll {
      padding: 0 5px; } }
  @media screen and (min-width: 1200px) {
    .section.prva_liga .sidebar__poll {
      padding: 0; } }
  .section.prva_liga .sidebar__poll .poll {
    margin: 0 auto; }

.section.prva_liga .marketing {
  margin: 15px 5px 10px; }

.section.ljubljanski_maraton .body_wrap {
  padding: 142px 0 0; }
  @media screen and (min-width: 768px) {
    .section.ljubljanski_maraton .body_wrap {
      padding: 180px 0 0; } }
  @media screen and (min-width: 1024px) {
    .section.ljubljanski_maraton .body_wrap {
      padding: 180px 0 0; } }

.section.ljubljanski_maraton .header__logo--typography {
  display: none;
  visibility: hidden; }
  @media screen and (min-width: 1024px) {
    .section.ljubljanski_maraton .header__logo--typography {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      display: block;
      width: auto;
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 100px;
      line-height: 10rem;
      font-weight: 700;
      margin: auto;
      visibility: visible; } }
  @media screen and (min-width: 1200px) {
    .section.ljubljanski_maraton .header__logo--typography {
      font-size: 27px;
      font-size: 2.7rem; } }

.section.ljubljanski_maraton .header__logo--image {
  position: relative;
  top: auto;
  left: auto;
  width: 100px;
  margin: 12px auto 0;
  transform: none; }
  @media screen and (min-width: 768px) {
    .section.ljubljanski_maraton .header__logo--image {
      width: 160px;
      margin: 24px auto 0; } }
  @media screen and (min-width: 1024px) {
    .section.ljubljanski_maraton .header__logo--image {
      display: none;
      visibility: hidden; } }

@media screen and (min-width: 1024px) {
  .section.ljubljanski_maraton .header--hide .header__logo--typography,
  .section.ljubljanski_maraton .header--show .header__logo--typography {
    width: auto;
    line-height: 37px;
    line-height: 3.7rem; } }

.section.ljubljanski_maraton .header--hide .header__logo--image,
.section.ljubljanski_maraton .header--show .header__logo--image {
  width: 100px;
  padding: 0;
  margin: 12px auto 0; }

.section.ljubljanski_maraton .banner #aditionAds_rectangleMiddle {
  margin: 0 auto; }
  .section.ljubljanski_maraton .banner #aditionAds_rectangleMiddle > div {
    margin: 15px auto 0 !important; }
    @media screen and (min-width: 1024px) {
      .section.ljubljanski_maraton .banner #aditionAds_rectangleMiddle > div {
        margin: 0 auto 15px !important; } }

.section.ljubljanski_maraton .marathon__social_wall {
  box-sizing: border-box;
  padding: 0 15px;
  margin: 20px auto 20px; }
  .section.ljubljanski_maraton .marathon__social_wall:empty {
    display: none; }

.section.ljubljanski_maraton .banner #aditionAds_halfRectTop,
.section.ljubljanski_maraton .banner #aditionAds_rectangleBottom {
  margin: 0 !important; }
  .section.ljubljanski_maraton .banner #aditionAds_halfRectTop > div,
  .section.ljubljanski_maraton .banner #aditionAds_rectangleBottom > div {
    margin: 0 auto 20px !important; }

.section.ljubljanski_maraton .best_widget {
  margin: 0; }
  @media screen and (min-width: 768px) {
    .section.ljubljanski_maraton .best_widget {
      padding: 0 5px; } }
  @media screen and (min-width: 1024px) {
    .section.ljubljanski_maraton .best_widget {
      height: auto; } }
  .section.ljubljanski_maraton .best_widget--label {
    padding: 0;
    padding-bottom: 9px;
    margin: 0;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    line-height: 3rem;
    letter-spacing: 0.075em;
    background-color: transparent;
    color: #3f3f3f; }

.section.vozimo_pametno .body_wrap {
  padding: 88px 0 0; }
  @media screen and (min-width: 1024px) {
    .section.vozimo_pametno .body_wrap {
      padding: 128px 0 0; } }

.section.vozimo_pametno .header {
  background-color: #002a5c;
  height: 88px; }
  @media screen and (min-width: 1024px) {
    .section.vozimo_pametno .header {
      height: 128px; } }
  .section.vozimo_pametno .header__logo--typography {
    display: none;
    visibility: hidden; }
  .section.vozimo_pametno .header__logo--image {
    top: 8px;
    width: 90px;
    margin: auto; }
    @media screen and (min-width: 1024px) {
      .section.vozimo_pametno .header__logo--image {
        top: 10px;
        width: 180px; } }
  .section.vozimo_pametno .header--hide .header__logo--image,
  .section.vozimo_pametno .header--show .header__logo--image {
    width: 90px;
    padding: 0;
    top: 8px; }
  .section.vozimo_pametno .header .icon-menu {
    background-color: #011f42; }
  .section.vozimo_pametno .header__navigation_bar {
    background-color: #011f42; }

.section.vozimo_pametno .banner #aditionAds_rectangleMiddle {
  margin: 0 auto; }
  .section.vozimo_pametno .banner #aditionAds_rectangleMiddle > div {
    margin: 10px auto 15px !important; }

.section.vozimo_pametno .banner #aditionAds_halfRectTop {
  margin: 0 auto; }
  @media screen and (min-width: 1024px) {
    .section.vozimo_pametno .banner #aditionAds_halfRectTop > div {
      margin: 0 auto 15px !important; } }

.section.vozimo_pametno .map_widget {
  margin: 0 -5px 15px; }
  @media screen and (min-width: 1024px) {
    .section.vozimo_pametno .map_widget {
      padding: 0 10px;
      margin: 5px auto 15px; } }
  @media screen and (min-width: 1200px) {
    .section.vozimo_pametno .map_widget {
      margin: 0 auto 15px; } }

.section.vozimo_pametno .sidebar__poll {
  width: 100%;
  padding: 0; }
  @media screen and (min-width: 1024px) {
    .section.vozimo_pametno .sidebar__poll .poll {
      margin: 0 0 20px; } }

.section.vozimo_pametno .facebook_widget {
  max-width: none;
  margin: 1px auto 11px; }

.section.vozimo_pametno .best_widget {
  margin: 0; }
  @media screen and (min-width: 768px) {
    .section.vozimo_pametno .best_widget {
      padding: 0 5px; } }
  @media screen and (min-width: 1024px) {
    .section.vozimo_pametno .best_widget {
      height: auto; } }
  .section.vozimo_pametno .best_widget--label {
    padding: 0;
    padding-bottom: 9px;
    margin: 0;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    line-height: 3rem;
    letter-spacing: 0.075em;
    background-color: transparent;
    color: #3f3f3f; }

.section.vozimo_pametno .footer_bar {
  background-color: #002a5c; }

@media screen and (min-width: 1024px) {
  .section.sportal .column_sidebar {
    margin: 20px 0 0; } }

@media screen and (min-width: 1200px) {
  .section.sportal .column_sidebar {
    margin: 0; } }

@media screen and (min-width: 1024px) {
  .section.sportal .column_sidebar .ts_storitve--homepage {
    margin: 0; } }

.section.sportal .column_sidebar .prva_liga__schedule {
  width: 100%;
  margin: 20px auto;
  font-size: 0;
  text-align: center;
  float: left; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .section.sportal .column_sidebar .prva_liga__schedule {
      display: none;
      visibility: hidden; } }
  @media screen and (min-width: 1024px) {
    .section.sportal .column_sidebar .prva_liga__schedule {
      box-sizing: border-box;
      width: 33.33%;
      padding: 0 10px 0 0;
      margin: 0; } }
  @media screen and (min-width: 1200px) {
    .section.sportal .column_sidebar .prva_liga__schedule {
      width: 100%;
      padding: 0 0 0 10px;
      margin: 0 0 18px; } }
  .section.sportal .column_sidebar .prva_liga__schedule a {
    display: inline-block; }
  .section.sportal .column_sidebar .prva_liga__schedule figure {
    width: 100%;
    max-width: 300px; }
    .section.sportal .column_sidebar .prva_liga__schedule figure img {
      display: block;
      width: 100%;
      height: auto; }

@media screen and (max-width: 1023px) {
  .section.avtomoto .banner #aditionAds_leaderboardTop {
    margin: 0; }
    .section.avtomoto .banner #aditionAds_leaderboardTop > div {
      margin: 20px 0 !important; } }

@media screen and (min-width: 1024px) {
  .section.avtomoto .banner #aditionAds_billboardTop > div {
    margin: 20px 0 0 !important; } }

@media screen and (min-width: 1024px) {
  .section.avtomoto.vozimo_pametno .banner #aditionAds_billboardTop > div {
    margin: 0 0 25px !important; } }

.section.kultura .itis_widget {
  margin: 25px auto; }

.section--trendi .divider {
  margin-top: 0; }

body.novice .card.highlighted {
  background: #424193; }
  body.novice .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  body.novice .card.highlighted .card__title, body.novice .card.highlighted .card__description {
    color: #FFF; }
  body.novice .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

.section--novice .card.highlighted {
  background: #424193; }
  .section--novice .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  .section--novice .card.highlighted .card__title, .section--novice .card.highlighted .card__description {
    color: #FFF; }
  .section--novice .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

.section--novice .card__overtitle {
  color: #424193; }

.section--novice .section_tag__item:after {
  border-color: #424193 #424193 #FFF; }

.section--novice .section_tag__link {
  color: #424193;
  border-color: #424193; }

body.avtomoto .card.highlighted {
  background: #b52e1d; }

body.sportal .card.highlighted {
  background: #086d7f; }
  body.sportal .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  body.sportal .card.highlighted .card__title, body.sportal .card.highlighted .card__description {
    color: #FFF; }
  body.sportal .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

body.sportal .card__overtitle {
  color: #086d7f; }

.section--sportal .card.highlighted {
  background: #086d7f; }
  .section--sportal .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  .section--sportal .card.highlighted .card__title, .section--sportal .card.highlighted .card__description {
    color: #FFF; }
  .section--sportal .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

.section--sportal .card__overtitle {
  color: #086d7f; }

.section--sportal .section_tag__item:after {
  border-color: #086d7f #086d7f #FFF; }

.section--sportal .section_tag__link {
  color: #086d7f;
  border-color: #086d7f; }

body.avtomoto .card.highlighted {
  background: #b52e1d; }

body.trendi .card.highlighted {
  background: #a51253; }
  body.trendi .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  body.trendi .card.highlighted .card__title, body.trendi .card.highlighted .card__description {
    color: #FFF; }
  body.trendi .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

body.trendi .card__overtitle {
  color: #a51253; }

.section--trendi .card.highlighted {
  background: #a51253; }
  .section--trendi .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  .section--trendi .card.highlighted .card__title, .section--trendi .card.highlighted .card__description {
    color: #FFF; }
  .section--trendi .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

.section--trendi .card__overtitle {
  color: #a51253; }

.section--trendi .section_tag__item:after {
  border-color: #a51253 #a51253 #FFF; }

.section--trendi .section_tag__link {
  color: #a51253;
  border-color: #a51253; }

body.avtomoto .card.highlighted {
  background: #b52e1d; }

body.avtomoto .card.highlighted {
  background: #076cb5; }
  body.avtomoto .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  body.avtomoto .card.highlighted .card__title, body.avtomoto .card.highlighted .card__description {
    color: #FFF; }
  body.avtomoto .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

body.avtomoto .card__overtitle {
  color: #076cb5; }

.section--avtomoto .card.highlighted {
  background: #076cb5; }
  .section--avtomoto .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  .section--avtomoto .card.highlighted .card__title, .section--avtomoto .card.highlighted .card__description {
    color: #FFF; }
  .section--avtomoto .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

.section--avtomoto .card__overtitle {
  color: #076cb5; }

.section--avtomoto .section_tag__item:after {
  border-color: #076cb5 #076cb5 #FFF; }

.section--avtomoto .section_tag__link {
  color: #076cb5;
  border-color: #076cb5; }

body.avtomoto .card.highlighted {
  background: #b52e1d; }

body.digisvet .card.highlighted {
  background: #2c4697; }
  body.digisvet .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  body.digisvet .card.highlighted .card__title, body.digisvet .card.highlighted .card__description {
    color: #FFF; }
  body.digisvet .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

body.digisvet .card__overtitle {
  color: #2c4697; }

.section--digisvet .card.highlighted {
  background: #2c4697; }
  .section--digisvet .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  .section--digisvet .card.highlighted .card__title, .section--digisvet .card.highlighted .card__description {
    color: #FFF; }
  .section--digisvet .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

.section--digisvet .card__overtitle {
  color: #2c4697; }

.section--digisvet .section_tag__item:after {
  border-color: #2c4697 #2c4697 #FFF; }

.section--digisvet .section_tag__link {
  color: #2c4697;
  border-color: #2c4697; }

body.avtomoto .card.highlighted {
  background: #b52e1d; }

body.siol-plus .card.highlighted {
  background: #70706e; }
  body.siol-plus .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  body.siol-plus .card.highlighted .card__title, body.siol-plus .card.highlighted .card__description {
    color: #FFF; }
  body.siol-plus .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

body.siol-plus .card__overtitle {
  color: #70706e; }

.section--siol-plus .card.highlighted {
  background: #70706e; }
  .section--siol-plus .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  .section--siol-plus .card.highlighted .card__title, .section--siol-plus .card.highlighted .card__description {
    color: #FFF; }
  .section--siol-plus .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

.section--siol-plus .card__overtitle {
  color: #70706e; }

.section--siol-plus .section_tag__item:after {
  border-color: #70706e #70706e #FFF; }

.section--siol-plus .section_tag__link {
  color: #70706e;
  border-color: #70706e; }

body.avtomoto .card.highlighted {
  background: #b52e1d; }

body.posel-danes .card.highlighted {
  background: #88b04b; }
  body.posel-danes .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  body.posel-danes .card.highlighted .card__title, body.posel-danes .card.highlighted .card__description {
    color: #FFF; }
  body.posel-danes .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

body.posel-danes .card__overtitle {
  color: #88b04b; }

.section--posel-danes .card.highlighted {
  background: #88b04b; }
  .section--posel-danes .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  .section--posel-danes .card.highlighted .card__title, .section--posel-danes .card.highlighted .card__description {
    color: #FFF; }
  .section--posel-danes .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

.section--posel-danes .card__overtitle {
  color: #88b04b; }

.section--posel-danes .section_tag__item:after {
  border-color: #88b04b #88b04b #FFF; }

.section--posel-danes .section_tag__link {
  color: #88b04b;
  border-color: #88b04b; }

body.avtomoto .card.highlighted {
  background: #b52e1d; }

body.info .card.highlighted {
  background: #f9b509; }
  body.info .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  body.info .card.highlighted .card__title, body.info .card.highlighted .card__description {
    color: #FFF; }
  body.info .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

body.info .card__overtitle {
  color: #f9b509; }

.section--info .card.highlighted {
  background: #f9b509; }
  .section--info .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  .section--info .card.highlighted .card__title, .section--info .card.highlighted .card__description {
    color: #FFF; }
  .section--info .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

.section--info .card__overtitle {
  color: #f9b509; }

.section--info .section_tag__item:after {
  border-color: #f9b509 #f9b509 #FFF; }

.section--info .section_tag__link {
  color: #f9b509;
  border-color: #f9b509; }

body.avtomoto .card.highlighted {
  background: #b52e1d; }

body.planet_tv .card.highlighted {
  background: #0087be; }
  body.planet_tv .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  body.planet_tv .card.highlighted .card__title, body.planet_tv .card.highlighted .card__description {
    color: #FFF; }
  body.planet_tv .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

body.planet_tv .card__overtitle {
  color: #0087be; }

.section--planet_tv .card.highlighted {
  background: #0087be; }
  .section--planet_tv .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  .section--planet_tv .card.highlighted .card__title, .section--planet_tv .card.highlighted .card__description {
    color: #FFF; }
  .section--planet_tv .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

.section--planet_tv .card__overtitle {
  color: #0087be; }

.section--planet_tv .section_tag__item:after {
  border-color: #0087be #0087be #FFF; }

.section--planet_tv .section_tag__link {
  color: #0087be;
  border-color: #0087be; }

body.avtomoto .card.highlighted {
  background: #b52e1d; }

body.ugc .card.highlighted {
  background: #f05046; }
  body.ugc .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  body.ugc .card.highlighted .card__title, body.ugc .card.highlighted .card__description {
    color: #FFF; }
  body.ugc .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

body.ugc .card__overtitle {
  color: #f05046; }

.section--ugc .card.highlighted {
  background: #f05046; }
  .section--ugc .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  .section--ugc .card.highlighted .card__title, .section--ugc .card.highlighted .card__description {
    color: #FFF; }
  .section--ugc .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

.section--ugc .card__overtitle {
  color: #f05046; }

.section--ugc .section_tag__item:after {
  border-color: #f05046 #f05046 #FFF; }

.section--ugc .section_tag__link {
  color: #f05046;
  border-color: #f05046; }

body.avtomoto .card.highlighted {
  background: #b52e1d; }

body.videoarchive .card.highlighted {
  background: #3b3b3b; }
  body.videoarchive .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  body.videoarchive .card.highlighted .card__title, body.videoarchive .card.highlighted .card__description {
    color: #FFF; }
  body.videoarchive .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

body.videoarchive .card__overtitle {
  color: #3b3b3b; }

.section--videoarchive .card.highlighted {
  background: #3b3b3b; }
  .section--videoarchive .card.highlighted .card__overtitle {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }
  .section--videoarchive .card.highlighted .card__title, .section--videoarchive .card.highlighted .card__description {
    color: #FFF; }
  .section--videoarchive .card.highlighted .card__meta_wrap span {
    color: #FFF;
    color: rgba(255, 255, 255, 0.6); }

.section--videoarchive .card__overtitle {
  color: #3b3b3b; }

.section--videoarchive .section_tag__item:after {
  border-color: #3b3b3b #3b3b3b #FFF; }

.section--videoarchive .section_tag__link {
  color: #3b3b3b;
  border-color: #3b3b3b; }

body.avtomoto .card.highlighted {
  background: #b52e1d; }

.facebook_widget,
.fb_widget,
.twitter_widget {
  clear: both;
  max-width: 300px;
  margin: 0 auto 30px; }
  .section--landing_page .facebook_widget, .section--landing_page
  .fb_widget, .section--landing_page
  .twitter_widget {
    margin-bottom: 0; }

@media screen and (max-width: 768px) {
  .section--landing_page .twitter_widget {
    max-width: 100%;
    text-align: center; } }

.itis_widget {
  max-width: 300px;
  margin: 0 auto 25px; }
  .itis_widget iframe#itisAdPromo {
    width: 298px;
    height: 250px;
    border: 1px solid #ABABAB;
    overflow: hidden; }
  .itis_widget--article {
    margin: 0 auto 5px; }
  .posel_danes--article .itis_widget {
    margin: 0 auto 20px; }
  .avtomoto .itis_widget {
    margin: 0 auto; }

.dom-in-vrt .itis_responsive_widget {
  max-width: 300px;
  margin: 0 auto 25px; }
  .dom-in-vrt .itis_responsive_widget iframe {
    height: 250px; }
    @media screen and (min-width: 1024px) {
      .dom-in-vrt .itis_responsive_widget iframe {
        height: 475px; } }

.dom-in-vrt .itis_widget {
  max-width: 300px; }
  .dom-in-vrt .itis_widget iframe {
    border: 0px; }
  .dom-in-vrt .itis_widget--mobile {
    display: block;
    height: 250px;
    margin: 0 auto 15px; }
    @media screen and (min-width: 1024px) {
      .dom-in-vrt .itis_widget--mobile {
        display: none; } }
    .dom-in-vrt .itis_widget--mobile iframe {
      height: 250px; }
  .dom-in-vrt .itis_widget--desktop {
    display: none;
    height: 475px;
    margin: 0 auto 25px; }
    @media screen and (min-width: 1024px) {
      .dom-in-vrt .itis_widget--desktop {
        display: block; } }
    .dom-in-vrt .itis_widget--desktop iframe {
      height: 475px; }

.posel_danes .subsection__latest_articles {
  margin: 0 -15px 14px; }
  .posel_danes .subsection__latest_articles .card {
    margin: 0 0 1px; }
  @media screen and (min-width: 768px) {
    .posel_danes .subsection__latest_articles {
      margin: 0 0 5px; }
      .posel_danes .subsection__latest_articles .card {
        margin: 0 0 10px; } }
  @media screen and (min-width: 1024px) {
    .posel_danes .subsection__latest_articles {
      padding: 0 10px 0 0; } }

.biggest_loser--subsection .section_header,
.biggest_loser .section_header,
.fittest_family--subsection .section_header,
.fittest_family .section_header {
  margin-bottom: 30px; }

.section_header__wrap {
  display: block; }

.section_header__background {
  height: 400px;
  background-position: center; }

.section__header_image {
  display: block; }
  @media screen and (min-width: 768px) {
    .section__header_image {
      padding: 0 15px; } }
  @media screen and (min-width: 1024px) {
    .section__header_image {
      padding: 0 10px; } }
  .section__header_image--image {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 10px; }

.section__extra_links {
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .section__extra_links {
      margin-left: -5px;
      margin-right: -5px; } }

.dom-in-vrt .section__iframe iframe {
  width: 100%;
  height: 974px;
  border: 0; }
  @media screen and (min-width: 768px) {
    .dom-in-vrt .section__iframe iframe {
      height: 492px; } }

@media screen and (min-width: 1024px) {
  .ohranimo_delo_neprecenljivo .body_wrap {
    padding: 210px 0 0 0; } }

@media screen and (min-width: 768px) {
  .ohranimo_delo_neprecenljivo .sidebar__poll {
    width: 100%; } }

.ohranimo_delo_neprecenljivo .sidebar__poll .poll__submit {
  background-color: #000000; }

@media screen and (min-width: 768px) {
  .ohranimo_delo_neprecenljivo .fold--lead4 {
    padding: 0 15px; } }

@media screen and (min-width: 1024px) {
  .ohranimo_delo_neprecenljivo .fold--lead4 {
    padding: 0 5px;
    margin: 0; } }

.ohranimo_delo_neprecenljivo .fold--lead4 .divider {
  display: none;
  visibility: hidden; }

@media screen and (min-width: 1024px) {
  .ohranimo_delo_neprecenljivo .fold--lead4 .grid-12 .divider {
    display: block;
    visibility: visible; } }

@media screen and (min-width: 768px) {
  .ohranimo_delo_neprecenljivo .fold--about-the-project {
    padding: 0 20px; } }

@media screen and (min-width: 1024px) {
  .ohranimo_delo_neprecenljivo .fold--about-the-project {
    padding: 0 5px;
    margin: 40px 0 0; } }

.ohranimo_delo_neprecenljivo .fold--grouped_blocks {
  margin: 35px 0 0; }
  @media screen and (min-width: 768px) {
    .ohranimo_delo_neprecenljivo .fold--grouped_blocks {
      padding: 0 10px; } }
  @media screen and (min-width: 1024px) {
    .ohranimo_delo_neprecenljivo .fold--grouped_blocks {
      padding: 0 5px;
      margin: 35px 0 94px; } }
  @media screen and (min-width: 768px) {
    .ohranimo_delo_neprecenljivo .fold--grouped_blocks .fold__title {
      padding: 0 5px; } }

.ohranimo_delo_neprecenljivo .fold--webinarji {
  margin: 0 0 20px; }
  @media screen and (min-width: 768px) {
    .ohranimo_delo_neprecenljivo .fold--webinarji {
      margin: 0; } }

.ohranimo_delo_neprecenljivo .fold--poslovne-resitve-za-vas {
  margin: 0 0 20px; }
  @media screen and (min-width: 768px) {
    .ohranimo_delo_neprecenljivo .fold--poslovne-resitve-za-vas {
      margin: 0; } }

.ohranimo_delo_neprecenljivo .footer__social_link {
  background-color: #1b1b1b; }

.subsection__heading {
  margin: 0;
  border-top: 1px solid rgba(116, 116, 116, 0.6);
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  color: #4a464a; }
  .posel_danes .subsection__heading {
    border-color: #e0e0e0;
    margin: 0 0 2px;
    line-height: 48px;
    line-height: 4.8rem; }
    @media screen and (min-width: 1024px) {
      .posel_danes .subsection__heading {
        padding: 10px 0;
        margin: 0 10px 4px 0; } }

.subsection__latest_articles .card {
  margin: 0 0 10px 0; }

@media screen and (min-width: 1024px) {
  .posel_danes .subsection__latest_articles {
    margin: 0 0 20px; } }

.subsection__rio2016_wrap {
  margin: 0 5px 0 -5px; }

.section_tag__list {
  display: none; }
  @media screen and (min-width: 768px) {
    .section_tag__list {
      display: block;
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: right; } }

.section_tag__item {
  position: relative;
  margin: 0 0 10px 0; }
  @media screen and (max-width: 1199px) {
    .section_tag__item {
      display: inline-block;
      margin-left: 2px; } }
  .section_tag__item:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 6px;
    width: 0px;
    height: 3px;
    display: inline-block;
    text-align: center;
    border: 4px solid #424193;
    border-bottom-color: #FFF; }

.section_tag__link {
  margin: 0;
  padding: 2px 16px 2px 8px;
  display: inline-block;
  text-decoration: none;
  color: #424193;
  border: 2px solid #424193;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400; }

.prefooter {
  margin: 15px 0;
  padding: 35px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .prefooter__heading {
    margin: 0 10px 10px;
    font-size: 20px;
    font-size: 2rem;
    color: #4a464a;
    font-weight: 700; }
    @media screen and (min-width: 768px) {
      .prefooter__heading {
        margin: 0 5px 10px; } }

.footer_bar {
  background: #424193;
  height: 54px;
  width: 100%; }
  .footer_bar__list {
    list-style: none;
    margin: 0 5px;
    padding: 0;
    display: none; }
    @media screen and (min-width: 768px) {
      .footer_bar__list {
        display: block; } }
  .footer_bar__item {
    float: left;
    margin: 15px 40px 0 0; }
  .footer_bar__link {
    color: #FFF;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: 700; }
  .footer_bar .go_to_top {
    display: block;
    margin: 0 auto;
    color: #FFF;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 56px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .footer_bar .go_to_top {
        float: right;
        margin: -4px 10px 0 0;
        line-height: 1; } }
    .footer_bar .go_to_top i {
      display: inline-block;
      width: 26px;
      height: 26px;
      line-height: 25px;
      font-size: 16px;
      font-size: 1.6rem;
      text-align: center;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      background: #FFF;
      color: #424193; }
      @media screen and (min-width: 768px) {
        .footer_bar .go_to_top i {
          display: block;
          position: relative;
          top: 18px;
          left: -35px; } }

.footer__inner {
  padding: 18px 0;
  background: #E5E5E5; }
  .ohranimo_delo_neprecenljivo .footer__inner {
    background: #d3cfc8; }

.footer__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.footer__item {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .footer__item {
      text-align: left; } }

.footer__link {
  display: inline-block;
  padding: 4px 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #070707; }
  .footer__link:hover {
    color: #424193; }
    .planet_tv .footer__link:hover {
      color: #0087be; }
    .dom-in-vrt .footer__link:hover {
      color: #668438; }

.footer__social_wrap {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .footer__social_wrap {
      text-align: left; } }

.footer__social_heading {
  display: none;
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #070707; }
  @media screen and (min-width: 768px) {
    .footer__social_heading {
      margin: 0 0 5px 0;
      display: block; } }

.footer__social_link {
  display: inline-block;
  margin: 20px 20px 20px;
  width: 30px;
  height: 30px;
  line-height: 36px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #FFF;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background: #424193; }
  @media screen and (min-width: 768px) {
    .footer__social_link {
      margin: 0 10px 10px 0; } }

.footer__info {
  margin: 10px 0 40px 0;
  text-align: center; }
  @media screen and (min-width: 1024px) {
    .footer__info {
      margin: 3px 0 0 0;
      text-align: left; } }
  .footer__info p {
    margin: 0;
    color: #070707;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    display: inline-block; }

.footer__copyright {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 400;
  color: #070707; }
  @media screen and (min-width: 768px) {
    .footer__copyright {
      margin-top: 40px; } }
  @media screen and (min-width: 1200px) {
    .footer__copyright {
      margin-top: 65px; } }
  .footer__copyright span {
    display: block; }
    @media screen and (min-width: 768px) {
      .footer__copyright span {
        display: inline-block; } }

.posel_danes .footer_bar {
  background: #000; }
  .posel_danes .footer_bar__list {
    display: none; }
  .posel_danes .footer_bar__link {
    color: #fafafa;
    -webkit-transition: 0.12s ease-in-out;
    -moz-transition: 0.12s ease-in-out;
    -o-transition: 0.12s ease-in-out;
    transition: 0.12s ease-in-out; }
    .posel_danes .footer_bar__link:hover {
      color: #e0e0e0; }
  .posel_danes .footer_bar .go_to_top {
    color: #fafafa;
    -webkit-transition: 0.12s ease-in-out;
    -moz-transition: 0.12s ease-in-out;
    -o-transition: 0.12s ease-in-out;
    transition: 0.12s ease-in-out; }
    .posel_danes .footer_bar .go_to_top i {
      color: #fafafa;
      background: #e60005; }
    .posel_danes .footer_bar .go_to_top:hover {
      color: #e0e0e0; }

.posel_danes .footer__social_wrap {
  margin: 18px 0 0; }
  @media screen and (min-width: 1024px) {
    .posel_danes .footer__social_wrap {
      margin: 0; } }

.posel_danes .footer__social_link {
  margin: 0 8px;
  background: #000;
  -webkit-transition: 0.12s ease-in-out;
  -moz-transition: 0.12s ease-in-out;
  -o-transition: 0.12s ease-in-out;
  transition: 0.12s ease-in-out; }
  .posel_danes .footer__social_link:hover {
    background: #e60005; }
  @media screen and (min-width: 768px) {
    .posel_danes .footer__social_link {
      margin: 0 10px 13px 0; } }
  @media screen and (min-width: 1200px) {
    .posel_danes .footer__social_link {
      margin: 0 13px 0 0; } }

.planet_tv .footer_bar,
.has_dark_theme .footer_bar {
  background: #001c2a; }
  .planet_tv .footer_bar__list,
  .has_dark_theme .footer_bar__list {
    display: none; }
  .planet_tv .footer_bar__link,
  .has_dark_theme .footer_bar__link {
    color: #fafafa;
    -webkit-transition: 0.12s ease-in-out;
    -moz-transition: 0.12s ease-in-out;
    -o-transition: 0.12s ease-in-out;
    transition: 0.12s ease-in-out; }
    .planet_tv .footer_bar__link:hover,
    .has_dark_theme .footer_bar__link:hover {
      color: #0087be; }
  .planet_tv .footer_bar .go_to_top,
  .has_dark_theme .footer_bar .go_to_top {
    color: #fafafa;
    -webkit-transition: 0.12s ease-in-out;
    -moz-transition: 0.12s ease-in-out;
    -o-transition: 0.12s ease-in-out;
    transition: 0.12s ease-in-out; }
    .planet_tv .footer_bar .go_to_top i,
    .has_dark_theme .footer_bar .go_to_top i {
      color: #fafafa;
      background: #0087be; }
    .planet_tv .footer_bar .go_to_top:hover,
    .has_dark_theme .footer_bar .go_to_top:hover {
      color: #0087be; }

.planet_tv .footer__social_wrap,
.has_dark_theme .footer__social_wrap {
  margin: 18px 0 0; }
  @media screen and (min-width: 1024px) {
    .planet_tv .footer__social_wrap,
    .has_dark_theme .footer__social_wrap {
      margin: 0; } }

.planet_tv .footer__social_link,
.has_dark_theme .footer__social_link {
  margin: 0 8px;
  background: #001c2a;
  -webkit-transition: 0.12s ease-in-out;
  -moz-transition: 0.12s ease-in-out;
  -o-transition: 0.12s ease-in-out;
  transition: 0.12s ease-in-out; }
  .planet_tv .footer__social_link:hover,
  .has_dark_theme .footer__social_link:hover {
    background: #e60005; }
  @media screen and (min-width: 768px) {
    .planet_tv .footer__social_link,
    .has_dark_theme .footer__social_link {
      margin: 0 10px 13px 0; } }
  @media screen and (min-width: 1200px) {
    .planet_tv .footer__social_link,
    .has_dark_theme .footer__social_link {
      margin: 0 13px 0 0; } }

.dom-in-vrt .footer_bar {
  background: #88b04b; }
  .dom-in-vrt .footer_bar__link {
    color: #fafafa;
    -webkit-transition: 0.12s ease-in-out;
    -moz-transition: 0.12s ease-in-out;
    -o-transition: 0.12s ease-in-out;
    transition: 0.12s ease-in-out; }
    .dom-in-vrt .footer_bar__link:hover {
      color: #e0e0e0; }
  .dom-in-vrt .footer_bar .go_to_top {
    color: #fafafa;
    -webkit-transition: 0.12s ease-in-out;
    -moz-transition: 0.12s ease-in-out;
    -o-transition: 0.12s ease-in-out;
    transition: 0.12s ease-in-out; }
    .dom-in-vrt .footer_bar .go_to_top i {
      color: #88b04b;
      background: #fafafa; }
    .dom-in-vrt .footer_bar .go_to_top:hover {
      color: #e0e0e0; }

.dom-in-vrt .footer__social_wrap {
  margin: 18px 0 0; }
  @media screen and (min-width: 1024px) {
    .dom-in-vrt .footer__social_wrap {
      margin: 0; } }

.dom-in-vrt .footer__social_link {
  margin: 0 8px;
  background: #88b04b;
  -webkit-transition: 0.12s ease-in-out;
  -moz-transition: 0.12s ease-in-out;
  -o-transition: 0.12s ease-in-out;
  transition: 0.12s ease-in-out; }
  .dom-in-vrt .footer__social_link:hover {
    background: #668438; }
  @media screen and (min-width: 768px) {
    .dom-in-vrt .footer__social_link {
      margin: 0 10px 13px 0; } }
  @media screen and (min-width: 1200px) {
    .dom-in-vrt .footer__social_link {
      margin: 0 13px 0 0; } }

.avtomoto .footer__inner,
.digisvet .footer__inner,
.sportal .footer__inner,
.trendi .footer__inner {
  background: #e4e4e4; }

.avtomoto .footer_bar, .avtomoto .footer__social_link {
  background: #b52e1d; }

.avtomoto .footer_bar .go_to_top i {
  color: #b52e1d; }

.digisvet .footer_bar, .digisvet .footer__social_link {
  background: #2d4895; }

.digisvet .footer_bar .go_to_top i {
  color: #2d4895; }

.sportal .footer_bar, .sportal .footer__social_link {
  background: #086d7f; }

.sportal .footer_bar .go_to_top i {
  color: #086d7f; }

.trendi .footer_bar, .trendi .footer__social_link {
  background: #a51253; }

.trendi .footer_bar .go_to_top i {
  color: #a51253; }

.ohranimo_delo_neprecenljivo .footer_bar {
  background-color: #1b1b1b; }

.ohranimo_delo_neprecenljivo .marketing {
  display: none;
  visibility: hidden; }

.multimedia__inner {
  background: #222;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.multimedia__list_wrap {
  padding: 10px 20px;
  background: #323232; }
  @media screen and (min-width: 768px) {
    .multimedia__list_wrap {
      padding: 20px 85px; } }

.multimedia__list {
  margin: 0;
  padding: 0;
  list-style: none; }

@media screen and (max-width: 767px) {
  .multimedia__item {
    float: left; } }

.multimedia .card__link {
  position: relative; }

.multimedia .card--16 {
  margin: 15px; }
  @media screen and (min-width: 768px) {
    .multimedia .card--16 {
      margin: 20px; } }
  .multimedia .card--16 .card__data {
    position: relative; }
    @media screen and (min-width: 768px) {
      .multimedia .card--16 .card__data {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 445px; } }
    @media screen and (min-width: 1024px) {
      .multimedia .card--16 .card__data {
        left: 555px; } }
  .multimedia .card--16 .card__meta_wrap {
    margin: 0;
    padding: 0; }
    @media screen and (min-width: 768px) {
      .multimedia .card--16 .card__meta_wrap {
        padding: 0 0 10px 0; } }
    .multimedia .card--16 .card__meta_wrap span {
      margin: 0; }
      .multimedia .card--16 .card__meta_wrap span:first-child {
        margin-right: 10px; }
  .multimedia .card--16 .card__figure {
    position: relative;
    float: left;
    margin: 0 0 20px 0; }
    @media screen and (min-width: 768px) {
      .multimedia .card--16 .card__figure {
        margin: 0 30px 0 0;
        width: 415px; } }
    @media screen and (min-width: 1024px) {
      .multimedia .card--16 .card__figure {
        width: 525px; } }
    .multimedia .card--16 .card__figure .photo {
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -35px 0 0 -35px;
      font-size: 38px;
      font-size: 3.8rem;
      color: #FFF;
      text-align: center;
      line-height: 78px; }
  .multimedia .card--16 .card__overtitle {
    margin: 0 0 15px 0;
    color: #828282; }
    @media screen and (min-width: 768px) {
      .multimedia .card--16 .card__overtitle {
        margin: 15px 0 5px 0; } }
  .multimedia .card--16 .card__title {
    color: #DDD; }
    @media screen and (min-width: 1024px) {
      .multimedia .card--16 .card__title {
        display: table;
        margin: 0 0 10px 0; } }
  .multimedia .card--16 .card__description {
    display: none; }
    @media screen and (min-width: 768px) {
      .multimedia .card--16 .card__description {
        display: block;
        font-family: "Merriweather", serif;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.6;
        font-weight: 400;
        color: #AAA; } }

.multimedia .multimedia__card .card__title {
  margin: 10px 0 0 0;
  color: #AAA;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 600; }
  @media screen and (min-width: 1024px) {
    .multimedia .multimedia__card .card__title {
      display: table; } }

.multimedia .multimedia__card .card__figure .photo {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 32px;
  height: 32px;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  color: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%; }
  .multimedia .multimedia__card .card__figure .photo i {
    position: relative;
    top: 7px;
    left: 9px; }

.multimedia .owl-controls {
  -webkit-tap-highlight-color: transparent; }

.multimedia .owl-nav {
  position: absolute;
  top: 50%;
  margin-top: -50px;
  width: 100%; }

.multimedia .owl-prev, .multimedia .owl-next {
  position: absolute;
  left: -45px;
  width: 34px;
  height: 34px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #DDD;
  background: #181818;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  transform: translateZ(0); }
  @media screen and (min-width: 768px) {
    .multimedia .owl-prev, .multimedia .owl-next {
      left: -60px; } }
  .multimedia .owl-prev i, .multimedia .owl-next i {
    position: relative;
    top: 7px;
    left: 8px; }

.multimedia .owl-next {
  left: auto;
  right: -45px;
  text-align: right; }
  @media screen and (min-width: 768px) {
    .multimedia .owl-next {
      right: -60px; } }
  .multimedia .owl-next i {
    position: relative;
    top: 7px;
    left: -8px; }

.columnists__wrap {
  padding: 0 0 40px 0;
  background: #DDD; }
  .posel_danes .columnists__wrap {
    clear: both;
    padding: 10px 5px 0; }
    @media screen and (min-width: 1024px) {
      .posel_danes .columnists__wrap {
        padding: 10px 10px 0; } }
  @media screen and (min-width: 768px) {
    .columnists__wrap .columnists__card_wrap {
      padding: 15px 10px 0; } }
  .columnists__wrap .card {
    margin: 0;
    height: 0;
    background: #F1F1F1; }
    .columnists__wrap .card__link {
      top: 20px;
      left: 15px; }
    .columnists__wrap .card--big {
      margin: 0 -5px;
      padding: 20px 15px 5px 15px;
      padding-bottom: 48.82353%; }
      @media screen and (min-width: 480px) {
        .columnists__wrap .card--big {
          padding-bottom: 29.41176%; } }
      @media screen and (min-width: 768px) {
        .columnists__wrap .card--big {
          margin: 0;
          padding-bottom: 50%; } }
      @media screen and (min-width: 1024px) {
        .columnists__wrap .card--big {
          margin: 0;
          padding-bottom: 40.90909%; } }
      .columnists__wrap .card--big .card__title {
        margin: 10px 0 0 0; }
        @media screen and (max-width: 359px) {
          .columnists__wrap .card--big .card__title {
            display: block;
            height: 78px;
            overflow: hidden; } }
        @media screen and (min-width: 1024px) {
          .columnists__wrap .card--big .card__title {
            font-size: 20px;
            font-size: 2rem; } }
      .columnists__wrap .card--big .card__meta_wrap {
        position: absolute;
        bottom: 5px;
        left: 145px; }
        @media screen and (min-width: 768px) {
          .columnists__wrap .card--big .card__meta_wrap {
            left: 120px; } }
        .columnists__wrap .card--big .card__meta_wrap span {
          font-size: 13px;
          font-size: 1.3rem;
          margin-right: 0; }
          .columnists__wrap .card--big .card__meta_wrap span:first-child {
            margin-right: 10px; }
    .columnists__wrap .card--small {
      padding: 10px; }
      @media screen and (min-width: 768px) {
        .columnists__wrap .card--small {
          padding-bottom: 109.09091%; } }
      @media screen and (min-width: 1024px) {
        .columnists__wrap .card--small {
          padding-bottom: 87.37864%; } }
      @media screen and (min-width: 1200px) {
        .columnists__wrap .card--small {
          padding-bottom: 88.23529%; } }
      .columnists__wrap .card--small .card__author {
        margin: 5px 15px 0 0; }
      .columnists__wrap .card--small .card__title {
        margin: 10px 5px 0; }
        @media screen and (min-width: 1024px) and (max-width: 1200px) {
          .columnists__wrap .card--small .card__title {
            display: block;
            height: 78px;
            overflow: hidden; } }
      .columnists__wrap .card--small .card__meta_wrap {
        position: absolute;
        bottom: 5px;
        left: 0;
        padding: 0 0 8px 5px; }
        @media screen and (min-width: 768px) {
          .columnists__wrap .card--small .card__meta_wrap {
            left: 0; } }
        .columnists__wrap .card--small .card__meta_wrap span {
          font-size: 13px;
          font-size: 1.3rem;
          margin-right: 0; }
          .columnists__wrap .card--small .card__meta_wrap span:first-child {
            margin-right: 10px; }
    .columnists__wrap .card--small_sidebar {
      height: auto;
      padding: 15px 20px 56px;
      margin: 0 0 10px; }
      @media screen and (min-width: 768px) {
        .columnists__wrap .card--small_sidebar {
          padding-bottom: 77.25322%; } }
      @media screen and (min-width: 1024px) {
        .columnists__wrap .card--small_sidebar {
          padding-bottom: 57.14286%; } }
      @media screen and (min-width: 768px) {
        .columnists__wrap .card--small_sidebar .card__link {
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          padding: 15px 20px 56px; } }
      .columnists__wrap .card--small_sidebar .card__author {
        margin: 14px 0 0;
        line-height: 20px;
        line-height: 2rem;
        font-weight: 900; }
      .columnists__wrap .card--small_sidebar .card__title {
        margin: 10px 0 0;
        line-height: 20px;
        line-height: 2rem; }
      .columnists__wrap .card--small_sidebar .card__meta_wrap {
        left: 20px;
        bottom: 13px;
        padding: 0;
        margin: 0; }
    .columnists__wrap .card__image {
      float: left;
      margin: 5px 15px 0 0;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%; }
    .columnists__wrap .card__author {
      display: table;
      margin: 0 15px 15px 15px;
      font-weight: 700;
      font-size: 13px;
      font-size: 1.3rem; }
    .columnists__wrap .card__title {
      display: table;
      margin: 0 15px;
      font-family: "Merriweather", serif;
      font-weight: 400;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.3; }

.columnists__slider_wrap {
  position: relative;
  margin: 45px 20px 0 20px; }
  .columnists__slider_wrap .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -42px;
    left: -10px;
    color: #AAA;
    background: #333;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 40px; }
    .columnists__slider_wrap .owl-nav .owl-prev i {
      position: relative;
      top: 2px; }
  .columnists__slider_wrap .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -42px;
    right: -10px;
    color: #AAA;
    background: #333;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 40px; }
    .columnists__slider_wrap .owl-nav .owl-next i {
      position: relative;
      top: 2px; }

.columnists__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.columnists__item {
  margin: 0 12px; }

.columnists__link {
  color: #000; }
  .columnists__link .card__img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }

.columnists__image {
  width: 148px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%; }

.columnists__name {
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 900; }

.columnists__heading {
  margin: 0;
  border-top: 1px solid rgba(116, 116, 116, 0.6);
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  color: #4a464a; }

.columnists__article_item {
  background: #F1F1F1; }

.columnists__article_wrap {
  margin: 15px 0;
  padding: 15px;
  background: #DDD; }
  .columnists__article_wrap .card {
    padding: 10px; }
    .columnists__article_wrap .card__link {
      position: relative;
      top: 10px;
      left: 10px;
      right: 10px; }
    .columnists__article_wrap .card__figure {
      width: 114px; }
    .columnists__article_wrap .card__img {
      float: left;
      margin: 5px 15px 0 0;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%; }
    .columnists__article_wrap .card__author {
      margin: 5px 15px 0 0; }
    .columnists__article_wrap .card__title {
      display: table;
      margin: 10px 20px 35px 0;
      font-family: "Merriweather", serif;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: 400;
      word-wrap: break-word; }
      @media screen and (min-width: 1200px) {
        .columnists__article_wrap .card__title {
          margin: 10px 0 40px 0;
          font-size: 18px;
          font-size: 1.8rem; } }
    .columnists__article_wrap .card__meta_wrap {
      position: absolute;
      bottom: 10px;
      left: 130px; }
      @media screen and (min-width: 768px) {
        .columnists__article_wrap .card__meta_wrap {
          position: absolute;
          padding: 0; } }
  .columnists__article_wrap .owl-nav .owl-prev, .columnists__article_wrap .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: -10px;
    color: #AAA;
    background: #333;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 40px; }
    .columnists__article_wrap .owl-nav .owl-prev i, .columnists__article_wrap .owl-nav .owl-next i {
      position: relative;
      top: 2px; }
  .columnists__article_wrap .owl-nav .owl-next {
    left: auto;
    right: -10px; }

@media screen and (min-width: 768px) {
  .columnists__article_item {
    margin: 0 20px 0 0; } }

.columnists__listing_list {
  margin: 30px 0; }

.columnists__listing_item {
  margin: 0 0 25px 0;
  text-align: center; }

.columnists__listing_avatar {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%; }

.columnists__listing_name {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #333333; }

.columnists__listing_description {
  margin: 10px 0 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  font-family: "Merriweather", serif;
  color: #ABABAB; }

.contestants__slider_wrap {
  position: relative;
  padding: 0 9px;
  margin: -20px 0 25px; }
  .contestants__slider_wrap .owl-nav .owl-prev {
    position: absolute;
    top: 78px;
    left: -14px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #fff;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 40px;
    color: #AAA;
    background: #333; }
    .contestants__slider_wrap .owl-nav .owl-prev i {
      position: relative;
      top: 2px; }
  .contestants__slider_wrap .owl-nav .owl-next {
    position: absolute;
    top: 78px;
    right: -14px;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 40px;
    color: #AAA;
    background: #333; }
    .contestants__slider_wrap .owl-nav .owl-next i {
      position: relative;
      top: 2px; }

.contestants__figure.not_active {
  position: relative; }
  .contestants__figure.not_active:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: url("../img/contestant_inactive.svg") no-repeat center center rgba(0, 0, 0, 0.5); }

.contestants__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.contestants__item {
  margin: 0 5px; }

.contestants__link {
  color: #000; }

.contestants__image {
  width: 100px; }

.contestants__name {
  margin: 8px 0 0;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-weight: 900; }

.search__wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  background: #433DA3;
  z-index: 9001;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }
  @media screen and (min-width: 1024px) {
    .search__wrap {
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%); } }
  .search__wrap.is_open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
    @media screen and (min-width: 1024px) {
      .search__wrap.is_open {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }

.search__logo {
  margin: 15px auto;
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  color: #FFF; }
  @media screen and (min-width: 1024px) {
    .search__logo {
      margin: 30px auto 20px;
      font-size: 38px;
      font-size: 3.8rem; } }

.search__close {
  position: absolute;
  right: 10px;
  top: 14px;
  display: block;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  font-size: 1.6rem; }
  @media screen and (max-width: 1023px) {
    .search__close {
      width: 29px;
      height: 26px;
      line-height: 32px;
      background: #342E84;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; } }
  @media screen and (min-width: 1024px) {
    .search__close {
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (min-width: 1024px) {
    .search__close:hover {
      font-size: 24px;
      font-size: 2.4rem; } }

.search__search_wrap {
  margin: 100px 0 30px 0; }

.search__search_form {
  margin: 0 15px;
  overflow: hidden;
  border-bottom: 1px solid #FFF; }
  @media screen and (min-width: 1024px) {
    .search__search_form {
      margin: 0; } }
  .search__search_form > div {
    overflow: hidden;
    padding-right: .5em; }

.search__search_input {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  color: #FFF;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 300; }
  @media screen and (min-width: 1024px) {
    .search__search_input {
      height: 46px;
      font-size: 26px;
      font-size: 2.6rem; } }
  .search__search_input:focus {
    outline: 0; }

.search__search_submit {
  float: right;
  background: transparent;
  border: 1px solid #FFF;
  border-width: 0 0 0 1px;
  color: #FFF;
  width: 40px;
  height: 32px;
  line-height: 38px;
  text-align: right;
  font-size: 22px;
  font-size: 2.2rem; }
  @media screen and (min-width: 1024px) {
    .search__search_submit {
      width: 50px;
      height: 46px;
      line-height: 50px;
      border: 0;
      font-size: 30px;
      font-size: 3rem;
      text-align: center; } }
  @media screen and (min-width: 1024px) {
    .search__search_submit:hover {
      font-size: 28px;
      font-size: 2.8rem; } }
  .search__search_submit:focus {
    outline: 0; }

.search_results__form {
  margin: 0;
  overflow: hidden; }
  .search_results__form_wrap {
    overflow: hidden;
    position: relative;
    margin: 10px 0;
    padding: 0 0 50px 0; }
    @media screen and (min-width: 768px) {
      .search_results__form_wrap {
        margin: 40px 0 30px 0;
        padding: 0; } }
    .search_results__form_wrap > div {
      overflow: hidden;
      padding-right: .5em; }
  .search_results__form_icon {
    float: left;
    margin-right: 10px;
    padding: 0 1px;
    color: #424193;
    font-size: 32px;
    font-size: 3.2rem; }
    @media screen and (min-width: 768px) {
      .search_results__form_icon {
        font-size: 40px;
        font-size: 4rem; } }
  .search_results__form_input {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #888;
    border-width: 0 0 1px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    color: #000;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600; }
    @media screen and (min-width: 768px) {
      .search_results__form_input {
        height: 46px;
        font-size: 26px;
        font-size: 2.6rem; } }
    .search_results__form_input:focus {
      outline: 0; }
  .search_results__form_submit {
    width: 190px;
    height: 36px;
    line-height: 38px;
    background: #727272;
    border: 0;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
    @media screen and (max-width: 767px) {
      .search_results__form_submit {
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-left: -95px; } }
    @media screen and (min-width: 768px) {
      .search_results__form_submit {
        float: right;
        margin: 5px 0 5px 10px; } }
    .search_results__form_submit:focus {
      outline: 0; }

.search_results__data_title {
  margin: 0 0 5px 0;
  color: #333;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 700; }

.search_results__data_item {
  display: inline-block;
  margin-right: 25px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  color: #727272; }
  @media screen and (max-width: 767px) {
    .search_results__data_item {
      display: block;
      margin: 0 0 5px 0; } }
  .search_results__data_item span {
    font-weight: 700;
    color: #4a464a; }
  .search_results__data_item_input {
    display: none; }

.search_results__data_label:hover {
  cursor: pointer;
  color: #4a464a; }

.filters__wrap {
  margin: 10px 0;
  padding: 10px 0;
  border: 1px solid #888;
  border-width: 1px 0; }

.filters__label {
  display: none;
  position: relative;
  margin-right: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 700; }
  @media screen and (min-width: 768px) {
    .filters__label {
      display: inline; } }
  .filters__label:before {
    position: absolute;
    right: 0;
    top: -4px;
    width: 22px;
    height: 20px;
    background: #FFF;
    content: " ";
    pointer-events: none; }
  .filters__label:after {
    content: "\e600";
    position: absolute;
    right: 0;
    top: -3px;
    padding: 4px;
    color: #4A484A;
    background: #F1F1F1;
    border: 0;
    font-size: 9px;
    font-size: 0.9rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    pointer-events: none; }
  .filters__label span {
    color: #333;
    text-transform: uppercase; }

.filters__select {
  padding: 0 20px 0 0;
  border: 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 700;
  color: #424193;
  background: transparent; }
  .filters__select:focus {
    outline: 0; }
  .filters__select:hover {
    cursor: pointer; }
  .no-touch .filters__select {
    padding: 0 10px 0 0; }

.select__placeholder {
  position: absolute;
  left: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase; }
  .select__placeholder .icon {
    position: relative; }
    .select__placeholder .icon:before {
      content: " ";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      background: #eee;
      width: 20px;
      height: 20px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      z-index: 1; }
    .select__placeholder .icon i {
      position: absolute;
      top: 50%;
      z-index: 2;
      font-size: 10px;
      font-size: 1rem; }
  .disabled .select__placeholder {
    color: #e3e3e3; }
  .selected .select__placeholder {
    color: #e3e3e3; }

.select__input {
  opacity: 0;
  font-size: 14px;
  width: 100%;
  height: 40px;
  padding: 0;
  border: 0;
  background: none; }

.button, .latest_articles__btn, .error_page__buttons a, .hotnews--landing .hotnews__refresh_btn, .dailyphoto--detail .dailyphoto__seeall {
  display: inline-block;
  margin: 0;
  padding: 0 40px;
  height: 36px;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #FFF;
  background: #424193;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 900; }

.action_buttons {
  margin-top: 15px;
  margin-bottom: 15px; }
  .action_buttons .grid-6:first-of-type {
    padding-left: 10px; }
  .action_buttons .grid-6:last-of-type {
    padding-right: 10px; }
  .action_buttons .btn {
    display: block;
    width: 100%;
    float: left;
    border-radius: 3px;
    background-color: #e7e7e7;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    line-height: 3rem;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    text-align: center;
    color: #413f93; }
    .action_buttons .btn.is_active {
      background-color: #413f93;
      color: white; }

.article__advertorial_widget {
  display: block;
  padding: 0 10px; }
  @media screen and (min-width: 768px) {
    .article__advertorial_widget {
      padding: 0; } }
  .article__advertorial_widget--title {
    padding-bottom: 9px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    line-height: 3rem;
    letter-spacing: 0.075em;
    text-transform: uppercase; }
    .article--negative .article__advertorial_widget--title {
      color: white; }
  .article__advertorial_widget--list {
    padding: 0;
    margin: 0;
    list-style-type: none; }
  .article__advertorial_widget--list_item {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0; }
    @media screen and (min-width: 768px) {
      .article__advertorial_widget--list_item {
        padding-top: 18px;
        padding-bottom: 18px; } }
    .article--negative .article__advertorial_widget--list_item {
      border-bottom: 1px solid #3f3f3f; }
    .article__advertorial_widget--list_item:first-of-type {
      padding-top: 0; }
    .article__advertorial_widget--list_item:last-of-type {
      border-bottom: 0; }
  .article__advertorial_widget_item--link {
    display: block; }
  .article__advertorial_widget_item--label {
    display: block;
    margin-bottom: 2px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
    line-height: 2rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #9e9e9e; }
  .article__advertorial_widget_item--text {
    display: block;
    padding-left: 115px; }
  .article__advertorial_widget_item--title {
    display: block;
    display: -webkit-box;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    letter-spacing: 0em;
    color: #3f3f3f;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 66px; }
    .article--negative .article__advertorial_widget_item--title {
      color: white; }
  .article__advertorial_widget_item--image {
    position: relative;
    display: block;
    float: left;
    width: 95px;
    height: 95px; }
    .article__advertorial_widget_item--image .pr {
      position: absolute;
      top: 5px;
      left: 5px;
      width: auto;
      height: 24px;
      background: #000;
      background: rgba(0, 0, 0, 0.6);
      color: #FFF;
      font-size: 11px;
      font-size: 1.1rem;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      border-radius: 100px;
      box-sizing: border-box;
      padding: 5px 9px 0;
      text-transform: uppercase; }
      .article__advertorial_widget_item--image .pr--euro_icon {
        width: 24px;
        font-size: 12px;
        font-size: 1.2rem; }
        .article__advertorial_widget_item--image .pr--euro_icon i {
          position: relative;
          top: -1px;
          left: -3px !important; }

.article_ss {
  display: none;
  margin-top: 30px; }
  @media screen and (min-width: 1024px) {
    .article_ss {
      display: block; } }
  .article_ss--list {
    display: block;
    padding: 0;
    margin: 0;
    list-style-type: none; }
  .article_ss--item {
    display: block;
    margin-bottom: 20px;
    width: 50%;
    float: left;
    text-align: center; }
    .article_ss--item.hide-lg {
      display: block; }
      @media screen and (min-width: 1024px) {
        .article_ss--item.hide-lg {
          display: none; } }
    .article_ss--item.show-lg {
      display: none; }
      @media screen and (min-width: 1024px) {
        .article_ss--item.show-lg {
          display: block; } }
  .article_ss_link {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: white; }
    .article_ss_link--facebook {
      background-color: #265999; }
      .article_ss_link--facebook span i,
      .article_ss_link--facebook i {
        position: relative;
        top: 7px;
        font-size: 22px;
        font-size: 2.2rem; }
    .article_ss_link--twitter {
      background-color: #00ace2; }
      .article_ss_link--twitter span i,
      .article_ss_link--twitter i {
        position: relative;
        top: 8px;
        font-size: 22px;
        font-size: 2.2rem; }
    .article_ss_link--google {
      background-color: #d14836; }
    .article_ss_link--linkedin {
      background-color: #0082b2; }
      .article_ss_link--linkedin span i,
      .article_ss_link--linkedin i {
        position: relative;
        top: 6px;
        font-size: 22px;
        font-size: 2.2rem; }
    .article_ss_link--pinterest {
      background-color: #BC191C; }
      .article_ss_link--pinterest span i,
      .article_ss_link--pinterest i {
        position: relative;
        top: 8px;
        font-size: 20px;
        font-size: 2rem; }
    .article_ss_link--messanger {
      background-color: #0083FF; }
      .article_ss_link--messanger span i,
      .article_ss_link--messanger i {
        position: relative;
        top: -1px;
        font-size: 24px;
        font-size: 2.4rem; }
    .article_ss_link--email {
      background-color: #354a5f; }
      .article_ss_link--email span i,
      .article_ss_link--email i {
        position: relative;
        top: 8px;
        font-size: 20px;
        font-size: 2rem; }
    .article_ss_link--viber {
      background-color: #59267c; }
      .article_ss_link--viber span i,
      .article_ss_link--viber i {
        position: relative;
        top: 7px;
        left: -1px;
        font-size: 22px;
        font-size: 2.2rem; }
  .article_ss .messenger {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #0083FF;
    font-size: 0; }
    .article_ss .messenger span {
      color: white;
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 40px;
      line-height: 4rem; }
    .article_ss .messenger:hover {
      cursor: pointer; }

.article_ss--mobile {
  position: sticky;
  position: -webkit-sticky;
  right: 0;
  z-index: 10;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  background-color: #212121;
  bottom: -1px;
  margin-top: 0; }
  @media screen and (min-width: 1024px) {
    .article_ss--mobile {
      display: none; } }
  .article_ss--mobile .article_ss--title {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    letter-spacing: 0em;
    color: white;
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center;
    padding-right: 10px;
    padding-left: 5px; }
    @media screen and (min-width: 768px) {
      .article_ss--mobile .article_ss--title {
        padding-right: 40px;
        text-align: right; } }
    .article_ss--mobile .article_ss--title .article__total_shares {
      padding-left: 0; }
      @media screen and (min-width: 479px) {
        .article_ss--mobile .article_ss--title .article__total_shares {
          padding-left: 25px; } }
    .article_ss--mobile .article_ss--title .icon-share {
      display: none; }
      @media screen and (min-width: 479px) {
        .article_ss--mobile .article_ss--title .icon-share {
          display: inline-block; } }
  .article_ss--mobile .article_ss_link {
    float: left;
    position: relative;
    width: 56px;
    height: 44px;
    border-radius: 0; }
    .article_ss--mobile .article_ss_link--facebook span i,
    .article_ss--mobile .article_ss_link--facebook i, .article_ss--mobile .article_ss_link--twitter span i,
    .article_ss--mobile .article_ss_link--twitter i, .article_ss--mobile .article_ss_link--linkedin span i,
    .article_ss--mobile .article_ss_link--linkedin i, .article_ss--mobile .article_ss_link--viber span i,
    .article_ss--mobile .article_ss_link--viber i, .article_ss--mobile .article_ss_link--more span i,
    .article_ss--mobile .article_ss_link--more i {
      position: relative;
      top: 10px;
      left: 18px; }
  .article_ss--mobile .article_ss--checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    visibility: hidden; }
  .article_ss--mobile .article_ss--btn_group {
    display: inline-block;
    float: left;
    width: 56px;
    height: 44px; }
    .article_ss--mobile .article_ss--btn_group:focus {
      outline: 0; }
  .article_ss--mobile .article_ss--btn_more {
    display: block;
    width: 56px;
    height: 44px;
    border-radius: 0;
    background-color: #212121;
    color: white; }
    .article_ss--mobile .article_ss--btn_more a {
      display: block;
      width: 100%;
      height: 100%; }
    .article_ss--mobile .article_ss--btn_more .icon {
      color: white;
      position: relative;
      top: 11px;
      left: 14px;
      font-size: 24px;
      font-size: 2.4rem; }
    .article_ss--mobile .article_ss--btn_more:focus {
      outline: 0; }
  .article_ss--mobile .article_ss--btns {
    flex-shrink: 0; }
  .article_ss--mobile .article_ss--header {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    padding-top: 14px; }
    .article_ss--mobile .article_ss--header .icon-siol-logo {
      font-size: 26px;
      font-size: 2.6rem;
      color: white; }
    .article_ss--mobile .article_ss--header .icon-x {
      color: white;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 26px;
      line-height: 2.6rem; }
    .article_ss--mobile .article_ss--header .article_ss--close {
      position: absolute;
      left: 6px;
      top: 10px;
      content: "";
      display: block;
      width: 26px;
      height: 26px;
      background: #342d84;
      border-radius: 2px; }
  .article_ss--mobile .article_ss_link--text,
  .article_ss--mobile .article_ss--expanding .messenger {
    display: block;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 53px;
    line-height: 5.3rem; }
  .article_ss--mobile .article_ss--expanding .messenger span {
    display: none; }

.article_ss--popup .mfp-close {
  display: none; }

.article_ss--popup .mfp-content {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  height: auto;
  text-align: left;
  z-index: 1045; }

.article_ss--popup.mfp-bg {
  background-color: #433ea3;
  opacity: 1; }

.article_ss--popup .article_ss--header {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  padding-top: 14px; }
  .article_ss--popup .article_ss--header .icon-siol-logo {
    font-size: 26px;
    font-size: 2.6rem;
    color: white; }
  .article_ss--popup .article_ss--header .icon-x {
    color: white;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px;
    line-height: 2.6rem; }
  .article_ss--popup .article_ss--header .article_ss--close {
    position: absolute;
    left: 6px;
    top: 10px;
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    background: #342d84;
    border-radius: 2px; }

.article_ss--popup .article_ss_link--text,
.article_ss--popup .article_ss--expanding .messenger {
  display: block;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 53px;
  line-height: 5.3rem; }

.article_ss--popup .article_ss--expanding .messenger span {
  display: none; }

.article_ss--popup .article_ss--title {
  display: block;
  padding-right: 0;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 28px;
  line-height: 2.8rem;
  text-transform: uppercase;
  color: white; }

.livecast__header .article_ss {
  display: none;
  margin-top: 0; }
  @media screen and (min-width: 1024px) {
    .livecast__header .article_ss {
      display: inline-block; } }
  .livecast__header .article_ss--item {
    margin-bottom: 0;
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 0; }
  .livecast__header .article_ss_link,
  .livecast__header .article_ss .messenger {
    width: 40px;
    height: 40px;
    border-radius: 0; }
  .livecast__header .article_ss_link--email span i,
  .livecast__header .article_ss_link--email i {
    top: 9px;
    left: 2px; }
  .livecast__header .article_ss_link--pinterest span i,
  .livecast__header .article_ss_link--pinterest i {
    font-size: 22px;
    font-size: 2.2rem;
    top: 9px;
    left: 2px; }
  .livecast__header .article_ss_link--twitter span i,
  .livecast__header .article_ss_link--twitter i,
  .livecast__header .article_ss_link--linkedin span i,
  .livecast__header .article_ss_link--linkdein i {
    top: 9px;
    font-size: 22px;
    font-size: 2.2rem; }
  .livecast__header .article_ss_link--facebook span i,
  .livecast__header .article_ss_link--facebook i {
    top: 10px;
    font-size: 20px;
    font-size: 2rem; }
  .livecast__header .article_ss_link--viber span i,
  .livecast__header .article_ss_link--viber i {
    top: 11px; }
  .livecast__header .article_ss .messenger i {
    position: relative;
    top: 3px; }

.article__related {
  box-sizing: border-box;
  display: block;
  margin: 5px 0 35px 0;
  border: 1px solid #e0e0e0; }
  @media screen and (min-width: 768px) {
    .article__related {
      margin: 8px 0 33px 0; } }
  @media screen and (min-width: 1024px) {
    .article__related {
      margin: 8px -30px 32px -30px; } }
  .article__related--photo_wrap {
    float: left; }
    .article__related--photo_wrap a {
      display: block;
      font-size: 0;
      line-height: 0; }
  .article__related--data_wrap {
    box-sizing: border-box;
    display: block;
    padding: 5px 0 0 116px; }
    @media screen and (min-width: 768px) {
      .article__related--data_wrap {
        padding: 16px 175px 0 265px; } }
  .article__related--overtitle,
  .article__related--overtitle a {
    display: block;
    margin-bottom: 3px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
    line-height: 2rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #424193; }
    @media screen and (min-width: 768px) {
      .article__related--overtitle,
      .article__related--overtitle a {
        margin-bottom: 6px; } }
  .article__related--lead_text,
  .article__related--lead_text a {
    display: -webkit-box;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    letter-spacing: 0em;
    color: #424193;
    max-height: 60px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      .article__related--lead_text,
      .article__related--lead_text a {
        margin-bottom: 18px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22px;
        line-height: 2.2rem;
        -webkit-line-clamp: 2;
        max-height: 44px; } }
  .article__related--meta {
    display: none;
    box-sizing: border-box;
    padding-left: 5px; }
    @media screen and (min-width: 768px) {
      .article__related--meta {
        display: block; } }
  .article__related .article__share_comments {
    margin-top: 18px;
    margin-bottom: 0; }

.article__gallery {
  display: block;
  width: 100%;
  height: auto; }
  .article__gallery--wrap {
    display: block;
    margin: 0 0 20px 0; }
    @media screen and (min-width: 768px) {
      .article__gallery--wrap {
        margin: 0 -30px 30px -30px; } }
    .article__gallery--wrap figure img {
      width: 100%;
      height: auto; }
    .article__gallery--wrap a {
      z-index: 2;
      display: block;
      width: 100%;
      height: 100%; }
    .article__gallery--wrap .article__figure_caption {
      display: flex;
      padding: 8px 15px 8px 15px; }
    .article__gallery--wrap .rsPlayBtnIcon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 48px;
      font-size: 4.8rem;
      color: white; }
      .article__gallery--wrap .rsPlayBtnIcon:before {
        content: "\e917";
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .article__gallery--wrap .rsPlayBtnIcon:hover {
        cursor: pointer; }
    .article__gallery--wrap .rsPlayBtn {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background-color: #212121;
      opacity: .6; }
    .article__gallery--wrap .article__figure_caption--counter {
      flex-shrink: 0;
      flex-grow: 0;
      padding: 4px 15px 0 0; }
    .article__gallery--wrap .article__figure_caption--description {
      padding-top: 3px; }
    .article__gallery--wrap .rsArrow {
      z-index: 10;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: block;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.6); }
    .article__gallery--wrap .rsArrowIcn {
      position: absolute;
      top: 13px;
      color: white;
      font-size: 24px;
      font-size: 2.4rem; }
    .article__gallery--wrap .rsArrowLeft {
      left: 14px; }
      @media screen and (min-width: 768px) {
        .article__gallery--wrap .rsArrowLeft {
          left: 20px; } }
      .article__gallery--wrap .rsArrowLeft .rsArrowIcn {
        left: 11px; }
        @media screen and (min-width: 768px) {
          .article__gallery--wrap .rsArrowLeft .rsArrowIcn {
            left: 13px; } }
        .article__gallery--wrap .rsArrowLeft .rsArrowIcn:before {
          content: "\e902"; }
    .article__gallery--wrap .rsArrowRight {
      right: 14px; }
      @media screen and (min-width: 768px) {
        .article__gallery--wrap .rsArrowRight {
          right: 20px; } }
      .article__gallery--wrap .rsArrowRight .rsArrowIcn {
        right: 10px; }
        @media screen and (min-width: 768px) {
          .article__gallery--wrap .rsArrowRight .rsArrowIcn {
            right: 12px; } }
        .article__gallery--wrap .rsArrowRight .rsArrowIcn:before {
          content: "\e601"; }

.article_gallery--inarticle {
  height: 0; }
  .article_gallery--inarticle.rsAutoHeight {
    height: auto; }

.js_stickyLiveHeader {
  transition: 0.2s top ease-out; }
  .js_stickyLiveHeader.header_is_hidden {
    top: 71px; }
    @media screen and (min-width: 1024px) {
      .js_stickyLiveHeader.header_is_hidden {
        top: 81px; } }
  .js_stickyLiveHeader.header_is_shown {
    top: 142px; }
    @media screen and (min-width: 1024px) {
      .js_stickyLiveHeader.header_is_shown {
        top: 152px; } }

.article .horizontal_divider {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e0e0e0; }
  @media screen and (max-width: 1023px) {
    .article .horizontal_divider.hidden_mobile {
      display: none; } }
  .article__related .article .horizontal_divider {
    display: none; }

.article__wrap {
  position: relative; }
  @media screen and (min-width: 768px) {
    .article__wrap {
      margin-bottom: 70px; } }
  @media screen and (min-width: 1024px) {
    .article__wrap {
      margin-bottom: 50px; } }
  @media screen and (min-width: 1200px) {
    .article__wrap {
      margin-bottom: 70px; } }

.article__body--sidebar {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 9 14px 0 14px; }
  @media screen and (min-width: 768px) {
    .article__body--sidebar {
      padding: 23px 0 0 0;
      border-bottom: 0; } }
  @media screen and (min-width: 1024px) {
    .article__body--sidebar {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      padding: 22px 0 0 0;
      width: 145px; } }
  @media screen and (min-width: 1200px) {
    .article__body--sidebar {
      padding: 34px 0 0 0; } }
  .article__body--sidebar .js_stickyElement {
    transition: 0.2s top ease-out; }
    @media screen and (min-width: 1024px) {
      .article__body--sidebar .js_stickyElement {
        position: static;
        position: sticky;
        position: -webkit-sticky;
        top: 0; } }
    .article--live .article__body--sidebar .js_stickyElement {
      top: 66px; }
    .article__body--sidebar .js_stickyElement.header_is_hidden {
      top: 102px; }
      .article--live .article__body--sidebar .js_stickyElement.header_is_hidden {
        top: 66px; }
    .article__body--sidebar .js_stickyElement.header_is_shown {
      top: 152px; }
      .article--live .article__body--sidebar .js_stickyElement.header_is_shown {
        top: 136px; }

.article__sidebar {
  box-sizing: border-box;
  margin-bottom: 10px;
  max-width: 600px; }
  @media screen and (min-width: 768px) {
    .article__sidebar {
      margin-bottom: 0; } }
  @media screen and (min-width: 1024px) {
    .article__sidebar {
      display: flex;
      max-width: none;
      padding: 21px 5px 0 5px; } }
  @media screen and (min-width: 1200px) {
    .article__sidebar {
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 10px;
      padding: 45px 0 0 0; } }
  .article__sidebar .js_stickyElement {
    transition: 0.2s top ease-out; }
    @media screen and (min-width: 1200px) {
      .article__sidebar .js_stickyElement {
        position: static;
        position: sticky;
        position: -webkit-sticky;
        top: 0; } }
  @media screen and (min-width: 1200px) and (-ms-high-contrast: active), screen and (min-width: 1200px) and (-ms-high-contrast: none) {
    .article__sidebar .js_stickyElement {
      position: relative !important;
      top: auto !important;
      right: auto !important;
      bottom: auto !important;
      left: auto !important;
      margin: auto !important; } }
    .article__sidebar .js_stickyElement.header_is_hidden {
      top: 102px; }
    .article__sidebar .js_stickyElement.header_is_shown {
      top: 152px; }
  .article__sidebar--column {
    box-sizing: border-box;
    padding: 0 5px;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1; }
    @media screen and (min-width: 1200px) {
      .article__sidebar--column {
        padding: 0; } }
    .article__sidebar--column:nth-of-type(1) {
      order: 1; }
    .article__sidebar--column:nth-of-type(2) {
      order: 3; }
      @media screen and (min-width: 1200px) {
        .article__sidebar--column:nth-of-type(2) {
          order: 2; } }
    .article__sidebar--column:nth-of-type(3) {
      order: 2; }
      @media screen and (min-width: 1200px) {
        .article__sidebar--column:nth-of-type(3) {
          order: 3; } }
  .article__sidebar .itis_widget--article {
    margin: 0 auto 20px auto; }
    .article__sidebar .itis_widget--article iframe {
      border: 0 !important; }

.article__body--content {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0; }
  @media screen and (min-width: 1024px) {
    .article__body--content {
      padding: 23px 75px 0 165px; } }
  @media screen and (min-width: 1200px) {
    .article__body--content {
      padding: 34px 0 0 165px; } }
  @media screen and (max-width: 1199px) {
    .article__body--content {
      min-height: auto !important; } }

.article__related .horizontal_divider {
  display: none; }

.article__related .divider--horizontal {
  height: 0; }
  @media screen and (min-width: 1200px) {
    .article__related .divider--horizontal {
      height: 9px; } }

.article__breadcrumbs {
  display: none;
  box-sizing: border-box;
  padding: 14px 0 11px 0;
  margin: 0 5px;
  width: auto;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 17px;
  line-height: 1.7rem;
  letter-spacing: 0em; }
  @media screen and (min-width: 1024px) {
    .article__breadcrumbs {
      display: block; } }

.article__breadcrumb {
  padding-left: 10px; }
  .article__breadcrumb .icon {
    position: relative;
    top: 1px;
    margin-right: 10px; }

.article__header {
  padding: 15px 14px 0 14px;
  margin-bottom: 19px;
  font-family: "Lato", sans-serif;
  color: #3f3f3f; }
  @media screen and (min-width: 768px) {
    .article__header {
      padding: 0 30px;
      margin-bottom: 24px; } }
  @media screen and (min-width: 1024px) {
    .article__header {
      margin-bottom: 28px; } }

.article__header--info {
  padding: 0 30px; }
  .article__header--info.hidden_desktop {
    display: block; }
    @media screen and (min-width: 1024px) {
      .article__header--info.hidden_desktop {
        display: none; } }

.article__overtitle {
  display: block;
  padding-bottom: 6px;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 28px;
  line-height: 2.8rem;
  letter-spacing: 0em;
  text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .article__overtitle {
      padding-bottom: 11px; } }

.article__title {
  display: block;
  margin: 0;
  padding: 0 0 11px 0;
  font-weight: 900;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 32px;
  line-height: 3.2rem;
  letter-spacing: 0em; }
  @media screen and (min-width: 768px) {
    .article__title {
      padding: 0 0 19px 0;
      font-size: 42px;
      font-size: 4.2rem;
      line-height: 52px;
      line-height: 5.2rem;
      letter-spacing: -0.025em; } }
  @media screen and (min-width: 1024px) {
    .article__title {
      padding: 0 0 20px 0; } }

.article__author {
  display: block;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 17px;
  line-height: 1.7rem;
  letter-spacing: 0em;
  padding-right: 70px;
  float: left; }
  @media screen and (min-width: 768px) {
    .article__author {
      padding-left: 5px; } }
  @media screen and (min-width: 1024px) {
    .article__author {
      float: none;
      padding-right: 0; } }
  @media screen and (min-width: 1024px) {
    .article__author .hidden_desktop {
      display: none; } }
  @media screen and (max-width: 1024px) {
    .article__author--columnist {
      padding-left: 40px; } }
  .article__author--image {
    position: absolute;
    left: 0;
    top: -8px;
    display: none;
    width: 32px;
    height: 32px; }
    .article__author--image img {
      width: 100%;
      height: 100%;
      border-radius: 50%; }
    @media screen and (max-width: 1024px) {
      .article__author--image.visible_mobile {
        display: block; } }

.article__publish_date, .article__update_date {
  display: inline;
  font-weight: normal;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 24px;
  line-height: 2.4rem;
  letter-spacing: 0em; }
  @media screen and (min-width: 768px) {
    .article__publish_date, .article__update_date {
      font-size: 14px;
      font-size: 1.4rem; } }
  .article__publish_date strong, .article__update_date strong {
    font-weight: 700; }
  @media screen and (min-width: 1024px) {
    .article__publish_date, .article__update_date {
      display: block; } }

@media screen and (max-width: 1023px) {
  .article__update_date {
    float: right; } }

@media screen and (min-width: 1024px) {
  .article__update_date strong {
    display: block; } }

.article__publish_date--day {
  display: block;
  text-transform: capitalize; }
  @media screen and (max-width: 1023px) {
    .article__publish_date--day {
      display: none; } }

.article__date {
  box-sizing: border-box;
  display: block;
  padding: 8px 14px 7px 14px;
  border-bottom: 1px solid #e0e0e0; }
  @media screen and (min-width: 768px) {
    .article__date {
      padding: 0px 30px 10px 30px;
      margin-bottom: 16px; } }
  @media screen and (min-width: 1024px) {
    .article__date {
      border-bottom: 0;
      margin-bottom: 0;
      padding: 0 0 23px 0; } }
  @media screen and (min-width: 1200px) {
    .article__date {
      padding-top: 3px; } }

@media screen and (min-width: 1024px) {
  .article__update_date {
    padding-top: 12px; } }

.article__pr_box {
  display: none;
  box-sizing: border-box;
  position: relative;
  padding: 27px 0px 25px 10px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  color: #212121; }
  @media screen and (min-width: 1024px) {
    .article__pr_box {
      display: block; } }
  .article__pr_box.hidden_desktop {
    display: block; }
    @media screen and (min-width: 1024px) {
      .article__pr_box.hidden_desktop {
        display: none; } }
  @media screen and (max-width: 1023px) {
    .article__body--content .article__pr_box {
      padding-top: 0;
      padding-left: 30px;
      padding-right: 30px;
      display: block; } }
  @media screen and (max-width: 767px) {
    .article__body--content .article__pr_box {
      padding-left: 14px;
      padding-right: 14px; } }
  .article__additional_info .article__pr_box {
    display: block;
    padding: 0px 14px 15px 14px; }
    @media screen and (min-width: 768px) {
      .article__additional_info .article__pr_box {
        padding: 0px 30px 15px 30px; } }
  .article__pr_box span {
    display: block;
    box-sizing: border-box;
    font-weight: 900;
    padding-left: 29px; }
  .article__pr_box p {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 10px;
    margin-bottom: 0; }
    @media screen and (max-width: 1023px) {
      .article__pr_box p {
        padding-left: 30px; } }
  .article__pr_box .icon-money {
    position: absolute;
    left: 11px;
    top: 28px;
    color: #9e9e9e;
    font-size: 16px;
    font-size: 1.6rem; }
    .article__body--content .article__pr_box .icon-money {
      top: 0px;
      left: 14px; }
      @media screen and (min-width: 768px) {
        .article__body--content .article__pr_box .icon-money {
          left: 30px; } }
  .article__pr_box--wrap {
    display: block; }
    @media screen and (min-width: 1024px) {
      .article__body--content .article__pr_box--wrap {
        display: none; } }

.article__additional_info.hidden_desktop {
  display: block;
  margin-top: -34px; }
  @media screen and (min-width: 1024px) {
    .article__additional_info.hidden_desktop {
      display: none; } }

.article__hotness--for_mobile {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  float: right;
  margin-top: -20px; }
  @media screen and (min-width: 1024px) {
    .article__hotness--for_mobile {
      display: none; } }

.article__hotness {
  position: relative;
  display: inline-block;
  height: 70px;
  padding: 20px 0 15px 0;
  margin-bottom: 36px; }
  .article__hotness--for_mobile .article__hotness {
    height: auto;
    padding: 0;
    margin-bottom: 0; }
  .article__hotness:hover {
    cursor: pointer; }
  @media screen and (max-width: 1023px) {
    .article__body--sidebar .article__hotness {
      display: none; } }
  .article__hotness .icon--info {
    display: inline-block;
    margin-right: 5px;
    text-align: center; }
    .article__hotness .icon--info i {
      font-size: 16px;
      font-size: 1.6rem;
      color: #9e9e9e;
      top: 0px;
      left: 0; }
  .article__hotness span {
    position: relative;
    top: -5px;
    left: -25px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #ABABAB; }
    .article__hotness--for_mobile .article__hotness span {
      font-size: 12px;
      font-size: 1.2rem;
      top: 0;
      left: 0; }
  .article__hotness i {
    position: relative;
    top: 10px;
    left: -15px;
    font-size: 48px;
    font-size: 4.8rem; }
    .article__hotness--for_mobile .article__hotness i {
      font-size: 34px;
      font-size: 3.4rem;
      margin-right: 0px;
      left: 5px; }
    .article__hotness i.xs {
      color: #0f8fcd; }
    .article__hotness i.s {
      color: #0fcdb2; }
    .article__hotness i.m {
      color: #F4A500; }
    .article__hotness i.l {
      color: #F66A00; }
    .article__hotness i.xl {
      color: #F01000; }
  .article__hotness p {
    padding-top: 23px;
    margin: 0;
    margin-top: -2px;
    color: #c0c0c0;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 24px;
    line-height: 2.4rem;
    letter-spacing: 0em;
    text-transform: uppercase; }
    .article__hotness--for_mobile .article__hotness p {
      display: none;
      padding-top: 0; }
    .article__hotness p span {
      margin: 0;
      top: 2px;
      left: 0; }
  .article__hotness_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1;
    cursor: pointer; }
    @media screen and (min-width: 1024px) {
      .article__hotness_overlay {
        display: none;
        z-index: -1; } }
    .article__hotness_overlay:hover {
      cursor: pointer; }

.article__hotness_description {
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 227px;
  padding: 17px;
  border: 1px solid #e7e7e7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 1; }
  .article__hotness_description p {
    display: block !important;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.6rem;
    text-transform: none;
    color: #070707; }
  .article__hotness_description:before {
    content: "";
    position: absolute;
    bottom: -9px;
    left: auto;
    right: 25px;
    width: 15px;
    height: 15px;
    border: 1px solid #e7e7e7;
    border-width: 0 1px 1px 0;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
    @media screen and (min-width: 1024px) {
      .article__hotness_description:before {
        left: 25px;
        right: auto; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .article__hotness_description {
      padding: 11px; } }
  @media screen and (min-width: 1024px) {
    .article__hotness_description {
      left: 0; } }
  @media screen and (min-width: 1200px) {
    .article__hotness_description {
      right: auto;
      left: 0px; }
      .article__hotness_description:before {
        right: auto;
        left: 50%;
        margin-left: -5px; } }
  @media screen and (min-width: 1024px) {
    .article__hotness_description {
      display: none; }
      .article__hotness:hover .article__hotness_description {
        display: block !important;
        visibility: visible !important; } }

.article__comments, .article__total_shares, .article__views {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  line-height: 2.4rem;
  color: #3f3f3f; }
  .article__comments .icon, .article__total_shares .icon, .article__views .icon {
    position: relative;
    top: 4px;
    padding-right: 9px;
    color: #9e9e9e;
    font-size: 16px;
    font-size: 1.6rem; }
    .article__related .article__comments .icon, .article__related .article__total_shares .icon, .article__related .article__views .icon {
      padding-right: 6px; }
    .article_ss--title .article__comments .icon, .article_ss--title .article__total_shares .icon, .article_ss--title .article__views .icon {
      top: 2px;
      color: white; }
  .article__related .article__comments, .article__related .article__total_shares, .article__related .article__views {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    color: #9e9e9e; }
  .article_ss--title .article__comments, .article_ss--title .article__total_shares, .article_ss--title .article__views {
    color: white; }
  .article__related .article__comments--text, .article__related .article__total_shares--text, .article__related .article__views--text {
    display: none; }
  .hidden_desktop .article__comments--text, .hidden_desktop .article__total_shares--text, .hidden_desktop .article__views--text {
    font-weight: 700; }
  .article__comments.hidden_desktop, .article__total_shares.hidden_desktop, .article__views.hidden_desktop {
    display: block;
    padding: 8px 14px 0px 14px;
    margin-bottom: -15px;
    text-align: right; }
    @media screen and (min-width: 768px) {
      .article__comments.hidden_desktop, .article__total_shares.hidden_desktop, .article__views.hidden_desktop {
        margin-bottom: 16px;
        padding: 0px 30px 10px 30px; } }
    @media screen and (min-width: 1024px) {
      .article__comments.hidden_desktop, .article__total_shares.hidden_desktop, .article__views.hidden_desktop {
        display: none; } }

.article__comments:hover {
  cursor: pointer; }

.article__share_comments {
  display: block;
  margin-top: 24px;
  margin-bottom: 23px; }
  @media screen and (max-width: 1023px) {
    .article__body--sidebar .article__share_comments {
      display: none; } }

.article_ss--title .article__total_shares {
  text-align: left;
  padding-left: 25px; }

.article__columnist {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 30px; }
  @media screen and (max-width: 1023px) {
    .article__columnist {
      display: none; } }
  .article__columnist figure {
    display: block;
    width: 80px;
    height: 80px;
    margin: 10px auto 4px auto; }
  .article__columnist img {
    border-radius: 50%; }
  .article__columnist--name {
    display: block;
    margin-bottom: 5px;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 36px;
    line-height: 3.6rem;
    color: #3f3f3f; }
    .article--negative .article__columnist--name {
      color: white; }
  .article__columnist--link {
    box-sizing: border-box;
    padding: 3px 20px;
    display: inline-block;
    background-color: #424193;
    color: white;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 24px;
    line-height: 2.4rem;
    text-transform: uppercase; }

.article__views {
  margin-bottom: 4px; }
  .article__views .icon {
    padding-right: 6px;
    font-size: 20px;
    font-size: 2rem; }

.article__related .article__comments {
  margin: 0;
  margin-right: 10px; }

.article__total_shares {
  margin-top: 4px; }
  .article__related .article__total_shares {
    margin: 0; }
  .article_ss--title .article__total_shares {
    margin: 0; }
  .article__related .article__total_shares .icon {
    top: 2px; }

.article__header_gallery {
  display: block;
  margin-bottom: 28px; }
  @media screen and (min-width: 768px) {
    .article__header_gallery {
      margin-bottom: 28px; } }
  @media screen and (min-width: 1200px) {
    .article__header_gallery {
      margin-bottom: 35px; } }
  .article__header_gallery figure {
    position: relative;
    display: block;
    font-size: 0;
    line-height: 0; }
  .article__header_gallery img {
    width: 100%;
    height: auto; }
  .article__header_gallery p {
    margin: 0;
    padding: 0;
    font-size: 0px;
    font-size: 0rem;
    line-height: 0px;
    line-height: 0rem; }
  .article__header_gallery .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    font-size: 4.8rem;
    color: white; }
    .article__header_gallery .icon:before {
      position: absolute;
      z-index: 2;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .article__header_gallery .icon:after {
      content: "";
      display: block;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background-color: #212121;
      opacity: 0.6; }
    .article__header_gallery .icon:hover {
      cursor: pointer; }

.article__figure_wrap:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.14); }

.article__figure_caption {
  display: block;
  padding: 11px 14px 10px 14px;
  border: 1px solid #e0e0e0;
  border-top: 0;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 17px;
  line-height: 1.7rem;
  color: #3f3f3f; }
  @media screen and (min-width: 768px) {
    .article__figure_caption {
      padding: 9px 15px 9px 30px; } }
  @media screen and (min-width: 1024px) {
    .article__figure_caption {
      padding: 8px 15px 10px 15px; } }
  .article__figure_caption--description {
    display: inline;
    margin-right: 6px; }
    .has_divider .article__figure_caption--description {
      margin-right: 12px; }
  .article__figure_caption--author {
    display: inline;
    position: relative; }
    .has_divider .article__figure_caption--author {
      padding-left: 15px; }
      .has_divider .article__figure_caption--author:before {
        content: "";
        position: absolute;
        left: 0;
        top: -1px;
        display: block;
        width: 1px;
        height: 15px;
        background-color: #e0e0e0; }
  .article__figure_caption--counter {
    font-weight: 900;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.02em; }
  @media screen and (min-width: 768px) {
    .ck_image_in_article .article__figure_caption {
      padding: 9px 15px 9px 14px; } }
  @media screen and (min-width: 1024px) {
    .ck_image_in_article .article__figure_caption {
      padding: 8px 15px 10px 15px; } }

.article__intro {
  margin-bottom: 20px;
  padding: 0 14px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 28px;
  line-height: 2.8rem;
  letter-spacing: 0em; }
  @media screen and (min-width: 768px) {
    .article__intro {
      padding: 0 30px; } }
  .thread__view .article__intro {
    margin-bottom: 50px; }

.article__main {
  padding: 0 14px;
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 2.8rem;
  letter-spacing: 0em;
  color: #3f3f3f; }
  @media screen and (min-width: 768px) {
    .article__main {
      padding: 0 30px; } }
  .article__main p {
    margin: 0;
    padding-bottom: 24px; }
  .article__main h2 {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 15px;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem; }
    @media screen and (min-width: 1024px) {
      .article__main h2 {
        padding-top: 15px; } }
    .lightbluebox .article__main h2,
    .lightredbox .article__main h2,
    .lightgraybox .article__main h2 {
      padding-top: 0;
      padding-bottom: 15px; }
  .article__main .ck_image_in_article {
    position: relative;
    display: block;
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .article__main .ck_image_in_article {
        margin-bottom: 6px; } }
    .article__main .ck_image_in_article img {
      display: block;
      font-size: 0; }
    .article__main .ck_image_in_article--right50 {
      margin-left: 30px; }
      @media screen and (min-width: 1024px) {
        .article__main .ck_image_in_article--right50 {
          margin-right: -30px; } }
    .article__main .ck_image_in_article--left50 {
      margin-right: 30px; }
      @media screen and (min-width: 1024px) {
        .article__main .ck_image_in_article--left50 {
          margin-left: -30px; } }
    .article__main .ck_image_in_article--left75 {
      margin-right: 30px; }
      @media screen and (min-width: 1024px) {
        .article__main .ck_image_in_article--left75 {
          margin-left: -30px; } }
    .article__main .ck_image_in_article--right75 {
      margin-left: 30px; }
      @media screen and (min-width: 1024px) {
        .article__main .ck_image_in_article--right75 {
          margin-right: -30px; } }
    @media screen and (min-width: 1024px) {
      .article__main .ck_image_in_article--full, .article__main .ck_image_in_article--right100, .article__main .ck_image_in_article--left100 {
        margin-left: -30px;
        margin-right: -30px; } }
  .article__main p > .ck_image_in_article {
    margin-bottom: 6px; }
  .article__main iframe[src*="facebook.com"] {
    max-width: 100%; }
  .article__main iframe {
    width: 100%;
    max-width: 100%; }
  .article__main .iframeWrapper {
    display: block;
    margin: 0 -14px;
    position: relative; }
    .article__main .iframeWrapper:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 56.25%; }
    .article__main .iframeWrapper > .ar_content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    @media screen and (min-width: 768px) {
      .article__main .iframeWrapper {
        margin: 0 -30px; } }
    .article__main .iframeWrapper iframe {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%; }
  .article__main blockquote {
    box-sizing: border-box;
    position: relative;
    display: block;
    margin: 0px -14px 45px -14px;
    padding: 0 10px 0 78px;
    font-family: "Merriweather", serif;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px;
    line-height: 2.6rem; }
    @media screen and (min-width: 768px) {
      .article__main blockquote {
        margin: 8px 0 45px 0;
        padding: 0 0 0 103px; } }
    @media screen and (min-width: 1024px) {
      .article__main blockquote {
        margin: 8px -30px 45px -30px; } }
    .article__main blockquote:before {
      position: absolute;
      left: 12px;
      top: 8px;
      content: "";
      display: block;
      width: 51px;
      height: 51px;
      border-radius: 50%;
      background-color: #aeaeae; }
      @media screen and (min-width: 768px) {
        .article__main blockquote:before {
          left: 0;
          top: 0;
          width: 81px;
          height: 81px; } }
    .article__main blockquote:after {
      position: absolute;
      left: 24px;
      top: 22px;
      display: block;
      content: "\e921";
      font-size: 24px;
      font-size: 2.4rem;
      color: white; }
      @media screen and (min-width: 768px) {
        .article__main blockquote:after {
          left: 20px;
          top: 20px;
          font-size: 40px;
          font-size: 4rem; } }
  .article__main hr {
    margin-bottom: 20px;
    background-color: #e0e0e0;
    height: 1px;
    border: 0; }
  .article__main table {
    width: 100%;
    margin-bottom: 20px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem; }
    .article__main table thead tr {
      background-color: #cdd9ec;
      color: #333333;
      border-bottom: 1px solid #b7c3d6; }
    .article__main table thead th {
      border-right: 1px solid #b7c3d6; }
    .article__main table tr {
      border-bottom: 1px solid #c8c8c8; }
      .article__main table tr:nth-of-type(even) {
        background-color: #fafafa; }
    .article__main table td, .article__main table th {
      padding: 14px 12px;
      border-right: 1px solid #c8c8c8; }
      .article__main table td:last-of-type, .article__main table th:last-of-type {
        border-right: 0px; }
    .article__main table td {
      color: #727272; }
      .article__main table td:first-of-type {
        color: #333333; }
    .article__main table p {
      padding-bottom: 0; }
  .article__main .tableWrapper {
    display: block;
    max-width: 100%;
    overflow-y: auto; }
  .article__main .lightbluebox,
  .article__main .lightredbox,
  .article__main .lightgraybox {
    box-sizing: border-box;
    display: block;
    padding: 32px 14px 32px 14px;
    margin: 0 -14px 20px -14px; }
    @media screen and (min-width: 768px) {
      .article__main .lightbluebox,
      .article__main .lightredbox,
      .article__main .lightgraybox {
        padding: 23px 30px 21px 30px;
        margin: 0 -30px 30px -30px; } }
    .article__main .lightbluebox p:last-of-type,
    .article__main .lightredbox p:last-of-type,
    .article__main .lightgraybox p:last-of-type {
      padding-bottom: 0; }
    .article__main .lightbluebox:after,
    .article__main .lightredbox:after,
    .article__main .lightgraybox:after {
      content: "";
      display: block;
      clear: both; }
    @media screen and (min-width: 1024px) {
      .article__main .lightbluebox .ck_image_in_article--right50, .article__main .lightbluebox .ck_image_in_article--right75,
      .article__main .lightredbox .ck_image_in_article--right50,
      .article__main .lightredbox .ck_image_in_article--right75,
      .article__main .lightgraybox .ck_image_in_article--right50,
      .article__main .lightgraybox .ck_image_in_article--right75 {
        margin-right: 0; } }
    @media screen and (min-width: 1024px) {
      .article__main .lightbluebox .ck_image_in_article--left50, .article__main .lightbluebox .ck_image_in_article--left75,
      .article__main .lightredbox .ck_image_in_article--left50,
      .article__main .lightredbox .ck_image_in_article--left75,
      .article__main .lightgraybox .ck_image_in_article--left50,
      .article__main .lightgraybox .ck_image_in_article--left75 {
        margin-left: 0; } }
    @media screen and (min-width: 1024px) {
      .article__main .lightbluebox .ck_image_in_article--full, .article__main .lightbluebox .ck_image_in_article--right100, .article__main .lightbluebox .ck_image_in_article--left100,
      .article__main .lightredbox .ck_image_in_article--full,
      .article__main .lightredbox .ck_image_in_article--right100,
      .article__main .lightredbox .ck_image_in_article--left100,
      .article__main .lightgraybox .ck_image_in_article--full,
      .article__main .lightgraybox .ck_image_in_article--right100,
      .article__main .lightgraybox .ck_image_in_article--left100 {
        margin-left: 0px;
        margin-right: 0px; } }
  .article__main .lightbluebox {
    background-color: #daf1ff; }
  .article__main .lightredbox {
    background-color: #fbebe9; }
  .article__main .lightgraybox {
    background-color: #dddddd; }
  .article__main ol,
  .article__main ul {
    padding: 0;
    padding-left: 25px;
    margin-top: 0px; }
    .article__main ol li,
    .article__main ul li {
      padding: 0 50px 14px 13px;
      padding-left: 13px; }

.article__video {
  display: block;
  margin: 0 -14px 32px -14px;
  font-size: 0; }
  @media screen and (min-width: 1024px) {
    .article__video {
      margin: 0 -30px 32px -30px; } }

.article__video_description {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 9px 17px 11px 17px;
  background-color: black;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 17px;
  line-height: 1.7rem;
  letter-spacing: 0em;
  color: #f1f1f1; }

.article__tags {
  display: block;
  margin-bottom: 33px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .article__tags {
      margin-bottom: 60px; } }
  @media screen and (min-width: 1024px) {
    .article__tags {
      margin-bottom: 53px; } }
  .article__tags--title {
    display: block;
    margin-bottom: 10px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
    line-height: 2.8rem;
    letter-spacing: 0em;
    text-transform: uppercase; }
  .article__tags--tag {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 7px;
    padding: 1px 14px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 2.8rem;
    background-color: #424193;
    color: white; }

.article__bellow {
  display: none; }
  @media screen and (min-width: 768px) {
    .article__bellow {
      display: block;
      padding: 0 78px; } }
  @media screen and (min-width: 1024px) {
    .article__bellow {
      padding: 0px 137px 0 240px; } }
  @media screen and (min-width: 1200px) {
    .article__bellow {
      padding: 0 70px 0 240px; } }
  .article__bellow--video {
    box-sizing: border-box;
    padding: 0 14px;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .article__bellow--video {
        padding: 0 20px 0 0;
        margin-bottom: 0;
        float: left;
        width: 50%; } }
    @media screen and (min-width: 1024px) {
      .article__bellow--video {
        padding: 0 28px 0 0; } }
    @media screen and (min-width: 1200px) {
      .article__bellow--video {
        padding: 0 20px 0 0; } }
    .article__bellow--video .grid-12 {
      right: 0;
      width: 100%;
      padding: 0; }
      .article__bellow--video .grid-12 .grid-12 {
        width: 100%;
        padding: 0; }
      .article__bellow--video .grid-12 .best_widget {
        width: 100%;
        padding-left: 0; }
        .article__bellow--video .grid-12 .best_widget:last-of-type {
          padding-left: 0; }

.article__related--articles {
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .article__related--articles {
      padding: 0 10px; } }
  @media screen and (min-width: 1024px) {
    .article__related--articles {
      padding: 0;
      margin-bottom: 51px; } }
  @media screen and (min-width: 768px) {
    .article__related--articles .card--25f {
      margin-top: 8px; } }
  @media screen and (min-width: 1200px) {
    .article__related--articles .card--25f {
      margin-top: 0; } }

@media screen and (min-width: 1024px) {
  .article__body--sidebar .article__date, .article__body--sidebar .article__hotness, .article__body--sidebar .article__share_comments {
    padding-left: 10px; } }

.article__additional .article__comments {
  box-sizing: border-box;
  display: block; }
  @media screen and (min-width: 768px) {
    .article__additional .article__comments {
      padding: 0 30px; } }
  @media screen and (min-width: 1024px) {
    .article__additional .article__comments {
      padding: 0 55px 0 165px;
      margin-bottom: 0px; } }
  @media screen and (min-width: 1200px) {
    .article__additional .article__comments {
      padding: 0 0 0 165px; } }

@media screen and (min-width: 1024px) {
  .article__additional .article__comments[min-height="1px"] {
    margin-bottom: 50px; } }

@media screen and (max-width: 1023px) {
  .article__body--sidebar .js_stickyElement {
    display: none; } }

.jw-skin-siol .jw-display-icon-container {
  width: 70px;
  height: 70px;
  background-color: rgba(0, 0, 0, 0.6);
  transition: 0.3s; }

.jw-skin-siol .jw-display-icon-container .jw-icon-display {
  background-color: transparent;
  border: 0px; }

.jw-state-idle .jw-icon-display:before {
  content: "\e917";
  top: 1px;
  left: 3px;
  position: relative; }

.jw-skin-siol .jw-display-icon-container .jw-icon-display:hover {
  background-color: black;
  color: white;
  border: 0; }

.article--negative {
  background-color: #333333; }
  .article--negative .horizontal_divider {
    background-color: #3f3f3f; }
  .article--negative .article__breadcrumbs {
    border-top: 1px solid #c0bfc5;
    border-bottom: 1px solid #c0bfc5;
    color: #999999; }
  .article--negative .article__breadcrumb {
    color: #999999; }
    .article--negative .article__breadcrumb .icon {
      color: #3f3f3f; }
  .article--negative .article__header {
    color: white; }
  .article--negative .article__overtitle {
    color: #e0e0e0; }
  .article--negative .article__publish_date, .article--negative .article__update_date {
    color: white; }
  .article--negative .article__hotness p {
    color: #9e9e9e; }
  .article--negative .article__comments, .article--negative .article__total_shares {
    color: white; }
  .article--negative .article__figure_caption {
    background-color: #212121;
    border: 1px solid #3f3f3f;
    color: #999999; }
  .article--negative .article__intro {
    color: white; }
  .article--negative .article__author a {
    color: white; }
  .article--negative .article__main {
    color: white; }
    .article--negative .article__main blockquote:before {
      background-color: #212121; }
    .article--negative .article__main .lightbluebox,
    .article--negative .article__main .lightredbox,
    .article--negative .article__main .lightgraybox {
      color: #212121; }
  .article--negative .article__tags--title {
    color: white; }
  .article--negative .article__pr_box {
    color: white; }

.livecast {
  padding: 0 14px; }
  @media screen and (min-width: 1024px) {
    .livecast {
      padding: 0 30px; } }
  .livecast__header {
    display: flex;
    align-items: center;
    width: auto;
    margin: 0px -14px;
    height: 40px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0; }
    @media screen and (min-width: 768px) {
      .livecast__header {
        margin: 0 -30px; } }
    .livecast__header--label {
      display: block;
      width: 50%;
      text-align: center;
      box-sizing: border-box;
      position: relative;
      font-family: "Lato", sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 24px;
      line-height: 2.4rem;
      font-weight: bold;
      text-transform: uppercase; }
      @media screen and (min-width: 1024px) {
        .livecast__header--label {
          display: inline-block;
          width: auto;
          text-align: left;
          padding: 2px 70px 0 26px;
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 28px;
          line-height: 2.8rem; } }
      @media screen and (min-width: 1024px) {
        .livecast__header--label:before {
          content: "";
          position: absolute;
          top: 6px;
          left: 0;
          display: block;
          width: 15px;
          height: 15px;
          border-radius: 50%;
          background-color: #ee7363; } }
      .livecast__header--label:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -8px;
        left: 0;
        right: 0;
        width: 100%;
        height: 2px;
        background-color: #424193; }
        @media screen and (min-width: 1024px) {
          .livecast__header--label:after {
            display: none; } }
  .livecast__comments--link {
    position: relative;
    display: block;
    width: 50%;
    box-sizing: border-box;
    margin-left: auto;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    text-align: center;
    text-transform: uppercase; }
    @media screen and (min-width: 1024px) {
      .livecast__comments--link {
        padding: 11px 14px 0px 14px;
        width: auto;
        height: 40px;
        background-color: #424193;
        color: white;
        line-height: 20px;
        line-height: 2rem; } }
    .livecast__comments--link.hidden_desktop {
      display: block; }
      @media screen and (min-width: 1024px) {
        .livecast__comments--link.hidden_desktop {
          display: none; } }
    .livecast__comments--link.hidden_mobile {
      display: none; }
      @media screen and (min-width: 1024px) {
        .livecast__comments--link.hidden_mobile {
          display: block; } }
    .livecast__comments--link:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: -8px;
      bottom: 0;
      height: 40px;
      width: 1px;
      background-color: #e0e0e0; }
      @media screen and (min-width: 1024px) {
        .livecast__comments--link:before {
          display: none; } }
  .livecast_aside {
    border-top: 1px solid #e0e0e0; }
    @media screen and (min-width: 1200px) {
      .livecast_aside {
        padding-left: 10px; } }
    .livecast_aside--mobile {
      border: 0; }
      @media screen and (min-width: 768px) {
        .livecast_aside--mobile {
          display: none; } }
      @media screen and (min-width: 1024px) and (max-width: 1199px) {
        .livecast_aside--mobile {
          display: block; } }
    .livecast_aside__heading {
      margin: 19px 0 15px 0;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 36px;
      line-height: 3.6rem;
      letter-spacing: 0em;
      color: #333333; }
    .livecast_aside__list {
      position: relative;
      padding: 0;
      margin: 0; }
    .livecast_aside__item {
      position: relative;
      margin: 0 0 20px 0;
      padding-bottom: 23px; }
      .livecast_aside__item:hover {
        cursor: pointer; }
      .livecast_aside__item:before {
        display: block;
        content: " ";
        position: absolute;
        left: 8px;
        bottom: -11px;
        width: 1px;
        height: 30px;
        background: #e0e0e0; }
      .livecast_aside__item.last:before {
        display: none; }
    .livecast_aside__link {
      text-decoration: none; }
    .livecast_aside__time {
      box-sizing: border-box;
      position: relative;
      padding-left: 25px;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 900;
      color: #333333; }
      .livearticle_feed__item--highlight .livecast_aside__time {
        color: #d76a5c; }
      .livecast_aside__time:before {
        display: block;
        content: " ";
        position: absolute;
        top: -2px;
        left: 1px;
        bottom: 50px;
        width: 15px;
        height: 15px;
        background: #b3b3d4;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%; }
        .livearticle_feed__item--highlight .livecast_aside__time:before {
          background: #d76a5c; }
    .livecast_aside__title {
      margin: 0;
      padding-top: 3px;
      font-family: "Lato", sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 20px;
      line-height: 2rem;
      color: #333333; }
  .livecast__list {
    padding: 0;
    margin: 8px 0 0 0;
    list-style-type: none; }
    @media screen and (min-width: 1024px) {
      .livecast__list {
        margin: 40px 0 0 0;
        padding: 0 10px 0 0; } }
  .livecast__item {
    position: relative;
    margin-bottom: 12px; }
    @media screen and (min-width: 1024px) {
      .livecast__item {
        margin-bottom: 25px; } }
  .livecast__published {
    display: block;
    padding-top: 16px;
    width: 100%;
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 2.8rem; }
    @media screen and (min-width: 1024px) {
      .livecast__published {
        float: left;
        width: 105px; } }
    .livecast__published_date {
      position: relative;
      padding: 0 5px 0 23px;
      font-weight: 700; }
      @media screen and (min-width: 1024px) {
        .livecast__published_date {
          display: block;
          padding: 0; } }
      .livecast__published_date:before {
        display: block;
        content: " ";
        position: absolute;
        top: -1px;
        left: 0px;
        width: 14px;
        height: 14px;
        background: #d76a5c;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%; }
        @media screen and (min-width: 1024px) {
          .livecast__published_date:before {
            display: none; } }
    .livecast__published_time {
      font-weight: 400;
      color: #999999; }
      @media screen and (min-width: 1024px) {
        .livecast__published_time {
          display: block;
          color: #3f3f3f; } }
  .livecast__content {
    display: block;
    box-sizing: border-box;
    padding-top: 2px; }
    @media screen and (min-width: 1024px) {
      .livecast__content {
        padding-left: 145px;
        padding-top: 16px; } }
    @media screen and (min-width: 1024px) {
      .livecast__content:before {
        content: "";
        display: block;
        position: absolute;
        top: 23px;
        left: 115px;
        width: 1px;
        height: 97px;
        background-color: #e0e0e0; } }
  .livecast__title {
    margin: 0;
    font-family: "Merriweather", serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem; }
  .livecast__text {
    font-family: "Merriweather", serif;
    font-weight: 400;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 2.8rem; }
    .livecast__text iframe {
      max-width: 100%; }
  .livecast__read_more {
    display: none;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 24px;
    line-height: 2.4rem;
    text-transform: uppercase;
    color: #999999; }
  .livecast__item:nth-child(n + 3) .livecast__text {
    display: none; }
    @media screen and (min-width: 1024px) {
      .livecast__item:nth-child(n + 3) .livecast__text {
        display: block; } }
  .livecast__item:nth-child(n + 3) .livecast__read_more {
    display: block; }
    @media screen and (min-width: 1024px) {
      .livecast__item:nth-child(n + 3) .livecast__read_more {
        display: none; } }

.nano > .nano-pane > .nano-slider {
  background: #e0e0e0; }

.banner {
  margin: 0 auto;
  text-align: center; }
  .banner #aditionAds_billboardTop {
    font-size: 0;
    line-height: 0; }
    @media screen and (min-width: 1024px) {
      .banner #aditionAds_billboardTop {
        margin: 0 0 20px 0; }
        .fold__homepage--intro .banner #aditionAds_billboardTop,
        .fold__section_banner .banner #aditionAds_billboardTop {
          margin: 0; } }
    @media screen and (min-width: 1024px) {
      .banner__article .banner #aditionAds_billboardTop {
        margin: 0 0 35px 0; } }
    @media screen and (min-width: 1200px) {
      .banner__article .banner #aditionAds_billboardTop {
        margin: 0 0 20px 0; } }
  .banner #aditionAds_leaderboardTop {
    font-size: 0;
    line-height: 0; }
    @media screen and (max-width: 1023px) {
      .banner #aditionAds_leaderboardTop {
        margin: 0 0 20px 0; }
        .fold__homepage--intro .banner #aditionAds_leaderboardTop,
        .fold__section_banner .banner #aditionAds_leaderboardTop {
          margin: 0; } }
    @media screen and (max-width: 1023px) {
      .banner__article .banner #aditionAds_leaderboardTop {
        margin: 0 0 35px 0; } }
    @media screen and (max-width: 1199px) {
      .banner__article .banner #aditionAds_leaderboardTop {
        margin: 0 0 20px 0; } }
  .banner #aditionAds_halfRectTop {
    margin: 15px 0 0 0; }
    @media screen and (min-width: 768px) {
      .banner #aditionAds_halfRectTop {
        margin: 10px 0; }
        .column_sidebar .banner #aditionAds_halfRectTop {
          margin: 0; } }
    .column_sidebar .banner #aditionAds_halfRectTop {
      margin: 0; }
  .article .column_sidebar .banner #aditionAds_halfRectTop div[id^="adBanner_"] {
    margin: 0 0 25px !important; }
  @media screen and (min-width: 1024px) {
    .article .column_sidebar .banner #aditionAds_halfRectTop {
      margin: 0 !important; } }
  .banner__article #aditionAds_billboardTop {
    font-size: 0;
    line-height: 0; }
    @media screen and (min-width: 1024px) {
      .banner__article #aditionAds_billboardTop {
        margin: 0 0 35px 0; } }
    @media screen and (min-width: 1200px) {
      .banner__article #aditionAds_billboardTop {
        margin: 0 0 20px 0; } }
  @media screen and (max-width: 767px) {
    .banner #aditionAds_rectangleMiddle {
      margin: 15px auto 0 auto; }
      .posel_danes .banner #aditionAds_rectangleMiddle,
      .avtomoto .banner #aditionAds_rectangleMiddle {
        margin: 0; }
        .posel_danes .banner #aditionAds_rectangleMiddle > div,
        .avtomoto .banner #aditionAds_rectangleMiddle > div {
          margin: 0 auto 15px !important; }
      .fold__homepage_banner .banner #aditionAds_rectangleMiddle {
        margin: 0; }
        .fold__homepage_banner .banner #aditionAds_rectangleMiddle > div {
          margin: 20px auto 5px auto !important; } }
  .banner #aditionAds_rectangleBottom {
    margin: 10px 0 15px 0; }
    @media screen and (min-width: 768px) {
      .banner #aditionAds_rectangleBottom {
        margin: 15px 0; } }
    @media screen and (min-width: 768px) {
      .banner__homepage .banner #aditionAds_rectangleBottom {
        margin: 0; } }
  @media screen and (min-width: 768px) {
    .banner.banner__homepage #aditionAds_rectangleBottom {
      margin: 0; } }
  @media screen and (max-width: 767px) {
    .banner.contribution_banner #aditionAds_rectangleMiddle {
      margin: 0px auto 15px auto; } }
  .banner--rectangle {
    margin: 0 auto;
    width: 300px;
    min-height: 250px;
    background: #f7f7f7;
    font-size: 0; }
  .banner--halfpage {
    margin: 0 auto;
    width: 300px;
    min-height: 600px;
    background: #f7f7f7;
    font-size: 0; }
  .banner--leaderboard {
    margin: 0 0 20px 10px;
    min-height: 90px;
    font-size: 0; }
  .banner--12media {
    margin: 20px 0 0 0 !important; }
    @media screen and (min-width: 768px) {
      .banner--12media {
        margin: 0 !important; } }
  .banner--wallpaper {
    position: fixed;
    top: 0;
    left: 50%;
    width: 1920px;
    margin-left: -960px; }

.column_sidebar .iframe_ad_render iframe {
  width: auto; }

.iframe_ad_render {
  clear: both;
  position: relative;
  text-align: center; }
  .iframe_ad_render iframe {
    display: inline-block; }
  .iframe_ad_render iframe.countdown,
  .iframe_ad_render iframe[src*="count"] {
    width: 100%; }
  .iframe_ad_render .special_link {
    display: block;
    margin: 10px auto 0 auto; }
  .iframe_ad_render--subsection {
    margin: 0 0 20px 0;
    padding-bottom: 100%; }
    @media screen and (min-width: 1200px) {
      .iframe_ad_render--subsection {
        overflow: hidden;
        position: relative;
        height: 0;
        padding: 0;
        margin: 0 0 20px 0;
        padding-bottom: 69.67033%; } }
    .iframe_ad_render--subsection iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .iframe_ad_render--subsection_promet {
      margin-bottom: 10px; }
      .iframe_ad_render--subsection_promet iframe {
        display: block; }
  .iframe_ad_render--article {
    margin: 0 10px 15px 10px; }
    @media screen and (min-width: 768px) {
      .iframe_ad_render--article {
        margin: 0 0 15px 0; } }

.posel_danes .banner--bizi {
  margin: 0 0 30px;
  text-align: center; }
  .posel_danes .banner--bizi img {
    vertical-align: top;
    max-width: 100%;
    height: auto; }

.posel_danes .banner #aditionAds_halfRectTop {
  margin: 0; }

.posel_danes .section__article_ .banner--bizi {
  padding: 0 0 30px;
  border-bottom: 1px solid #e0e0e0;
  margin: 30px 0 25px; }

.dom-in-vrt .banner--bizi {
  margin: 0 0 20px;
  text-align: center; }
  .dom-in-vrt .banner--bizi a {
    display: block; }
  .dom-in-vrt .banner--bizi img {
    vertical-align: top;
    max-width: 100%;
    height: auto; }

.ugc .banner_desk {
  display: none; }
  @media screen and (min-width: 1200px) {
    .ugc .banner_desk {
      display: inline-block; } }

.ugc .banner_tab {
  display: none; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .ugc .banner_tab {
      display: inline-block; } }

.ugc .banner_mob {
  display: none; }
  @media screen and (max-width: 767px) {
    .ugc .banner_mob {
      display: inline-block; } }

.biggest_loser .banner #aditionAds_halfRectTop,
.fittest_family .banner #aditionAds_halfRectTop {
  margin: 0; }
  .biggest_loser .banner #aditionAds_halfRectTop > div,
  .fittest_family .banner #aditionAds_halfRectTop > div {
    margin: 0 !important; }

.fold__homepage .column_sidebar .banner {
  display: block;
  width: 100%;
  padding: 0 5px;
  float: left;
  box-sizing: border-box;
  margin-top: 15px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .fold__homepage .column_sidebar .banner {
      width: 33.33%;
      min-width: 300px;
      padding: 0; } }
  @media screen and (min-width: 1200px) {
    .fold__homepage .column_sidebar .banner {
      clear: both;
      float: none;
      width: 100%;
      padding: 0;
      padding-left: 0px;
      margin: 0;
      margin-top: 0; } }

.fold__homepage .column_sidebar #aditionAds_halfRectTop {
  margin: 0; }
  @media screen and (min-width: 768px) {
    .fold__homepage .column_sidebar #aditionAds_halfRectTop {
      margin: 0; } }

@media screen and (min-width: 1024px) {
  .fold__section_banner {
    margin-bottom: 20px;
    margin-top: 20px; } }

.fold__section_banner--mobile {
  margin-top: 15px;
  margin-bottom: 15px; }
  .fold__section_banner--mobile #aditionAds_rectangleMiddle {
    margin: 0; }
  @media screen and (min-width: 768px) {
    .fold__section_banner--mobile {
      margin-bottom: 0;
      margin-top: 0; } }

@media screen and (min-width: 768px) {
  .section--landing_page .banner #aditionAds_billboardTop {
    margin: 0; }
  .section--landing_page .banner #aditionAds_leaderboardTop > div {
    margin-bottom: 10px !important; }
  .section--landing_page .banner #aditionAds_halfRectTop > div {
    margin-bottom: 15px !important; } }

@media screen and (min-width: 1024px) {
  .section--landing_page .banner #aditionAds_billboardTop > div {
    margin-bottom: 0 !important; }
  .section--landing_page .banner #aditionAds_leaderboardTop {
    margin: 0; } }

.section--landing_page .column_sidebar .banner {
  display: block;
  width: 100%;
  float: left;
  padding: 0 5px;
  box-sizing: border-box;
  clear: none; }
  @media screen and (min-width: 768px) {
    .section--landing_page .column_sidebar .banner {
      width: 33.33%;
      min-width: 310px;
      padding: 0 5px; } }
  @media screen and (min-width: 1200px) {
    .section--landing_page .column_sidebar .banner {
      clear: both;
      float: none;
      width: 100%;
      padding: 0;
      padding-left: 0px;
      margin: 0;
      margin-top: 0; } }

.section--landing_page .column_sidebar #aditionAds_halfRectTop {
  margin: 0; }
  @media screen and (min-width: 768px) {
    .section--landing_page .column_sidebar #aditionAds_halfRectTop {
      margin: 0; } }

.column_sidebar .banner {
  clear: both; }

.article__sidebar .banner--bizi {
  margin-bottom: 16px; }
  @media screen and (min-width: 768px) {
    .article__sidebar .banner--bizi {
      margin-bottom: 27px; } }

.article__banner {
  display: block; }
  .article__banner div {
    display: block;
    text-align: center;
    float: none; }
  .article__banner #aditionAds_inreadVideo[min-height="1"] {
    margin: 0px auto 20px auto; }
    .article__banner #aditionAds_inreadVideo[min-height="1"] > div {
      margin: 0; }
  .article__banner--bellow div {
    text-align: center;
    margin: 0px auto 33px auto; }
    @media screen and (min-width: 768px) {
      .article__banner--bellow div {
        margin-bottom: 60px; } }
    @media screen and (min-width: 1024px) {
      .article__banner--bellow div {
        margin-bottom: 53px; } }
  .article__banner.is_hidden {
    display: none; }

.banner__article {
  font-size: 0px;
  font-size: 0rem;
  line-height: 0px;
  line-height: 0rem; }
  .banner__article #aditionAds_articleBottom[min-height="1"] {
    margin: 0 auto; }
    .banner__article #aditionAds_articleBottom[min-height="1"] img {
      margin: 0 !important; }
  .banner__article #aditionAds_rectangleMiddle {
    margin: 0px auto; }
    @media screen and (max-width: 767px) {
      .banner__article #aditionAds_rectangleMiddle > div[min-height="1"] {
        margin: 0 auto 30px auto !important; }
        .posel_danes .banner__article #aditionAds_rectangleMiddle > div[min-height="1"],
        .avtomoto .banner__article #aditionAds_rectangleMiddle > div[min-height="1"] {
          margin: 0 auto 30px auto !important; } }
  .banner__article #aditionAds_rectangleBottom {
    margin: 0px auto; }
    @media screen and (max-width: 767px) {
      .banner__article #aditionAds_rectangleBottom > div[min-height="1"] {
        margin: 0 auto 30px auto !important; }
        .posel_danes .banner__article #aditionAds_rectangleBottom > div[min-height="1"],
        .avtomoto .banner__article #aditionAds_rectangleBottom > div[min-height="1"] {
          margin: 0 auto 30px auto !important; } }

@media screen and (min-width: 1024px) {
  .article__sidebar--column .banner--sidebar #aditionAds_halfRectTop[min-height="1px"] {
    margin-bottom: 20px; } }

.best_widget {
  padding: 0 10px;
  margin-bottom: 20px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .section--landing_page .best_widget {
      margin-top: 19px;
      margin-bottom: 0; } }
  .section--landing_page .best_widget {
    margin-bottom: 0; }
  .article__sidebar .best_widget {
    margin-bottom: 32px; }
    @media screen and (min-width: 1200px) {
      .article__sidebar .best_widget {
        margin-top: 34px; } }
  .article__bellow .best_widget {
    box-sizing: border-box; }
    @media screen and (min-width: 768px) {
      .article__bellow .best_widget {
        width: 50%;
        float: left;
        padding-right: 27px; } }
  .article__bellow--video .best_widget {
    width: 100%; }
  .article__bellow .best_widget:last-of-type {
    padding: 0 14px;
    padding-right: 14px; }
    @media screen and (min-width: 768px) {
      .article__bellow .best_widget:last-of-type {
        padding-right: 0;
        padding-left: 27px; } }
  .article__bellow--video .best_widget:last-of-type {
    padding: 0; }
  .article__bellow .best_widget:last-of-type:after {
    right: 0; }
    @media screen and (min-width: 768px) {
      .article__bellow .best_widget:last-of-type:after {
        left: 27px; } }
  @media screen and (min-width: 768px) {
    .article__bellow--video .best_widget:last-of-type:after {
      left: 0px; } }
  @media screen and (min-width: 768px) {
    .best_widget {
      padding: 0;
      margin-bottom: 0; } }
  @media screen and (min-width: 1200px) {
    .best_widget {
      padding: 0 10px 0 13px;
      margin-bottom: 20px;
      height: 445px; }
      .article__bellow .best_widget {
        height: 389px; } }
  .best_widget--label {
    display: inline-block;
    padding: 0;
    margin-bottom: 6px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    letter-spacing: 0em;
    color: #212121;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      .best_widget--label {
        margin-top: 16px; } }
    .best_widget--images .best_widget--label,
    .article__bellow .best_widget--label {
      padding: 0;
      padding-bottom: 9px;
      margin: 0;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 30px;
      line-height: 3rem;
      letter-spacing: 0.075em;
      background-color: transparent;
      color: #3f3f3f; }
      .article--negative .best_widget--images .best_widget--label, .article--negative
      .article__bellow .best_widget--label {
        color: white; }
  .best_widget .divider {
    display: none;
    width: 100%;
    height: 2px !important;
    background-color: #413f93 !important; }
    .article--negative .best_widget .divider {
      background-color: #3f3f3f !important; }
  .best_widget--list {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .best_widget--list_item, .best_widget--list_item_link {
    position: relative;
    color: #212121;
    display: block;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
    letter-spacing: 0.01em; }
    .article--negative .best_widget--list_item, .article--negative .best_widget--list_item_link {
      color: white; }
  .best_widget--list_item_link {
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    max-height: 60px; }
  .best_widget--list_item {
    padding: 8px 30px 8px 0;
    border-bottom: 1px solid #e0e0e0; }
    @media screen and (min-width: 1024px) {
      .best_widget--list_item {
        padding: 12px 30px 12px 0; } }
    .article--negative .best_widget--list_item {
      border-bottom: 1px solid #3f3f3f; }
    .best_widget--list_item:last-of-type {
      border-bottom: 0; }

.best_widget--with_icons {
  box-sizing: border-box;
  padding: 0 10px 0 13px; }
  @media screen and (min-width: 768px) {
    .best_widget--with_icons {
      padding: 0 0 0 4px; } }
  @media screen and (min-width: 1200px) {
    .best_widget--with_icons {
      padding: 0 9px; } }
  @media screen and (max-width: 767px) {
    .section--landing_page .best_widget--with_icons {
      margin-bottom: 20px;
      margin-top: 0; } }
  .best_widget--with_icons .best_widget--list_item {
    min-height: 35px;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .best_widget--hotness .best_widget--with_icons .best_widget--list_item {
      min-height: 50px; }
  .best_widget--with_icons .best_widget--list_item_link {
    padding-left: 41px;
    max-height: 40px; }
    .best_widget--with_icons .best_widget--list_item_link.best_widget--hotness {
      padding-left: 0;
      margin-left: 41px; }
  .best_widget--with_icons .best_widget--title {
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: auto;
    max-height: 40px; }
    .article--negative .best_widget--with_icons .best_widget--title {
      color: white; }
  .best_widget--with_icons .best_widget--label {
    margin: 0 0 8px;
    padding: 0; }
    @media screen and (min-width: 768px) {
      .best_widget--with_icons .best_widget--label {
        margin: 16px 0 8px; } }
  .best_widget--with_icons .best_widget--icon {
    position: absolute;
    left: 1px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #afafaf; }
  .best_widget--with_icons .icon-play:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-size: 2.4rem;
    color: white; }

.best_widget--hotness {
  padding: 0 10px; }
  @media screen and (min-width: 768px) {
    .best_widget--hotness {
      padding: 0; } }
  @media screen and (min-width: 1200px) {
    .best_widget--hotness {
      padding: 0 4px; } }
  @media screen and (max-width: 767px) {
    .section--landing_page .best_widget--hotness {
      margin-top: 19px;
      margin-bottom: 0; } }
  .best_widget--hotness .best_widget--list_item {
    min-height: 50px; }
    @media screen and (min-width: 1024px) {
      .best_widget--hotness .best_widget--list_item {
        padding: 7px 30px 8px 0; } }
  .best_widget--hotness .best_widget--list_item_link {
    padding-left: 0;
    margin-left: 41px; }
    @media screen and (max-width: 1023px) {
      .best_widget--hotness .best_widget--list_item_link {
        line-height: 18px;
        line-height: 1.8rem;
        max-height: 36px;
        margin-left: 41px; } }
    .article--negative .best_widget--hotness .best_widget--list_item_link {
      color: white; }
  .best_widget--hotness .best_widget--label {
    margin: 0 0 8px;
    padding: 0; }
    @media screen and (min-width: 768px) {
      .best_widget--hotness .best_widget--label {
        margin: 19px 0 8px; } }
    @media screen and (min-width: 1024px) {
      .best_widget--hotness .best_widget--label {
        margin: 19px 0 13px; } }

.article__sidebar .best_widget--images {
  height: auto; }

@media screen and (min-width: 1200px) {
  .article__sidebar .best_widget--images .best_widget--list {
    padding-bottom: 10px; } }

.best_widget--images .best_widget--list_item {
  min-height: 50px;
  padding: 10px 0 7px 0; }
  @media screen and (max-width: 1023px) {
    .best_widget--images .best_widget--list_item {
      padding: 6px 0px 7px 0; } }

.best_widget--images .best_widget--list_item_link {
  padding-left: 0;
  margin-right: 0;
  display: flex;
  align-items: center; }
  .article__sidebar .best_widget--images .best_widget--list_item_link {
    align-content: space-between; }
  @media screen and (max-width: 1023px) {
    .best_widget--images .best_widget--list_item_link {
      line-height: 18px;
      line-height: 1.8rem;
      max-height: 36px;
      margin-right: 0px; }
      .article__sidebar .best_widget--images .best_widget--list_item_link {
        max-height: unset; } }
  .article--negative .best_widget--images .best_widget--list_item_link {
    color: white; }

.best_widget--images .best_widget--title {
  padding-right: 20px; }
  .article--negative .best_widget--images .best_widget--title {
    color: white; }
  .article__sidebar .best_widget--images .best_widget--title {
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 36px; }

.best_widget--images .best_widget--image {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  flex-shrink: 0; }
  .best_widget--images .best_widget--image .card__img {
    width: 32px;
    height: 32px;
    border-radius: 50%; }
    .article__sidebar .best_widget--images .best_widget--image .card__img {
      width: 52px;
      height: 52px; }
    @media screen and (min-width: 1200px) {
      .best_widget--images .best_widget--image .card__img {
        width: 52px;
        height: 52px; } }

.best_widget--with_image .best_widget--title_wrap a {
  position: relative;
  top: -3px;
  font-weight: 900;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 30px;
  line-height: 3rem;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  float: right;
  text-transform: none;
  color: #ee7363; }
  @media screen and (min-width: 768px) {
    .best_widget--with_image .best_widget--title_wrap a {
      top: 10px; } }
  .best_widget--with_image .best_widget--title_wrap a:after {
    position: relative;
    top: 1px;
    font-family: 'siol' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e602";
    margin-left: 8px; }

.best_widget--with_image .best_widget--list_item {
  display: block;
  padding: 10px 30px 9px 10px;
  box-sizing: border-box; }

.best_widget--with_image .best_widget--list_item_link {
  display: flex;
  align-items: center; }
  .article--negative .best_widget--with_image .best_widget--list_item_link {
    color: white; }

.best_widget--with_image .best_widget--image {
  display: block;
  border-radius: 50%;
  float: left;
  overflow: hidden;
  flex-shrink: 0; }
  @media screen and (min-width: 1200px) {
    .best_widget--with_image .best_widget--image {
      width: 53px;
      height: 53px; } }
  @media screen and (min-width: 1200px) {
    .best_widget--with_image .best_widget--image .card__img {
      width: 53px;
      height: 53px; } }

.best_widget--with_image .best_widget--title {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 44px;
  padding-left: 20px; }

@media screen and (min-width: 1200px) {
  .section--landing_page .best_widget--hotness {
    margin-bottom: 0; } }

.best_widget--hotness .article__hotness {
  position: absolute;
  left: 0;
  top: 9px;
  display: inline-block;
  height: 64px;
  padding: 2px 0 15px 0;
  width: 36px; }
  @media screen and (min-width: 1024px) {
    .best_widget--hotness .article__hotness {
      top: 0; } }
  @media screen and (min-width: 1200px) {
    .best_widget--hotness .article__hotness {
      padding: 0 0 15px 0;
      height: 70px; } }
  .best_widget--hotness .article__hotness--number {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    top: 3px;
    left: 0px;
    font-weight: 600;
    color: #ABABAB;
    font-size: 11px;
    font-size: 1.1rem; }
    @media screen and (min-width: 1024px) {
      .best_widget--hotness .article__hotness--number {
        left: -5px;
        font-size: 12px;
        font-size: 1.2rem; } }
  .best_widget--hotness .article__hotness i {
    position: relative;
    top: 9px;
    left: 5px;
    font-size: 24px;
    font-size: 2.4rem; }
    @media screen and (min-width: 1024px) {
      .best_widget--hotness .article__hotness i {
        left: -5px;
        font-size: 36px;
        font-size: 3.6rem; } }
    .best_widget--hotness .article__hotness i.xs {
      color: #0f8fcd; }
    .best_widget--hotness .article__hotness i.s {
      color: #0fcdb2; }
    .best_widget--hotness .article__hotness i.m {
      color: #F4A500; }
    .best_widget--hotness .article__hotness i.l {
      color: #F66A00; }
    .best_widget--hotness .article__hotness i.xl {
      color: #F01000; }
  .best_widget--hotness .article__hotness p {
    margin: 14px 0 0 5px;
    color: #c0c0c0;
    text-transform: uppercase; }
  .best_widget--hotness .article__hotness_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1;
    cursor: pointer; }
    @media screen and (min-width: 1024px) {
      .best_widget--hotness .article__hotness_overlay {
        display: none;
        z-index: -1; } }

.best_widget--hotness .article__hotness_description {
  position: absolute;
  bottom: 100%;
  right: 0;
  bottom: -10px;
  width: 227px;
  padding: 17px;
  border: 1px solid #e7e7e7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  z-index: 1; }
  .best_widget--hotness .article__hotness_description p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.6rem;
    text-transform: none;
    color: #070707; }
  .best_widget--hotness .article__hotness_description:before {
    content: "";
    position: absolute;
    top: 25px;
    bottom: 0;
    left: -7px;
    width: 11px;
    height: 11px;
    border: 1px solid #e7e7e7;
    border-width: 0 1px 1px 0;
    background-color: #fff;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .best_widget--hotness .article__hotness_description {
      right: 0;
      left: 55px; }
      .best_widget--hotness .article__hotness_description:before {
        right: auto;
        left: 36px; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .best_widget--hotness .article__hotness_description {
      padding: 11px; } }
  @media screen and (min-width: 1200px) {
    .best_widget--hotness .article__hotness_description {
      right: auto;
      left: 41px; }
      .best_widget--hotness .article__hotness_description:before {
        right: auto;
        left: -2px; } }
  @media screen and (min-width: 1024px) {
    .best_widget--hotness .article__hotness_description {
      display: none; }
      .article__hotness:hover .best_widget--hotness .article__hotness_description {
        display: block !important;
        visibility: visible !important; } }

.live_bar {
  position: relative;
  z-index: 2;
  min-height: 36px;
  margin: 0;
  padding: 0 10px;
  color: #FFF;
  background: #DD1500; }
  @media screen and (min-width: 768px) {
    .live_bar {
      margin: -9px 0 0 0; } }
  @media screen and (min-width: 1024px) {
    .live_bar {
      margin: -19px 0 10px 0; } }
  .section--landing_page .live_bar {
    margin: 0; }
  .live_bar__heading {
    position: absolute;
    top: 0;
    z-index: 2;
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 36px;
    line-height: 3.6rem;
    letter-spacing: 0.01em;
    font-weight: 900; }
    @media screen and (max-width: 768px) {
      .live_bar__heading {
        position: absolute;
        left: 0; } }
    @media screen and (min-width: 768px) {
      .live_bar__heading {
        float: left;
        margin: 0 5px; } }
    .live_bar__heading .stripes {
      display: inline-block;
      margin-right: 3px; }
  .live_bar__title {
    display: block;
    position: relative;
    padding-right: 15px;
    padding-left: 18px;
    color: #fff;
    font: "Lato", sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 36px;
    line-height: 3.6rem;
    letter-spacing: 0.01em;
    text-decoration: none;
    cursor: pointer; }
    .live_bar__title:before {
      content: ' ';
      position: absolute;
      top: 15px;
      left: -3px;
      display: block;
      width: 5px;
      height: 5px;
      background: #fff;
      border-radius: 50%; }
    .ticker--single_news .live_bar__title {
      padding: 8px 0;
      line-height: 22px;
      line-height: 2.2rem;
      text-align: left; }
      @media screen and (min-width: 1024px) {
        .ticker--single_news .live_bar__title {
          text-align: center; } }
      .ticker--single_news .live_bar__title:before {
        display: none; }
  .live_bar__close {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    color: #EE8A7F;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 36px;
    line-height: 3.6rem; }
    .live_bar__close:hover {
      color: #FFF; }

.section--landing_page {
  margin: 0; }

.breaking {
  position: relative;
  z-index: 1;
  margin-top: 50px;
  margin-bottom: -50px; }
  .breaking__ticker {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 0 90px;
    overflow: hidden;
    background: #DD1500; }
    @media screen and (min-width: 768px) {
      .breaking__ticker {
        padding: 0 10px 0 100px; } }
    .breaking__ticker:after {
      content: ' ';
      position: absolute;
      top: 0;
      z-index: 5;
      display: block;
      width: 30px;
      height: 100%; }

.ticker__news_container {
  margin: 0 auto;
  padding: 0;
  overflow: hidden; }

.ticker__list_container {
  position: relative;
  white-space: nowrap; }
  .ticker--single_news .ticker__list_container {
    width: 100% !important;
    white-space: normal; }

.news__list {
  position: relative;
  top: 0;
  display: inline-block;
  margin: 0;
  padding: 0; }
  .ticker--single_news .news__list {
    width: 100%; }

.news__list_item {
  display: inline-block;
  list-style-type: none;
  white-space: nowrap; }
  .ticker--single_news .news__list_item {
    width: 100% !important;
    white-space: normal; }

.live_article {
  position: relative;
  background: #000;
  margin-bottom: 1px; }
  @media screen and (min-width: 768px) {
    .live_article {
      margin: -24px 0 20px 0; } }
  @media screen and (min-width: 1024px) {
    .live_article {
      margin: -20px 0 10px 0; } }
  @media screen and (min-width: 1200px) {
    .live_article {
      margin: -20px 0 20px 0; } }
  .section--landing_page .live_article {
    margin-top: 0; }
  .live_article__mask {
    position: absolute;
    bottom: 0;
    width: 100%;
    top: 55%;
    z-index: 1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, black));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
  .live_article__inner {
    position: relative;
    height: 430px;
    overflow: hidden;
    background-color: #000;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    @media screen and (min-width: 768px) {
      .live_article__inner {
        margin: 0;
        height: 460px; } }
    .live_article__inner_main {
      position: absolute;
      bottom: 10px;
      left: 0;
      z-index: 2;
      padding: 0 15px; }
      @media screen and (min-width: 768px) {
        .live_article__inner_main {
          left: auto;
          bottom: 20px;
          padding: 0; } }
    .live_article__inner_sidebar {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 767px) {
        .live_article__inner_sidebar {
          position: relative;
          background: #F01000;
          margin: 0;
          padding: 10px 20px 20px; } }
      @media screen and (min-width: 768px) {
        .live_article__inner_sidebar {
          position: absolute;
          right: 0;
          bottom: 20px;
          width: 215px;
          padding: 0 15px;
          border-left: 1px solid rgba(116, 116, 116, 0.6);
          z-index: 2; } }
      @media screen and (min-width: 1024px) {
        .live_article__inner_sidebar {
          padding: 0 60px 0 20px;
          width: 310px; } }
      .live_article__inner_sidebar_wrap {
        position: relative; }
        @media screen and (min-width: 768px) {
          .live_article__inner_sidebar_wrap {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            max-width: 1250px;
            margin: 0 auto; } }
  .live_article__label {
    display: inline-block;
    position: relative;
    top: 20px;
    left: 15px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    color: #FFF;
    background: #DD1500;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    z-index: 2; }
    @media screen and (min-width: 1200px) {
      .live_article__label {
        left: 10px; } }
    .live_article__label .stripes {
      display: inline-block;
      margin-right: 3px; }
  .live_article .breaking_related_relative {
    position: relative;
    z-index: 2; }
  .live_article .breaking_related_wrap {
    padding-left: 0;
    padding-right: 0; }
    @media screen and (min-width: 1024px) {
      .live_article .breaking_related_wrap {
        position: absolute;
        right: 5px;
        bottom: 25px;
        z-index: 2;
        padding-left: 8px;
        padding-right: 5px; } }
  .live_article .breaking_related {
    box-sizing: border-box;
    padding: 16px 15px 0;
    background: #fff; }
    @media screen and (min-width: 1024px) {
      .live_article .breaking_related {
        padding: 12px 14px;
        background: rgba(29, 27, 27, 0.7); } }
    .live_article .breaking_related__heading {
      font: "Lato", sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 20px;
      line-height: 2rem;
      letter-spacing: 0.075em;
      margin: 0 0 3px;
      font-weight: 900;
      color: #333;
      text-transform: uppercase; }
      @media screen and (min-width: 1024px) {
        .live_article .breaking_related__heading {
          margin: 5px 0 0;
          color: #fff; } }

#page_flip {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #000;
  overflow: hidden;
  z-index: 10000; }
  #page_flip .top_bar {
    z-index: 100000;
    position: absolute;
    width: 100%;
    height: 54px;
    background: #424193; }
    #page_flip .top_bar__logo {
      display: none; }
      @media screen and (min-width: 768px) {
        #page_flip .top_bar__logo {
          display: block;
          position: absolute;
          left: 20px;
          top: 10px;
          color: #FFF;
          font-size: 26px;
          font-size: 2.6rem; } }
    #page_flip .top_bar__heading {
      text-align: center;
      line-height: 58px;
      font-size: 21px;
      font-size: 2.1rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #FFF; }
    #page_flip .top_bar__close {
      display: block;
      position: absolute;
      right: 20px;
      top: 14px;
      width: 26px;
      height: 26px;
      line-height: 28px;
      text-align: center;
      color: #FFF;
      font-size: 14px;
      font-size: 1.4rem;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      background: #323170;
      -webkit-transition: 0.1s ease-in-out;
      -moz-transition: 0.1s ease-in-out;
      -o-transition: 0.1s ease-in-out;
      transition: 0.1s ease-in-out; }
      #page_flip .top_bar__close:hover {
        -ms-transform: scale(1.2, 1.2);
        /* IE 9 */
        -webkit-transform: scale(1.2, 1.2);
        /* Safari */
        transform: scale(1.2, 1.2); }

.megaphoto__block {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  background-color: #000;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.megaphoto__mask {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  top: 40%;
  z-index: 2;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, black));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
  @media screen and (min-width: 768px) {
    .megaphoto__mask {
      top: 55%; } }

.megaphoto__line {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 10px;
  border: 1px solid #B3B0DB;
  z-index: 3; }

.megaphoto__link {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 15px;
  display: block;
  overflow: hidden;
  padding: 10px;
  text-decoration: none;
  z-index: 3; }
  @media screen and (min-width: 768px) {
    .megaphoto__link {
      left: 70px;
      right: 70px;
      bottom: 40px; } }

.megaphoto__data {
  margin-top: 20px; }

.megaphoto__author {
  float: left;
  display: inline-block; }
  .megaphoto__author_image {
    float: left;
    margin: 0 10px 0 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }
  .megaphoto__author_name {
    float: left;
    margin: 0;
    color: #FFF;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 40px;
    font-weight: 700; }

.megaphoto__meta_wrap {
  display: inline-block;
  margin-left: 20px;
  color: #FFF;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 40px; }
  .megaphoto__meta_wrap span {
    margin-right: 5px; }

.megaphoto__title {
  margin: 0 0 15px 0;
  color: #FFF;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: 900; }
  @media screen and (min-width: 768px) {
    .megaphoto__title {
      font-size: 41px;
      font-size: 4.1rem; } }

.megaphoto__description {
  margin: 0;
  color: #D9D9D9;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 400;
  font-family: "Merriweather", serif; }
  @media screen and (min-width: 768px) {
    .megaphoto__description {
      font-size: 17px;
      font-size: 1.7rem; } }

.bb-bookblock {
  background: #000;
  height: 100%;
  position: relative;
  z-index: 100;
  -webkit-perspective: 130px;
  perspective: 130px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.bb-page {
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform; }

.bb-vertical .bb-page {
  width: 50%;
  height: 100%;
  left: 50%;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

.bb-horizontal .bb-page {
  width: 100%;
  height: 50%;
  top: 50%;
  -webkit-transform-origin: center top;
  transform-origin: center top; }

.bb-page > div, .bb-outer, .bb-content, .bb-inner {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.bb-vertical .bb-content {
  width: 200%; }

.bb-horizontal .bb-content {
  height: 200%; }

.bb-page > div {
  width: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.bb-vertical .bb-back {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

.bb-horizontal .bb-back {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg); }

.bb-outer {
  width: 100%;
  overflow: hidden;
  z-index: 999; }

.bb-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0; }

.bb-flipoverlay {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.2); }

.bb-bookblock.bb-vertical > div.bb-page:first-child {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }
  .bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }

.bb-bookblock.bb-horizontal > div.bb-page:first-child {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg); }
  .bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg); }

.bb-content {
  background: #000; }

.bb-vertical .bb-front .bb-content {
  left: -100%; }

.bb-horizontal .bb-front .bb-content {
  top: -100%; }

.bb-vertical .bb-flip-next, .bb-vertical .bb-flip-initial {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

.bb-vertical .bb-flip-prev {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg); }

.bb-horizontal .bb-flip-next, .bb-horizontal .bb-flip-initial {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg); }

.bb-horizontal .bb-flip-prev {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg); }

.bb-vertical .bb-flip-next-end {
  -webkit-transform: rotateY(-15deg);
  transform: rotateY(-15deg); }

.bb-vertical .bb-flip-prev-end {
  -webkit-transform: rotateY(-165deg);
  transform: rotateY(-165deg); }

.bb-horizontal .bb-flip-next-end {
  -webkit-transform: rotateX(15deg);
  transform: rotateX(15deg); }

.bb-horizontal .bb-flip-prev-end {
  -webkit-transform: rotateX(165deg);
  transform: rotateX(165deg); }

.bb-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: #FFF; }

.no-js .bb-bookblock, .no-js ul.bb-custom-grid li {
  width: auto;
  height: auto; }

.no-js .bb-item {
  display: block;
  position: relative; }

.bb-custom-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 54px; }
  .bb-custom-wrapper > nav {
    width: 100%;
    height: 40px;
    margin: -20px auto 0;
    position: fixed;
    top: 50%;
    z-index: 1000;
    text-align: center; }
    .bb-custom-wrapper > nav a {
      position: absolute;
      display: inline-block;
      text-align: center;
      color: #FFF; }
      .bb-custom-wrapper > nav a:hover {
        opacity: 0.6; }
    .bb-custom-wrapper > nav .arrow__icon_left, .bb-custom-wrapper > nav .arrow__icon_right {
      display: block;
      width: 40px;
      height: 40px;
      line-height: 42px;
      font-size: 16px;
      font-size: 1.6rem;
      background: #464646;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%; }
      @media screen and (min-width: 768px) {
        .bb-custom-wrapper > nav .arrow__icon_left, .bb-custom-wrapper > nav .arrow__icon_right {
          width: 60px;
          height: 60px;
          line-height: 64px;
          font-size: 26px;
          font-size: 2.6rem; } }
      .bb-custom-wrapper > nav .arrow__icon_left i, .bb-custom-wrapper > nav .arrow__icon_right i {
        position: relative;
        top: 2px;
        left: -2px; }
    .bb-custom-wrapper > nav .arrow__icon_right i {
      position: relative;
      top: 2px;
      left: 2px; }
    .bb-custom-wrapper > nav .bb-arrow-left {
      left: 15px; }
      @media screen and (min-width: 768px) {
        .bb-custom-wrapper > nav .bb-arrow-left {
          left: 40px; } }
    .bb-custom-wrapper > nav .bb-arrow-right {
      right: 15px; }
      @media screen and (min-width: 768px) {
        .bb-custom-wrapper > nav .bb-arrow-right {
          right: 40px; } }
  .bb-custom-wrapper .bb-bookblock {
    width: 100%;
    height: 100%;
    -webkit-perspective: 2000px;
    perspective: 2000px; }

.bb-custom-side {
  width: 50%;
  float: left;
  height: 100%;
  overflow: hidden;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

.most_hot__heading {
  position: relative;
  margin: 0 0 14px 0;
  padding: 12px 0 0 50px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.1em;
  *zoom: 1; }
  .most_hot__heading:before, .most_hot__heading:after {
    content: "";
    display: table; }
  .most_hot__heading:after {
    clear: both; }
  .most_hot__heading--icon {
    position: absolute;
    top: -3px;
    left: 0;
    font-size: 38px;
    font-size: 3.8rem; }

.most_hot .fliper {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  color: #000;
  text-align: right; }
  @media screen and (min-width: 768px) {
    .most_hot .fliper {
      display: none; } }

.most_hot .card {
  margin: 0;
  padding: 8px 0;
  height: 100px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #C8C8C8; }
  .most_hot .card__overtitle {
    margin: 10px 0 0 0;
    font-size: 9px;
    font-size: 0.9rem;
    letter-spacing: 0.1em;
    color: #112CBE; }
  .most_hot .card__title {
    margin: 0;
    padding: 0 45px 0 0;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    color: #333;
    *zoom: 1; }
    .most_hot .card__title:before, .most_hot .card__title:after {
      content: "";
      display: table; }
    .most_hot .card__title:after {
      clear: both; }
  .most_hot .card__hotness {
    position: absolute;
    top: 26px;
    right: 0;
    display: block;
    width: 45px;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    color: #ABABAB;
    font-weight: 600; }
    .most_hot .card__hotness i {
      display: block;
      margin: 0 0 5px 0;
      text-align: center;
      font-size: 36px;
      font-size: 3.6rem; }
      .most_hot .card__hotness i.xs {
        color: #0f8fcd; }
      .most_hot .card__hotness i.s {
        color: #0fcdb2; }
      .most_hot .card__hotness i.m {
        color: #F4A500; }
      .most_hot .card__hotness i.l {
        color: #F66A00; }
      .most_hot .card__hotness i.xl {
        color: #F01000; }
    .most_hot .card__hotness_wrap {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 45px; }
      @media screen and (min-width: 1024px) {
        .most_hot .card__hotness_wrap:hover {
          left: 0;
          width: auto; } }
      @media screen and (max-width: 767px) {
        .most_hot .card__hotness_wrap {
          right: -5px; } }
      @media screen and (max-width: 1023px) {
        .most_hot .card__hotness_wrap.is_full_size {
          left: 0;
          width: auto; } }
    .most_hot .card__hotness_overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      display: block;
      width: 45px;
      z-index: 1;
      cursor: pointer; }
      @media screen and (min-width: 1024px) {
        .most_hot .card__hotness_overlay {
          display: none;
          z-index: -1; } }
  .most_hot .card__hotness_description {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 45px;
    height: 84px;
    width: 265px;
    margin: auto;
    padding: 17px;
    border: 1px solid #e7e7e7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 1; }
    .most_hot .card__hotness_description p {
      margin: 0;
      padding: 0;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 16px;
      line-height: 1.6rem;
      text-transform: none;
      color: #070707; }
    .most_hot .card__hotness_description:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: -6px;
      width: 11px;
      height: 11px;
      margin: auto;
      border: 1px solid #e7e7e7;
      border-width: 1px 1px 0 0;
      background-color: #fff;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    @media screen and (min-width: 1024px) {
      .most_hot .card__hotness_description {
        left: 0;
        display: none;
        width: auto;
        padding: 10px; } }
    @media screen and (min-width: 1200px) {
      .most_hot .card__hotness_description {
        padding: 14px; } }
  @media screen and (min-width: 1024px) {
    .most_hot .card .card__hotness_wrap:hover .card__hotness_description {
      display: block !important;
      visibility: visible !important; } }

.most_hot--sidebar {
  margin: 20px 0;
  padding: 0 10px; }
  @media screen and (min-width: 1024px) {
    .most_hot--sidebar {
      padding: 0; } }

.article_flip__wrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .article_flip__wrap .bb-item {
      display: block;
      position: relative; } }
  .article_flip__wrap .bb-content {
    background: #FFF; }

.article_flip__wrap .bb-bookblock {
  height: 100%;
  -webkit-perspective: 2000px;
  perspective: 2000px;
  background: #FFF; }

.no-js .article_flip__wrap {
  height: auto; }

.no-js .bb-custom-content {
  height: 470px; }

@media screen and (max-width: 61.75em) {
  .bb-custom-side {
    font-size: 70%; } }

@media screen and (max-width: 33em) {
  .bb-custom-side {
    font-size: 60%; } }

.most_read__heading {
  position: relative;
  margin: 0 0 14px 0;
  padding: 12px 0 0 50px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.1em;
  *zoom: 1; }
  .most_read__heading:before, .most_read__heading:after {
    content: "";
    display: table; }
  .most_read__heading:after {
    clear: both; }
  .most_read__heading--icon {
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 38px;
    font-size: 3.8rem; }

.most_read .fliper {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  color: #000;
  text-align: right; }
  @media screen and (min-width: 768px) {
    .most_read .fliper {
      display: none; } }

.most_read .card {
  margin: 0;
  padding: 8px 0;
  height: 100px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #C8C8C8; }
  .most_read .card__overtitle {
    margin: 10px 0 0 0;
    font-size: 9px;
    font-size: 0.9rem;
    letter-spacing: 0.1em;
    color: #112CBE; }
    .planet_tv .most_read .card__overtitle {
      color: #0087be; }
  .most_read .card__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin: 0;
    padding: 0 90px 0 0;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    color: #333;
    *zoom: 1;
    max-height: 63px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
    .most_read .card__title:before, .most_read .card__title:after {
      content: "";
      display: table; }
    .most_read .card__title:after {
      clear: both; }
    @media screen and (max-width: 767px) {
      .most_read .card__title {
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 1.4;
        max-height: 40px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; } }
  @media screen and (max-width: 767px) {
    .most_read .card__meta_wrap {
      position: relative;
      margin: 10px 0;
      text-align: left; } }
  @media screen and (min-width: 768px) {
    .most_read .card__meta_wrap {
      top: 20px;
      right: 0;
      width: 66px;
      font-size: 12px;
      font-size: 1.2rem; }
      .most_read .card__meta_wrap span {
        display: inline-block;
        float: right; }
        .most_read .card__meta_wrap span i {
          position: relative;
          top: 3px;
          margin-right: 5px;
          font-size: 16px;
          font-size: 1.6rem; } }

.most_read--sidebar {
  clear: both;
  margin: 20px 0; }
  .most_read--sidebar .fliper {
    display: none; }
  @media screen and (max-width: 768px) {
    .most_read--sidebar .card {
      height: auto; } }

.latest_articles__heading {
  position: relative;
  margin: 0 0 14px 0;
  padding: 12px 0 0 50px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.1em;
  *zoom: 1; }
  .latest_articles__heading:before, .latest_articles__heading:after {
    content: "";
    display: table; }
  .latest_articles__heading:after {
    clear: both; }
  .latest_articles__heading--icon {
    position: absolute;
    top: -3px;
    left: 0;
    font-size: 38px;
    font-size: 3.8rem; }

.latest_articles__btn {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: left;
  font-size: 12px;
  font-size: 1.2rem;
  height: 28px;
  line-height: 30px; }
  @media screen and (min-width: 768px) {
    .latest_articles__btn {
      margin: 0; } }
  .latest_articles__btn i {
    position: relative;
    top: 2px;
    margin: 0 5px 0 8px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #FFF; }
  .latest_articles__btn--alt {
    background: #aaaaaa; }
  .latest_articles__btn_wrap {
    padding: 15px 0 0 0;
    border-top: 1px solid #C8C8C8; }

.latest_articles .card {
  margin: 0 0 10px 0;
  padding: 8px 0;
  height: 100px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #C8C8C8; }
  @media screen and (min-width: 768px) {
    .latest_articles .card {
      margin: 0; } }
  .latest_articles .card__overtitle {
    margin: 10px 0 0 0;
    font-size: 9px;
    font-size: 0.9rem;
    letter-spacing: 0.1em;
    color: #112CBE; }
  .latest_articles .card__title {
    margin: 0;
    padding: 0 90px 0 0;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    color: #333;
    *zoom: 1; }
    .latest_articles .card__title:before, .latest_articles .card__title:after {
      content: "";
      display: table; }
    .latest_articles .card__title:after {
      clear: both; }
    @media screen and (max-width: 767px) {
      .latest_articles .card__title {
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 1.4;
        max-height: 40px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; } }
  @media screen and (max-width: 767px) {
    .latest_articles .card__meta_wrap {
      position: relative;
      margin: 10px 0;
      text-align: left; } }
  @media screen and (min-width: 768px) {
    .latest_articles .card__meta_wrap {
      top: 20px;
      right: 0;
      width: 64px;
      font-size: 12px;
      font-size: 1.2rem; }
      .latest_articles .card__meta_wrap span {
        display: inline-block;
        float: right; }
        .latest_articles .card__meta_wrap span i {
          position: relative;
          top: 3px;
          margin-right: 5px;
          font-size: 16px;
          font-size: 1.6rem; } }

@media screen and (min-width: 768px) {
  .la_widget {
    width: 33.33%;
    float: left; } }

@media screen and (max-width: 1024px) {
  .la_widget {
    display: none; } }

@media screen and (min-width: 1200px) {
  .la_widget {
    width: 100%;
    margin-bottom: 20px; }
    .section--landing_page .la_widget {
      margin-bottom: 37px; } }

.la_widget__heading {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  letter-spacing: 0em;
  text-transform: uppercase; }
  @media screen and (min-width: 1024px) {
    .la_widget__heading {
      padding: 6px 0 9px; } }
  @media screen and (min-width: 1200px) {
    .la_widget__heading {
      padding: 19px 9px 9px; } }
  .la_widget__heading a {
    float: right;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: none;
    color: #ee7363; }
    .la_widget__heading a:after {
      position: relative;
      top: 1px;
      font-family: 'siol' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e602";
      margin-left: 8px; }

.la_widget--list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.la_widget--list_item {
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
  padding: 12px 0 15px; }
  @media screen and (min-width: 1200px) {
    .la_widget--list_item {
      padding: 12px 10px 15px 10px; } }
  .la_widget--list_item::after {
    content: '';
    position: absolute;
    width: calc(100% - 20px);
    bottom: 0;
    left: 10px;
    right: 10px;
    z-index: 1;
    height: 1px;
    background: #e0e0e0; }
  .la_widget--list_item:last-of-type {
    margin-bottom: 0; }
    .la_widget--list_item:last-of-type::after {
      display: none; }
  .la_widget--list_item.is_special {
    background-color: #ee7363;
    color: white; }

.la_widget--time {
  padding-bottom: 3px;
  display: block;
  color: #ee7363;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  line-height: 2.2rem; }
  .is_special .la_widget--time {
    color: white; }
  .la_widget--time .icon-clock {
    position: relative;
    top: 1px;
    margin-right: 7px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400; }

.la_widget--title, .la_widget--link {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  line-height: 2.2rem;
  letter-spacing: 0.01em;
  font-family: "Lato", sans-serif;
  font-weight: 900; }

.la_widget--title {
  display: block;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  max-height: 40px; }

.la_widget--link {
  min-height: 73px;
  color: #121212;
  display: block;
  box-sizing: border-box; }
  .is_special .la_widget--link {
    color: white; }

.la_widget--title {
  padding-right: 20px; }

.la_widget--image {
  width: 70px;
  height: 70px;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  float: right;
  margin-top: 3px; }

@media screen and (min-width: 1024px) {
  .section--landing_page .la_widget.pull_up {
    margin-top: -8px; } }

.tl_widget {
  padding: 0; }
  @media screen and (max-width: 767px) {
    .tl_widget {
      padding: 0 5px; } }
  @media screen and (min-width: 1024px) {
    .tl_widget {
      padding: 0 10px 0 8px; } }
  @media screen and (min-width: 1024px) {
    .section--landing_page .tl_widget {
      margin-top: -8px; } }
  .tl_widget__heading {
    margin: 0;
    padding-bottom: 8px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    line-height: 3rem;
    letter-spacing: 0.075em;
    text-transform: uppercase; }
  .tl_widget--list {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .tl_widget--list > div {
      padding: 0; }
      @media screen and (min-width: 768px) {
        .tl_widget--list > div {
          padding: 0 5px; } }
  .tl_widget--list_item {
    margin: 0;
    padding: 0;
    display: block;
    background-color: #fff;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0; }
    @media screen and (min-width: 768px) {
      .tl_widget--list_item {
        padding: 0 0 13px;
        margin-bottom: 11px; } }
    .tl_widget--list_item.tl_widget--is_last {
      border-bottom: none; }
      @media screen and (min-width: 768px) {
        .tl_widget--list_item.tl_widget--is_last {
          border-bottom: 1px solid #e0e0e0; } }
      @media screen and (min-width: 1200px) {
        .tl_widget--list_item.tl_widget--is_last {
          border-bottom: none; } }
  .tl_widget--time {
    padding-bottom: 4px;
    display: block;
    color: #ee7363;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem; }
    .tl_widget--time .icon-clock {
      position: relative;
      top: 1px;
      margin-right: 7px;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 400; }
  .tl_widget--title, .tl_widget--link {
    display: block;
    box-sizing: border-box;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
    letter-spacing: 0.01em; }
  .tl_widget--link {
    color: #212121;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between; }
  .tl_widget--title {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 40px;
    padding-right: 20px; }
  .tl_widget--image {
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    float: right;
    margin-top: 2px;
    width: 53px;
    height: 53px;
    flex-shrink: 0; }
    .tl_widget--image .card__img {
      width: 53px;
      height: 53px; }

.marketing {
  margin: 20px 5px 10px;
  text-align: center; }
  .article .marketing {
    margin: 0 5px 10px; }
  @media screen and (min-width: 768px) {
    .marketing {
      margin: 20px 0px;
      text-align: left; }
      .article .marketing {
        margin: 0; } }
  @media screen and (min-width: 1024px) {
    .article .marketing {
      margin: 0px 0 60px; } }
  .fold__homepage--bottom_14 .marketing,
  .fold__section .marketing {
    margin-bottom: 0; }
  .marketing__link {
    display: block;
    margin: 10px 0; }
    @media screen and (min-width: 768px) {
      .marketing__link {
        margin: 0; } }
    .fold__section .marketing__link {
      margin-bottom: 0; }
      @media screen and (min-width: 1200px) {
        .fold__section .marketing__link {
          margin-bottom: 20px; } }
    @media screen and (max-width: 1200px) {
      .fold__homepage--bottom_14 .marketing__link {
        margin-bottom: 20px; } }
  .marketing__image {
    max-width: 100%;
    height: auto;
    margin: 0 0 15px 0; }
    .fold__homepage--bottom_14 .marketing__image,
    .fold__section .marketing__image {
      margin: 0; }
  .marketing__title {
    margin: 0;
    font-size: 12px;
    font-size: 1.2rem;
    color: #000;
    font-weight: 700; }
  .marketing__description {
    margin: 0;
    font-size: 12px;
    font-size: 1.2rem;
    color: #000;
    font-weight: 600; }

.archive__heading {
  margin: 0 0 5px 0;
  padding: 15px 0;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 700;
  color: #4a464a;
  border-top: 1px solid rgba(116, 116, 116, 0.6); }

.archive__caption {
  margin: 0 0 5px 0;
  padding: 0 0 10px 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 700;
  color: #4a464a;
  border-bottom: 1px solid rgba(116, 116, 116, 0.6); }

.archive__list {
  font-size: 15px;
  font-size: 1.5rem; }
  @media screen and (min-width: 768px) {
    .archive__list.first {
      padding: 0 15px 0 0; } }
  @media screen and (min-width: 768px) {
    .archive__list.mid {
      padding: 0 10px 0 10px; } }
  @media screen and (min-width: 768px) {
    .archive__list.last {
      padding: 0 0 0 15px; } }
  .archive__list_divider {
    margin-top: 40px; }

.archive__item {
  padding: 8px 0;
  border-bottom: 1px solid #C8C8C8; }

.archive__link {
  color: #333; }
  .archive__link > span {
    float: right;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: right;
    text-transform: uppercase; }
    .archive__link > span strong {
      font-size: 13px;
      font-size: 1.3rem; }

.author__wrap {
  position: relative;
  border-top: 1px solid rgba(116, 116, 116, 0.6);
  padding: 10px 0; }
  @media screen and (max-width: 767px) {
    .author__wrap_form .pagination__list {
      margin: 15px 0 0 0;
      float: left; } }
  @media screen and (max-width: 767px) {
    .author__wrap_form .filters__label {
      display: inline; } }

.author__name {
  float: left;
  margin: 0 0 10px 0;
  padding: 0;
  width: 60%;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 700;
  color: #4a464a; }
  @media screen and (min-width: 768px) {
    .author__name {
      width: 70%; } }

.author__image {
  display: block;
  margin: 20px auto;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%; }

.author__social {
  text-align: center; }
  .author__social_link {
    margin: 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    color: #ABABAB; }

.author__description {
  margin: 25px 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-family: "Merriweather", serif;
  color: #333333; }
  @media screen and (min-width: 768px) {
    .author__description {
      margin: 25px 0 0 20px; } }

.author__share {
  float: right;
  margin: -5px 0 0 0; }
  @media screen and (min-width: 768px) {
    .author__share {
      margin: 5px 0 0 0; } }
  .author__share > span {
    font-size: 9px;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #333333;
    letter-spacing: 0.04em; }
    @media screen and (max-width: 767px) {
      .author__share > span {
        display: block;
        margin-bottom: 5px;
        text-align: right; } }
    @media screen and (min-width: 768px) {
      .author__share > span {
        margin-right: 10px; } }
  .author__share_link {
    display: block;
    float: right;
    margin: 0 5px 0 0;
    width: 30px;
    height: 30px;
    line-height: 30px; }
    .author__share_link > i {
      font-size: 30px;
      font-size: 3rem; }
    .author__share_link--facebook {
      color: #265999; }
    .author__share_link--twitter {
      color: #00ace2; }
    .author__share_link--plus {
      line-height: 36px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      background: #E7E7E7;
      text-align: center; }
      .author__share_link--plus > i {
        color: #4a464a;
        font-size: 16px;
        font-size: 1.6rem; }

.keyword__heading {
  padding: 5px 0 10px;
  border-top: 1px solid rgba(116, 116, 116, 0.6);
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-weight: 700;
  color: #4a464a; }
  @media screen and (min-width: 768px) {
    .keyword__heading {
      padding: 9px 0;
      font-size: 30px;
      font-size: 3rem;
      line-height: 46px;
      line-height: 4.6rem; } }
  .keyword__heading_icon {
    margin: 0 5px; }
    .keyword__heading_icon i {
      font-size: 12px;
      font-size: 1.2rem; }
      @media screen and (min-width: 768px) {
        .keyword__heading_icon i {
          font-size: 24px;
          font-size: 2.4rem; } }

.keyword__social_share .social__share {
  margin: 9px 0 10px; }
  @media screen and (min-width: 801px) and (max-width: 1023px) {
    .keyword__social_share .social__share {
      float: right; } }

.keyword_header {
  padding: 9px 0 0;
  border-bottom: 1px solid rgba(116, 116, 116, 0.6);
  margin-bottom: 15px; }
  @media screen and (min-width: 768px) {
    .keyword_header {
      padding: 9px 0 32px; } }
  .keyword_header__photo_wrap {
    overflow: hidden;
    width: 148px;
    border-radius: 50%;
    margin: 20px auto; }
    @media screen and (min-width: 768px) {
      .keyword_header__photo_wrap {
        margin: 0 auto; } }
    @media screen and (min-width: 1200px) {
      .keyword_header__photo_wrap {
        margin: 0 0 0 38px; } }
  .keyword_header__photo {
    width: 100%;
    height: auto; }
  .keyword_header__lead_text {
    margin: 0 0 8px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 25px;
    line-height: 2.5rem;
    font-weight: 700; }
    @media screen and (min-width: 768px) {
      .keyword_header__lead_text {
        margin: 0;
        padding: 0 16px; } }

.keyword_iframe {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(116, 116, 116, 0.6);
  margin-bottom: 5px; }
  .keyword_iframe iframe {
    display: block; }

.keyword__article_wrap {
  margin: 0 -5px; }
  .keyword__article_wrap .card {
    margin: 10px 0 0 0; }
  .keyword__article_wrap .pagination {
    margin: 20px 0 10px 0; }

.ck_image_in_article--left10 {
  float: left;
  margin: 0 10px;
  margin-left: 0;
  width: 100%; }
  @media screen and (min-width: 481px) {
    .ck_image_in_article--left10 {
      width: 10%; } }

.ck_image_in_article--left25 {
  float: left;
  margin: 0 10px;
  margin-left: 0;
  width: 100%; }
  @media screen and (min-width: 481px) {
    .ck_image_in_article--left25 {
      width: 25%; } }

.ck_image_in_article--left50 {
  float: left;
  margin: 0 10px;
  margin-left: 0;
  width: 100%; }
  @media screen and (min-width: 481px) {
    .ck_image_in_article--left50 {
      width: 50%; } }

.ck_image_in_article--left75 {
  float: left;
  margin: 0 10px;
  margin-left: 0;
  width: 100%; }
  @media screen and (min-width: 481px) {
    .ck_image_in_article--left75 {
      width: 75%; } }

.ck_image_in_article--right10 {
  float: right;
  margin: 0 10px;
  margin-right: 0;
  width: 100%; }
  @media screen and (min-width: 481px) {
    .ck_image_in_article--right10 {
      width: 10%; } }

.ck_image_in_article--right25 {
  float: right;
  margin: 0 10px;
  margin-right: 0;
  width: 100%; }
  @media screen and (min-width: 481px) {
    .ck_image_in_article--right25 {
      width: 25%; } }

.ck_image_in_article--right50 {
  float: right;
  margin: 0 10px;
  margin-right: 0;
  width: 100%; }
  @media screen and (min-width: 481px) {
    .ck_image_in_article--right50 {
      width: 50%; } }

.ck_image_in_article--right75 {
  float: right;
  margin: 0 10px;
  margin-right: 0;
  width: 100%; }
  @media screen and (min-width: 481px) {
    .ck_image_in_article--right75 {
      width: 75%; } }

.ck_image_in_article--full100 {
  width: 100%; }
  @media screen and (min-width: 481px) {
    .ck_image_in_article--full100 {
      width: 100%; } }

.ck_image_in_article--none100 {
  float: none;
  margin: 0 10px;
  margin-none: 0;
  width: 100%; }
  @media screen and (min-width: 481px) {
    .ck_image_in_article--none100 {
      width: 100%; } }

.ck_image_in_article img {
  max-width: 100%; }

.ck_image_in_article__authors {
  font-size: 11px;
  font-size: 1.1rem; }

.article__content .lightbluebox {
  background-color: #daf1ff;
  padding: 25px;
  border: none; }

.article__content .lightgraybox {
  background-color: #eee;
  padding: 25px;
  border: none; }

.article__content .lightredbox {
  background-color: #fbebe8;
  padding: 25px;
  border: none; }

.registration__wrap {
  position: relative; }
  @media screen and (max-width: 767px) {
    .registration__wrap {
      padding: 0 5px; } }

.registration__heading {
  margin: 0 0 15px 0;
  padding: 20px 0 5px 0;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 900;
  color: #4a464a; }

.registration__social_heading {
  margin: 0;
  padding: 5px 0 10px 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  color: #4a464a;
  border-top: 1px solid rgba(116, 116, 116, 0.6); }

.registration__social_description {
  margin: 0 0 20px 0;
  font-family: "Merriweather", serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #333333; }
  @media screen and (min-width: 768px) {
    .registration__social_description {
      margin: 0; } }

.registration__social_link {
  display: block;
  float: left;
  margin: 0 auto;
  width: 50%;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.1;
  color: #333333; }
  .registration__social_link span {
    display: block;
    font-size: 74px;
    font-size: 7.4rem;
    font-family: "Merriweather", serif; }
  @media screen and (min-width: 768px) {
    .registration__social_link--facebook {
      width: auto;
      margin: 0 90px 30px 60px; } }
  .registration__social_link--facebook span {
    color: #265999; }
  @media screen and (min-width: 768px) {
    .registration__social_link--google {
      width: auto;
      margin: 0; } }
  .registration__social_link--google span {
    color: #d14836; }

.registration__registration_link {
  margin: 30px 0 20px 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-family: "Merriweather", serif;
  color: #4a464a;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .registration__registration_link a {
      display: block; } }
  @media screen and (min-width: 768px) {
    .registration__registration_link {
      position: absolute;
      top: 35px;
      right: 5px;
      text-align: right;
      margin: 0; }
      .registration__registration_link a {
        color: #424193; }
        .registration__registration_link a:hover {
          text-decoration: underline; } }

.registration__tos {
  display: inline-block;
  margin: 10px 0 0 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-family: "Merriweather", serif;
  color: #424193; }

.login__heading {
  margin: 0 0 15px 0;
  padding: 20px 0 5px 0;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 900;
  color: #4a464a;
  text-align: center; }

.login__social_link {
  display: block;
  margin: 0 auto 30px auto;
  text-align: center;
  max-width: 160px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.1;
  color: #333333; }
  .login__social_link span {
    display: block;
    font-size: 100px;
    font-size: 10rem;
    font-family: "Merriweather", serif;
    color: #265999; }

.login__social_label {
  display: block;
  padding: 0;
  color: #4a464a;
  float: left; }
  .login__social_label_wrap {
    margin: 20px auto;
    width: 190px; }
  .login__social_label .siol-check.checked:before {
    left: 1px; }

.login__social_submit {
  margin: 20px 0 0 0; }
  .login__social_submit.disabled {
    background: #dddddd;
    pointer-events: none;
    cursor: default; }

.login__social_heading {
  margin: 0;
  padding: 5px 0 10px 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  color: #4a464a;
  border-top: 1px solid rgba(116, 116, 116, 0.6); }

.login__social_description {
  margin: 0 0 20px 0;
  font-family: "Merriweather", serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.6;
  color: #333333; }
  @media screen and (min-width: 768px) {
    .login__social_description {
      margin: 0; } }

.comments {
  margin: 20px 0; }
  .article__comments .comments {
    margin-top: 0; }
  .comments__heading {
    position: relative;
    display: inline-block;
    margin: 0;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    letter-spacing: 0em;
    color: #FFF; }
    .comments__heading_wrap {
      padding: 9px 10px 8px 10px;
      background-color: #424193; }
      @media screen and (min-width: 768px) {
        .comments__heading_wrap {
          padding: 9px 36px 8px 30px; } }
      @media screen and (min-width: 1024px) {
        .comments__heading_wrap {
          padding: 9px 36px 8px 20px; } }
      @media screen and (min-width: 1200px) {
        .comments__heading_wrap {
          margin-right: 0;
          padding: 9px 20px 8px 20px; } }
  .comments__post_count {
    position: relative;
    top: 2px;
    display: block;
    float: right;
    text-align: right;
    color: #FFF;
    font-family: "Lato", sans-serif;
    letter-spacing: 0em;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem; }
    .comments__post_count i {
      position: relative;
      top: 4px;
      margin-right: 8px;
      font-size: 16px;
      font-size: 1.6rem; }
  .comments__none {
    margin: 30px 14px 10px 14px;
    padding: 30px 10px;
    text-align: center;
    border: 2px solid #424193;
    font-size: 18px;
    font-size: 1.8rem;
    color: #333333;
    font-weight: 700; }
    @media screen and (min-width: 768px) {
      .comments__none {
        margin: 30px 48px 10px 48px; } }
    @media screen and (min-width: 1024px) {
      .comments__none {
        margin: 30px 70px 10px 74px; } }
    .comments__none a {
      color: #424193; }
      .comments__none a:hover {
        text-decoration: underline; }
  .comments__form_wrap {
    margin: 0;
    padding: 15px 10px; }
    @media screen and (min-width: 768px) {
      .comments__form_wrap {
        padding: 20px 42px 31px 48px; } }
    @media screen and (min-width: 1024px) {
      .comments__form_wrap {
        padding: 32px 83px 10px 74px; } }
    @media screen and (min-width: 1200px) {
      .comments__form_wrap {
        padding: 32px 70px 10px 74px; }
        .thread__view .comments__form_wrap {
          padding: 32px 30px 10px 30px; } }
  .comments__form {
    margin: 0; }
    @media screen and (min-width: 768px) {
      .comments__form {
        margin: 0 0 6px 0; } }
    .comments__form--disabled {
      margin: 20px 0; }
      @media screen and (min-width: 768px) {
        .comments__form--disabled {
          margin: 40px 0; } }
    .comments__form_buttons {
      text-align: center; }
      @media screen and (max-width: 767px) {
        .comments__replyForm .comments__form_buttons {
          margin-top: 4px;
          text-align: right; } }
      @media screen and (min-width: 768px) {
        .comments__form_buttons {
          text-align: left; } }
    .comments__form_rules {
      box-sizing: border-box;
      display: block;
      padding-bottom: 8px;
      margin-bottom: 20px;
      text-align: center;
      font-family: "Merriweather", serif;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 17px;
      line-height: 1.7rem;
      letter-spacing: 0em;
      font-weight: 400;
      color: #9e9e9e;
      border-bottom: 1px solid #e0e0e0; }
      .article--negative .comments__form_rules {
        color: white; }
      @media screen and (max-width: 767px) {
        .comments__replyForm .comments__form_rules {
          display: none; } }
      @media screen and (min-width: 768px) {
        .comments__form_rules {
          display: inline-block;
          padding-bottom: 0;
          margin-bottom: 0;
          text-align: left;
          color: #424193;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 30px;
          line-height: 3rem;
          border-bottom: 0; } }
      .comments__form_rules .icon-info-circle {
        position: relative;
        top: 2px;
        display: inline-block;
        margin-right: 10px;
        font-size: 16px;
        font-size: 1.6rem; }
        @media screen and (min-width: 768px) {
          .comments__form_rules .icon-info-circle {
            display: none; } }
  .comments__replyForm {
    margin: 30px 22px; }
    @media screen and (min-width: 768px) {
      .comments__replyForm {
        margin-left: 36px; } }
    .comments__replyForm.is_hidden {
      margin: 0; }
  .comments__textarea {
    box-sizing: border-box;
    width: 100%;
    height: 225px;
    padding: 12px 18px;
    background: #FFF;
    font-family: "Merriweather", serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 2.8rem;
    border: 1px solid #aeaeae;
    resize: none; }
    @media screen and (min-width: 768px) {
      .comments__textarea {
        margin: 0 0 14px 0; } }
    .comments__textarea:focus {
      outline: 0; }
    .comments__textarea::-webkit-input-placeholder {
      color: #999999; }
    .comments__textarea::-moz-placeholder {
      color: #999999; }
    .comments__textarea:-ms-input-placeholder {
      color: #999999; }
    .article--negative .comments__textarea {
      background-color: #212121;
      color: #999999; }
  .comments__submit {
    padding: 0 30px;
    background: #4ea501;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    line-height: 3rem;
    letter-spacing: 0em; }
    @media screen and (min-width: 768px) {
      .comments__submit {
        float: right; } }
    .comments__submit:focus {
      outline: none; }
  .comments__list {
    padding: 0 10px;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .comments__list {
        margin-bottom: 30px;
        padding: 0 40px; } }
    @media screen and (min-width: 1024px) {
      .comments__list {
        padding: 20px 83px 0 75px; }
        .thread__view .comments__list {
          padding: 20px 30px 0 30px; } }
    @media screen and (min-width: 1200px) {
      .comments__list {
        padding: 20px 70px 0 75px; }
        .thread__view .comments__list {
          padding: 20px 30px 0 30px; } }
  .comments__listitem {
    position: relative;
    border-top: 1px solid #e0e0e0;
    padding: 20px 0 10px 0; }
    .thread__view .comments__listitem {
      padding: 20px 0 0 0; }
    .subcomments__list .comments__listitem {
      border-top: 0; }
    .article--negative .comments__listitem {
      border-top: 1px solid #3f3f3f; }
    @media screen and (min-width: 768px) {
      .comments__listitem {
        padding: 21px 0 20px 0; }
        .thread__view .comments__listitem {
          padding: 20px 0 0 0; } }
    .comments__listitem:first-of-type {
      border-top: 0; }
      @media screen and (min-width: 768px) {
        .comments__listitem:first-of-type {
          border-top: 1px solid #e0e0e0; }
          .article--negative .comments__listitem:first-of-type {
            border-top: 1px solid #3f3f3f; }
          .subcomments__list .comments__listitem:first-of-type {
            border-top: 0; } }
    .comments__listitem:last-of-type {
      border-bottom: 1px solid #e0e0e0; }
      .article--negative .comments__listitem:last-of-type {
        border-bottom: 1px solid #3f3f3f; }
      .subcomments__list .comments__listitem:last-of-type {
        border-bottom: 0; }
  .comments__inner {
    position: relative; }
    .comments__inner--toplevel {
      margin: 0; }
  .comments__meta {
    box-sizing: border-box;
    position: relative;
    display: block;
    padding-right: 100px;
    width: 100%;
    margin-bottom: 4px; }
  .comments__avatar {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }
    .comments__avatar_wrap {
      float: left;
      margin-left: -84px; }
  .comments__username {
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #212121;
    text-transform: uppercase; }
    .article--negative .comments__username {
      color: white; }
  .comments__timestamp {
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-size: 12px;
    font-size: 1.2rem;
    color: #999999;
    text-transform: uppercase; }
  .comments__votes_wrap {
    display: block;
    margin-top: 10px; }
    @media screen and (max-width: 767px) {
      .thread__view .comments__votes_wrap {
        display: block; } }
    .comments__votes_wrap.hidden_mobile {
      display: none; }
      @media screen and (min-width: 768px) {
        .comments__votes_wrap.hidden_mobile {
          display: block; } }
    .comments__votes_wrap.hidden_desktop {
      display: block; }
      .thread__view .comments__votes_wrap.hidden_desktop {
        display: inline-block; }
        @media screen and (min-width: 768px) {
          .thread__view .comments__votes_wrap.hidden_desktop {
            display: none; } }
      @media screen and (min-width: 768px) {
        .comments__votes_wrap.hidden_desktop {
          display: none; } }
    @media screen and (min-width: 768px) {
      .comments__votes_wrap {
        position: absolute;
        right: 0;
        top: 0px;
        margin-top: 0; } }
  .comments__votes_up, .comments__votes_down {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #9e9e9e; }
    .comments__votes_up i, .comments__votes_down i {
      font-size: 16px;
      font-size: 1.6rem;
      margin: 0 6px; }
      @media screen and (min-width: 1200px) {
        .comments__votes_up i, .comments__votes_down i {
          margin: 0 4px; } }
  .comments__votes_up {
    margin-right: 24px; }
    .comments__votes_up.is_active {
      color: #4ea501; }
  .comments__votes_down.is_active {
    color: #d51212; }
  .comments__votes_down .icon-thumbs-down {
    position: relative;
    top: 4px; }
  .comments__content {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0; }
    .thread__view .comments__content {
      padding-bottom: 0; }
      @media screen and (min-width: 1024px) {
        .thread__view .comments__content {
          padding-bottom: 10px; } }
  .comments__text {
    margin: 0;
    font-family: "Merriweather", serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
    line-height: 2.8rem;
    letter-spacing: 0em;
    font-weight: 400;
    color: #212121; }
    @media screen and (min-width: 768px) {
      .comments__text {
        font-size: 15px;
        font-size: 1.5rem; } }
    .article--negative .comments__text {
      color: white; }
  .comments__reply {
    display: inline-block;
    float: right;
    margin-top: 11px;
    margin-bottom: 3px;
    padding-left: 3px;
    text-transform: uppercase;
    color: #999999;
    font-size: 12px;
    font-size: 1.2rem; }
    @media screen and (min-width: 768px) {
      .comments__reply {
        display: block;
        margin-top: 12px;
        float: none; } }
    .comments__reply i {
      position: relative;
      top: 3px;
      margin-right: 10px;
      font-size: 18px;
      font-size: 1.8rem;
      color: #9e9e9e; }
  .comments__divider {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e0e0e0; }
  .comments__show_all {
    display: block;
    text-align: center; }
    .article__intro .comments__show_all {
      margin-top: 30px; }
    .thread__view .comments__show_all {
      text-align: left; }
    .comments__show_all--button {
      display: inline-block;
      box-sizing: border-box;
      padding: 6px 30px 5px 30px;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 28px;
      line-height: 2.8rem;
      letter-spacing: 0em;
      text-transform: uppercase;
      background-color: #424193;
      color: white;
      border-radius: 5px; }
  .comments .subcomments__list {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 20px 22px 0 22px; }
    @media screen and (min-width: 768px) {
      .comments .subcomments__list {
        padding: 20px 0 0 36px; } }
    .comments .subcomments__list .comments__content {
      border: 0; }
    .comments .subcomments__list .comments__listitem {
      padding: 0;
      margin-bottom: 10px; }
  .comments__notLogedIn {
    margin: 20px 14px 10px 14px;
    padding: 30px 10px;
    text-align: center;
    border: 2px solid #424193; }
    @media screen and (min-width: 768px) {
      .comments__notLogedIn {
        margin: 20px 30px 10px 30px; } }
    @media screen and (min-width: 1200px) {
      .comments__notLogedIn {
        margin: 30px 70px 10px 74px; } }
    .comments__notLogedIn p {
      margin: 0;
      font-size: 18px;
      font-size: 1.8rem;
      color: #333333;
      font-weight: 700; }
      .article--negative .comments__notLogedIn p {
        color: white; }
    .comments__notLogedIn a {
      color: #424193; }
      .comments__notLogedIn a:hover {
        text-decoration: underline; }

.horoscope_widget {
  padding: 25px;
  background: #F3EFF5; }
  @media screen and (min-width: 1024px) {
    .horoscope_widget {
      padding: 25px 0 15px 25px; } }
  .horoscope_widget__title {
    margin: 5px 0 0 -15px;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.1;
    font-weight: 700;
    font-family: "Merriweather", serif;
    letter-spacing: 0.1em;
    color: #673C80; }
    @media screen and (min-width: 1024px) {
      .horoscope_widget__title {
        display: table;
        margin: 5px 0 0 15px;
        font-size: 32px;
        font-size: 3.2rem; } }
  .horoscope_widget__date {
    margin: 0 0 0 -15px;
    color: #673C80;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400; }
    @media screen and (min-width: 1024px) {
      .horoscope_widget__date {
        display: table;
        margin: 0 0 0 15px; } }
  .horoscope_widget__figure {
    margin: 0;
    padding: 0 10px 0 0; }
  .horoscope_widget__img {
    width: 65px; }
    @media screen and (min-width: 768px) {
      .horoscope_widget__img {
        width: 135px; } }
  .horoscope_widget__description {
    display: table;
    margin: 5px 0 0 -15px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #333333;
    font-family: "Merriweather", serif; }
    @media screen and (min-width: 1024px) {
      .horoscope_widget__description {
        margin: 5px 0 0 15px; } }
  .horoscope_widget__seemore {
    display: table;
    margin: 0 0 0 -15px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #673C80; }
    @media screen and (min-width: 1024px) {
      .horoscope_widget__seemore {
        margin: 5px 0 0 15px; } }
    .horoscope_widget__seemore i {
      position: relative;
      top: 4px;
      margin-right: 5px;
      font-size: 16px;
      font-size: 1.6rem; }
  .horoscope_widget__list {
    margin: 50px 0 10px 0;
    padding: 0;
    list-style: none; }
    @media screen and (min-width: 1024px) {
      .horoscope_widget__list {
        margin: 0;
        padding: 0 0 0 35px; } }
  .horoscope_widget__item {
    text-align: center;
    float: left; }
    @media screen and (min-width: 1024px) {
      .horoscope_widget__item {
        float: left;
        margin: 0 25px 10px 0; }
        .horoscope_widget__item:nth-child(4n) {
          margin-right: 0; } }
    @media screen and (min-width: 1200px) {
      .horoscope_widget__item {
        margin: 0 45px 10px 0; } }
    .horoscope_widget__item_symbol {
      width: 60px !important;
      height: 65px; }
  .horoscope_widget__link {
    display: inline-block; }
  .horoscope_widget .owl-controls {
    -webkit-tap-highlight-color: transparent; }
  .horoscope_widget .owl-nav {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%; }
  .horoscope_widget .owl-prev, .horoscope_widget .owl-next {
    position: absolute;
    left: -15px;
    width: 40px;
    height: 40px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #DDD;
    background: #464646;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }
    .horoscope_widget .owl-prev i, .horoscope_widget .owl-next i {
      position: relative;
      top: 10px;
      left: 11px; }
  .horoscope_widget .owl-next {
    left: auto;
    right: -15px;
    text-align: right; }
    .horoscope_widget .owl-next i {
      position: relative;
      top: 10px;
      left: -11px; }
  .homepage__horoscope .horoscope_widget {
    padding: 0;
    background: transparent;
    margin-bottom: 28px; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .section--landing_page .homepage__horoscope .horoscope_widget {
        padding: 0 10px; } }
    @media screen and (min-width: 1024px) {
      .homepage__horoscope .horoscope_widget {
        padding: 0 10px; } }
    .homepage__horoscope .horoscope_widget .horoscope_widget__heading {
      margin: 4px 0 10px 0;
      text-align: left;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      font-size: 20px;
      font-size: 2rem;
      line-height: 22px;
      line-height: 2.2rem;
      letter-spacing: 0.01em;
      color: #333333;
      text-transform: lowercase; }
    .homepage__horoscope .horoscope_widget .horoscope_widget__link {
      color: #333333; }
    .homepage__horoscope .horoscope_widget .horoscope_widget__list {
      margin: 0;
      padding: 0; }
    .homepage__horoscope .horoscope_widget .horoscope_widget__item {
      width: 25%;
      margin: 0;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .homepage__horoscope .horoscope_widget .horoscope_widget__item {
          width: 16.66%; } }
    .homepage__horoscope .horoscope_widget .horoscope_widget__item_symbol {
      width: 80px !important;
      height: 85px; }
      @media screen and (min-width: 768px) {
        .homepage__horoscope .horoscope_widget .horoscope_widget__item_symbol {
          width: 115px !important;
          height: 120px; } }
    .homepage__horoscope .horoscope_widget .horoscope_widget--title {
      margin-top: -6px;
      display: block;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      text-transform: uppercase;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 20px;
      line-height: 2rem;
      letter-spacing: 0.01em; }
      @media screen and (min-width: 768px) {
        .homepage__horoscope .horoscope_widget .horoscope_widget--title {
          font-size: 14px;
          font-size: 1.4rem; } }
    .homepage__horoscope .horoscope_widget .horoscope_widget--date {
      display: none;
      margin-top: -1px; }
      @media screen and (min-width: 768px) {
        .homepage__horoscope .horoscope_widget .horoscope_widget--date {
          display: block; } }

.horoscope {
  position: relative; }
  .horoscope .social__share {
    position: absolute;
    right: -5px;
    top: 5px; }
  .horoscope__link {
    display: table;
    margin: 15px 0 0 0;
    font-size: 14px;
    font-size: 1.4rem;
    color: #673C80; }
    .horoscope__link i {
      position: relative;
      top: 3px;
      margin-right: 5px;
      font-size: 16px;
      font-size: 1.6rem; }
  .horoscope__head_wrap {
    position: relative; }
    @media screen and (min-width: 768px) {
      .horoscope__head_wrap {
        height: 160px; } }
    @media screen and (min-width: 768px) {
      .horoscope__head_wrap .horoscope__figure {
        position: absolute;
        left: 50%;
        margin-left: -90px;
        margin-top: -60px; } }
  @media screen and (max-width: 1023px) {
    .horoscope__figure {
      float: left;
      margin: -20px 20px 0 -10px; } }
  @media screen and (min-width: 768px) {
    .horoscope__figure {
      text-align: center; } }
  .horoscope__figure_img {
    width: 120px; }
    @media screen and (min-width: 768px) {
      .horoscope__figure_img {
        width: 180px; } }
  .horoscope__heading {
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 30px;
    font-size: 3rem;
    color: #4a464a; }
    @media screen and (max-width: 767px) {
      .horoscope__heading {
        margin-right: 110px; } }
  .horoscope__sponsor {
    margin: 0 0 40px 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.5rem; }
    .horoscope__sponsor a {
      display: inline-block;
      color: #673C86; }
  .horoscope__title {
    margin: 0;
    font-size: 32px;
    font-size: 3.2rem;
    color: #673C80;
    font-family: "Merriweather", serif; }
    @media screen and (min-width: 768px) {
      .horoscope__title {
        margin-top: 20px; } }
    .horoscope__title span {
      margin: -5px 0 0 0;
      display: block;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 400;
      font-family: "Lato", sans-serif; }
  .horoscope__description {
    margin: 10px 0 40px 0;
    font-size: 15px;
    font-size: 1.5rem;
    color: #333333;
    font-family: "Merriweather", serif; }
    @media screen and (min-width: 768px) {
      .horoscope__description {
        margin: 10px 0 0 0; } }
  .horoscope__rates_list {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .horoscope__rates_list {
        margin: 0 40px; } }
  .horoscope__rates_item {
    margin: 0 0 15px 0; }
  .horoscope__rates_title {
    margin: 0 0 5px 0;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #673C80;
    text-transform: uppercase; }
    .horoscope__rates_title span {
      font-weight: 700; }
  .horoscope__rates_bar {
    background: #673C80;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    height: 8px; }
    .horoscope__rates_bar_wrap {
      margin: 0 auto;
      width: 100%;
      height: 8px;
      background: #E0D8E5;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      @media screen and (min-width: 1200px) {
        .horoscope__rates_bar_wrap {
          width: 220px; } }
  .horoscope__navigation {
    margin: 40px 0 0 0; }
    @media screen and (min-width: 768px) {
      .horoscope__navigation {
        margin: 10px 0 0 0; } }
    .horoscope__navigation_link {
      display: block;
      margin: 0 0 10px 0;
      width: 100%;
      height: 50px;
      line-height: 50px;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center;
      color: #FFF;
      background: #673C80; }
      @media screen and (min-width: 768px) {
        .horoscope__navigation_link {
          margin: 0; } }
      .horoscope__navigation_link:hover, .horoscope__navigation_link--current {
        color: #673C80;
        background: #E0D8E5; }
  .horoscope__all_signs_heading {
    margin: 0 0 20px 0;
    padding: 10px 0 0 0;
    border-top: 1px solid rgba(116, 116, 116, 0.6);
    font-size: 20px;
    font-size: 2rem;
    color: #4a464a; }
  .horoscope__all_signs_item {
    float: left;
    margin: 0 0 60px 0;
    padding: 0 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (min-width: 768px) {
      .horoscope__all_signs_item {
        position: relative;
        display: block;
        overflow: hidden;
        width: 50%;
        height: 280px; } }
    @media screen and (min-width: 1025px) and (max-width: 1023px) {
      .horoscope__all_signs_item {
        width: 50%; } }
    @media screen and (min-width: 1024px) {
      .horoscope__all_signs_item {
        margin: 0 0 30px 0; } }
    @media screen and (min-width: 1200px) {
      .horoscope__all_signs_item {
        width: 33.33%; } }
  .horoscope__all_signs_img {
    margin: 0 auto;
    width: 116px; }
  .horoscope__all_signs_name {
    margin: 0;
    font-size: 22px;
    font-size: 2.2rem;
    color: #673C80;
    text-align: center; }
    .horoscope__all_signs_name span {
      display: block;
      margin: -5px 0 0 0;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 400; }
  .horoscope__all_signs_description {
    margin: 10px 0 0 0;
    font-size: 13px;
    font-size: 1.3rem;
    color: #333333;
    font-family: "Merriweather", serif;
    text-align: left; }
  .horoscope__all_signs--icons {
    margin: 0 0 20px 0; }
    .horoscope__all_signs--icons ul {
      margin: 0 -10px; }
      .horoscope__all_signs--icons ul li {
        float: left;
        margin: 0;
        width: 25%;
        height: auto;
        padding: 0; }
        @media screen and (min-width: 768px) and (max-width: 1023px) {
          .horoscope__all_signs--icons ul li {
            width: 16.666%; } }
        @media screen and (min-width: 1024px) {
          .horoscope__all_signs--icons ul li {
            width: auto; } }
        .horoscope__all_signs--icons ul li a img {
          width: 74px; }
  .horoscope__interested_articles_heading {
    margin: 0 0 40px 0;
    padding: 10px 0 0 0;
    border-top: 1px solid rgba(116, 116, 116, 0.6);
    font-size: 20px;
    font-size: 2rem;
    color: #4a464a; }
  .horoscope__interested_articles_wrap {
    margin: 0 -5px 10px; }
  .horoscope__interested_articles .section__divider {
    margin: 0 10px 10px 5px !important; }
  .horoscope__boxed_wrap {
    margin: 25px 0 0 0;
    padding: 20px;
    background: #EFEBF2; }
    @media screen and (min-width: 768px) {
      .horoscope__boxed_wrap {
        margin: 25px 0 12px 0; } }
  .horoscope__boxed_title {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #673C80; }
  .horoscope__boxed_description {
    margin: 0;
    font-size: 13px;
    font-size: 1.3rem;
    color: #333333; }
  .horoscope__boxed_ad_wrap {
    clear: both;
    margin: 0 auto 50px auto; }
    @media screen and (min-width: 1024px) {
      .horoscope__boxed_ad_wrap {
        margin: 0 auto 27px auto; } }
  .horoscope__boxed_ad {
    padding: 12px 35px;
    border: 1px solid #673C80;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .horoscope__boxed_ad p {
      margin: 0;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 20px;
      line-height: 2rem;
      color: #673C80;
      text-align: center;
      font-weight: 600; }
    .horoscope__boxed_ad a {
      display: block;
      color: #673C80;
      font-weight: 700; }
  .horoscope__monthly_heading {
    margin: 30px 0 10px 0;
    font-size: 18px;
    font-size: 1.8rem;
    color: #683982; }
  .horoscope__monthly_description {
    margin: 0;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: "Merriweather", serif;
    color: #333333; }
  .horoscope__about_sign_heading {
    margin: 0 0 10px 0;
    color: #683982;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "Merriweather", serif; }
  .horoscope__about_sign_subheading {
    margin: 20px 0 10px 0;
    color: #683982;
    font-size: 18px;
    font-size: 1.8rem; }
  .horoscope__about_sign_description {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333333;
    font-family: "Merriweather", serif; }
  .horoscope__about_sign_infobox {
    margin: 20px 0;
    padding: 10px;
    background: #E0D8E5; }
    @media screen and (min-width: 768px) {
      .horoscope__about_sign_infobox {
        margin: 0 0 40px 0; } }
    .horoscope__about_sign_infobox_inner {
      padding: 0 0 15px 0;
      border: 1px solid #693684;
      text-align: center; }
      .horoscope__about_sign_infobox_inner h4 {
        margin: 15px 0 0 0;
        font-size: 11px;
        font-size: 1.1rem;
        color: #683982;
        text-transform: uppercase;
        letter-spacing: 0.1em; }
      .horoscope__about_sign_infobox_inner p {
        margin: 0;
        font-size: 15px;
        font-size: 1.5rem;
        color: #333333;
        font-family: "Merriweather", serif; }

.lucky_numbers {
  text-align: center; }
  .lucky_numbers__heading {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #673C80;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden; }
    .lucky_numbers__heading span {
      display: inline-block;
      position: relative; }
      .lucky_numbers__heading span:before, .lucky_numbers__heading span:after {
        content: "";
        position: absolute;
        height: 1px;
        border-top: 1px solid #673C80;
        top: 10px;
        width: 45px; }
        @media screen and (max-width: 767px) {
          .lucky_numbers__heading span:before, .lucky_numbers__heading span:after {
            width: 80px; } }
      .lucky_numbers__heading span:before {
        right: 100%;
        margin-right: 15px; }
      .lucky_numbers__heading span:after {
        left: 100%;
        margin-left: 15px; }
  .lucky_numbers__number {
    display: inline-block;
    margin: 6px 2px 5px;
    font-size: 20px;
    font-size: 2rem;
    font-family: "Merriweather", serif;
    font-weight: 700;
    text-align: center;
    color: #009833;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #009833;
    width: 44px;
    height: 44px;
    line-height: 44px; }

.positive_signs, .negative_signs {
  text-align: center; }

.timemachine__heading {
  margin: 0;
  padding: 20px 0;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 900;
  color: #4a464a;
  border-top: 1px solid rgba(116, 116, 116, 0.6); }

.timemachine__calendar {
  margin: 0;
  padding: 45px 10px 25px 10px;
  background: #F1F1F1; }
  @media screen and (min-width: 768px) {
    .timemachine__calendar {
      padding: 25px 20px; } }
  .timemachine__calendar_select_wrap {
    position: relative;
    display: inline-block;
    margin-right: 12%; }
    @media screen and (min-width: 768px) {
      .timemachine__calendar_select_wrap {
        margin-right: 50px; } }
    .timemachine__calendar_select_wrap .up, .timemachine__calendar_select_wrap .down {
      position: absolute;
      right: -20px;
      padding: 2px;
      display: inline-block;
      width: 16px;
      height: 16px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      border: 1px solid #C6C3E4;
      font-size: 8px;
      font-size: 0.8rem;
      text-align: center;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .timemachine__calendar_select_wrap .up:hover, .timemachine__calendar_select_wrap .down:hover {
        cursor: pointer; }
    .timemachine__calendar_select_wrap .up {
      top: -12px; }
    .timemachine__calendar_select_wrap .down {
      bottom: -12px;
      line-height: 13px; }
  .timemachine__calendar_label {
    position: relative; }
    .timemachine__calendar_label .label {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 900;
      color: #4a464a;
      margin-right: 5px; }
      @media screen and (max-width: 767px) {
        .timemachine__calendar_label .label {
          position: absolute;
          top: -35px; } }
  .timemachine__calendar_select {
    border: 0;
    border-bottom: 1px solid #C6C3E4;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 900; }
  .timemachine__calendar img {
    width: 20px;
    height: 20px; }

.timemachine__filter_wrap {
  margin: 10px 0; }

.timemachine__filter_item {
  display: inline-block; }

.timemachine__filter_link {
  display: block;
  margin: 0 3px 4px 0;
  padding: 0 10px;
  height: 20px;
  line-height: 22px;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFF;
  background: #ABABAB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .timemachine__filter_link.active, .timemachine__filter_link:hover {
    color: #424193;
    background: #C6C3E4; }

.timemachine__article_list {
  position: relative;
  padding: 10px 0;
  border-top: 1px solid rgba(116, 116, 116, 0.6); }
  .timemachine__article_list:before {
    display: block;
    content: " ";
    position: absolute;
    top: 10px;
    left: 15px;
    bottom: 50px;
    width: 1px;
    background: #CDCDCD; }
    @media screen and (min-width: 768px) {
      .timemachine__article_list:before {
        left: 0;
        left: 56px;
        bottom: 20px; } }
    @media screen and (min-width: 1200px) {
      .timemachine__article_list:before {
        left: 110px; } }

.timemachine__article_item {
  position: relative; }
  @media screen and (min-width: 768px) {
    .timemachine__article_item {
      padding: 0 0 0 116px; } }
  @media screen and (min-width: 1200px) {
    .timemachine__article_item {
      padding: 0 0 0 230px; } }

.timemachine__warning {
  position: relative;
  padding: 17px 20px 21px 73px;
  border: 1px solid #dedede;
  margin: 26px 0 0;
  background: #f1f1f1; }
  .timemachine__warning .icon {
    position: absolute;
    top: 18px;
    left: 20px;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
    line-height: 3.2rem; }

.timemachine__article_item.novice .card__overtitle {
  color: #424193; }

.timemachine__article_item.sportal .card__overtitle {
  color: #086d7f; }

.timemachine__article_item.trendi .card__overtitle {
  color: #a51253; }

.timemachine__article_item.avtomoto .card__overtitle {
  color: #076cb5; }

.timemachine__article_item.digisvet .card__overtitle {
  color: #2c4697; }

.timemachine__article_item.siol-plus .card__overtitle {
  color: #70706e; }

.timemachine__article_item.posel-danes .card__overtitle {
  color: #88b04b; }

.timemachine__article_item.info .card__overtitle {
  color: #f9b509; }

.timemachine__article_item.planet_tv .card__overtitle {
  color: #0087be; }

.timemachine__article_item.ugc .card__overtitle {
  color: #f05046; }

.timemachine__article_item.videoarchive .card__overtitle {
  color: #3b3b3b; }

.form__row {
  position: relative;
  margin: 0 0 25px 0; }

.form__label {
  display: inline-block;
  margin: 0 0 5px 0;
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 700;
  color: #333333;
  cursor: pointer; }
  .form__label_text {
    display: table;
    margin: -18px 0 0 50px; }
  .form__label--inline {
    width: auto;
    margin-right: 20px; }

.form__field_label {
  width: 100%;
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  font-family: "Merriweather", serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 14px;
  line-height: 1.4rem;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  border-bottom: 1px solid rgba(116, 116, 116, 0.6); }

.form__textfield {
  margin: 0;
  padding: 0 10px;
  width: 100%;
  height: 40px;
  border: 1px solid #ABABAB;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
  font-family: "Merriweather", serif;
  color: #333333; }
  .form__textfield:focus {
    border-color: #424193; }
  .form__textfield.error {
    border-color: #A50051; }

.form__textarea {
  margin: 0;
  padding: 10px;
  width: 100%;
  height: 150px;
  border: 1px solid #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300; }
  .form__textarea:focus {
    border-color: #424193; }
  .form__textarea.error {
    border-color: #A50051; }

.form__radiofield {
  position: relative;
  margin: 0; }
  .form__radiofield.error {
    border-color: #A50051; }

.form__submit {
  margin: 0;
  padding: 0 40px;
  height: 36px;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #FFF;
  background: #424193;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 900; }

.form__forgotten_pass_link {
  margin: 10px 0 0 0;
  float: right;
  text-align: right;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "Merriweather", serif; }
  .form__forgotten_pass_link:hover {
    text-decoration: underline; }

.siol-label {
  font-weight: 900;
  font-size: 12px;
  font-size: 1.2rem; }

.siol-radio {
  display: inline-block;
  position: relative;
  top: 8px;
  width: 19px;
  height: 19px;
  margin: 0 10px 5px 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #ABABAB;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF; }
  .siol-radio:before {
    position: relative;
    top: 4px;
    left: 4px;
    content: " ";
    display: block;
    width: 9px;
    height: 9px;
    background: #FFF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }
  .siol-radio.checked:before {
    background: #424193; }

.siol-check {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin: -2px 10px 5px 0;
  border: 1px solid rgba(116, 116, 116, 0.6); }
  .siol-check.checked {
    top: 0;
    background: #424193; }
    .siol-check.checked:before {
      content: "\e609";
      position: relative;
      top: 3px;
      left: 4px;
      line-height: 1;
      color: #FFF; }

.poll {
  display: block;
  margin: 20px 0;
  padding: 0 10px 0 0;
  background: #fff; }
  @media screen and (min-width: 1024px) {
    .poll {
      padding: 9px 10px 0 0; } }
  .sidebar__poll .poll {
    margin: 0 0 20px 0; }
    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .sidebar__poll .poll {
        margin: 0;
        box-sizing: border-box;
        overflow: hidden; } }
  .poll.poll_inactive .poll__submit {
    display: none; }
  .poll__form {
    margin: 0 0 50px 0; }
    .sidebar__poll .poll__form {
      margin: 0; }
  .poll__question {
    margin: 0 0 15px 0;
    padding: 0 0 14px 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: 900;
    color: #212121;
    border-bottom: 1px solid #e0e0e0; }
  .poll__list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden; }
  .poll__item {
    position: relative;
    margin: 0 0 23px 0; }
  .poll__answer {
    position: relative; }
    .poll__answer_title {
      display: block;
      margin: 0 0 4px 0;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 18px;
      line-height: 1.8rem;
      font-weight: 900;
      color: #212121; }
      @media screen and (min-width: 768px) {
        .poll__answer_title {
          display: inline-block;
          width: 75%; } }
    .poll__answer_count {
      color: #4a464a;
      text-transform: uppercase;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1;
      font-weight: 700; }
      @media screen and (min-width: 768px) {
        .poll__answer_count {
          position: absolute;
          right: 42px;
          bottom: 8px; } }
    .poll__answer_perc {
      position: absolute;
      right: 0;
      bottom: 0;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 26px;
      line-height: 2.6rem;
      font-weight: 700;
      color: #212121; }
  .poll__progress_wrap {
    display: inline-block;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-left: 50px; }
    .poll__progress_wrap.user_voted {
      padding-left: 0; }
  .poll__progressbar {
    position: relative;
    margin: 0;
    padding: 0;
    height: 50px;
    background: #ededed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out; }
    .poll__progressbar--answered {
      padding: 0 !important; }
    .poll__progressbar_fill {
      height: 50px;
      background-color: #424193; }
    .ohranimo_delo_neprecenljivo .poll__progressbar {
      background: #d3cfc8; }
  .poll__submit {
    position: absolute;
    bottom: 0;
    left: -50px;
    z-index: 2;
    background: #424193;
    border: 0;
    height: 50px;
    width: 50px;
    border-right: 1px solid #fff;
    margin: 0;
    color: #FFF;
    font-weight: 700;
    font-family: "Lato", sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 32px;
    line-height: 3.2rem;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
    .sportal .poll__submit {
      background: #086d7f; }
    .trendi .poll__submit {
      background: #a51253; }
    .avtomoto .poll__submit {
      background: #d22300; }
    .digisvet .poll__submit {
      background: #2d4895; }
    @media screen and (min-width: 768px) {
      .poll__submit {
        height: 50px;
        width: 50px;
        margin: 0;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 40px;
        line-height: 4rem; } }
    .poll__submit:focus {
      outline: 0; }
    .poll__submit:hover {
      background: #333182; }
      .sportal .poll__submit:hover {
        background: #06525f; }
      .trendi .poll__submit:hover {
        background: #7c0d3e; }
      .avtomoto .poll__submit:hover {
        background: #b31e00; }
      .digisvet .poll__submit:hover {
        background: #263d7f; }
  .poll__total_count {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #888; }
    .article .poll__total_count {
      margin-top: 0;
      padding-bottom: 20px; }

.poll_landing__heading {
  margin: 0 0 10px 0;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
  font-weight: 700;
  color: #4a464a; }

.poll_landing__info {
  margin: 0 0 20px 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #333333; }

.poll_landing__description {
  margin: 10px 0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #333333; }

.fold__homepage .sidebar__poll {
  width: 33.33%;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  box-sizing: border-box; }
  @media screen and (min-width: 1024px) {
    .fold__homepage .sidebar__poll {
      min-height: 450px; } }
  @media screen and (min-width: 1200px) {
    .fold__homepage .sidebar__poll {
      width: 100%;
      min-height: initial;
      height: auto;
      padding: 0;
      padding-left: 10px; } }

.article__main .poll {
  font-family: "Lato", sans-serif;
  padding: 20px 14px 0 14px; }
  @media screen and (min-width: 1024px) {
    .article__main .poll {
      padding: 36px 40px 0 40px; } }
  .article__main .poll__form {
    margin-bottom: 20px; }
    @media screen and (min-width: 1024px) {
      .article__main .poll__form {
        margin-bottom: 50px; } }
  .article__main .poll__list {
    padding-left: 0; }
    @media screen and (min-width: 1024px) {
      .article__main .poll__list {
        padding: 0 0 20px 25px; } }
  .article__main .poll__item {
    padding: 0;
    margin: 0;
    padding-bottom: 20px; }
  .article__main .poll__answer {
    padding: 0; }
    @media screen and (min-width: 1024px) {
      .article__main .poll__answer {
        padding: 0 32px 0 15px; } }
  .article__main .poll__answer_perc {
    bottom: -4px;
    right: 0; }
    @media screen and (min-width: 1024px) {
      .article__main .poll__answer_perc {
        bottom: 4px;
        right: 32px; } }
  .article__main .poll__answer_title {
    text-transform: uppercase; }
  .article__main .poll__progressbar {
    margin-left: 0; }
    @media screen and (min-width: 1024px) {
      .article__main .poll__progressbar {
        margin-left: 16px; } }

.poll_archive__heading {
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 30px;
  font-size: 3rem;
  color: #4a464a;
  border-top: 1px solid rgba(116, 116, 116, 0.6); }

.poll_archive__total {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  color: #727272; }
  .poll_archive__total span {
    font-weight: 700;
    color: #333333; }

.poll_box__wrap {
  margin: 20px -20px; }

.poll_box__inner {
  display: block;
  position: relative;
  margin: 0 10px 25px;
  padding: 15px;
  background: #F1F1F1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out; }
  .poll_box__inner:hover {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }

.poll_box__heading {
  margin: 0 0 15px 0;
  padding: 0 0 10px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  color: #4a464a;
  border-bottom: 1px solid rgba(116, 116, 116, 0.6); }

.poll_box__answer {
  margin: 10px 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #727272; }
  .poll_box__answer.first {
    color: #424193; }

.poll_box__percentage_bar {
  display: inline-block;
  margin: 0 5px 0 0;
  height: 8px;
  background: #ACACAC;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0; }
  .poll_box__percentage_bar.first {
    background: #424193; }

.poll_box__percentage_number {
  font-size: 12px;
  font-size: 1.2rem;
  color: #4a464a; }
  .poll_box__percentage_number.first {
    color: #424193; }

@media screen and (min-width: 768px) {
  .pagination {
    display: inline-block;
    float: right; }
    .search_results__wrap .pagination,
    .author__wrap_form .pagination {
      margin-top: -6px; } }

.pagination__list {
  position: relative;
  display: block;
  text-align: right;
  float: right;
  font-size: 0; }

.pagination__item {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 30px;
  line-height: 3rem; }
  .pagination__item.first {
    margin-left: 0; }
  .pagination__item.last {
    margin-right: 0; }

.pagination__link {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #212121;
  font-weight: 700;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%; }
  .pagination__link.active {
    background: #999999;
    color: white; }
  .pagination__link.disabled {
    pointer-events: none;
    opacity: 0.333; }
  .pagination__link--next, .pagination__link--prev {
    margin: 0;
    background: #e0e0e0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }
    .pagination__link--next i, .pagination__link--prev i {
      font-size: 10px;
      font-size: 1rem; }
  .pagination__link--next i {
    position: relative;
    left: 1px; }

.thread__view--pagination {
  padding: 0 14px; }
  @media screen and (min-width: 768px) {
    .thread__view--pagination {
      padding: 0  30px; } }

.is_standalone_gallery {
  width: 100% !important;
  height: 100% !important;
  background: #353535; }

.gallery {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .gallery__aside {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    z-index: 3; }
    @media screen and (min-width: 1024px) {
      .gallery__aside {
        left: auto;
        top: 0;
        bottom: 0;
        width: 60px;
        height: 100%;
        border-left: 1px solid #464646;
        background: #282828; } }
    @media screen and (min-width: 480px) and (max-width: 767px) {
      .gallery__aside {
        display: none; } }
    .gallery__aside_info {
      display: none; }
      @media screen and (min-width: 1024px) {
        .gallery__aside_info {
          display: block;
          position: fixed;
          top: 0;
          right: 60px;
          bottom: 0;
          padding: 0 20px;
          background: #282828;
          width: 300px;
          border-left: 1px solid #464646;
          -webkit-transform: translateX(300px);
          -moz-transform: translateX(300px);
          -o-transform: translateX(300px);
          -ms-transform: translateX(300px);
          transform: translateX(300px);
          z-index: 2;
          -webkit-transition: 0.3s ease-in-out;
          -moz-transition: 0.3s ease-in-out;
          -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          backface-visibility: hidden;
          -webkit-backface-visibility: hidden; } }
      .gallery__aside_info.is_open {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }
    .gallery__aside_description {
      margin: 100px 0 30px 0;
      color: #FFF;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.6;
      font-family: "Merriweather", serif; }
    .gallery__aside_author {
      margin: 0;
      color: #AAA;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700; }
      .gallery__aside_author span {
        display: block; }
  .gallery__close {
    display: none; }
    @media screen and (min-width: 1024px) {
      .gallery__close {
        display: block;
        position: absolute;
        left: 15px;
        top: 20px;
        display: block;
        width: 30px;
        height: 26px;
        line-height: 28px;
        text-align: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background: #464646;
        color: #FFF; } }
    .gallery__close--mobile {
      display: none; }
      @media screen and (max-width: 1023px) {
        .gallery__close--mobile {
          display: block;
          position: absolute;
          right: 15px;
          top: 15px;
          display: block;
          width: 30px;
          height: 26px;
          line-height: 28px;
          text-align: center;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          background: #464646;
          color: #FFF;
          z-index: 10; } }
  .gallery__pagination {
    position: absolute;
    text-align: center;
    color: #CCC;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700; }
    @media screen and (max-width: 1023px) {
      .gallery__pagination {
        left: 50%;
        margin-left: -15px;
        bottom: 25px; } }
    @media screen and (min-width: 1024px) {
      .gallery__pagination {
        position: relative;
        top: 100px; } }
  .gallery__prev, .gallery__next {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 42px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    color: #AAA;
    background: #464646;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem; }
    @media screen and (max-width: 1023px) {
      .gallery__prev, .gallery__next {
        bottom: 15px;
        right: 25%; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .gallery__prev, .gallery__next {
        right: 35%; } }
    @media screen and (min-width: 1024px) {
      .gallery__prev, .gallery__next {
        position: relative;
        top: 135px;
        margin: 0 auto; } }
    .gallery__prev.is_hidden, .gallery__next.is_hidden {
      display: none; }
  @media screen and (max-width: 1023px) {
    .gallery__prev {
      bottom: 15px;
      left: 25%;
      right: auto; } }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .gallery__prev {
      left: 35%; } }
  @media screen and (min-width: 1024px) {
    .gallery__prev {
      top: 150px; } }
  .gallery__info {
    display: none; }
    @media screen and (min-width: 1024px) {
      .gallery__info {
        display: block;
        position: absolute;
        top: 280px;
        left: 10px;
        width: 40px;
        height: 40px;
        line-height: 42px;
        text-align: center;
        background: #FFF;
        color: #464646;
        font-size: 20px;
        font-size: 2rem;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%; } }
  .gallery__share {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background: transparent;
    border: 1px solid #AAA;
    color: #AAA;
    font-size: 20px;
    font-size: 2rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }
    .gallery__share_wrap {
      position: absolute;
      right: 15px;
      bottom: 15px;
      width: 40px;
      height: 40px; }
      @media screen and (min-width: 1024px) {
        .gallery__share_wrap {
          right: auto;
          bottom: auto;
          top: 340px;
          left: 10px; } }
      .gallery__share_wrap > div {
        display: none; }
      .gallery__share_wrap:hover .gallery__share {
        background: #FFF; }
      .gallery__share_wrap:hover > div {
        display: block;
        position: absolute;
        right: 0;
        bottom: 50px;
        width: 150px;
        padding: 40px 0 0 0;
        z-index: 10; }
        @media screen and (min-width: 1024px) {
          .gallery__share_wrap:hover > div {
            cursor: pointer;
            top: 20px; } }
        .gallery__share_wrap:hover > div ul {
          border: 1px solid #E7E7E7;
          background: #FFF;
          padding: 10px 15px 0 15px; }
          .gallery__share_wrap:hover > div ul:before, .gallery__share_wrap:hover > div ul:after {
            position: absolute;
            right: 10px;
            bottom: -10px;
            margin: 0;
            content: " ";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 10px 0 10px;
            border-color: #E7E7E7 transparent transparent transparent; }
            @media screen and (min-width: 1024px) {
              .gallery__share_wrap:hover > div ul:before, .gallery__share_wrap:hover > div ul:after {
                bottom: auto;
                top: 30px;
                margin: 0 0 0 -10px;
                border-width: 0 10px 10px 10px;
                border-color: transparent transparent #E7E7E7 transparent; } }
          .gallery__share_wrap:hover > div ul:after {
            margin: 0 1px 0 0;
            border-color: #FFF transparent transparent transparent;
            border-width: 9px 9px 0 9px; }
            @media screen and (min-width: 1024px) {
              .gallery__share_wrap:hover > div ul:after {
                top: 32px;
                margin: 0 0 0 -9px;
                border-color: transparent transparent #FFF transparent;
                border-width: 0 9px 9px 9px; } }
          .gallery__share_wrap:hover > div ul li a {
            display: block;
            height: 40px;
            line-height: 33px;
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: 600;
            color: #333333; }
            .gallery__share_wrap:hover > div ul li a:hover {
              color: #424193; }
            .gallery__share_wrap:hover > div ul li a span {
              display: inline-block;
              margin-right: 5px;
              width: 30px;
              height: 30px;
              background: #000;
              -webkit-border-radius: 100%;
              -moz-border-radius: 100%;
              -ms-border-radius: 100%;
              -o-border-radius: 100%;
              border-radius: 100%;
              text-align: center; }
              .gallery__share_wrap:hover > div ul li a span i {
                position: relative;
                left: 1px;
                font-size: 16px;
                font-size: 1.6rem;
                line-height: 30px;
                color: #FFF; }
            .gallery__share_wrap:hover > div ul li a.facebook span {
              background: #265999; }
            .gallery__share_wrap:hover > div ul li a.twitter span {
              background: #00ace2; }
            .gallery__share_wrap:hover > div ul li a.pinterest span {
              background: #BC191C; }
            .gallery__share_wrap:hover > div ul li a.whatsapp span {
              background: #55CB5F; }
            .gallery__share_wrap:hover > div ul li a.messenger span {
              background: #0083FF; }
            .gallery__share_wrap:hover > div ul li a.linkedin span {
              background: #0082b2; }
            .gallery__share_wrap:hover > div ul li a.email span {
              background: #323170; }
              .gallery__share_wrap:hover > div ul li a.email span i {
                left: .5px; }
  .gallery__slider {
    width: 100%;
    height: 100% !important;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    @media screen and (max-width: 1023px) {
      .gallery__slider {
        padding-top: 60px; } }
    @media screen and (min-width: 1024px) {
      .gallery__slider {
        right: 60px; } }
    .gallery__slider.shrinked {
      right: 360px !important; }
  .gallery__data {
    display: block;
    padding: 20px 0;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      .gallery__data {
        display: none; } }
    .gallery__data_inner {
      display: none; }
      @media screen and (min-width: 480px) and (max-width: 767px) {
        .gallery__data_inner {
          display: block;
          margin: 20px 0;
          width: 200px;
          margin: 0 auto; } }
    .gallery__data_paginator {
      color: #CCC;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700;
      line-height: 40px; }
    .gallery__data_desc {
      margin: 10px 0;
      color: #FFF;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.6;
      font-family: "Merriweather", serif;
      text-align: center; }
    .gallery__data_author {
      margin: 0;
      color: #AAA;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 700;
      text-align: center; }
      .gallery__data_author span {
        display: block; }
    .gallery__data .gallery__next--mobile, .gallery__data .gallery__prev--mobile {
      float: left;
      top: 0;
      right: auto;
      bottom: auto;
      left: auto;
      position: relative;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 42px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      color: #AAA;
      background: #464646;
      text-align: center;
      font-size: 16px;
      font-size: 1.6rem; }
    .gallery__data .gallery__next--mobile {
      float: right; }
  .gallery .royalSlider {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 60px !important;
    height: 80% !important;
    width: auto;
    padding: 0; }
    @media screen and (min-width: 480px) and (max-width: 767px) {
      .gallery .royalSlider {
        position: relative;
        width: 100%; } }
    @media screen and (min-width: 1024px) {
      .gallery .royalSlider {
        position: absolute;
        left: 0;
        top: 0;
        right: 60px;
        bottom: 0;
        padding: 0 !important;
        width: auto;
        height: auto !important; } }
    .gallery .royalSlider .jwplayer {
      height: 100% !important; }
    .gallery .royalSlider .jwcontrols {
      z-index: 50; }
  .gallery .rsSlide .rsImg {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .gallery .rsSlide .rsImg {
        width: auto; } }
  .gallery .rsArrow {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    width: 40px;
    font-size: 32px;
    font-size: 3.2rem; }
    .gallery .rsArrow:hover {
      color: red; }
    .gallery .rsArrow.rsArrowLeft {
      left: 0; }
      .gallery .rsArrow.rsArrowLeft:before {
        content: "\e635"; }
    .gallery .rsArrow.rsArrowRight {
      right: 0; }
      .gallery .rsArrow.rsArrowRight:before {
        content: "\e636"; }
    .gallery .rsArrow.rsArrowDisabled {
      pointer-events: none;
      cursor: default;
      -webkit-opacity: 0.2;
      -moz-opacity: 0.2;
      -ms-opacity: 0.2;
      -o-opacity: 0.2;
      opacity: 0.2; }
  .gallery .rsThumbsArrow {
    position: absolute;
    width: 40px;
    height: 100px;
    color: #FFF;
    text-align: center;
    line-height: 110px;
    background: transparent; }
  .gallery .rsThumbsArrowLeft {
    left: 0; }
    .gallery .rsThumbsArrowLeft .rsThumbsArrowIcn:before {
      content: "\e625";
      color: #FFF;
      font-size: 42px;
      font-size: 4.2rem; }
  .gallery .rsThumbsArrowRight {
    right: 0; }
    .gallery .rsThumbsArrowRight .rsThumbsArrowIcn:before {
      content: "\e626";
      color: #FFF;
      font-size: 42px;
      font-size: 4.2rem; }
  .gallery .rsBtnCenterer {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -60px 0 0 -60px;
    width: 120px;
    height: 120px; }
  .gallery .rsPlayBtn {
    width: 120px;
    height: 120px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    background: #FFF;
    border: 10px solid black;
    border: 10px solid rgba(0, 0, 0, 0.4);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .gallery .rsPlayBtn:before {
      position: relative;
      top: 24px;
      left: 1px;
      content: "\e917";
      color: #353535;
      font-size: 56px;
      font-size: 5.6rem; }

.tags {
  margin: 30px 0 0 0; }
  .tags__item {
    float: left;
    margin-right: 5px; }
  .tags__link {
    position: relative;
    margin: 0 0 5px 0;
    padding: 2px 16px 2px 8px;
    display: inline-block;
    text-decoration: none;
    color: #424193;
    border: 2px solid #424193;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 400; }
    .tags__link:after {
      content: " ";
      position: absolute;
      top: 0;
      right: 4px;
      width: 0;
      height: 0;
      display: inline-block;
      text-align: center;
      border: 4px solid #424193;
      border-bottom-color: transparent; }

.sidebar__divider {
  content: '';
  display: block;
  width: auto;
  height: 1px;
  background-color: #ababab;
  margin-bottom: 5px; }
  .fold__homepage--pr .sidebar__divider {
    margin-left: 0; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .column_sidebar .sidebar__divider {
      position: absolute;
      left: 15px;
      right: 15px;
      top: 0; } }
  @media screen and (max-width: 767px) {
    .column_sidebar .sidebar__divider {
      display: none; } }
  @media screen and (min-width: 1024px) {
    .sidebar__divider {
      margin-left: 0; } }
  @media screen and (min-width: 1200px) {
    .sidebar__divider {
      display: block; } }
  @media screen and (min-width: 1024px) and (max-width: 1199px) {
    .fold__homepage--pr .sidebar__divider {
      margin-left: 5px; } }
  @media screen and (min-width: 1024px) {
    .fold__homepage--pr .sidebar__divider {
      display: none; } }
  @media screen and (min-width: 1200px) {
    .fold__homepage--pr .sidebar__divider {
      display: block; } }
  @media screen and (max-width: 767px) {
    .sidebar__divider.hidden_mobile {
      display: none; } }
  .section--landing_page .sidebar__divider {
    display: none; }

.sidebar__poll {
  box-sizing: border-box;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .sidebar__poll {
      width: 33.33%;
      float: left; } }
  @media screen and (min-width: 1200px) {
    .sidebar__poll {
      width: 100%;
      padding-left: 10px; } }

.sidebar__heading {
  margin: 0;
  margin-left: 5px;
  margin-bottom: 17px;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #212121; }
  .spored_widget--homepage .sidebar__heading,
  .spored_widget--special .sidebar__heading {
    margin-bottom: 8px; }
  .column_sidebar .sidebar__heading {
    display: none; }
  @media screen and (min-width: 768px) {
    .sidebar__heading {
      display: block; }
      .column_sidebar .sidebar__heading {
        display: block; } }
  .fold__homepage--pr .sidebar__heading {
    margin-left: 0; }
  @media screen and (min-width: 1024px) {
    .sidebar__heading {
      display: block;
      padding-top: 6px;
      margin-bottom: 2px;
      margin-left: 0; }
      .section--landing_page .spored_widget--special .sidebar__heading {
        padding-top: 6px; } }
  @media screen and (min-width: 1200px) {
    .section--landing_page .spored_widget--special .sidebar__heading {
      padding-top: 0; } }
  @media screen and (min-width: 1200px) {
    .sidebar__heading {
      padding-top: 24px;
      padding-bottom: 0;
      margin-bottom: 11px; } }
  .tl_widget .sidebar__heading {
    padding: 0;
    margin-bottom: 21px; }
    @media screen and (min-width: 1024px) {
      .tl_widget .sidebar__heading {
        padding: 27px 0 0 2px; } }
  @media screen and (max-width: 767px) {
    .sidebar__heading.hidden_mobile {
      display: none; } }

@media screen and (max-width: 1200px) {
  .spored_widget--special > div,
  .sidebar__poll > div,
  .la_widget > div,
  .ts_storitve--homepage > div {
    max-width: 300px;
    margin: 0 auto; } }

@media screen and (max-width: 959px) {
  .spored_widget--special > div,
  .sidebar__poll > div,
  .la_widget > div,
  .ts_storitve--homepage > div {
    padding: 0 5px; } }

@media screen and (max-width: 768px) {
  .spored_widget--special > div,
  .sidebar__poll > div,
  .la_widget > div,
  .ts_storitve--homepage > div {
    padding: 0; } }

@media screen and (max-width: 1200px) {
  .spored_widget--special .ts_storitve__inner,
  .sidebar__poll .ts_storitve__inner,
  .la_widget .ts_storitve__inner,
  .ts_storitve--homepage .ts_storitve__inner {
    max-width: 100%; } }

@media screen and (max-width: 1200px) {
  .spored_widget--special.telekom_storitve > div {
    position: relative;
    left: 50%;
    transform: translate(-50%); } }

@media screen and (max-width: 768px) {
  .spored_widget--special.telekom_storitve > div {
    left: auto;
    transform: translate(0);
    max-width: 100%; } }

.flatpage h1, .flatpage h2, .flatpage h3, .flatpage h4 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6;
  font-weight: 700;
  color: #333333; }

.flatpage h2 {
  font-size: 15px;
  font-size: 1.5rem; }

.flatpage h3 {
  font-size: 13px;
  font-size: 1.3rem; }

.flatpage h4 {
  font-size: 12px;
  font-size: 1.2rem; }

.flatpage p {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 400;
  color: #333333;
  font-family: "Merriweather", serif; }

.flatpage small {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Lato", sans-serif; }

.flatpage a {
  color: #333333;
  text-decoration: underline; }

.flatpage ul, .flatpage ol {
  margin: 10px 0;
  padding: 0;
  list-style-position: inside;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333333; }
  .flatpage ul li, .flatpage ol li {
    margin: 0 0 5px 0; }
    .flatpage ul li ul, .flatpage ol li ul {
      margin: 0 0 0 15px; }

.flatpage blockquote {
  position: relative;
  margin: 20px 10px 30px 90px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 400;
  font-family: "Merriweather", serif;
  color: #858585; }
  @media screen and (min-width: 1024px) {
    .flatpage blockquote {
      margin: 15px 60px 15px 115px; } }
  .flatpage blockquote:before {
    content: "\e61a";
    position: absolute;
    left: -90px;
    color: #ABABAB;
    font-size: 60px;
    font-size: 6rem; }

.flatpage table {
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: left;
  border: 0 !important; }
  .flatpage table thead th {
    padding: 10px;
    color: #333333;
    background: #CDD9EC;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 14px;
    font-size: 1.4rem; }
    .flatpage table thead th:first-child {
      border-width: 1px 1px 1px 0; }
    .flatpage table thead th:last-child {
      border-width: 1px 0 1px 1px; }
  .flatpage table thead td {
    padding: 10px;
    color: #727272;
    border: 1px solid rgba(0, 0, 0, 0.2); }
  .flatpage table tbody td {
    padding: 10px;
    color: #727272;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: 400; }
    .flatpage table tbody td:first-child {
      min-width: 20%;
      font-size: 14px;
      font-size: 1.4rem;
      color: #333333;
      font-weight: 700;
      border-width: 1px 1px 1px 0; }
    .flatpage table tbody td:last-child {
      border-width: 1px 0 1px 1px; }
  .flatpage table tbody tr:nth-child(even) {
    background: #F7F7F7; }

.error_page {
  background: #E5E5E5; }
  .error_page__header {
    height: 60px;
    background: #433DA3;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      .error_page__header {
        height: 100px; } }
  .error_page__logo {
    display: inline-block;
    margin: 0 auto;
    color: #FFF;
    font-size: 30px;
    font-size: 3rem;
    line-height: 66px; }
    @media screen and (min-width: 1024px) {
      .error_page__logo {
        font-size: 40px;
        font-size: 4rem;
        line-height: 100px; } }
  .error_page__content {
    margin: 20px 0 0;
    padding: 10px 15px 0;
    background: #E5E5E5; }
    @media screen and (min-width: 1024px) {
      .error_page__content {
        margin: 80px 0 0;
        border-top: 1px solid #A1A1A1; } }
  .error_page__popular {
    padding: 10px 0 0;
    border: 1px solid #A1A1A1;
    border-width: 1px 0;
    margin: 0 0 20px; }
    @media screen and (min-width: 1024px) {
      .error_page__popular {
        margin: 0 0 80px; } }
    .error_page__popular .article_flip__wrap .bb-bookblock,
    .error_page__popular .bb-item {
      background: transparent; }
    .error_page__popular .latest_articles {
      margin: 0 0 5px; }
      @media screen and (min-width: 768px) {
        .error_page__popular .latest_articles {
          margin: 0 0 15px; } }
      @media screen and (min-width: 1024px) {
        .error_page__popular .latest_articles {
          margin: 0; } }
  .error_page__code {
    font-size: 60px;
    font-size: 6rem;
    text-align: center;
    color: #4a464a;
    font-weight: 900;
    line-height: 1; }
    @media screen and (min-width: 1024px) {
      .error_page__code {
        display: inline-block;
        float: left;
        margin-right: 30px;
        font-size: 120px;
        font-size: 12rem; }
        .error_page--503 .error_page__code {
          margin-right: 34px; } }
  .error_page__heading {
    font-size: 22px;
    font-size: 2.2rem;
    color: #4a464a;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      .error_page__heading {
        overflow: hidden;
        margin: 0 0 5px 0;
        font-size: 30px;
        font-size: 3rem;
        text-align: left; }
        .error_page--503 .error_page__heading {
          line-height: 126px;
          line-height: 12.6rem; } }
    .error_page__heading--center {
      text-align: center;
      color: #EE7363; }
      @media screen and (min-width: 1024px) {
        .error_page__heading--center {
          margin: 30px 0; } }
    .timemachine__warning .error_page__heading {
      margin: 0;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 20px;
      line-height: 2rem;
      color: #333; }
      @media screen and (min-width: 1024px) {
        .timemachine__warning .error_page__heading {
          font-size: 28px;
          font-size: 2.8rem;
          line-height: 32px;
          line-height: 3.2rem; } }
  .error_page__description {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    color: #333333;
    font-weight: 900; }
    @media screen and (min-width: 1024px) {
      .error_page__description {
        overflow: hidden;
        text-align: left;
        font-size: 18px;
        font-size: 1.8rem; } }
  @media screen and (max-width: 767px) {
    .error_page__image {
      display: block;
      width: 100%;
      max-width: 278px;
      height: auto;
      margin: 0 auto; } }
  @media screen and (min-width: 768px) {
    .error_page__image {
      float: left;
      margin-right: 20px;
      display: block; }
      .error_page--503 .error_page__image {
        float: none;
        margin: 0 auto; } }
  @media screen and (min-width: 1024px) {
    .error_page--503 .error_page__image {
      float: left;
      margin-right: 20px; } }
  .error_page__quote_wrap {
    position: relative;
    margin-top: 20px; }
    @media screen and (max-width: 1023px) {
      .error_page__quote_wrap {
        padding: 0 0 30px 0; } }
    @media screen and (min-width: 1024px) {
      .error_page__quote_wrap {
        margin-top: 50px; }
        body.error_page--503 .error_page__quote_wrap {
          margin-top: 45px; } }
  .error_page__quote_inner {
    float: left; }
    body.error_page--503 .error_page__quote_inner {
      width: 100%;
      margin: 20px 0 0; }
      @media screen and (min-width: 1024px) {
        body.error_page--503 .error_page__quote_inner {
          right: 0;
          position: absolute;
          top: 10px;
          left: 50%;
          display: block;
          width: auto;
          padding-left: 150px;
          margin: auto;
          float: none;
          right: auto;
          transform: translateX(-50%);
          white-space: nowrap; } }
  .error_page__quote {
    position: relative;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 40px;
    line-height: 4rem;
    color: #070707; }
    @media screen and (min-width: 1024px) {
      .error_page__quote {
        padding-top: 6px; } }
    .error_page__quote:before {
      content: "\e61a";
      position: absolute;
      left: -90px;
      color: #ABABAB;
      font-size: 60px;
      font-size: 6rem; }
      @media screen and (min-width: 1024px) {
        .error_page__quote:before {
          top: -3px; } }
    .error_page__quote_author {
      margin: 12px 0 0;
      font-size: 15px;
      font-size: 1.5rem;
      color: #333333; }
      .error_page__quote_author:before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 20px;
        margin-right: 10px;
        top: 3px;
        position: relative;
        background: #000; }
  .error_page__short_text {
    width: 100%;
    margin: 33px 0 0;
    float: left;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    letter-spacing: -0.01em; }
    @media screen and (min-width: 1024px) {
      body.error_page--503 .error_page__short_text {
        position: absolute;
        bottom: 35px;
        right: 130px;
        width: auto; } }
  @media screen and (max-width: 767px) {
    .error_page__buttons {
      margin: 20px 0 0 0; } }
  @media screen and (min-width: 768px) {
    .error_page__buttons {
      position: absolute;
      right: 0;
      bottom: 20px; }
      .error_page--503 .error_page__buttons {
        bottom: 25px; } }
  @media screen and (min-width: 1024px) {
    .error_page--503 .error_page__buttons {
      position: absolute;
      right: 0;
      bottom: 30px; } }
  .error_page__buttons a {
    margin: 15px 0 0 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (min-width: 768px) {
      .error_page__buttons a {
        display: inline-block;
        margin-left: 20px;
        width: auto; } }
  .error_page__buttons--short a {
    margin: 17px 0 0;
    width: auto; }
  .error_page__copyright {
    padding: 20px 0 0;
    border-top: 1px solid #a1a1a1; }
    @media screen and (min-width: 1024px) {
      .error_page--503 .error_page__copyright {
        padding: 26px 0 0; } }
    .error_page__copyright p {
      margin: 0 0 10px 0;
      font-size: 12px;
      font-size: 1.2rem;
      text-align: center;
      color: #333333; }

.notification {
  display: block;
  margin: 10px 0;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  color: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .article__main .notification {
    padding: 4px 0 0 0; }
  .article__comments .notification {
    background-color: #f1f1f1;
    width: auto;
    margin: 20px 14px 0 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
    @media screen and (min-width: 768px) {
      .article__comments .notification {
        margin: 20px 48px 0px 48px; } }
    @media screen and (min-width: 1024px) {
      .article__comments .notification {
        margin: 20px 70px 0 74px; } }
  .notification__title {
    margin: 0;
    padding: 10px 0 0 0;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "Merriweather", serif;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important; }
  .notification__description {
    margin: 15px 0;
    padding: 0 30px;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Merriweather", serif;
    font-weight: 300;
    line-height: 1;
    text-decoration: none !important; }
    .article__comments .notification__description {
      padding: 14px 22px 22px 22px;
      font-weight: 700; }
    .article__main .notification__description {
      font-family: "Lato", sans-serif;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 24px;
      line-height: 2.4rem;
      letter-spacing: 0em;
      font-weight: 700;
      padding: 0 0 5px 0; }
      @media screen and (min-width: 1024px) {
        .article__main .notification__description {
          padding: 0 30px; } }
    .poll .notification__description {
      font-family: "Lato", sans-serif;
      font-weight: 700; }
    @media screen and (max-width: md-1) {
      .notification__description {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.2; } }
  .notification__close {
    display: block;
    padding: 5px 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #FFF !important;
    text-decoration: none !important;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px; }
  .notification__icon {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 5px;
    font-size: 24px;
    font-size: 2.4rem; }
    .notification--error .notification__icon:before {
      content: "\e91d"; }
    .notification--success .notification__icon:before {
      content: "\e91c"; }
  .notification--success {
    background: #424193; }
    .article__comments .notification--success,
    .article__main .notification--success {
      background-color: #f1f1f1;
      color: #4ea501;
      font-weight: 700; }
    .notification--success .notification__close {
      background-color: #323170; }
    .poll .notification--success {
      background: #fff;
      color: #4ea501; }
  .notification--error {
    background: #076cb5; }
    .article__comments .notification--error,
    .article__main .notification--error {
      background-color: #f1f1f1;
      color: #d51212;
      font-weight: 700; }
    .notification--error .notification__close {
      background-color: #054f84; }
    .poll .notification--error {
      background: #fff;
      color: #d51212; }
  .notification--warning {
    background: #a51253; }
    .notification--warning .notification__close {
      background-color: #770d3c; }
    .poll .notification--warning {
      background: #fff;
      color: #a51253; }
  .notification--notice {
    background: #2c4697; }
    .notification--notice .notification__close {
      background-color: #203470; }
    .poll .notification--notice {
      background: #fff;
      color: #2c4697; }
  .notification--important {
    background: #424193; }
    .notification--important .notification__close {
      background-color: #054f84; }
    .poll .notification--important {
      background: #fff;
      color: #424193; }

label.error, p.error {
  display: inline-block;
  margin: 5px 0;
  color: #EC1700;
  font-family: "Merriweather", serif;
  font-size: 13px;
  font-size: 1.3rem; }
  label.error:before, p.error:before {
    content: "\e60c";
    margin-right: 5px; }

input.error {
  color: #EC1700; }

.form__textfield.error {
  border-color: #EC1700;
  background: #ffeeec; }

.tipsy {
  font-size: 10px;
  position: absolute;
  padding: 5px;
  z-index: 100000; }
  .tipsy-inner {
    background-color: #E7E7E7;
    color: #424193;
    max-width: 200px;
    padding: 10px 20px;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem; }
  .tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000; }
    .tipsy-n .tipsy-arrow {
      top: 0px;
      left: 50%;
      margin-left: -5px;
      border-bottom-style: solid;
      border-top: none;
      border-left-color: transparent;
      border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow {
      top: 0;
      left: 10px;
      border-bottom-style: solid;
      border-top: none;
      border-left-color: transparent;
      border-right-color: transparent; }
    .tipsy-ne .tipsy-arrow {
      top: 0;
      right: 10px;
      border-bottom-style: solid;
      border-top: none;
      border-left-color: transparent;
      border-right-color: transparent; }
    .tipsy-s .tipsy-arrow {
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      border-top-style: solid;
      border-bottom: none;
      border-left-color: transparent;
      border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow {
      bottom: 0;
      left: 10px;
      border-top-style: solid;
      border-bottom: none;
      border-left-color: transparent;
      border-right-color: transparent; }
    .tipsy-se .tipsy-arrow {
      bottom: 0;
      right: 10px;
      border-top-style: solid;
      border-bottom: none;
      border-left-color: transparent;
      border-right-color: transparent; }
    .tipsy-e .tipsy-arrow {
      right: 0;
      top: 50%;
      margin-top: -5px;
      border-left-style: solid;
      border-right: none;
      border-top-color: transparent;
      border-bottom-color: transparent; }
    .tipsy-w .tipsy-arrow {
      left: 0;
      top: 50%;
      margin-top: -5px;
      border-right-style: solid;
      border-left: none;
      border-top-color: transparent;
      border-bottom-color: transparent; }
    .tipsy-arrow-n {
      border-bottom-color: #E7E7E7; }
    .tipsy-arrow-s {
      border-top-color: #E7E7E7; }
    .tipsy-arrow-e {
      border-left-color: #E7E7E7; }
    .tipsy-arrow-w {
      border-right-color: #E7E7E7; }

.section__wrap.hotnews__wrap .section__divider {
  margin: 10px 5px; }
  @media screen and (min-width: 1024px) {
    .section__wrap.hotnews__wrap .section__divider {
      margin: 5px 10px 0 10px; } }

.section__wrap .hotnews__heading {
  color: #EE7363;
  font-size: 20px;
  font-size: 2rem;
  text-transform: none; }

.section__wrap .hotnews__link {
  display: block;
  margin: 0 0 10px 0; }
  @media screen and (min-width: 1024px) {
    .section__wrap .hotnews__link {
      margin: 0; } }

.section__wrap .hotnews__time {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  color: #EE7363; }
  .section__wrap .hotnews__time:before {
    position: absolute;
    left: 0;
    top: 1px;
    content: " ";
    display: block;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background: #EE7363; }

.section__wrap .hotnews__title {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333; }
  @media screen and (min-width: 768px) {
    .section__wrap .hotnews__title {
      padding: 0 0 0 20px; } }

@media screen and (max-width: 767px) {
  .section__wrap .hotnews__slider .hotnews__link {
    margin: 0 50px; } }

.section__wrap .hotnews__slider .owl-nav .owl-prev, .section__wrap .hotnews__slider .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 5px;
  color: #AAA;
  background: #333;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 40px; }
  .section__wrap .hotnews__slider .owl-nav .owl-prev i, .section__wrap .hotnews__slider .owl-nav .owl-next i {
    position: relative;
    top: 2px; }

.section__wrap .hotnews__slider .owl-nav .owl-next {
  left: auto;
  right: 5px; }

.posel_danes .hotnews__header {
  padding: 9px 0 0;
  border-top: 1px solid #e0e0e0; }
  .posel_danes .hotnews__header .social__share {
    margin: 0; }

.posel_danes .hotnews__wrap .section__divider {
  background: #e0e0e0; }
  .posel_danes .hotnews__wrap .section__divider--top {
    display: none; }

.posel_danes .hotnews--section .hotnews__heading {
  color: #e60005; }

.posel_danes .hotnews--section .hotnews__slider .hotnews__time {
  color: #e60005; }
  .posel_danes .hotnews--section .hotnews__slider .hotnews__time::before {
    background: #e60005; }

.posel_danes--article .hotnews__wrap.section__wrap .section__divider {
  height: 0;
  margin: 0; }
  .posel_danes--article .hotnews__wrap.section__wrap .section__divider--top {
    display: block;
    height: 1px;
    margin: 0 5px; }

.hotnews--landing {
  position: relative;
  padding: 5px 0 0 0;
  border-top: 1px solid rgba(116, 116, 116, 0.6); }
  .posel_danes .hotnews--landing {
    border-color: #acacac; }
  .hotnews--landing .hotnews__arrows_wrap {
    position: absolute;
    right: 0;
    top: 5px; }
  .hotnews--landing .hotnews__arrow {
    font-size: 26px;
    font-size: 2.6rem;
    color: #424193;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
    .hotnews--landing .hotnews__arrow:hover {
      color: #8d8ac2; }
    .posel_danes .hotnews--landing .hotnews__arrow {
      color: #e60005; }
  .hotnews--landing .hotnews__time_wrap {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid rgba(116, 116, 116, 0.6); }
    .posel_danes .hotnews--landing .hotnews__time_wrap {
      padding: 0 0 20px;
      border-color: #acacac; }
      .posel_danes .hotnews--landing .hotnews__time_wrap br {
        display: none; }
  .hotnews--landing .hotnews__heading {
    margin: 0;
    font-size: 30px;
    font-size: 3rem;
    color: #EB1700; }
    .posel_danes .hotnews--landing .hotnews__heading {
      margin: 0 0 4px;
      color: #e60005; }
  .hotnews--landing .hotnews__time {
    font-size: 13px;
    font-size: 1.3rem;
    color: #333333; }
    .hotnews--landing .hotnews__time_icon {
      position: relative;
      float: left;
      margin: 0 10px 0 0;
      font-size: 30px;
      font-size: 3rem;
      color: #333333; }
      .posel_danes .hotnews--landing .hotnews__time_icon {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 16px;
        line-height: 1.6rem;
        color: #000; }
    .posel_danes .hotnews--landing .hotnews__time {
      margin: 0 0 0 13px;
      font-size: 12px;
      font-size: 1.2rem;
      color: #212121; }
  .hotnews--landing .hotnews__date {
    font-size: 13px;
    font-size: 1.3rem;
    color: #AAA; }
    .posel_danes .hotnews--landing .hotnews__date {
      font-size: 12px;
      font-size: 1.2rem;
      color: #9e9e9e; }
  .hotnews--landing .hotnews__refresh_btn {
    padding: 0 15px;
    height: 20px;
    color: #FFF;
    background: #ABABAB;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 22px;
    line-height: 2.2rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-weight: 400; }
  .hotnews--landing .hotnews__list {
    position: relative;
    margin: 40px 0 0 0;
    padding: 0 0 0 50px; }
    @media screen and (min-width: 768px) {
      .hotnews--landing .hotnews__list {
        padding: 0 0 0 100px; } }
    .hotnews--landing .hotnews__list:before {
      display: block;
      content: " ";
      position: absolute;
      top: 0;
      left: 12px;
      bottom: 50px;
      width: 1px;
      background: #EE7363; }
      @media screen and (min-width: 768px) {
        .hotnews--landing .hotnews__list:before {
          left: 30px;
          bottom: 50px; }
          .posel_danes .hotnews--landing .hotnews__list:before {
            left: 28px; } }
      .posel_danes .hotnews--landing .hotnews__list:before {
        width: 2px;
        background: #e0e0e0; }
  .hotnews--landing .hotnews__item {
    position: relative;
    margin: 0 0 20px 0; }
    @media screen and (min-width: 768px) {
      .hotnews--landing .hotnews__item {
        margin: 0 0 50px 0; } }
  .hotnews--landing .hotnews__timestamp {
    position: absolute;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 900;
    color: #EE7363; }
    @media screen and (max-width: 767px) {
      .hotnews--landing .hotnews__timestamp {
        position: relative; }
        .hotnews--landing .hotnews__timestamp:before {
          position: absolute;
          display: block;
          content: " ";
          top: -6px;
          left: -50px;
          width: 20px;
          height: 20px;
          display: block;
          background: #FFF;
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          -ms-border-radius: 100%;
          -o-border-radius: 100%;
          border-radius: 100%;
          border: 3px solid #EE7363;
          -webkit-box-shadow: 0 0 0 5px #FFF;
          -moz-box-shadow: 0 0 0 5px #FFF;
          box-shadow: 0 0 0 5px #FFF; }
          .posel_danes .hotnews--landing .hotnews__timestamp:before {
            border: 2px solid #e60005; } }
    @media screen and (min-width: 768px) {
      .hotnews--landing .hotnews__timestamp {
        left: -100px;
        top: 50%;
        margin: -40px 0 0 0;
        padding: 10px;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        font-weight: 900;
        background: #FFF;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        border: 3px solid #EE7363;
        -webkit-box-shadow: 0 0 0 5px #FFF;
        -moz-box-shadow: 0 0 0 5px #FFF;
        box-shadow: 0 0 0 5px #FFF; }
        .posel_danes .hotnews--landing .hotnews__timestamp {
          border: 2px solid #e60005;
          line-height: 38px; } }
    .posel_danes .hotnews--landing .hotnews__timestamp {
      color: #e60005; }
  .hotnews--landing .hotnews__title {
    margin: 0;
    font-size: 17px;
    font-size: 1.7rem;
    color: #4a464a; }
    @media screen and (min-width: 768px) {
      .hotnews--landing .hotnews__title {
        font-size: 20px;
        font-size: 2rem; }
        .posel_danes .hotnews--landing .hotnews__title {
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 22px;
          line-height: 2.2rem; } }
    .posel_danes .hotnews--landing .hotnews__title {
      color: #212121; }
  .hotnews--landing .hotnews__comment {
    margin: 0;
    color: #ABABAB;
    font-size: 12px;
    font-size: 1.2rem; }
    .hotnews--landing .hotnews__comment i {
      position: relative;
      top: 5px;
      margin-right: 2px;
      font-size: 18px;
      font-size: 1.8rem; }
  .hotnews--landing .hotnews__nonews {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333333; }

@media screen and (max-width: 767px) {
  .hotnews--detail .social__share {
    position: absolute;
    top: 0;
    right: 0; }
    .posel_danes .hotnews--detail .social__share {
      top: 9px; } }

.hotnews--detail .hotnews__publish_date {
  margin: 0 0 10px 0;
  color: #333333;
  font-weight: 900;
  font-size: 12px;
  font-size: 1.2rem; }
  .posel_danes .hotnews--detail .hotnews__publish_date {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 12px;
    line-height: 1.2rem;
    color: #9e9e9e; }
  .hotnews--detail .hotnews__publish_date:before {
    position: relative;
    top: 2px;
    display: inline-block;
    content: " ";
    margin-right: 5px;
    width: 15px;
    height: 15px;
    background: #EE7363;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }
    .posel_danes .hotnews--detail .hotnews__publish_date:before {
      width: 12px;
      height: 12px;
      background: #e60005; }
  .hotnews--detail .hotnews__publish_date time {
    color: #ABABAB; }
    .posel_danes .hotnews--detail .hotnews__publish_date time {
      margin: 0 0 0 12px;
      color: #212121; }

.hotnews--detail .hotnews__heading {
  margin: 15px 0 10px 0;
  font-size: 30px;
  font-size: 3rem;
  color: #333333;
  line-height: 1.2; }
  .hotnews--detail .hotnews__heading--mobile {
    display: block;
    margin: 0 0 10px 0;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 900;
    color: #EB1700; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hotnews--detail .hotnews__heading--mobile {
        display: none; } }
    @media screen and (min-width: 1024px) and (max-width: 1199px) {
      .hotnews--detail .hotnews__heading--mobile {
        display: block; } }
    @media screen and (min-width: 1200px) {
      .hotnews--detail .hotnews__heading--mobile {
        display: none; } }
    .posel_danes .hotnews--detail .hotnews__heading--mobile {
      color: #e60005; }

.hotnews--detail .hotnews__leadtext {
  margin: 0 0 20px 0;
  font-size: 15px;
  font-size: 1.5rem;
  color: #333333;
  font-family: "Merriweather", serif;
  line-height: 1.6; }

@media screen and (min-width: 768px) {
  .hotnews--detail .hotnews__all_pieces {
    float: right; } }

.posel_danes .hotnews--detail .hotnews__all_pieces {
  padding: 0 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 36px;
  line-height: 3.6rem;
  background: #e60005; }

.hotnews__widget .hotnews__time_wrap {
  margin: 0 0 10px 0;
  padding: 5px 0 0 0;
  border-bottom: 1px solid rgba(116, 116, 116, 0.6); }
  .posel_danes .hotnews__widget .hotnews__time_wrap {
    padding: 5px 0 13px 0;
    border-top: 1px solid #e0e0e0;
    border-color: #e0e0e0;
    margin: 0 0 22px 0; }

.hotnews__widget .hotnews__date {
  font-size: 13px;
  font-size: 1.3rem;
  color: #333333; }
  .posel_danes .hotnews__widget .hotnews__date {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem; }
    .posel_danes .hotnews__widget .hotnews__date time {
      color: #9e9e9e; }

.hotnews__widget .hotnews__time {
  font-size: 13px;
  font-size: 1.3rem;
  color: #AAA; }
  .hotnews__widget .hotnews__time_icon {
    position: relative;
    float: left;
    margin: 0 10px 0 0;
    font-size: 30px;
    font-size: 3rem;
    color: #333333; }
    .posel_danes .hotnews__widget .hotnews__time_icon {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 16px;
      line-height: 1.6rem;
      color: #000; }
  .posel_danes .hotnews__widget .hotnews__time {
    display: inline-block;
    margin: 0 0 0 13px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    color: #212121; }

.hotnews__widget .hotnews__list {
  position: relative;
  padding: 0 0 0 25px; }
  .hotnews__widget .hotnews__list:before {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 7px;
    bottom: 50px;
    width: 1px;
    background: #CDCDCD; }
    .posel_danes .hotnews__widget .hotnews__list:before {
      left: 5px;
      width: 2px;
      background: #e0e0e0; }
  .posel_danes .hotnews__widget .hotnews__list {
    padding: 0 0 0 16px; }

.hotnews__widget .hotnews__item {
  margin: 0 0 15px 0; }

.hotnews__widget .hotnews__heading {
  margin: 0;
  padding: 5px 0 15px 0;
  font-size: 20px;
  font-size: 2rem;
  color: #EB1700;
  border: 1px solid rgba(116, 116, 116, 0.6);
  border-width: 1px 0; }
  .posel_danes .hotnews__widget .hotnews__heading {
    padding: 4px 0 11px 0;
    border: none;
    color: #e60005; }

.hotnews__widget .hotnews__timestamp {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 900;
  color: #EE7363; }
  .hotnews__widget .hotnews__timestamp:before {
    position: absolute;
    left: -2px;
    content: " ";
    width: 15px;
    height: 15px;
    display: block;
    background: #EE7363;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #FFF; }
    .posel_danes .hotnews__widget .hotnews__timestamp:before {
      left: -4px;
      width: 12px;
      height: 12px;
      border-width: 4px;
      background: #e60005; }
  .posel_danes .hotnews__widget .hotnews__timestamp {
    display: inline-block;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 21px;
    line-height: 2.1rem;
    color: #e60005; }

.hotnews__widget .hotnews__title {
  margin: 0;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333333; }
  .posel_danes .hotnews__widget .hotnews__title {
    margin: 2px 0 0;
    line-height: 20px;
    line-height: 2rem;
    color: #212121; }

.hotnews--section.section__wrap {
  padding: 0;
  margin: 0; }
  .hotnews--section.section__wrap .section__divider {
    margin: 0 10px 10px; }
    @media screen and (min-width: 1024px) {
      .hotnews--section.section__wrap .section__divider {
        margin: 0 5px 25px; } }
  .hotnews--section.section__wrap .owl-nav .owl-prev,
  .hotnews--section.section__wrap .owl-nav .owl-next {
    display: inline-block;
    position: static;
    width: 26px;
    height: 26px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    margin: 0;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
    line-height: 2.6rem;
    color: #fff;
    background: #f4511e; }
    .hotnews--section.section__wrap .owl-nav .owl-prev i,
    .hotnews--section.section__wrap .owl-nav .owl-next i {
      position: relative;
      top: 2px; }
  .hotnews--section.section__wrap .owl-nav .owl-prev {
    margin: 0 10px 0 0; }

.hotnews--section .hotnews__heading {
  margin: 7px 5px 5px;
  text-align: left;
  color: #f4511e; }
  @media screen and (min-width: 785px) {
    .hotnews--section .hotnews__heading {
      text-align: right; } }
  @media screen and (min-width: 1200px) {
    .hotnews--section .hotnews__heading {
      margin: 7px 0 0; } }

.hotnews--section .hotnews__slider .owl-controls {
  position: absolute;
  top: -32px;
  right: 5px; }

.hotnews--section .hotnews__slider .hotnews__link {
  margin: 0;
  padding: 0 0 15px; }
  @media screen and (min-width: 768px) {
    .hotnews--section .hotnews__slider .hotnews__link {
      padding: 0 14px 14px 0; } }
  @media screen and (min-width: 1200px) {
    .hotnews--section .hotnews__slider .hotnews__link {
      padding: 10px 10px 14px 0; } }
  .hotnews--section .hotnews__slider .hotnews__link:hover .hotnews__title {
    color: #424242; }

.hotnews--section .hotnews__slider .hotnews__time {
  padding: 0 0 0 15px;
  margin: 0 0 2px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 20px;
  line-height: 2rem;
  font-weight: 900;
  color: #f4511e; }
  .hotnews--section .hotnews__slider .hotnews__time::before {
    top: 3px;
    width: 12px;
    height: 12px;
    background: #f4511e; }

.hotnews--section .hotnews__slider .hotnews__title {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 20px;
  line-height: 2rem;
  color: #212121;
  -webkit-transition: 0.12s ease-in-out;
  -moz-transition: 0.12s ease-in-out;
  -o-transition: 0.12s ease-in-out;
  transition: 0.12s ease-in-out; }
  @media screen and (min-width: 768px) {
    .hotnews--section .hotnews__slider .hotnews__title {
      padding: 0; } }

.dailyphoto__heading {
  margin: 0;
  padding: 10px 0 5px 0;
  font-size: 30px;
  font-size: 3rem;
  color: #4a464a;
  border-top: 1px solid rgba(116, 116, 116, 0.6); }

.dailyphoto__total_photos {
  margin: 0;
  color: #070707;
  font-size: 16px;
  font-size: 1.6rem; }
  .dailyphoto__total_photos span {
    color: #4a464a;
    font-weight: 700; }

.dailyphoto__list_wrap {
  margin: 0 -15px; }

.dailyphoto__inner {
  position: relative;
  margin: 0 10px 10px 10px;
  text-align: center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (min-width: 768px) {
    .dailyphoto__inner {
      height: 0;
      padding-bottom: 91.66667%; } }
  @media screen and (min-width: 1200px) {
    .dailyphoto__inner {
      padding-bottom: 93.10345%; } }

@media screen and (min-width: 1200px) {
  .dailyphoto__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; } }

.dailyphoto__figure {
  position: relative; }
  .dailyphoto__figure span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 38px;
    background: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    text-align: center; }
    .dailyphoto__figure span:hover {
      background: #000; }
    .dailyphoto__figure span i {
      position: relative;
      top: 4px;
      color: #FFF;
      font-size: 16px;
      font-size: 1.6rem; }

.dailyphoto__date {
  margin: 5px 0;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 900;
  color: #333333; }

.dailyphoto__title {
  margin: 0;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  color: #4a464a; }

.dailyphoto--detail .social__share {
  margin: 10px 0; }

.dailyphoto--detail .dailyphoto__title {
  margin: 0;
  padding: 10px 0 5px 0;
  font-size: 30px;
  font-size: 3rem;
  border-top: 1px solid rgba(116, 116, 116, 0.6); }

.dailyphoto--detail .dailyphoto__image_author {
  margin: 5px 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #4a464a; }

.dailyphoto--detail .dailyphoto__leadtext {
  margin: 0 0 10px 0;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Merriweather", serif;
  color: #333333; }

.dailyphoto--detail .dailyphoto__seeall {
  margin: 0 auto; }

.dailyphoto__widget {
  margin: 20px 0;
  text-align: center; }
  .dailyphoto__widget .dailyphoto__title {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
    border: none; }

#dailyPhoto__modal {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #000;
  overflow: hidden;
  z-index: 10000; }
  #dailyPhoto__modal .top_bar {
    z-index: 100000;
    position: absolute;
    width: 100%;
    height: 54px;
    background: #424193; }
    #dailyPhoto__modal .top_bar__logo {
      display: none; }
      @media screen and (min-width: 768px) {
        #dailyPhoto__modal .top_bar__logo {
          display: block;
          position: absolute;
          left: 20px;
          top: 10px;
          color: #FFF;
          font-size: 26px;
          font-size: 2.6rem; } }
    #dailyPhoto__modal .top_bar__heading {
      text-align: center;
      line-height: 58px;
      font-size: 21px;
      font-size: 2.1rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #FFF; }
    #dailyPhoto__modal .top_bar__close {
      display: block;
      position: absolute;
      right: 20px;
      top: 14px;
      width: 26px;
      height: 26px;
      line-height: 28px;
      text-align: center;
      color: #FFF;
      font-size: 14px;
      font-size: 1.4rem;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      background: #323170;
      -webkit-transition: 0.1s ease-in-out;
      -moz-transition: 0.1s ease-in-out;
      -o-transition: 0.1s ease-in-out;
      transition: 0.1s ease-in-out; }
      #dailyPhoto__modal .top_bar__close:hover {
        -ms-transform: scale(1.2, 1.2);
        /* IE 9 */
        -webkit-transform: scale(1.2, 1.2);
        /* Safari */
        transform: scale(1.2, 1.2); }
  #dailyPhoto__modal .dailyPhoto__link {
    position: absolute;
    top: 53px;
    right: 0;
    bottom: 0;
    left: 0;
    outline: 1px soldi red;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center; }
  #dailyPhoto__modal .dailyPhoto__line {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 10px;
    border: 1px solid #B3B0DB;
    z-index: 3; }
  #dailyPhoto__modal .dailyPhoto__mask {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    top: 40%;
    z-index: 2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, black));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
    @media screen and (min-width: 768px) {
      #dailyPhoto__modal .dailyPhoto__mask {
        top: 55%; } }
  #dailyPhoto__modal .dailyPhoto__data {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 20px;
    z-index: 3; }
  #dailyPhoto__modal .dailyPhoto__title {
    margin: 0 0 15px 0;
    color: #FFF;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.3;
    font-weight: 900; }
    @media screen and (min-width: 768px) {
      #dailyPhoto__modal .dailyPhoto__title {
        font-size: 41px;
        font-size: 4.1rem; } }
  #dailyPhoto__modal .dailyPhoto__description {
    margin: 0;
    color: #D9D9D9;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    font-weight: 400;
    font-family: "Merriweather", serif; }
    @media screen and (min-width: 768px) {
      #dailyPhoto__modal .dailyPhoto__description {
        font-size: 17px;
        font-size: 1.7rem; } }

.ts_storitve--homepage {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-top: 15px; }
  @media screen and (min-width: 768px) {
    .ts_storitve--homepage {
      padding-right: 5px;
      width: 305px;
      float: left; } }
  @media screen and (min-width: 1024px) {
    .ts_storitve--homepage {
      width: 33.33%;
      margin-top: 0;
      margin-left: 0;
      padding-right: 0; } }
  @media screen and (min-width: 1200px) {
    .ts_storitve--homepage {
      width: 100%;
      padding-left: 10px; } }

.ts_storitve__logo {
  display: block;
  margin: 15px; }
  @media screen and (min-width: 768px) {
    .spored_widget--special .ts_storitve__logo {
      margin: 15px 0 20px; } }

.ts_storitve__inner {
  background: #fff; }
  @media screen and (min-width: 1024px) {
    .ts_storitve__inner {
      height: 360px; } }
  @media screen and (min-width: 768px) {
    .spored_widget--special .ts_storitve__inner {
      height: auto; } }
  @media screen and (min-width: 1200px) {
    .spored_widget--special .ts_storitve__inner {
      margin-bottom: 40px; }
      .section--landing_page .spored_widget--special .ts_storitve__inner {
        margin-bottom: 20px; } }

.ts_storitve__list {
  position: relative;
  margin: 30px 10px 0;
  padding-top: 16px;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .ts_storitve__list {
      margin: 30px 15px 0; } }
  .ts_storitve__list::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 1px;
    background: #e0e0e0; }
  @media screen and (min-width: 768px) {
    .spored_widget--special .ts_storitve__list {
      margin: 30px 0 0; } }
  @media screen and (min-width: 1024px) {
    .spored_widget--special .ts_storitve__list {
      margin: 0; } }

.ts_storitve__item {
  margin: 0 0 10px 0; }
  .spored_widget--special .ts_storitve__item {
    float: left;
    width: 50%; }

.ts_storitve__link {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 26px;
  line-height: 2.6rem;
  color: #1a1919;
  font-weight: 700; }
  .ts_storitve__link:before {
    content: "\e602";
    margin-right: 6px;
    font-size: 14px;
    font-size: 1.4rem; }
  .ts_storitve__link:hover {
    color: #00AEEA; }

.ts_storitve .card {
  margin: 0;
  background: #f1f1f1; }
  .ts_storitve .card__title {
    margin: 15px 15px 5px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #4a464a; }
  .ts_storitve .card__description {
    display: block;
    margin: 10px 15px;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Merriweather", serif;
    color: #4a464a; }

.mfp-bg {
  background: #342e84;
  opacity: 1; }

.mfp-container {
  padding: 0; }

.mfp-content {
  height: 100%; }

.modal {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 100%;
  color: #FFF;
  text-align: center;
  background: #342e84; }
  .modal__header {
    position: relative;
    margin: 0;
    padding: 20px;
    height: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    background: #424193; }
    .modal__header_logo {
      display: block;
      margin: 10px 0 0 0;
      font-size: 36px;
      font-size: 3.6rem; }
  .modal__close {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: transparent;
    font-size: 20px;
    font-size: 2rem;
    color: #FFF;
    text-align: center; }
  .modal__heading {
    margin: 0;
    font-size: 20px;
    font-size: 2rem;
    text-transform: uppercase; }
  .modal__content {
    padding: 10px 20px;
    font-size: 12px;
    font-size: 1.2rem; }
    @media screen and (min-width: 768px) {
      .modal__content {
        font-size: 16px;
        font-size: 1.6rem;
        position: relative;
        top: 35%;
        -webkit-transform: translateY(-45%);
        -ms-transform: translateY(-45%);
        transform: translateY(-45%); } }
    .modal__content a {
      color: #FFF;
      text-decoration: underline; }
  .modal__button {
    display: inline-block;
    margin: 20px 0;
    padding: 6px 30px;
    color: #FFF;
    background: #413f93;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none !important; }

.cc-cookies {
  position: fixed;
  width: 90%;
  left: 0;
  top: 0;
  padding: 0.5em 5%;
  background: #565656;
  background: rgba(86, 86, 86, 0.95);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  z-index: 99999;
  text-align: center;
  color: #fff; }

.cc-cookies a, .cc-cookies a:hover {
  color: #fff;
  text-decoration: underline; }

.cc-cookies a:hover {
  text-decoration: none; }

.cc-overlay {
  height: 100%;
  padding-top: 25%; }

.cc-cookies-error {
  float: left;
  width: 90%;
  text-align: center;
  margin: 1em 0 2em 0;
  background: #fff;
  padding: 2em 5%;
  border: 1px solid #ccc;
  font-size: 18px;
  color: #333; }

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background: #7DAF3B;
  padding: 0.5em 0.75em;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  -o-transition: background 0.5s ease-in;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in; }

.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
  background: #af3b3b;
  margin-left: 0.5em; }

.cc-cookies a.cc-cookie-reset {
  background: #f15b00; }

.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
  background: #000;
  -o-transition: background 0.5s ease-in;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in; }

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
  display: block;
  margin-top: 1em; }

.cc-cookies.cc-discreet {
  width: auto;
  padding: 0.5em 1em;
  left: auto;
  top: auto; }

.cc-cookies.cc-discreet a.cc-cookie-reset {
  background: none;
  text-shadow: none;
  padding: 0;
  text-decoration: underline; }

.cc-cookies.cc-discreet a:hover.cc-cookie-reset {
  text-decoration: none; }

@media screen and (max-width: 768px) {
  .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    display: block;
    margin: 1em 0; } }

@media screen and (max-width: 480px) {
  .cc-cookies {
    position: relative;
    float: left; } }

.cc-cookies {
  position: fixed;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  padding: 5px 0;
  background: #313131;
  color: #fff;
  font-size: 10px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  z-index: 99999;
  text-align: center;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
  font-family: Helvetica,Arial,"MS sans serif" !important;
  line-height: 1.3em !important; }
  .cc-cookies a {
    color: #fff !important;
    text-decoration: underline;
    font-size: 10px;
    border: 0; }
    .cc-cookies a:hover {
      color: #fff !important;
      text-decoration: underline;
      font-size: 10px;
      border: 0;
      text-decoration: none; }

.cc-overlay {
  height: 100%;
  padding-top: 25%; }

.cc-cookies-error {
  float: left;
  width: 90%;
  text-align: center;
  margin: 1em 0 2em;
  background: #fff;
  padding: 2em 5%;
  border: 1px solid #ccc;
  font-size: 18px;
  color: #333; }

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background: #7DAF3B;
  padding: 5px 10px;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  -o-transition: background 0.5s ease-in;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in;
  margin: 5px 0 0; }

.cc-cookies a.cc-cookie-reset, .cc-cookies a.cc-cookie-close, .cc-cookies a.cc-btn-allin {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background: #7DAF3B;
  padding: 5px 10px;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  -o-transition: background 0.5s ease-in;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in;
  margin: 5px 0 0; }

.cc-cookies a.cc-cookie-accept {
  border: 1px solid #555555; }

.cc-cookies a.cc-cookie-decline {
  background: #af3b3b;
  margin-left: 0.5em; }

.cc-cookies-error a.cc-cookie-decline {
  background: #af3b3b;
  margin-left: 0.5em; }

.cc-cookies a.cc-cookie-close, .cc-cookies-error a.cc-cookie-close {
  background: transparent;
  right: 0;
  top: 0;
  color: #929292;
  position: absolute;
  text-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 7px; }

.cc-cookies a.cc-cookie-reset {
  background: #f15b00; }

.cc-cookies a:hover.cc-cookie-accept {
  background: #222 !important;
  -o-transition: background 0.5s ease-in;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in; }

.cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
  background: #222 !important;
  -o-transition: background 0.5s ease-in;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in; }

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
  display: block;
  margin-top: 1em; }

.cc-cookies.cc-discreet {
  width: auto;
  padding: 0.5em 1em;
  left: auto;
  top: auto; }
  .cc-cookies.cc-discreet a.cc-cookie-reset {
    background: none;
    text-shadow: none;
    padding: 0;
    text-decoration: underline; }
  .cc-cookies.cc-discreet a:hover.cc-cookie-reset {
    text-decoration: none; }

.cc-cookies b {
  font-size: 14px;
  font-weight: bold;
  line-height: 2em;
  width: 100%;
  display: block; }

.cc-cookies div {
  margin: 0 40px; }

.readMore {
  display: inline-block; }

.cc_notice_ovr {
  background: #000;
  opacity: 0.90;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -khtml-opacity: 0.90;
  -moz-opacity: 0.90;
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0; }

.cc_notice_setting {
  border: 1px solid #444;
  z-index: 9999;
  position: fixed;
  margin: 98px auto 0;
  border: 1px solid #444;
  text-align: center;
  width: 500px;
  left: 50%;
  margin-left: -250px; }
  .cc_notice_setting div {
    margin: 40px; }

@media screen and (max-width: 969px) {
  .cc-cookies {
    height: auto !important; }
    .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
      margin: 5px 0 0;
      width: 100px;
      display: inline-block; }
    .cc-cookies div {
      width: 80%;
      margin: 0 auto; }
  .cc_notice_setting {
    margin: 0 auto;
    width: 500px;
    left: 50%;
    margin-left: -250px; } }

.weather_widget {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0;
  height: 0;
  overflow: hidden;
  padding-bottom: 15%; }
  @media screen and (min-width: 768px) {
    .weather_widget {
      margin: 0 0 20px 0;
      padding-bottom: 8.90411%; } }
  @media screen and (min-width: 1200px) {
    .weather_widget {
      margin: 0 0 10px 0;
      padding-bottom: 67.66667%; } }
  .weather_widget iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .weather_widget--article .weather_widget {
    padding-bottom: 67.66667%; }
    @media screen and (min-width: 1024px) {
      .weather_widget--article .weather_widget {
        margin: 10px 0 10px 0;
        padding-bottom: 67.66667%; } }
  .weather_widget--article .divider {
    margin-bottom: 10px; }
    @media screen and (min-width: 1024px) {
      .weather_widget--article .divider {
        margin-bottom: 20px; } }
  .weather_widget__wrap {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-bottom: 11%; }
    @media screen and (min-width: 1024px) {
      .weather_widget__wrap {
        padding-bottom: 8.90411%; } }
    @media screen and (min-width: 1200px) {
      .weather_widget__wrap {
        width: 100%;
        float: left;
        padding: 0;
        padding-bottom: 75%;
        margin: 0 0 20px; } }
    .article__sidebar .weather_widget__wrap {
      margin-top: 10px;
      padding-bottom: 200px;
      margin-bottom: 37px; }
      @media screen and (min-width: 1200px) {
        .article__sidebar .weather_widget__wrap {
          margin-top: 10px;
          margin-bottom: 0px; } }
    .weather_widget__wrap iframe {
      box-sizing: border-box;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding-left: 10px;
      padding-right: 10px; }
      @media screen and (min-width: 1200px) {
        .weather_widget__wrap iframe {
          padding-left: 0;
          padding-right: 0; } }
      @media screen and (min-width: 768px) {
        .article__sidebar .weather_widget__wrap iframe {
          padding-left: 0;
          padding-right: 0; } }

.spored_widget {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0;
  height: 0;
  overflow: hidden;
  padding-bottom: 93.33333%; }
  @media screen and (min-width: 768px) {
    .spored_widget {
      padding-bottom: 54.79452%; } }
  @media screen and (min-width: 1024px) {
    .spored_widget {
      padding-bottom: 40.83333%; } }
  .spored_widget iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .spored_widget--homepage {
    box-sizing: border-box;
    overflow: hidden;
    height: auto; }
    @media screen and (min-width: 1024px) {
      .spored_widget--homepage {
        float: none;
        clear: both; } }
    @media screen and (min-width: 1200px) {
      .spored_widget--homepage {
        width: 100%;
        padding: 0 0 0 10px;
        margin: 29px 0 10px; } }
    .spored_widget--homepage iframe {
      position: relative;
      width: 100%;
      height: 100%; }
  .spored_widget__heading {
    margin: 0;
    padding-bottom: 8px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    line-height: 3rem;
    letter-spacing: 0.075em;
    text-transform: uppercase; }
  .spored_widget--special {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .spored_widget--special {
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
        width: 33.33%;
        float: left;
        text-align: left; } }
    @media screen and (min-width: 1200px) {
      .spored_widget--special {
        width: 100%; } }
    @media screen and (min-width: 768px) {
      .spored_widget--special.ts_storitve {
        width: 100%;
        float: none; } }
    @media screen and (min-width: 1200px) {
      .spored_widget--special.ts_storitve {
        width: 100%;
        float: left; } }
    @media screen and (max-width: 1024px) {
      .spored_widget--special.telekom_storitve {
        padding-left: 0; } }
    @media screen and (max-width: 500px) {
      .spored_widget--special.telekom_storitve {
        padding: 0 10px; } }

.spored--sidebar {
  margin: 20px 0; }

.tv_spored__title {
  margin: 20px 0 5px 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.1em; }
  .tv_spored__title a {
    color: inherit; }

.spored_banner {
  margin: 20px 0; }
  .spored_banner__link {
    display: block; }
    .spored_banner__link img {
      vertical-align: top;
      max-width: 100%;
      height: auto; }

.section_special .body_wrap {
  padding-top: 90px; }
  @media screen and (min-width: 768px) {
    .section_special .body_wrap {
      padding: 138px 0 0 0; } }

.section_special .header {
  height: 78px;
  margin: 0;
  background: #ffa800; }
  @media screen and (max-width: 767px) {
    .section_special .header__btn_home {
      top: 10px; }
    .section_special .header__btn_search, .section_special .header__btn_user {
      top: 5px; }
    .section_special .header__icon {
      top: 5px; } }
  @media screen and (min-width: 768px) {
    .section_special .header {
      height: 128px; } }
  .section_special .header--hide {
    height: 78px; }

.section_special .footer_bar {
  background: #ffa800; }

.section_special .banner--wallpaper {
  margin-top: 100px; }

.section_special .column_special {
  padding: 15px 0 0 0;
  background: #FFF; }
  @media screen and (min-width: 768px) {
    .section_special .column_special {
      padding-top: 10px; } }

@media screen and (min-width: 480px) and (min-width: 1025px) {
  .section_special .column_content__inner {
    padding: 0 5px 0 5px; } }

@media screen and (max-width: 1023px) {
  .section_special .column_sidebar .section__wrap {
    padding: 0 25px 0 20px; } }

@media screen and (min-width: 1025px) {
  .section_special .column_sidebar {
    padding: 10px 10px 0 0; } }

.section_special .hotnews__wrap {
  position: relative;
  z-index: 1;
  padding: 10px 0 0;
  margin: 0;
  background: #fff; }
  .section_special .hotnews__wrap .heading {
    padding: 0 5px 0 0; }

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .section_special .weather_widget {
    padding-bottom: 104.33333%; } }

.section_special .marketing {
  display: none; }

.section_special .card__figure .mm_photo,
.section_special .card__figure .mm_video,
.section_special .card__figure .pr {
  background: rgba(255, 168, 0, 0.83); }

.section_special .card--08 .card__title {
  margin: 10px 10px 10px 15px; }

@media screen and (max-width: 767px) {
  .section_special .card--19 {
    margin: 0 0 10px 0; } }

@media screen and (max-width: 767px) {
  .section_special .card--24 {
    margin: 0 0 10px 0; } }

.section_special .card--24 .card__title {
  margin: 10px 15px 0; }

.section_special .spored_widget--special {
  display: none; }
  @media screen and (min-width: 768px) {
    .section_special .spored_widget--special {
      display: block; } }

.section_special-article .column_content {
  padding: 15px 0 0 0;
  background: #fff; }
  @media screen and (min-width: 768px) {
    .section_special-article .column_content {
      padding: 10px 0 0 0; } }

.section_special-article .column_sidebar {
  padding-right: 10px; }

@media screen and (min-width: 768px) {
  .section_special-article .banner #aditionAds_halfRectTop {
    margin: 0 0 10px; } }

.section_special-article .column_content__inner {
  padding-left: 10px; }
  @media screen and (min-width: 480px) and (min-width: 1025px) {
    .section_special-article .column_content__inner {
      margin: 0 320px 0 0; } }

.leadblock {
  display: none; }
  @media screen and (min-width: 768px) {
    .leadblock {
      position: relative;
      display: block; } }
  .leadblock__wrap {
    overflow: hidden;
    position: relative;
    margin: 0 auto 30px;
    padding-bottom: 360px; }
    @media screen and (min-width: 1024px) {
      .leadblock__wrap {
        margin: 0 auto -200px;
        padding-bottom: 555px; } }
    @media screen and (max-width: 1023px) {
      body.section_special .leadblock__wrap {
        margin: 0 auto; } }
  @media screen and (min-width: 1200px) {
    .leadblock .container {
      position: absolute;
      left: 50%;
      margin-left: -625px;
      width: 1250px;
      height: 100%; } }
  .leadblock__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .leadblock__sponsor {
    position: absolute;
    bottom: 10px;
    right: 15px; }
    @media screen and (min-width: 1024px) {
      .leadblock__sponsor {
        right: 10px;
        bottom: 210px; } }
    @media screen and (min-width: 1280px) {
      .leadblock__sponsor {
        right: 0; } }
  .leadblock__logo {
    display: block; }
    .leadblock__logo img {
      display: block;
      max-width: 248px;
      height: auto; }

@keyframes ticker {
  0% {
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    transform: translate3d(-100%, 0, 0); } }

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0); } }

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

.ticker__link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%; }

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

.ticker__label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 30px; }
  .ticker__label.is-right {
    display: none;
    left: auto;
    right: 0; }
    @media screen and (min-width: 1024px) {
      .ticker__label.is-right {
        display: block; } }

.ticker--union, .ticker--lidl {
  position: absolute;
  left: 0;
  display: none;
  width: 100%;
  height: 30px;
  background-color: #782231;
  z-index: 199;
  overflow: hidden; }
  body.has_subnav .ticker--union,
  body.section--sub .ticker--union, body.has_subnav .ticker--lidl,
  body.section--sub .ticker--lidl {
    margin: 0 0 20px; }
    @media screen and (min-width: 1024px) {
      body.has_subnav .ticker--union,
      body.section--sub .ticker--union, body.has_subnav .ticker--lidl,
      body.section--sub .ticker--lidl {
        margin: 0; } }
  .ticker--union .ticker__list_wrap, .ticker--lidl .ticker__list_wrap {
    padding: 0 0 0 63px;
    white-space: nowrap; }
    @media screen and (min-width: 1024px) {
      .ticker--union .ticker__list_wrap, .ticker--lidl .ticker__list_wrap {
        padding: 0 0 0 78px; } }
  .ticker--union .ticker__list, .ticker--lidl .ticker__list {
    display: inline-block;
    height: 30px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    white-space: nowrap;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker; }
    .ticker--union .ticker__list li, .ticker--lidl .ticker__list li {
      position: relative;
      display: inline-flex;
      align-items: center;
      height: 30px;
      font-family: "Lato", sans-serif;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 12px;
      line-height: 1.2rem;
      color: #fff;
      font-weight: 600;
      padding: 0 0 0 37px; }
      @media screen and (min-width: 1024px) {
        .ticker--union .ticker__list li, .ticker--lidl .ticker__list li {
          height: 30px;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 13px;
          line-height: 1.3rem; } }
      .ticker--union .ticker__list li::before, .ticker--lidl .ticker__list li::before {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 1px;
        left: 10px;
        width: 13px;
        height: 13px;
        margin: auto;
        background-color: #fff;
        border-radius: 50%; }
      @media screen and (min-width: 1024px) {
        .ticker--union .ticker__list li, .ticker--lidl .ticker__list li {
          font-size: 13px;
          font-size: 1.3rem; } }
      .ticker--union .ticker__list li span, .ticker--lidl .ticker__list li span {
        margin: 0 5px 0 0;
        color: #e01835; }

.ticker--lidl {
  background-color: #00539b; }
  .ticker--lidl .ticker__label {
    background-color: #00539b; }

.ticker--dars {
  position: absolute;
  left: 0;
  display: none;
  width: 100%;
  height: 30px;
  background-color: #ffd06b;
  z-index: 199;
  overflow: hidden; }
  @media screen and (max-width: 1023px) {
    body.homepage .ticker--dars {
      top: 140px !important; } }
  @media screen and (max-width: 768px) {
    body.homepage .ticker--dars {
      top: 122px !important; } }
  body.has_subnav .ticker--dars,
  body.section--sub .ticker--dars {
    margin: 0 0 20px; }
    @media screen and (min-width: 1024px) {
      body.has_subnav .ticker--dars,
      body.section--sub .ticker--dars {
        margin: 0; } }
  body.vozimo_pametno .ticker--dars {
    margin: 0 0 20px; }
    @media screen and (min-width: 1024px) {
      body.vozimo_pametno .ticker--dars {
        margin: 0 0 25px; } }
  .ticker--dars .ticker__label {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #ffd06b;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    font-weight: 900;
    text-transform: uppercase; }
    @media screen and (min-width: 1024px) {
      .ticker--dars .ticker__label {
        height: 30px;
        padding: 0 12px;
        font-size: 20px;
        font-size: 2rem;
        line-height: 20px;
        line-height: 2rem; } }
  .ticker--dars .ticker__list_wrap {
    padding: 0 0 0 53px;
    white-space: nowrap; }
    @media screen and (min-width: 1024px) {
      .ticker--dars .ticker__list_wrap {
        padding: 0 0 0 78px; } }
  .ticker--dars .ticker__list {
    display: inline-block;
    height: 30px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    white-space: nowrap;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker; }
    .ticker--dars .ticker__list li {
      position: relative;
      display: inline-flex;
      align-items: center;
      height: 30px;
      font-family: "Lato", sans-serif;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 12px;
      line-height: 1.2rem;
      font-weight: 600;
      padding: 0 0 0 38px; }
      @media screen and (min-width: 1024px) {
        .ticker--dars .ticker__list li {
          height: 30px;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 13px;
          line-height: 1.3rem; } }
      .ticker--dars .ticker__list li::before {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 1px;
        left: 15px;
        width: 4px;
        height: 4px;
        margin: auto;
        background-color: #000;
        border-radius: 50%;
        opacity: 0.6; }
      @media screen and (min-width: 1024px) {
        .ticker--dars .ticker__list li {
          font-size: 13px;
          font-size: 1.3rem; } }
      .ticker--dars .ticker__list li span {
        opacity: 0.8;
        margin: 0 10px 0 0;
        font-weight: 400; }

.ugc {
  /* START header stuff */
  /* END header stuff */ }
  .ugc a[role=button] {
    cursor: pointer; }
  .ugc .menu__sublist {
    text-align: center; }
  .ugc .menu__sublist_item {
    float: none;
    display: inline-block; }
  .ugc .menu__sublist_link.first span {
    display: none; }
  .ugc .left {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px; }
  .ugc .right {
    float: right; }
  .ugc .header__btn_menu i {
    width: auto;
    line-height: 26px;
    line-height: 2.6rem; }
  .ugc .header__btn_menu .icon-menu {
    width: 30px;
    margin: 0 12px 0 0;
    cursor: pointer; }
  .ugc .header__btn_menu .icon-siol-logo {
    display: inline-block;
    height: 26px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    color: #fff; }
    .ugc .header__btn_menu .icon-siol-logo::before {
      content: "\e915"; }
  @media screen and (min-width: 768px) {
    .ugc .header__btn_menu .icon-menu {
      margin: 0 27px 0 0; }
    .ugc .header__btn_menu .icon-siol-logo::before {
      content: "\e625"; } }
  @media screen and (min-width: 1024px) {
    .ugc .header__btn_menu {
      left: 30px; } }
  .ugc .footer_bar {
    background: #c04038; }
  .ugc .footer__social_wrap .footer__social_link {
    background: #f05046; }
  .ugc .footer_bar .go_to_top i {
    color: #f05046; }
  .ugc .menu__link--special {
    color: #c04038; }
    .ugc .menu__link--special > a {
      color: inherit; }
  .ugc .heading {
    margin: -5px 5px -5px 0; }
    @media screen and (min-width: 480px) {
      .ugc .heading {
        margin: -5px 5px 10px 0; } }
    .ugc .heading--big {
      margin: 5px 10px 10px;
      text-align: left;
      text-transform: none;
      font-size: 20px;
      font-size: 2rem;
      color: #4a464a; }
      @media screen and (min-width: 1024px) {
        .ugc .heading--big {
          margin: 10px 10px 20px;
          font-size: 30px;
          font-size: 3rem; } }
    .ugc .heading a {
      transition: .3s color; }
      .ugc .heading a:hover {
        color: #70706e; }
  .ugc .mfp-bg {
    background: #0b0b0b;
    opacity: 0.8; }
  .ugc .mfp-container {
    padding: 0 8px; }
  .ugc .mfp-content {
    height: auto; }
  .ugc .mfp-close {
    top: -7px;
    right: -6px; }
  .ugc .mfp-content .white-popup {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 410px;
    margin: 40px auto;
    position: relative;
    font-size: 22px;
    font-size: 2.2rem; }
  .ugc .ugc__breadcrumbs {
    display: none;
    float: left;
    padding-bottom: 19px;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 700;
    color: #4a464a; }
    .ugc .ugc__breadcrumbs a {
      color: #4a464a; }
    .ugc .ugc__breadcrumbs span {
      opacity: 0.7; }
    @media screen and (min-width: 768px) {
      .ugc .ugc__breadcrumbs {
        display: block; } }
  .ugc .social__share_group {
    float: right; }
  .ugc .social__share_list {
    margin-left: 10px; }
  .ugc .pagination {
    margin-top: 10px;
    margin-bottom: 15px; }
  .ugc .ugc__vec_btn {
    display: inline-block;
    float: right;
    height: 28px;
    margin: 10px 0 15px;
    padding: 0 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 900;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    background: #f05046; }
  .ugc .ugc__tema {
    display: block;
    padding-bottom: 12px;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 32px;
    line-height: 3.2rem;
    letter-spacing: 0.05em;
    color: #4a464a;
    text-transform: uppercase; }
  .ugc .container {
    margin-bottom: -10px; }
  .ugc h3 {
    margin-top: 0;
    font-family: "Lato", sans-serif;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
    color: #4a464a; }
  .ugc .section__divider--wide {
    margin: 0 0 10px 0; }
  .ugc .new_assignment {
    text-align: right; }
    .ugc .new_assignment span {
      padding: 8px 10px 7px;
      font-family: "Lato", sans-serif;
      font-weight: 600;
      font-size: 12px;
      font-size: 1.2rem;
      color: #fff;
      text-transform: uppercase;
      background: #03a9f4;
      border-radius: 5px; }
    .ugc .new_assignment--mobile {
      margin-left: 10px; }
      .ugc .new_assignment--mobile span {
        position: relative;
        top: -17px; }
  @media screen and (min-width: 1250px) {
    .ugc .offset_left {
      margin-left: 27px; }
    .ugc .offset_width {
      width: 222px; } }
  .ugc .offset_width .section__divider {
    margin: 0 0 10px 0; }
  .ugc .card__assign_info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 35px;
    background: #e6e6e6;
    font-size: 0; }
  .ugc .card__prispevek, .ugc .card__status {
    overflow: hidden;
    display: inline-block;
    width: 50%;
    height: 35px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 37px;
    line-height: 3.7rem;
    letter-spacing: 0.01em; }
  .ugc .card__status {
    text-transform: uppercase;
    background: #f1f1f1;
    border-left: 1px solid #f1f1f1;
    letter-spacing: 0.1em; }
    .ugc .card__status--closed {
      background: #e6e6e6; }
  .ugc .card.card--ugc01, .ugc .card.card--ugc04, .ugc .card.card--ugc06 {
    background: #f05046; }
    .ugc .card.card--ugc01.card--neutral, .ugc .card.card--ugc04.card--neutral, .ugc .card.card--ugc06.card--neutral {
      background: #f1f1f1; }
      .ugc .card.card--ugc01.card--neutral .card__assign_info, .ugc .card.card--ugc04.card--neutral .card__assign_info, .ugc .card.card--ugc06.card--neutral .card__assign_info {
        background: #f1f1f1; }
      .ugc .card.card--ugc01.card--neutral .card__prispevek,
      .ugc .card.card--ugc01.card--neutral .card__status--closed, .ugc .card.card--ugc04.card--neutral .card__prispevek,
      .ugc .card.card--ugc04.card--neutral .card__status--closed, .ugc .card.card--ugc06.card--neutral .card__prispevek,
      .ugc .card.card--ugc06.card--neutral .card__status--closed {
        background: #e6e6e6; }
      .ugc .card.card--ugc01.card--neutral .card__status, .ugc .card.card--ugc04.card--neutral .card__status, .ugc .card.card--ugc06.card--neutral .card__status {
        background: #f1f1f1;
        border-left: 1px solid #f1f1f1; }
      .ugc .card.card--ugc01.card--neutral .card__description, .ugc .card.card--ugc04.card--neutral .card__description, .ugc .card.card--ugc06.card--neutral .card__description {
        color: #70706e; }
    .ugc .card.card--ugc01.card--ugc, .ugc .card.card--ugc04.card--ugc, .ugc .card.card--ugc06.card--ugc {
      background: #f05046; }
      .ugc .card.card--ugc01.card--ugc .card__assign_info, .ugc .card.card--ugc04.card--ugc .card__assign_info, .ugc .card.card--ugc06.card--ugc .card__assign_info {
        background: #f05046; }
      .ugc .card.card--ugc01.card--ugc .card__prispevek,
      .ugc .card.card--ugc01.card--ugc .card__status--closed, .ugc .card.card--ugc04.card--ugc .card__prispevek,
      .ugc .card.card--ugc04.card--ugc .card__status--closed, .ugc .card.card--ugc06.card--ugc .card__prispevek,
      .ugc .card.card--ugc06.card--ugc .card__status--closed {
        background: #c04038; }
      .ugc .card.card--ugc01.card--ugc .card__status, .ugc .card.card--ugc04.card--ugc .card__status, .ugc .card.card--ugc06.card--ugc .card__status {
        background: #f05046;
        border-left: 1px solid #f05046; }
      .ugc .card.card--ugc01.card--ugc .card__description, .ugc .card.card--ugc04.card--ugc .card__description, .ugc .card.card--ugc06.card--ugc .card__description {
        color: #facac7; }
    .ugc .card.card--ugc01.card--sampovem, .ugc .card.card--ugc04.card--sampovem, .ugc .card.card--ugc06.card--sampovem {
      background: #f05046; }
      .ugc .card.card--ugc01.card--sampovem .card__assign_info, .ugc .card.card--ugc04.card--sampovem .card__assign_info, .ugc .card.card--ugc06.card--sampovem .card__assign_info {
        background: #f05046; }
      .ugc .card.card--ugc01.card--sampovem .card__prispevek,
      .ugc .card.card--ugc01.card--sampovem .card__status--closed, .ugc .card.card--ugc04.card--sampovem .card__prispevek,
      .ugc .card.card--ugc04.card--sampovem .card__status--closed, .ugc .card.card--ugc06.card--sampovem .card__prispevek,
      .ugc .card.card--ugc06.card--sampovem .card__status--closed {
        background: #c04038; }
      .ugc .card.card--ugc01.card--sampovem .card__status, .ugc .card.card--ugc04.card--sampovem .card__status, .ugc .card.card--ugc06.card--sampovem .card__status {
        background: #f05046;
        border-left: 1px solid #f05046; }
      .ugc .card.card--ugc01.card--sampovem .card__description, .ugc .card.card--ugc04.card--sampovem .card__description, .ugc .card.card--ugc06.card--sampovem .card__description {
        color: #facac7; }
    .ugc .card.card--ugc01.card--novice, .ugc .card.card--ugc04.card--novice, .ugc .card.card--ugc06.card--novice {
      background: #424193; }
      .ugc .card.card--ugc01.card--novice .card__assign_info, .ugc .card.card--ugc04.card--novice .card__assign_info, .ugc .card.card--ugc06.card--novice .card__assign_info {
        background: #424193; }
      .ugc .card.card--ugc01.card--novice .card__prispevek,
      .ugc .card.card--ugc01.card--novice .card__status--closed, .ugc .card.card--ugc04.card--novice .card__prispevek,
      .ugc .card.card--ugc04.card--novice .card__status--closed, .ugc .card.card--ugc06.card--novice .card__prispevek,
      .ugc .card.card--ugc06.card--novice .card__status--closed {
        background: #353476; }
      .ugc .card.card--ugc01.card--novice .card__status, .ugc .card.card--ugc04.card--novice .card__status, .ugc .card.card--ugc06.card--novice .card__status {
        background: #424193;
        border-left: 1px solid #424193; }
      .ugc .card.card--ugc01.card--novice .card__description, .ugc .card.card--ugc04.card--novice .card__description, .ugc .card.card--ugc06.card--novice .card__description {
        color: #c6c6de; }
    .ugc .card.card--ugc01.card--sportal, .ugc .card.card--ugc04.card--sportal, .ugc .card.card--ugc06.card--sportal {
      background: #086D7F; }
      .ugc .card.card--ugc01.card--sportal .card__assign_info, .ugc .card.card--ugc04.card--sportal .card__assign_info, .ugc .card.card--ugc06.card--sportal .card__assign_info {
        background: #086D7F; }
      .ugc .card.card--ugc01.card--sportal .card__prispevek,
      .ugc .card.card--ugc01.card--sportal .card__status--closed, .ugc .card.card--ugc04.card--sportal .card__prispevek,
      .ugc .card.card--ugc04.card--sportal .card__status--closed, .ugc .card.card--ugc06.card--sportal .card__prispevek,
      .ugc .card.card--ugc06.card--sportal .card__status--closed {
        background: #065766; }
      .ugc .card.card--ugc01.card--sportal .card__status, .ugc .card.card--ugc04.card--sportal .card__status, .ugc .card.card--ugc06.card--sportal .card__status {
        background: #086D7F;
        border-left: 1px solid #086D7F; }
      .ugc .card.card--ugc01.card--sportal .card__description, .ugc .card.card--ugc04.card--sportal .card__description, .ugc .card.card--ugc06.card--sportal .card__description {
        color: #b4d3d8; }
    .ugc .card.card--ugc01.card--trendi, .ugc .card.card--ugc04.card--trendi, .ugc .card.card--ugc06.card--trendi {
      background: #A51253; }
      .ugc .card.card--ugc01.card--trendi .card__assign_info, .ugc .card.card--ugc04.card--trendi .card__assign_info, .ugc .card.card--ugc06.card--trendi .card__assign_info {
        background: #A51253; }
      .ugc .card.card--ugc01.card--trendi .card__prispevek,
      .ugc .card.card--ugc01.card--trendi .card__status--closed, .ugc .card.card--ugc04.card--trendi .card__prispevek,
      .ugc .card.card--ugc04.card--trendi .card__status--closed, .ugc .card.card--ugc06.card--trendi .card__prispevek,
      .ugc .card.card--ugc06.card--trendi .card__status--closed {
        background: #840e42; }
      .ugc .card.card--ugc01.card--trendi .card__status, .ugc .card.card--ugc04.card--trendi .card__status, .ugc .card.card--ugc06.card--trendi .card__status {
        background: #A51253;
        border-left: 1px solid #A51253; }
      .ugc .card.card--ugc01.card--trendi .card__description, .ugc .card.card--ugc04.card--trendi .card__description, .ugc .card.card--ugc06.card--trendi .card__description {
        color: #e4b7cb; }
    .ugc .card.card--ugc01.card--avtomoto, .ugc .card.card--ugc04.card--avtomoto, .ugc .card.card--ugc06.card--avtomoto {
      background: #076CB5; }
      .ugc .card.card--ugc01.card--avtomoto .card__assign_info, .ugc .card.card--ugc04.card--avtomoto .card__assign_info, .ugc .card.card--ugc06.card--avtomoto .card__assign_info {
        background: #076CB5; }
      .ugc .card.card--ugc01.card--avtomoto .card__prispevek,
      .ugc .card.card--ugc01.card--avtomoto .card__status--closed, .ugc .card.card--ugc04.card--avtomoto .card__prispevek,
      .ugc .card.card--ugc04.card--avtomoto .card__status--closed, .ugc .card.card--ugc06.card--avtomoto .card__prispevek,
      .ugc .card.card--ugc06.card--avtomoto .card__status--closed {
        background: #065691; }
      .ugc .card.card--ugc01.card--avtomoto .card__status, .ugc .card.card--ugc04.card--avtomoto .card__status, .ugc .card.card--ugc06.card--avtomoto .card__status {
        background: #076CB5;
        border-left: 1px solid #076CB5; }
      .ugc .card.card--ugc01.card--avtomoto .card__description, .ugc .card.card--ugc04.card--avtomoto .card__description, .ugc .card.card--ugc06.card--avtomoto .card__description {
        color: #b4d3e9; }
    .ugc .card.card--ugc01.card--digisvet, .ugc .card.card--ugc04.card--digisvet, .ugc .card.card--ugc06.card--digisvet {
      background: #2C4697; }
      .ugc .card.card--ugc01.card--digisvet .card__assign_info, .ugc .card.card--ugc04.card--digisvet .card__assign_info, .ugc .card.card--ugc06.card--digisvet .card__assign_info {
        background: #2C4697; }
      .ugc .card.card--ugc01.card--digisvet .card__prispevek,
      .ugc .card.card--ugc01.card--digisvet .card__status--closed, .ugc .card.card--ugc04.card--digisvet .card__prispevek,
      .ugc .card.card--ugc04.card--digisvet .card__status--closed, .ugc .card.card--ugc06.card--digisvet .card__prispevek,
      .ugc .card.card--ugc06.card--digisvet .card__status--closed {
        background: #233879; }
      .ugc .card.card--ugc01.card--digisvet .card__status, .ugc .card.card--ugc04.card--digisvet .card__status, .ugc .card.card--ugc06.card--digisvet .card__status {
        background: #2C4697;
        border-left: 1px solid #2C4697; }
      .ugc .card.card--ugc01.card--digisvet .card__description, .ugc .card.card--ugc04.card--digisvet .card__description, .ugc .card.card--ugc06.card--digisvet .card__description {
        color: #bfc7e0; }
    .ugc .card.card--ugc01.card--digisvijet, .ugc .card.card--ugc04.card--digisvijet, .ugc .card.card--ugc06.card--digisvijet {
      background: #2C4697; }
      .ugc .card.card--ugc01.card--digisvijet .card__assign_info, .ugc .card.card--ugc04.card--digisvijet .card__assign_info, .ugc .card.card--ugc06.card--digisvijet .card__assign_info {
        background: #2C4697; }
      .ugc .card.card--ugc01.card--digisvijet .card__prispevek,
      .ugc .card.card--ugc01.card--digisvijet .card__status--closed, .ugc .card.card--ugc04.card--digisvijet .card__prispevek,
      .ugc .card.card--ugc04.card--digisvijet .card__status--closed, .ugc .card.card--ugc06.card--digisvijet .card__prispevek,
      .ugc .card.card--ugc06.card--digisvijet .card__status--closed {
        background: #233879; }
      .ugc .card.card--ugc01.card--digisvijet .card__status, .ugc .card.card--ugc04.card--digisvijet .card__status, .ugc .card.card--ugc06.card--digisvijet .card__status {
        background: #2C4697;
        border-left: 1px solid #2C4697; }
      .ugc .card.card--ugc01.card--digisvijet .card__description, .ugc .card.card--ugc04.card--digisvijet .card__description, .ugc .card.card--ugc06.card--digisvijet .card__description {
        color: #bfc7e0; }
    .ugc .card.card--ugc01.card--posel_danes, .ugc .card.card--ugc04.card--posel_danes, .ugc .card.card--ugc06.card--posel_danes {
      background: #70706E; }
      .ugc .card.card--ugc01.card--posel_danes .card__assign_info, .ugc .card.card--ugc04.card--posel_danes .card__assign_info, .ugc .card.card--ugc06.card--posel_danes .card__assign_info {
        background: #70706E; }
      .ugc .card.card--ugc01.card--posel_danes .card__prispevek,
      .ugc .card.card--ugc01.card--posel_danes .card__status--closed, .ugc .card.card--ugc04.card--posel_danes .card__prispevek,
      .ugc .card.card--ugc04.card--posel_danes .card__status--closed, .ugc .card.card--ugc06.card--posel_danes .card__prispevek,
      .ugc .card.card--ugc06.card--posel_danes .card__status--closed {
        background: #353535; }
      .ugc .card.card--ugc01.card--posel_danes .card__status, .ugc .card.card--ugc04.card--posel_danes .card__status, .ugc .card.card--ugc06.card--posel_danes .card__status {
        background: #70706E;
        border-left: 1px solid #70706E; }
      .ugc .card.card--ugc01.card--posel_danes .card__description, .ugc .card.card--ugc04.card--posel_danes .card__description, .ugc .card.card--ugc06.card--posel_danes .card__description {
        color: #c6c6c6; }
    .ugc .card.card--ugc01.card--posel-danes, .ugc .card.card--ugc04.card--posel-danes, .ugc .card.card--ugc06.card--posel-danes {
      background: #70706E; }
      .ugc .card.card--ugc01.card--posel-danes .card__assign_info, .ugc .card.card--ugc04.card--posel-danes .card__assign_info, .ugc .card.card--ugc06.card--posel-danes .card__assign_info {
        background: #70706E; }
      .ugc .card.card--ugc01.card--posel-danes .card__prispevek,
      .ugc .card.card--ugc01.card--posel-danes .card__status--closed, .ugc .card.card--ugc04.card--posel-danes .card__prispevek,
      .ugc .card.card--ugc04.card--posel-danes .card__status--closed, .ugc .card.card--ugc06.card--posel-danes .card__prispevek,
      .ugc .card.card--ugc06.card--posel-danes .card__status--closed {
        background: #353535; }
      .ugc .card.card--ugc01.card--posel-danes .card__status, .ugc .card.card--ugc04.card--posel-danes .card__status, .ugc .card.card--ugc06.card--posel-danes .card__status {
        background: #70706E;
        border-left: 1px solid #70706E; }
      .ugc .card.card--ugc01.card--posel-danes .card__description, .ugc .card.card--ugc04.card--posel-danes .card__description, .ugc .card.card--ugc06.card--posel-danes .card__description {
        color: #c6c6c6; }
    .ugc .card.card--ugc01.card--slavni, .ugc .card.card--ugc04.card--slavni, .ugc .card.card--ugc06.card--slavni {
      background: #f7b42d; }
      .ugc .card.card--ugc01.card--slavni .card__assign_info, .ugc .card.card--ugc04.card--slavni .card__assign_info, .ugc .card.card--ugc06.card--slavni .card__assign_info {
        background: #f7b42d; }
      .ugc .card.card--ugc01.card--slavni .card__prispevek,
      .ugc .card.card--ugc01.card--slavni .card__status--closed, .ugc .card.card--ugc04.card--slavni .card__prispevek,
      .ugc .card.card--ugc04.card--slavni .card__status--closed, .ugc .card.card--ugc06.card--slavni .card__prispevek,
      .ugc .card.card--ugc06.card--slavni .card__status--closed {
        background: #c69024; }
      .ugc .card.card--ugc01.card--slavni .card__status, .ugc .card.card--ugc04.card--slavni .card__status, .ugc .card.card--ugc06.card--slavni .card__status {
        background: #f7b42d;
        border-left: 1px solid #f7b42d; }
      .ugc .card.card--ugc01.card--slavni .card__description, .ugc .card.card--ugc04.card--slavni .card__description, .ugc .card.card--ugc06.card--slavni .card__description {
        color: #fde8c0; }
  .ugc .card.card--ugc02 .card__description, .ugc .card.card--ugc03 .card__description {
    color: #333333; }
  .ugc .card.card--ugc02 .card__prispevek, .ugc .card.card--ugc03 .card__prispevek {
    color: #70706e; }
  .ugc .card.card--ugc02.card--neutral .card__title, .ugc .card.card--ugc03.card--neutral .card__title {
    color: #f1f1f1; }
  .ugc .card.card--ugc02.card--neutral .card__status, .ugc .card.card--ugc03.card--neutral .card__status {
    color: #f1f1f1; }
  .ugc .card.card--ugc02.card--ugc .card__title, .ugc .card.card--ugc03.card--ugc .card__title {
    color: #f05046; }
  .ugc .card.card--ugc02.card--ugc .card__status, .ugc .card.card--ugc03.card--ugc .card__status {
    color: #f05046; }
  .ugc .card.card--ugc02.card--sampovem .card__title, .ugc .card.card--ugc03.card--sampovem .card__title {
    color: #f05046; }
  .ugc .card.card--ugc02.card--sampovem .card__status, .ugc .card.card--ugc03.card--sampovem .card__status {
    color: #f05046; }
  .ugc .card.card--ugc02.card--novice .card__title, .ugc .card.card--ugc03.card--novice .card__title {
    color: #424193; }
  .ugc .card.card--ugc02.card--novice .card__status, .ugc .card.card--ugc03.card--novice .card__status {
    color: #424193; }
  .ugc .card.card--ugc02.card--sportal .card__title, .ugc .card.card--ugc03.card--sportal .card__title {
    color: #086D7F; }
  .ugc .card.card--ugc02.card--sportal .card__status, .ugc .card.card--ugc03.card--sportal .card__status {
    color: #086D7F; }
  .ugc .card.card--ugc02.card--trendi .card__title, .ugc .card.card--ugc03.card--trendi .card__title {
    color: #A51253; }
  .ugc .card.card--ugc02.card--trendi .card__status, .ugc .card.card--ugc03.card--trendi .card__status {
    color: #A51253; }
  .ugc .card.card--ugc02.card--avtomoto .card__title, .ugc .card.card--ugc03.card--avtomoto .card__title {
    color: #076CB5; }
  .ugc .card.card--ugc02.card--avtomoto .card__status, .ugc .card.card--ugc03.card--avtomoto .card__status {
    color: #076CB5; }
  .ugc .card.card--ugc02.card--digisvet .card__title, .ugc .card.card--ugc03.card--digisvet .card__title {
    color: #2C4697; }
  .ugc .card.card--ugc02.card--digisvet .card__status, .ugc .card.card--ugc03.card--digisvet .card__status {
    color: #2C4697; }
  .ugc .card.card--ugc02.card--digisvijet .card__title, .ugc .card.card--ugc03.card--digisvijet .card__title {
    color: #2C4697; }
  .ugc .card.card--ugc02.card--digisvijet .card__status, .ugc .card.card--ugc03.card--digisvijet .card__status {
    color: #2C4697; }
  .ugc .card.card--ugc02.card--posel_danes .card__title, .ugc .card.card--ugc03.card--posel_danes .card__title {
    color: #70706E; }
  .ugc .card.card--ugc02.card--posel_danes .card__status, .ugc .card.card--ugc03.card--posel_danes .card__status {
    color: #70706E; }
  .ugc .card.card--ugc02.card--posel-danes .card__title, .ugc .card.card--ugc03.card--posel-danes .card__title {
    color: #70706E; }
  .ugc .card.card--ugc02.card--posel-danes .card__status, .ugc .card.card--ugc03.card--posel-danes .card__status {
    color: #70706E; }
  .ugc .card.card--ugc02.card--slavni .card__title, .ugc .card.card--ugc03.card--slavni .card__title {
    color: #f7b42d; }
  .ugc .card.card--ugc02.card--slavni .card__status, .ugc .card.card--ugc03.card--slavni .card__status {
    color: #f7b42d; }
  .ugc .card.card--ugc01, .ugc .card.card--ugc02, .ugc .card.card--ugc03 {
    margin-bottom: 10px; }
  .ugc .card.card--ugc01 .card__assign_info--0 .card__status, .ugc .card.card--ugc02 .card__assign_info--0 .card__status, .ugc .card.card--ugc03 .card__assign_info--0 .card__status, .ugc .card.card--ugc04 .card__assign_info--0 .card__status, .ugc .card.card--ugc05 .card__assign_info--0 .card__status, .ugc .card.card--ugc06 .card__assign_info--0 .card__status {
    width: 100%; }
  .ugc .card.card--ugc02 .card__video {
    padding-bottom: 100%;
    background-size: contain !important;
    background-color: #000;
    background-position: 50% 50%; }
  .ugc .card.card--ugc04 {
    margin: 0 -10px 10px;
    padding: 25px 15px 55px; }
    @media screen and (min-width: 768px) {
      .ugc .card.card--ugc04 {
        padding: 15px;
        margin: 0 5px 10px; } }
    @media screen and (min-width: 768px) {
      .ugc .card.card--ugc04 .card__figure {
        float: left;
        width: 360px;
        margin-right: 15px; } }
    @media screen and (min-width: 1200px) {
      .ugc .card.card--ugc04 .card__figure {
        float: left;
        width: 570px;
        margin-right: 15px; } }
    .ugc .card.card--ugc04 .card__data {
      overflow: hidden; }
    .ugc .card.card--ugc04 .card__title {
      margin: 15px 0 10px 0; }
      @media screen and (min-width: 1200px) {
        .ugc .card.card--ugc04 .card__title {
          margin: 15px 15px 10px 15px;
          font-size: 30px;
          font-size: 3rem;
          line-height: 39px;
          line-height: 3.9rem; } }
    .ugc .card.card--ugc04 .card__description {
      display: block;
      margin: 0;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.6;
      font-weight: 400;
      font-family: "Merriweather", serif;
      color: #facac7; }
      @media screen and (min-width: 1200px) {
        .ugc .card.card--ugc04 .card__description {
          margin: 15px; } }
      .ugc .card.card--ugc04 .card__description a {
        color: #fff; }
    .ugc .card.card--ugc04 .card__oddajte_btn {
      display: block;
      height: 28px;
      margin-top: 15px;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      font-size: 12px;
      line-height: 30px;
      line-height: 3rem;
      text-align: center;
      text-transform: uppercase;
      background: #fff;
      border-radius: 5px; }
      @media screen and (min-width: 768px) {
        .ugc .card.card--ugc04 .card__oddajte_btn {
          height: 56px;
          margin-bottom: 55px;
          line-height: 58px;
          line-height: 5.8rem; } }
      @media screen and (min-width: 1200px) {
        .ugc .card.card--ugc04 .card__oddajte_btn {
          margin: 0 15px 105px; } }
      .ugc .card.card--ugc04 .card__oddajte_btn--neutral {
        color: #e6e6e6; }
      .ugc .card.card--ugc04 .card__oddajte_btn--ugc {
        color: #c04038; }
      .ugc .card.card--ugc04 .card__oddajte_btn--sampovem {
        color: #c04038; }
      .ugc .card.card--ugc04 .card__oddajte_btn--novice {
        color: #353476; }
      .ugc .card.card--ugc04 .card__oddajte_btn--sportal {
        color: #065766; }
      .ugc .card.card--ugc04 .card__oddajte_btn--trendi {
        color: #840e42; }
      .ugc .card.card--ugc04 .card__oddajte_btn--avtomoto {
        color: #065691; }
      .ugc .card.card--ugc04 .card__oddajte_btn--digisvet {
        color: #233879; }
      .ugc .card.card--ugc04 .card__oddajte_btn--digisvijet {
        color: #233879; }
      .ugc .card.card--ugc04 .card__oddajte_btn--posel_danes {
        color: #353535; }
      .ugc .card.card--ugc04 .card__oddajte_btn--posel-danes {
        color: #353535; }
      .ugc .card.card--ugc04 .card__oddajte_btn--slavni {
        color: #c69024; }
    .ugc .card.card--ugc04 .card__assign_info {
      left: 15px;
      right: 15px;
      direction: rtl; }
      @media screen and (min-width: 768px) {
        .ugc .card.card--ugc04 .card__assign_info {
          left: 390px;
          height: 50px; } }
      @media screen and (min-width: 1200px) {
        .ugc .card.card--ugc04 .card__assign_info {
          left: 615px;
          right: 30px;
          height: 100px; }
          .ugc .card.card--ugc04 .card__assign_info--0 {
            height: 50px; } }
    @media screen and (min-width: 768px) {
      .ugc .card.card--ugc04 .card__prispevek,
      .ugc .card.card--ugc04 .card__status {
        height: 50px;
        line-height: 52px;
        line-height: 5.2rem; } }
    @media screen and (min-width: 1200px) {
      .ugc .card.card--ugc04 .card__prispevek,
      .ugc .card.card--ugc04 .card__status {
        display: block;
        width: 100%; } }
  .ugc .card.card--ugc05 {
    position: relative;
    padding-bottom: 46px; }
    .ugc .card.card--ugc05 .card__link {
      position: relative; }
    .ugc .card.card--ugc05 .card__title,
    .ugc .card.card--ugc05 .card__description {
      color: #333333;
      display: block; }
    .ugc .card.card--ugc05 .card__description {
      margin: 15px;
      font-size: 12px;
      font-size: 1.2rem; }
    .ugc .card.card--ugc05 .card__video {
      padding-bottom: 56.25%; }
    .ugc .card.card--ugc05 .card__time {
      display: inline-block;
      margin: 10px 10px 0 15px;
      font-size: 11px;
      font-size: 1.1rem;
      color: #70706e;
      text-transform: uppercase; }
    .ugc .card.card--ugc05 .card__user_tools {
      position: absolute;
      bottom: 18px;
      left: 15px;
      right: 15px;
      display: flex;
      font-size: 0; }
    .ugc .card.card--ugc05 .card__user_info,
    .ugc .card.card--ugc05 .card__priporocite {
      display: inline-block;
      width: 60%;
      vertical-align: bottom;
      flex: 1 1 80%; }
    .ugc .card.card--ugc05 .card__user_avatar {
      position: relative;
      display: inline-block;
      margin-right: 5px;
      vertical-align: middle;
      width: 28px;
      height: 28px;
      overflow: hidden;
      border-radius: 50%;
      background: #fff; }
      .ugc .card.card--ugc05 .card__user_avatar > img {
        overflow: hidden;
        border-radius: 50%; }
      .ugc .card.card--ugc05 .card__user_avatar > img,
      .ugc .card.card--ugc05 .card__user_avatar > picture {
        position: relative;
        z-index: 20; }
    .ugc .card.card--ugc05 .card__user_letter {
      position: absolute;
      z-index: 10;
      display: inline-block;
      width: 100%;
      height: 100%;
      font-size: 20px;
      font-size: 2rem;
      line-height: 30px;
      line-height: 3rem;
      text-align: center;
      text-transform: uppercase; }
    .ugc .card.card--ugc05 .card__user_username {
      position: relative;
      top: -1px;
      display: inline-block;
      overflow: hidden;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 900;
      vertical-align: middle;
      color: #70706e; }
    .ugc .card.card--ugc05 .card__priporocite {
      display: inline-block;
      width: 40%;
      text-align: right;
      flex: 1 0 135px;
      white-space: nowrap; }
    .ugc .card.card--ugc05 .card__priporocite_btn {
      display: inline-block;
      height: 28px;
      margin: 1px 0;
      padding-right: 7px;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 30px;
      line-height: 3rem;
      font-weight: 900;
      text-align: center;
      color: #c04038;
      text-transform: uppercase;
      border-radius: 5px;
      background: #fff; }
      .ugc .card.card--ugc05 .card__priporocite_btn > span {
        display: inline-block;
        height: 28px;
        padding: 0 9px;
        margin-right: 7px;
        border-right: 1px solid #dedede; }
      .ugc .card.card--ugc05 .card__priporocite_btn--disabled {
        background-color: #e6e6e6;
        color: #70706e !important; }
        .ugc .card.card--ugc05 .card__priporocite_btn--disabled > span {
          border-color: #f1f1f1; }
  .ugc .card.card--ugc06 {
    padding: 15px 15px 55px; }
    .ugc .card.card--ugc06 .card__figure {
      margin: -15px;
      margin-bottom: 0; }
    .ugc .card.card--ugc06 .card__data {
      overflow: hidden; }
    .ugc .card.card--ugc06 .card__title {
      margin: 15px 0 10px 0;
      color: #fff;
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 22px;
      line-height: 2.2rem; }
    .ugc .card.card--ugc06 .card__description {
      display: block;
      margin: 0;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.6;
      font-weight: 400;
      font-family: "Merriweather", serif;
      color: #fff; }
      .ugc .card.card--ugc06 .card__description a {
        color: #fff; }
    .ugc .card.card--ugc06.card--neutral .card__description {
      color: #70706e; }
    .ugc .card.card--ugc06.card--ugc .card__description {
      color: #facac7; }
    .ugc .card.card--ugc06.card--sampovem .card__description {
      color: #facac7; }
    .ugc .card.card--ugc06.card--novice .card__description {
      color: #c6c6de; }
    .ugc .card.card--ugc06.card--sportal .card__description {
      color: #b4d3d8; }
    .ugc .card.card--ugc06.card--trendi .card__description {
      color: #e4b7cb; }
    .ugc .card.card--ugc06.card--avtomoto .card__description {
      color: #b4d3e9; }
    .ugc .card.card--ugc06.card--digisvet .card__description {
      color: #bfc7e0; }
    .ugc .card.card--ugc06.card--digisvijet .card__description {
      color: #bfc7e0; }
    .ugc .card.card--ugc06.card--posel_danes .card__description {
      color: #c6c6c6; }
    .ugc .card.card--ugc06.card--posel-danes .card__description {
      color: #c6c6c6; }
    .ugc .card.card--ugc06.card--slavni .card__description {
      color: #fde8c0; }
    .ugc .card.card--ugc06 .card__oddajte_btn {
      display: block;
      height: 28px;
      margin-top: 15px;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      font-size: 12px;
      line-height: 30px;
      line-height: 3rem;
      text-align: center;
      text-transform: uppercase;
      background: #fff;
      border-radius: 5px; }
    .ugc .card.card--ugc06 .card__assign_info {
      direction: rtl; }
  .ugc .progressBar {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 10px;
    width: 100%;
    border-bottom: 4px solid #f05046; }

.section--detail .card__time {
  display: inline-block;
  margin: 13px 5px 0;
  font-size: 11px;
  font-size: 1.1rem;
  color: #70706e;
  text-transform: uppercase; }

.section--detail .card__title {
  margin: 9px 5px;
  font-family: "Lato", sans-serif;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  line-height: 3rem;
  font-weight: 900;
  color: #333333; }

.section--detail .card__description {
  display: block;
  margin: 11px 5px 12px;
  font-family: "Merriweather", serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 2.4rem;
  color: #333333; }

.section--detail .card__user_tools {
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
  margin: 0; }
  @media screen and (min-width: 480px) {
    .section--detail .card__user_tools {
      flex-wrap: nowrap;
      margin: 0 15px 0 5px; } }

.section--detail .card__user_info {
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  flex: 1 1 100%;
  margin-bottom: 15px; }
  @media screen and (min-width: 480px) {
    .section--detail .card__user_info {
      width: 60%;
      margin-bottom: 0;
      flex: 1 1 80%; } }

.section--detail .card__user_avatar {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: 50%; }
  .section--detail .card__user_avatar > img {
    overflow: hidden;
    border-radius: 50%; }
  .section--detail .card__user_avatar > img,
  .section--detail .card__user_avatar > picture {
    position: relative;
    z-index: 20; }

.section--detail .card__user_letter {
  position: absolute;
  z-index: 10;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
  line-height: 3rem;
  text-align: center;
  text-transform: uppercase;
  background: #f1f1f1; }

.section--detail .card__user_username {
  position: relative;
  top: -1px;
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 900;
  vertical-align: middle;
  color: #70706e; }

.section--detail .card__napaka {
  display: inline-block;
  width: 40%;
  text-align: right;
  flex: 1 0 150px; }
  .section--detail .card__napaka .hide {
    display: none; }

.section--detail .card__napaka_btn {
  display: block;
  height: 28px;
  margin: 1px 10px 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 30px;
  line-height: 3rem;
  font-weight: 900;
  text-align: center;
  color: #aaaaaa;
  text-transform: uppercase;
  border-radius: 5px;
  background: #f1f1f1; }

.section--detail .card__priporocite {
  display: inline-block;
  width: 40%;
  text-align: right;
  flex: 1 0 133px;
  white-space: nowrap; }

.section--detail .card__priporocite_btn {
  display: inline-block;
  height: 28px;
  margin: 1px 0;
  padding-right: 7px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 30px;
  line-height: 3rem;
  font-weight: 900;
  text-align: center;
  color: #c04038;
  text-transform: uppercase;
  border-radius: 5px;
  background: #f1f1f1; }
  .section--detail .card__priporocite_btn > span {
    display: inline-block;
    height: 28px;
    padding: 0 9px;
    margin-right: 7px;
    border-right: 1px solid #dedede; }
  .section--detail .card__priporocite_btn--disabled {
    background-color: #e6e6e6;
    color: #70706e !important; }
    .section--detail .card__priporocite_btn--disabled > span {
      border-color: #f1f1f1; }

.ugc .color--neutral .section--detail .card__priporocite_btn,
.ugc .color--neutral .section--detail .card__user_letter,
.ugc .color--neutral .card.card--ugc05 .card__priporocite_btn,
.ugc .color--neutral .card.card--ugc05 .card__user_letter {
  color: #e6e6e6; }

.ugc .card.card--ugc01.card--neutral .card__title {
  background: #f1f1f1; }

.ugc .color--ugc .section--detail .card__priporocite_btn,
.ugc .color--ugc .section--detail .card__user_letter,
.ugc .color--ugc .card.card--ugc05 .card__priporocite_btn,
.ugc .color--ugc .card.card--ugc05 .card__user_letter {
  color: #c04038; }

.ugc .card.card--ugc01.card--ugc .card__title {
  background: #f05046; }

.ugc .color--sampovem .section--detail .card__priporocite_btn,
.ugc .color--sampovem .section--detail .card__user_letter,
.ugc .color--sampovem .card.card--ugc05 .card__priporocite_btn,
.ugc .color--sampovem .card.card--ugc05 .card__user_letter {
  color: #c04038; }

.ugc .card.card--ugc01.card--sampovem .card__title {
  background: #f05046; }

.ugc .color--novice .section--detail .card__priporocite_btn,
.ugc .color--novice .section--detail .card__user_letter,
.ugc .color--novice .card.card--ugc05 .card__priporocite_btn,
.ugc .color--novice .card.card--ugc05 .card__user_letter {
  color: #353476; }

.ugc .card.card--ugc01.card--novice .card__title {
  background: #424193; }

.ugc .color--sportal .section--detail .card__priporocite_btn,
.ugc .color--sportal .section--detail .card__user_letter,
.ugc .color--sportal .card.card--ugc05 .card__priporocite_btn,
.ugc .color--sportal .card.card--ugc05 .card__user_letter {
  color: #065766; }

.ugc .card.card--ugc01.card--sportal .card__title {
  background: #086D7F; }

.ugc .color--trendi .section--detail .card__priporocite_btn,
.ugc .color--trendi .section--detail .card__user_letter,
.ugc .color--trendi .card.card--ugc05 .card__priporocite_btn,
.ugc .color--trendi .card.card--ugc05 .card__user_letter {
  color: #840e42; }

.ugc .card.card--ugc01.card--trendi .card__title {
  background: #A51253; }

.ugc .color--avtomoto .section--detail .card__priporocite_btn,
.ugc .color--avtomoto .section--detail .card__user_letter,
.ugc .color--avtomoto .card.card--ugc05 .card__priporocite_btn,
.ugc .color--avtomoto .card.card--ugc05 .card__user_letter {
  color: #065691; }

.ugc .card.card--ugc01.card--avtomoto .card__title {
  background: #076CB5; }

.ugc .color--digisvet .section--detail .card__priporocite_btn,
.ugc .color--digisvet .section--detail .card__user_letter,
.ugc .color--digisvet .card.card--ugc05 .card__priporocite_btn,
.ugc .color--digisvet .card.card--ugc05 .card__user_letter {
  color: #233879; }

.ugc .card.card--ugc01.card--digisvet .card__title {
  background: #2C4697; }

.ugc .color--digisvijet .section--detail .card__priporocite_btn,
.ugc .color--digisvijet .section--detail .card__user_letter,
.ugc .color--digisvijet .card.card--ugc05 .card__priporocite_btn,
.ugc .color--digisvijet .card.card--ugc05 .card__user_letter {
  color: #233879; }

.ugc .card.card--ugc01.card--digisvijet .card__title {
  background: #2C4697; }

.ugc .color--posel_danes .section--detail .card__priporocite_btn,
.ugc .color--posel_danes .section--detail .card__user_letter,
.ugc .color--posel_danes .card.card--ugc05 .card__priporocite_btn,
.ugc .color--posel_danes .card.card--ugc05 .card__user_letter {
  color: #353535; }

.ugc .card.card--ugc01.card--posel_danes .card__title {
  background: #70706E; }

.ugc .color--posel-danes .section--detail .card__priporocite_btn,
.ugc .color--posel-danes .section--detail .card__user_letter,
.ugc .color--posel-danes .card.card--ugc05 .card__priporocite_btn,
.ugc .color--posel-danes .card.card--ugc05 .card__user_letter {
  color: #353535; }

.ugc .card.card--ugc01.card--posel-danes .card__title {
  background: #70706E; }

.ugc .color--slavni .section--detail .card__priporocite_btn,
.ugc .color--slavni .section--detail .card__user_letter,
.ugc .color--slavni .card.card--ugc05 .card__priporocite_btn,
.ugc .color--slavni .card.card--ugc05 .card__user_letter {
  color: #c69024; }

.ugc .card.card--ugc01.card--slavni .card__title {
  background: #f7b42d; }

.contribution__list {
  font-size: 0; }

.contribution__item {
  display: inline-block;
  box-sizing: border-box;
  width: 100%; }
  @media screen and (min-width: 480px) {
    .contribution__item {
      width: 50%; } }
  @media screen and (min-width: 768px) {
    .contribution__item {
      width: 33.333333%; } }
  .contribution__item .card {
    margin: 5px; }

.contribution__item_sizer {
  width: 100%; }
  @media screen and (min-width: 480px) {
    .contribution__item_sizer {
      width: 50%; } }
  @media screen and (min-width: 768px) {
    .contribution__item_sizer {
      width: 33.333333%; } }

.file__title {
  display: inline-block;
  margin: 20px 0 10px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 20px;
  line-height: 2rem;
  letter-spacing: 0.1em;
  font-weight: 900;
  text-transform: uppercase;
  color: #70706e; }
  .file__title .mandatory {
    color: #c04038;
    font-size: 16px;
    font-size: 1.6rem; }

.file__input {
  padding: 0 5px;
  border: 1px solid #dedede;
  background: #f1f1f1;
  border-radius: 5px; }
  .file__input .file__img {
    position: relative;
    height: 36px; }
  .file__input .form__textfield.form__textfield,
  .file__input .form__file.form__file {
    height: 36px;
    border: none; }
  .file__input .form__file {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    cursor: pointer; }
  .file__input .form__file_fake {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px; }
  .file__input .form__file_fake_msg {
    padding: 0 5px;
    font: normal 400 100% "Source Sans Pro", sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 36px;
    line-height: 3.6rem;
    color: #aaa; }
    .file__input .form__file_fake_msg.selected {
      color: #70706e; }
  .file__input .form__file_fake_btn {
    float: right;
    margin-top: 5px;
    padding: 4px 8px;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: 900;
    text-transform: uppercase;
    background: #c04038;
    border-radius: 3px; }

.file__btns {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 36px;
  line-height: 3.6rem;
  letter-spacing: 0.01em;
  color: #aaaaaa;
  border-bottom: 1px solid #dedede; }
  .file__btns > span {
    margin: 0 7px; }

.file__btn_img, .file__btn_video {
  box-sizing: border-box;
  padding: 10px 5px;
  color: #70706e;
  cursor: pointer; }

.file .radio__img,
.file .radio__video {
  display: none; }

.radio__img:checked ~ .file__btns .file__btn_img {
  color: #c04038;
  border-bottom: 2px solid #c04038; }

.radio__video:checked ~ .file__btns .file__btn_video {
  color: #c04038;
  border-bottom: 2px solid #c04038; }

.file__img {
  display: none; }

.radio__img:checked ~ .file__img {
  display: block; }

.file__video {
  display: none; }

.radio__video:checked ~ .file__video {
  display: block; }

.file .form__textfield,
.file .form__textarea,
.file .form__file,
.file .form__select {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 0 11px;
  font: normal 400 100% "Source Sans Pro", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 40px;
  line-height: 4rem;
  border: 1px solid #dedede;
  background: #f1f1f1;
  border-radius: 5px; }
  .file .form__textfield::-webkit-input-placeholder,
  .file .form__textarea::-webkit-input-placeholder,
  .file .form__file::-webkit-input-placeholder,
  .file .form__select::-webkit-input-placeholder {
    color: #aaa; }
  .file .form__textfield::-moz-placeholder,
  .file .form__textarea::-moz-placeholder,
  .file .form__file::-moz-placeholder,
  .file .form__select::-moz-placeholder {
    color: #aaa; }
  .file .form__textfield:-ms-input-placeholder,
  .file .form__textarea:-ms-input-placeholder,
  .file .form__file:-ms-input-placeholder,
  .file .form__select:-ms-input-placeholder {
    padding: 0 11px; }
  .file .form__textfield.has_error,
  .file .form__textarea.has_error,
  .file .form__file.has_error,
  .file .form__select.has_error {
    border-color: #c04038; }

.file .form__textfield,
.file .form__file,
.file .form__textarea {
  display: block;
  vertical-align: middle; }

.file .form__textarea {
  resize: none;
  height: 92px;
  padding: 11px;
  line-height: 22px;
  line-height: 2.2rem; }

.location__widget {
  position: relative; }
  .location__widget .form__textfield {
    cursor: pointer; }

.location__icon {
  position: absolute;
  top: 9px;
  right: 9px;
  fill: #c04038;
  pointer-events: none; }

.location__widget .form__textfield_overlay {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer; }

.canvas_editor {
  position: relative;
  background: #FFF;
  padding: 30px 10px 10px 10px;
  width: 290px;
  margin: 20px auto; }

.canvas_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  width: 290px;
  height: 290px;
  background: #70706e; }

canvas {
  max-width: 290px;
  max-height: 290px; }

.ugc_form__footer {
  margin-top: 30px;
  padding-top: 10px;
  border-top: 1px solid #dedede;
  text-align: justify; }
  .ugc_form__footer button {
    display: inline-block;
    height: 40px;
    margin: 15px 0 0 10px;
    padding: 0 10px;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 42px;
    line-height: 4.2rem;
    text-transform: uppercase;
    color: #fff;
    border: none;
    border-radius: 3px;
    background: #f05046; }
    .ugc_form__footer button svg {
      fill: #aaa;
      position: relative;
      top: 7px; }
  .ugc_form__footer:after {
    content: " ";
    display: inline-block;
    width: 100%; }

.ugc_form__rules {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  color: #70706e; }

.ugc_slider {
  display: flex;
  margin: 45px 0 15px;
  font-size: 0; }
  .ugc_slider__card {
    position: relative;
    display: inline-block;
    width: 50%;
    background: #f1f1f1; }
    .ugc_slider__card > .icon {
      font-size: 16px;
      font-size: 1.6rem;
      position: absolute;
      top: 50%;
      margin-top: -8px;
      color: #333333; }
    .ugc_slider__card--prev {
      text-align: right;
      right: 1px; }
      .ugc_slider__card--prev > .icon {
        left: 18px; }
      .ugc_slider__card--prev .ugc_slider__title {
        padding-left: 36px; }
    .ugc_slider__card--next > .icon {
      right: 18px; }
    .ugc_slider__card--next .ugc_slider__title {
      padding-right: 35px; }
    .ugc_slider__card--placer {
      background: none; }
  .ugc_slider__title {
    display: block;
    padding: 13px;
    font-size: 17px;
    font-weight: 900;
    color: #333333; }
    .ugc_slider__title span {
      display: block;
      padding-bottom: 15px;
      font-size: 11px;
      font-weight: 400;
      letter-spacing: 0.08em;
      color: #70706e;
      text-transform: uppercase; }

.ugc .mfp-close {
  top: 5px;
  right: 0;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  opacity: 1; }

.ugc_modal {
  position: relative;
  max-width: 320px;
  margin: 40px auto;
  text-align: left;
  background: #FFF;
  background: #f1f1f1; }
  .ugc_modal__header {
    height: 56px;
    padding: 0 13px;
    line-height: 60px;
    line-height: 6rem;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: #fff;
    background: #f05046; }
  .ugc_modal__body {
    padding: 0 15px 15px; }
    .ugc_modal__body .form__textfield,
    .ugc_modal__body .form__textarea,
    .ugc_modal__body .form__file,
    .ugc_modal__body .form__select {
      box-sizing: border-box;
      width: 100%;
      height: 40px;
      padding: 0 11px;
      font: normal 400 100% "Source Sans Pro", sans-serif;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 40px;
      line-height: 4rem;
      border: 1px solid #dedede;
      border-radius: 5px; }
      .ugc_modal__body .form__textfield::-webkit-input-placeholder,
      .ugc_modal__body .form__textarea::-webkit-input-placeholder,
      .ugc_modal__body .form__file::-webkit-input-placeholder,
      .ugc_modal__body .form__select::-webkit-input-placeholder {
        color: #aaa; }
      .ugc_modal__body .form__textfield::-moz-placeholder,
      .ugc_modal__body .form__textarea::-moz-placeholder,
      .ugc_modal__body .form__file::-moz-placeholder,
      .ugc_modal__body .form__select::-moz-placeholder {
        color: #aaa; }
      .ugc_modal__body .form__textfield:-ms-input-placeholder,
      .ugc_modal__body .form__textarea:-ms-input-placeholder,
      .ugc_modal__body .form__file:-ms-input-placeholder,
      .ugc_modal__body .form__select:-ms-input-placeholder {
        padding: 0 11px; }
    .ugc_modal__body .form__select {
      padding: 0 5px; }
    .ugc_modal__body .form__textfield,
    .ugc_modal__body .form__file,
    .ugc_modal__body .form__textarea {
      display: block;
      vertical-align: middle; }
    .ugc_modal__body .form__textarea {
      resize: none;
      height: 92px;
      padding: 11px;
      line-height: 22px;
      line-height: 2.2rem; }
    .ugc_modal__body .ugc_modal__btn,
    .ugc_modal__body button {
      display: inline-block;
      height: 40px;
      margin: 15px 0 0 10px;
      padding: 0 10px;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 42px;
      line-height: 4.2rem;
      text-transform: uppercase;
      color: #fff;
      border: none;
      border-radius: 3px;
      background: #f05046; }
      .ugc_modal__body .ugc_modal__btn svg,
      .ugc_modal__body button svg {
        fill: #aaa;
        position: relative;
        top: 7px; }
    .ugc_modal__body .ugc_modal__btn--neutral {
      color: #aaa;
      background: #fff; }
    .ugc_modal__body .ugc_modal__btn--rotate,
    .ugc_modal__body .ugc_modal__btn--ok {
      margin: 0;
      margin-right: 10px;
      margin-top: 0; }
  .ugc_modal__btns {
    font-size: 0;
    text-align: right; }
  .ugc_modal__message {
    margin: 0;
    padding: 15px 0 0;
    font-size: 18px; }

.social__share {
  position: relative;
  float: right;
  margin: 5px 0 10px 0; }
  .posel_danes .social__share {
    margin: 10px 0; }
  @media screen and (min-width: 801px) and (max-width: 1023px) {
    .social__share {
      float: none;
      text-align: right; } }
  .social__share--bottom {
    margin: 25px 0 5px 0; }
  .social__share > span {
    font-size: 9px;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #333333;
    letter-spacing: 0.04em; }
    @media screen and (max-width: 767px) {
      .social__share > span {
        display: block;
        margin-bottom: 5px;
        text-align: right; } }
    @media screen and (min-width: 768px) {
      .social__share > span {
        margin-right: 10px; } }
  @media screen and (min-width: 768px) {
    .social__share_list {
      float: right; } }
  .social__share_item {
    display: inline-block; }
    @media screen and (min-width: 1024px) {
      .social__share_item--plus:hover > div {
        display: block; }
        .social__share_item--plus:hover > div.not_active {
          display: none; } }
    .social__share_item--plus .is_active {
      display: block; }
    .social__share_item--plus > div {
      display: none;
      position: absolute;
      right: 0;
      top: 20px;
      width: 150px;
      padding: 40px 0 0 0;
      z-index: 10; }
      @media screen and (min-width: 1024px) {
        .social__share_item--plus > div {
          right: -55px;
          cursor: pointer; } }
      .social__share_item--plus > div ul {
        border: 1px solid #E7E7E7;
        background: #FFF;
        padding: 10px 15px 0 15px;
        list-style: none; }
        .social__share_item--plus > div ul:before, .social__share_item--plus > div ul:after {
          position: absolute;
          right: 10px;
          top: 30px;
          margin: 0;
          content: " ";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 10px 10px 10px;
          border-color: transparent transparent #E7E7E7 transparent; }
          @media screen and (min-width: 1024px) {
            .social__share_item--plus > div ul:before, .social__share_item--plus > div ul:after {
              left: 50%;
              top: 30px;
              margin: 0 0 0 -10px; } }
        .social__share_item--plus > div ul:after {
          top: 32px;
          margin: 0 1px 0 0;
          border-color: transparent transparent #FFF transparent;
          border-width: 0 9px 9px 9px; }
          @media screen and (min-width: 1024px) {
            .social__share_item--plus > div ul:after {
              margin: 0 0 0 -9px; } }
        .social__share_item--plus > div ul li a {
          display: block;
          height: 40px;
          line-height: 33px;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: 600;
          color: #333333; }
          .social__share_item--plus > div ul li a:hover {
            color: #424193; }
          .social__share_item--plus > div ul li a span {
            display: inline-block;
            margin-right: 5px;
            width: 30px;
            height: 30px;
            background: #000;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%;
            text-align: center; }
            .social__share_item--plus > div ul li a span i {
              position: relative;
              left: 1px;
              font-size: 16px;
              font-size: 1.6rem;
              line-height: 30px;
              color: #FFF; }
          .social__share_item--plus > div ul li a.pinterest span {
            background: #BC191C; }
          .social__share_item--plus > div ul li a.whatsapp span {
            background: #55CB5F; }
          .social__share_item--plus > div ul li a.messenger span {
            background: #0083FF; }
          .social__share_item--plus > div ul li a.linkedin span {
            background: #0082b2; }
          .social__share_item--plus > div ul li a.email span {
            background: #323170; }
            .social__share_item--plus > div ul li a.email span i {
              left: .5px; }
  .social__share_link {
    position: relative;
    display: block;
    float: right;
    margin: 0 5px 0 0;
    width: 30px;
    height: 30px;
    line-height: 38px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    text-align: center; }
    .social__share_link > i {
      font-size: 18px;
      font-size: 1.8rem; }
    .social__share_link--facebook {
      color: #FFF;
      background: #265999; }
    .social__share_link--twitter {
      color: #FFF;
      background: #00ace2; }
    .social__share_link--plus {
      line-height: 36px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      background: #E7E7E7;
      text-align: center; }
      .social__share_link--plus > i {
        color: #4a464a;
        font-size: 16px;
        font-size: 1.6rem; }
      .social__share_link--plus:hover {
        color: #424193;
        background: #C5C2E3; }

.testcard {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  font-size: 1.2rem;
  color: red; }

/*# sourceMappingURL=style.min.css.map */