/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

@font-face {
  font-family: 'Roboto Regular';
  src: url(/National_Library/oe_/https://eurovision.russia.tv/fonts/Roboto-Regular.woff) format("woff"), url(/National_Library/oe_/https://eurovision.russia.tv/fonts/Roboto-Regular.woff2) format("woff2"), url(/National_Library/oe_/https://eurovision.russia.tv/fonts/Roboto-Regular.svg) format("svg"), url(/National_Library/oe_/https://eurovision.russia.tv/fonts/Roboto-Regular.eot) format("eot"), url(/National_Library/oe_/https://eurovision.russia.tv/fonts/Roboto-Regular.ttf) format("ttf"); }

@font-face {
  font-family: 'Roboto Light';
  src: url(/National_Library/oe_/https://eurovision.russia.tv/fonts/Roboto-Light.woff) format("woff"), url(/National_Library/oe_/https://eurovision.russia.tv/fonts/Roboto-Light.woff2) format("woff2"), url(/National_Library/oe_/https://eurovision.russia.tv/fonts/Roboto-Light.svg) format("svg"), url(/National_Library/oe_/https://eurovision.russia.tv/fonts/Roboto-Light.eot) format("eot"), url(/National_Library/oe_/https://eurovision.russia.tv/fonts/Roboto-Light.ttf) format("ttf"); }

@font-face {
  font-family: 'Open Sans';
  src: url(/National_Library/oe_/https://eurovision.russia.tv/fonts/opensans-regular.woff) format("woff"), url(/National_Library/oe_/https://eurovision.russia.tv/fonts/opensans-regular.woff2) format("woff2"), url(/National_Library/oe_/https://eurovision.russia.tv/fonts/opensans-regular.eot) format("eot"), url(/National_Library/oe_/https://eurovision.russia.tv/fonts/opensans-regular.ttf) format("ttf"); }

html {
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0;
  font: 16px/28px 'Roboto Light', sans-serif;
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  background: #8b8da5;
  min-width: 380px; }
  @media screen and (max-width: 1024px) {
    body {
      font: 14px/24px 'Roboto Light', sans-serif; } }

.content {
  position: relative;
  z-index: 1;
  width: 75%;
  transition: margin-top 200ms ease 0ms; }
  @media screen and (max-width: 1024px) {
    .content {
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .content {
      margin-top: 0; } }
  .content--header-moving {
    margin-top: 100px;
    transition: margin-top 200ms ease 0ms; }
    @media screen and (max-width: 768px) {
      .content--header-moving {
        margin-top: 0; } }

.vgtrk-gallery__slide {
  width: 100% !important;
  margin-bottom: 0 !important; }

.swiper-lazy-preloader {
  margin: 30% 0 0 -21px !important; }

.vgtrk-gallery__header, .vgtrk-gallery-pictures, .vgtrk-gallery__wrapper {
  margin: 0 !important; }

.vgtrk-gallery__pagination {
  display: none; }

.vgtrk-gallery-pictures .vgtrk-gallery__image {
  width: 100%;
  height: auto;
  max-width: none !important;
  max-height: none !important; }

.vgtrk-gallery__image {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  vertical-align: top;
  display: inline; }

.vgtrk-gallery__holder {
  padding: 0 !important;
  height: auto !important; }

.grid {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000; }
  .grid--active {
    display: block; }
  .grid--hidden {
    display: none; }
  .grid__holder {
    box-sizing: border-box;
    max-width: 1440px;
    width: 75%;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    border-left: 12px solid rgba(0, 0, 0, 0.5);
    border-right: 12px solid rgba(0, 0, 0, 0.5);
    margin: 0 auto 0 0; }
    @media screen and (max-width: 1024px) {
      .grid__holder {
        width: 100%; } }
  .grid__column {
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.2);
    position: relative;
    border-left: 12px solid rgba(0, 0, 0, 0.4);
    border-right: 12px solid rgba(0, 0, 0, 0.4);
    width: 8.33333%; }
    @media screen and (max-width: 768px) {
      .grid__column {
        width: 25%;
        display: none; }
        .grid__column:nth-child(3n+1) {
          display: block; } }

.error {
  box-sizing: border-box;
  max-width: 1440px;
  width: 75%;
  padding: 60px 12px 30px;
  background: #fff;
  min-height: 800px;
  display: flex;
  flex-flow: row nowrap; }
  @media screen and (max-width: 1024px) {
    .error {
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .error {
      padding: 30px 12px 10px; } }
  .error__container {
    box-sizing: border-box;
    padding: 0 12px 0 0;
    width: 75%;
    flex: 1 1 auto; }
    @media screen and (max-width: 768px) {
      .error__container {
        width: 100%; } }
  .error__slot {
    position: relative; }
    .error__slot iframe {
      width: 100%;
      height: auto;
      border: 0;
      outline: 0; }
    .error__slot--right {
      width: 300px;
      flex: 0 0 300px;
      margin: 0 12px auto 0; }
      @media screen and (max-width: 768px) {
        .error__slot--right {
          display: none; } }
    .error__slot--bottom {
      width: auto;
      margin: 0 0 0 12px; }
  .error__holder {
    box-sizing: border-box;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/error-404.jpg) 0 0 no-repeat;
    background-size: 100%;
    position: relative; }
  .error__message {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%; }
    .error__message h1 {
      font: 1.6em 'Roboto Light', sans-serif;
      color: #fff;
      margin: 0 24px 20px; }
    .error__message p {
      font: 1em 'Roboto Regular', sans-serif;
      color: #fff;
      margin: 0 24px 20px; }
      .error__message p a {
        text-decoration: none;
        color: #ef4d4d;
        text-transform: uppercase; }

.header {
  background: #070c2a url(/National_Library/oe_/https://eurovision.russia.tv/i/header-background-full.jpg) 100% center no-repeat;
  background-size: auto 100%;
  height: 280px;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  max-width: 1440px;
  width: 75%; }
  @media screen and (max-width: 1024px) {
    .header {
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .header {
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/header-background-small.jpg) center no-repeat;
      background-size: auto 100%;
      position: relative;
      top: auto;
      left: auto; } }
  .header__top {
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    padding: 0 24px;
    width: 100%;
    height: 40px;
    position: relative;
    z-index: 3;
    background: rgba(53, 120, 255, 0.15);
    transition: width 200ms ease 0ms; }
    .header--moving .header__top {
      width: 75%;
      transition: width 200ms ease 0ms;
      background: -moz-linear-gradient(left, rgba(53, 120, 255, 0) 0%, rgba(53, 120, 255, 0.15) 30%, rgba(53, 120, 255, 0.15) 70%, rgba(53, 120, 255, 0) 100%);
      background: -webkit-linear-gradient(left, rgba(53, 120, 255, 0) 0%, rgba(53, 120, 255, 0.15) 30%, rgba(53, 120, 255, 0.15) 70%, rgba(53, 120, 255, 0) 100%);
      background: linear-gradient(to right, rgba(53, 120, 255, 0) 0%, rgba(53, 120, 255, 0.15) 30%, rgba(53, 120, 255, 0.15) 70%, rgba(53, 120, 255, 0) 100%); }
      @media screen and (max-width: 768px) {
        .header--moving .header__top {
          width: 100%; } }
    @media screen and (max-width: 768px) {
      .header__top {
        background: transparent; } }
  .header__main {
    display: flex;
    flex-flow: row nowrap;
    padding: 20px 24px 0;
    z-index: 1; }
    @media screen and (max-width: 768px) {
      .header__main {
        padding: 0 24px; } }
    .header--moving .header__main {
      position: absolute;
      top: 50%;
      right: 0;
      width: 25%;
      padding: 0;
      transform: translateY(-50%); }
      @media screen and (max-width: 768px) {
        .header--moving .header__main {
          position: relative;
          top: auto;
          right: auto;
          width: auto;
          padding: 0 24px;
          transform: translateY(0); } }
  .header__bottom {
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    padding: 0 24px;
    z-index: 2;
    transition: width 200ms ease 0ms; }
    .header--moving .header__bottom {
      width: 75%;
      transition: width 200ms ease 0ms; }
      @media screen and (max-width: 768px) {
        .header--moving .header__bottom {
          width: 100%; } }
  .header__russia-logo {
    margin: auto 0 auto auto; }
    .header--social-groups .header__russia-logo {
      opacity: 0; }
    @media screen and (max-width: 768px) {
      .header__russia-logo {
        display: none; } }
  .header__social-groups {
    margin: auto auto auto 12px; }
    @media screen and (max-width: 768px) {
      .header__social-groups {
        margin: 0;
        position: absolute;
        top: 50%;
        right: 24px;
        transform: translateY(-50%); } }
  .header__all-news {
    margin: auto 12px auto 0; }
    @media screen and (max-width: 768px) {
      .header__all-news {
        opacity: 1;
        transform: translateX(0);
        transition: opacity 200ms ease 0ms, transform 0ms ease 0ms; }
        .header--social-groups .header__all-news {
          opacity: 0;
          transform: translateX(-1000px);
          transition: opacity 200ms ease 0ms, transform 0ms ease 200ms; } }
  .header__main-logo {
    padding: 20px 12px;
    margin: 0 auto; }
    .header--moving .header__main-logo {
      padding: 0; }
      @media screen and (max-width: 768px) {
        .header--moving .header__main-logo {
          padding: 20px 12px; } }
  .header__broadcasts {
    padding: 20px 12px;
    margin: 0 auto; }
    .header--moving .header__broadcasts {
      padding: 13px 12px; }
      @media screen and (max-width: 425px) {
        .header--moving .header__broadcasts {
          padding: 20px 0; } }
    @media screen and (max-width: 768px) {
      .header__broadcasts {
        padding: 20px 12px; } }
    @media screen and (max-width: 768px) {
      .header__broadcasts {
        padding: 13px 12px; } }
    @media screen and (max-width: 425px) {
      .header__broadcasts {
        padding: 13px 12px;
        margin: 0;
        width: 100%; } }
  .header__link {
    cursor: pointer;
    text-decoration: none; }
    .header__link--main-logo {
      font-size: 0;
      display: block;
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/main-logo-full.png) center no-repeat;
      background-size: cover;
      height: 98px;
      width: 251px;
      margin: 0; }
      .header--moving .header__link--main-logo {
        height: 73.5px;
        width: 188.25px; }
        @media screen and (max-width: 768px) {
          .header--moving .header__link--main-logo {
            height: 98px;
            width: 251px; } }
      @media screen and (max-width: 768px) {
        .header__link--main-logo {
          margin: 0 0 20px; } }
    .header__link--russia-logo {
      font-size: 0;
      display: block;
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/russia-logo-white.png) center no-repeat;
      background-size: cover;
      height: 22px;
      width: 102px;
      margin: 0;
      opacity: .8;
      transition: opacity 300ms ease 0ms; }
      .header__link--russia-logo:hover {
        opacity: 1;
        transition: opacity 300ms ease 0ms; }
      .header__main-logo .header__link--russia-logo {
        display: none; }
        @media screen and (max-width: 768px) {
          .header__main-logo .header__link--russia-logo {
            display: block;
            margin: 0 auto;
            opacity: 1; } }

.footer {
  background: #dedcdc;
  margin: 0;
  padding: 0; }
  .footer__holder {
    box-sizing: border-box;
    max-width: 1440px;
    width: 75%;
    padding: 20px 12px; }
    @media screen and (max-width: 1024px) {
      .footer__holder {
        width: 100%; } }
  .footer__copy {
    padding: 0 12px; }
    .footer__copy p {
      font: .8em 'Roboto Light', sans-serif;
      color: #aba8a8;
      margin: 0; }

.slot {
  width: 33.33333%;
  float: right;
  position: relative; }
  .slot:after {
    position: absolute;
    top: 0;
    right: 0;
    content: 'ADV';
    font: 2em/400px 'Roboto Light';
    text-align: center;
    color: #fff;
    width: 300px;
    height: 600px;
    background: #353959; }

.article {
  box-sizing: border-box;
  max-width: 1440px;
  width: 75%;
  padding: 60px 12px 30px;
  background: #fff;
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: row nowrap; }
  @media screen and (max-width: 768px) {
    .article {
      padding: 30px 12px 10px; } }
  .article__content {
    box-sizing: border-box;
    padding: 0;
    width: 75%;
    flex: 1 1 auto; }
    @media screen and (max-width: 768px) {
      .article__content {
        width: 100%; } }
  .article__slot {
    position: relative; }
    .article__slot iframe {
      width: 100%;
      height: auto;
      border: 0;
      outline: 0; }
    .article__slot--right {
      width: 300px;
      flex: 0 0 300px;
      margin: 0 12px auto 0; }
      @media screen and (max-width: 768px) {
        .article__slot--right {
          display: none; } }
    .article__slot--bottom {
      width: auto;
      margin: 0 12px; }
  .article__title {
    font: 1.8em 'Roboto Regular', sans-serif;
    color: #89124d;
    box-sizing: border-box;
    padding: 60px 12px 0;
    margin: 0 0 20px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .article__title {
        padding: 30px 12px 0; } }
    .article__title:before {
      content: '';
      position: absolute;
      top: 0;
      left: -12px;
      height: 1px;
      width: 100%;
      background: #dedcdc; }
    .article__title:after {
      content: '';
      position: absolute;
      top: -5px;
      height: 5px;
      width: 11.11111%; }
      .article:nth-child(odd) .article__title:after {
        right: 12px;
        background: #89124d; }
      .article:nth-child(even) .article__title:after {
        left: 12px;
        background: #3578ff; }
  .article__pictures {
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0 0 20px;
    position: relative; }
  .article__social {
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0 0 20px;
    position: relative; }
  .article__video {
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0 0 20px;
    position: relative; }
  .article__body {
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0 0 20px;
    position: relative; }
  .article__text div[style] {
    margin-bottom: 20px; }
  .article__text p {
    font: 1.2em/1.4em 'Roboto Light', sans-serif;
    color: #000;
    margin: 0 0 20px; }
    .article__text p:last-child {
      margin: 0; }
  .article__text a {
    color: #3578ff; }
  .article blockquote {
    font: italic 1em 'Roboto Regular', sans-serif !important;
    box-sizing: border-box;
    padding: 0;
    margin: 20px auto !important; }
    .article blockquote p {
      font-style: italic !important;
      width: auto !important;
      margin: 0 0 0 24px !important;
      padding: 0 0 0 24px !important;
      border-left: 4px solid #ef4d4d; }

.article-pictures__container {
  position: relative; }

.article-pictures__holder {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background: #dedcdc;
  position: relative;
  z-index: 1; }
  .article-pictures__holder img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.article-pictures__info {
  box-sizing: border-box;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  margin: 0;
  padding: 6px 15px 10px;
  bottom: 0;
  left: 0; }

.article-pictures__description {
  margin: 0;
  font: italic 15px/20px 'Open Sans', sans-serif;
  color: #b9b9b9; }
  @media screen and (max-width: 768px) {
    .article-pictures__description {
      font: italic 14px/20px 'Open Sans', sans-serif; } }

.article-pictures__author {
  margin: 4px 0 0;
  font: italic 15px/20px 'Open Sans', sans-serif;
  color: #b9b9b9; }
  @media screen and (max-width: 768px) {
    .article-pictures__author {
      font: italic 14px/20px 'Open Sans', sans-serif; } }
  .article-pictures__author a {
    color: inherit;
    text-decoration: underline; }

.article-pictures__navigation {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 2; }

.article-pictures__pagination {
  text-align: center; }
  .article-pictures__pagination .swiper-pagination-bullet-active {
    background: #3578ff; }

.article-pictures__button {
  display: block;
  cursor: pointer;
  height: 32px;
  width: 32px;
  border-radius: 100%;
  position: absolute;
  top: -16px; }
  .article-pictures__button--prev {
    left: 24px;
    background: #3578ff url(/National_Library/oe_/https://eurovision.russia.tv/i/icon-arrow-left-white.svg) 5px center no-repeat;
    background-size: 60%; }
  .article-pictures__button--next {
    right: 24px;
    background: #3578ff url(/National_Library/oe_/https://eurovision.russia.tv/i/icon-arrow-right-white.svg) 8px center no-repeat;
    background-size: 60%; }
  .article-pictures__button--disabled {
    display: none; }

.article-video__holder {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%; }
  .article-video__holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.social-groups {
  display: flex;
  flex-flow: row nowrap; }
  .social-groups__control {
    display: none; }
    @media screen and (max-width: 1280px) {
      .social-groups__control {
        display: flex;
        flex-flow: row nowrap;
        width: 32px;
        margin: auto 24px auto 0; } }
  .social-groups__list {
    margin: auto -12px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: row nowrap; }
    @media screen and (max-width: 1280px) {
      .social-groups__list {
        overflow: hidden; }
        .social-groups--active .social-groups__list {
          max-width: 500px;
          opacity: 1;
          transition: max-width 300ms ease 0ms, opacity 300ms ease 0ms; }
        .social-groups--hidden .social-groups__list {
          max-width: 0;
          opacity: 0;
          transition: max-width 300ms ease 0ms, opacity 300ms ease 0ms; } }
  .social-groups__item {
    margin: 0 12px; }
  .social-groups__link {
    text-decoration: none;
    font-size: 0;
    display: block;
    height: 32px;
    width: 32px;
    opacity: .8;
    transition: opacity 300ms ease 0ms; }
    .social-groups__link:hover {
      opacity: 1;
      transition: opacity 300ms ease 0ms; }
    .social-groups__link--vk {
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/icon-vkontakte-white.svg) center no-repeat;
      background-size: 80%; }
    .social-groups__link--ok {
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/icon-odnoklassniki-white.svg) center no-repeat;
      background-size: 80%; }
    .social-groups__link--fb {
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/icon-facebook-white.svg) center no-repeat;
      background-size: 70%; }
    .social-groups__link--yt {
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/icon-youtube-white.svg) center no-repeat;
      background-size: 80%; }
    .social-groups__link--in {
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/icon-instagram-white.svg) center no-repeat;
      background-size: 80%; }
    @media screen and (max-width: 1280px) {
      .social-groups__link {
        opacity: 1; } }
  .social-groups__button {
    text-decoration: none;
    font-size: 0;
    display: block;
    height: 32px;
    opacity: .8;
    transition: opacity 300ms ease 0ms; }
    .social-groups__button:hover {
      opacity: 1;
      transition: opacity 300ms ease 0ms; }
    .social-groups__button--show {
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/icon-share-list-white.svg) center no-repeat;
      background-size: 60%; }
      .social-groups--active .social-groups__button--show {
        width: 0;
        opacity: 0;
        transition: max-width 300ms ease 0ms, opacity 300ms ease 0ms; }
      .social-groups--hidden .social-groups__button--show {
        width: 32px;
        opacity: 1;
        transition: max-width 300ms ease 0ms, opacity 300ms ease 0ms; }
    .social-groups__button--hide {
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/icon-close-white.svg) center no-repeat;
      background-size: 50%; }
      .social-groups--active .social-groups__button--hide {
        width: 32px;
        opacity: 1;
        transition: max-width 300ms ease 0ms, opacity 300ms ease 0ms; }
      .social-groups--hidden .social-groups__button--hide {
        width: 0;
        opacity: 0;
        transition: max-width 300ms ease 0ms, opacity 300ms ease 0ms; }

.social-share {
  display: flex;
  flex-flow: row nowrap;
  /*
  &__button {
    text-decoration: none;
    font-size: 0;
    display: block;
    height: $button-size;
    opacity: .8;
    transition: opacity 300ms ease 0ms;

    &:hover {
      opacity: 1;
      transition: opacity 300ms ease 0ms;
    }

    &--show {
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/images/icons/icon-share-list-white.svg) center no-repeat;
      background-size: 60%;

      .social-groups--active & {
        width: 0;
        opacity: 0;
        transition: max-width 300ms ease 0ms, opacity 300ms ease 0ms;
      }
      .social-groups--hidden & {
        width: $button-size;
        opacity: 1;
        transition: max-width 300ms ease 0ms, opacity 300ms ease 0ms;
      }

    }
    &--hide {
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/images/icons/icon-close-white.svg) center no-repeat;
      background-size: 50%;

      .social-groups--active & {
        width: $button-size;
        opacity: 1;
        transition: max-width 300ms ease 0ms, opacity 300ms ease 0ms;
      }
      .social-groups--hidden & {
        width: 0;
        opacity: 0;
        transition: max-width 300ms ease 0ms, opacity 300ms ease 0ms;
      }

    }

  }
  */ }
  .social-share__control {
    display: none;
    /*
    @media screen and ($media-mobile) {
      display: flex;
      flex-flow: row nowrap;
      width: $button-size;
      margin: auto $grid-gutter-full auto 0;
    }
    */ }
  .social-share__list {
    margin: auto -12px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: row nowrap;
    /*
    @media screen and ($media-mobile) {
      overflow: hidden;
      .social-groups--active & {
        max-width: 500px;
        opacity: 1;
        transition: max-width 300ms ease 0ms, opacity 300ms ease 0ms;
      }
      .social-groups--hidden & {
        max-width: 0;
        opacity: 0;
        transition: max-width 300ms ease 0ms, opacity 300ms ease 0ms;
      }
    }
    */ }
  .social-share__item {
    margin: 0 12px; }
  .social-share__link {
    text-decoration: none;
    font-size: 0;
    display: block;
    height: 32px;
    width: 32px;
    opacity: .8;
    transition: opacity 300ms ease 0ms; }
    .social-share__link:hover {
      opacity: 1;
      transition: opacity 300ms ease 0ms; }
    .social-share__link--vkontakte {
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/icon-vkontakte-blue.svg) center no-repeat;
      background-size: 80%; }
    .social-share__link--odnoklassniki {
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/icon-odnoklassniki-blue.svg) center no-repeat;
      background-size: 80%; }
    .social-share__link--facebook {
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/icon-facebook-blue.svg) center no-repeat;
      background-size: 70%; }
    @media screen and (max-width: 768px) {
      .social-share__link {
        opacity: 1; } }

.broadcasts-list {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  margin: 0 -12px; }
  .broadcasts-list__control {
    margin: auto 12px auto auto;
    position: absolute;
    left: 0;
    transform: translateX(-100%); }
    .header--moving .broadcasts-list__control {
      display: none; }
    @media screen and (max-width: 768px) {
      .broadcasts-list__control {
        display: none; } }
  .broadcasts-list__list {
    margin: auto auto auto 12px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: row nowrap; }
    @media screen and (max-width: 425px) {
      .broadcasts-list__list {
        margin: 0;
        width: 100%; } }
  .broadcasts-list__label {
    font: 1em 'Roboto Regular', sans-serif;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none; }
  .broadcasts-list__item {
    margin: auto 0;
    padding: 0 24px;
    display: flex;
    flex-flow: row nowrap;
    border-right: 1px solid #3578ff; }
    .broadcasts-list__item:last-child {
      border: none; }
    @media screen and (max-width: 768px) {
      .broadcasts-list__item {
        box-sizing: border-box;
        padding: 0 12px; } }
    @media screen and (max-width: 425px) {
      .broadcasts-list__item {
        width: 33.3333%; } }
  .broadcasts-list__link {
    font: 1.4em 'Roboto Regular', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #ef4d4d;
    margin: auto;
    transition: color 300ms ease 0ms; }
    .broadcasts-list__link:hover {
      color: #fcb02c;
      transition: color 300ms ease 0ms; }
    .header--moving .broadcasts-list__link {
      font: 1em 'Roboto Regular', sans-serif; }
    @media screen and (max-width: 768px) {
      .broadcasts-list__link {
        font: 1em 'Roboto Regular', sans-serif; } }

.video-list__header {
  font: normal 1.4em 'Roboto Regular', sans-serif;
  text-transform: uppercase;
  color: #ef4d4d;
  padding: 0 12px;
  margin: 40px 0 20px; }

.video-list__list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .video-list__list:after {
    content: '';
    width: 100%;
    display: block;
    clear: both; }

.video-list__item {
  width: 33.3333%;
  margin: 0 0 20px;
  float: left; }
  .video-list__item:nth-child(3n+1) {
    clear: left; }
  @media screen and (max-width: 1280px) {
    .video-list__item {
      width: 50%; }
      .video-list__item:nth-child(3n+1) {
        clear: none; }
      .video-list__item:nth-child(2n+1) {
        clear: left; } }
  @media screen and (max-width: 425px) {
    .video-list__item {
      width: 100%;
      float: none; }
      .video-list__item:nth-child(3n+1) {
        clear: none; }
      .video-list__item:nth-child(2n+1) {
        clear: none; } }

.video-list__preview {
  box-sizing: border-box;
  width: 100%;
  padding: 0 12px; }

.video-list__info {
  box-sizing: border-box;
  width: 100%;
  padding: 0 12px; }

.video-list__picture {
  width: 100%; }

.video-list__title {
  width: 100%;
  margin: 10px 0 0; }

.video-list__link {
  cursor: pointer; }
  .video-list__picture .video-list__link {
    display: block;
    background: #aba8a8;
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 56.25%; }
    .video-list__picture .video-list__link img {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%; }
  .video-list__title .video-list__link {
    font: .9em 'Roboto Regular', sans-serif;
    color: #89124d;
    text-decoration: none; }

.all-news {
  position: relative; }
  .all-news--active {
    width: 320px;
    margin: 0 0 0 -24px;
    transition: width 300ms ease 0ms, margin-left 300ms ease 0ms; }
  .all-news--hidden {
    width: 220px;
    margin: 0;
    transition: width 300ms ease 300ms, margin-left 300ms ease 300ms; }
  .all-news__control {
    position: relative;
    width: 100%;
    overflow: hidden; }
  .all-news__holder {
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    top: 40px;
    right: 0;
    overflow: auto;
    background: #6e7291; }
    .all-news--active .all-news__holder {
      border-bottom: 20px solid rgba(53, 57, 89, 0.8);
      height: calc(100vh - 40px);
      transition: height 300ms ease 300ms, border 300ms ease 300ms; }
    .all-news--hidden .all-news__holder {
      height: 0;
      transition: height 300ms ease 0ms; }
  .all-news__list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .all-news__item {
    border-bottom: 1px solid #8b8da5; }
    .all-news__item:nth-child(odd) {
      background: #6e7291; }
    .all-news__item:nth-child(even) {
      background: #797c9a; }
  .all-news__link {
    display: block;
    font: 1em 'Roboto Light', sans-serif;
    text-decoration: none;
    padding: 10px 33px 10px 24px;
    color: rgba(255, 255, 255, 0.8);
    transition: color 300ms ease 0ms; }
    .all-news__link:hover {
      color: white;
      transition: color 300ms ease 0ms; }
  .all-news__button {
    text-decoration: none; }
    .all-news__button--hide {
      display: block;
      width: 40px;
      height: 40px;
      background: transparent url(/National_Library/oe_/https://eurovision.russia.tv/i/icon-close-white.svg) center no-repeat;
      background-size: 45%;
      position: absolute;
      top: 0;
      right: 0; }
      .all-news--active .all-news__button--hide {
        transform: translateX(0);
        opacity: 1;
        transition: transform 300ms ease 0ms, opacity 300ms ease 0ms; }
      .all-news--hidden .all-news__button--hide {
        transform: translateX(100%);
        opacity: 0;
        transition: transform 300ms ease 300ms, opacity 300ms ease 300ms; }
    .all-news__button--show {
      font: 1em 'Roboto Regular', sans-serif;
      display: block;
      flex-flow: row nowrap;
      height: 40px;
      text-transform: uppercase;
      color: #fff;
      background: #ef4d4d;
      padding: 0;
      position: relative; }
      .all-news__button--show span {
        position: absolute;
        top: 50%; }
        .all-news--active .all-news__button--show span {
          left: 24px;
          transform: translate(0, -50%);
          transition: left 300ms ease 0ms, transform 300ms ease 0ms; }
        .all-news--hidden .all-news__button--show span {
          left: 50%;
          transform: translate(-50%, -50%);
          transition: left 300ms ease 300ms, transform 300ms ease 300ms; }
  .all-news .ps__rail-x {
    display: none; }
  .all-news .ps__rail-y {
    background: transparent !important; }
  .all-news .ps__thumb-y {
    border-radius: 0;
    background: #353959 !important;
    width: 9px !important;
    opacity: 1 !important;
    right: 0; }