/* './storage/worldrally/www_wrc_com/?proxy=css/lib/fontello.less.' */
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello-wrc.eot');
  src: url('../font/fontello-wrc.eot#iefix') format('embedded-opentype'), url('../font/fontello-wrc.woff2') format('woff2'), url('../font/fontello-wrc.woff') format('woff'), url('../font/fontello-wrc.ttf') format('truetype'), url('../font/fontello-wrc.svg#fontello-wrc') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello-wrc';
    src: url('../font/fontello-wrc.svg&1436310#fontello-wrc') format('svg');
  }
}
*/

header nav.main-nav > ul > li.more.menu-open ul.more-nav {
  /*overflow: hidden !important;*/
}

.select-lang a {
  margin: auto 0 auto 10px;
}

.select-lang-m {
  padding: 18px 10px;
}
.select-lang-m a {
  margin: 0 0 0 5px;
  color: #ffffff;
}


.video-youtube{
  width: 100%;
  max-width: 1450px;
  padding: 0 25px;
  margin: 0 auto 100px auto;
}
.box-youtube{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.box-youtube iframe {
   position: absolute;
   width: 100%;
   height:100%;
   top: 0;
   left: 0;
}


#wrc-plus-promotion { display: none; }
#promotion-hongkong { display: flex; flex-direction: row;}
#promotion-hongkong a { flex: 50%; }
#promotion-hongkong a img { width: 100%; }
@media screen and (max-width: 1000px) { #promotion-hongkong { flex-direction: column; margin-top: 350px;} }

.news-content-img { width: 100%; }
.img-caption { font-size: 14px !important; font-style: italic; padding: 0; margin: 0 0 15px 0 !important; text-align: justify; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-check:before {
  content: '\e800';
}
/* '' */
.icon-live:before {
  content: '\e801';
}
/* '' */
.icon-user:before {
  content: '\e802';
}
/* '' */
.icon-cal-round:before {
  content: '\e803';
}
/* '' */
.icon-close:before {
  content: '\e804';
}
/* '' */
.icon-epg-round:before {
  content: '\e805';
}
/* '' */
.icon-fia-round:before {
  content: '\e806';
}
/* '' */
.icon-info-round:before {
  content: '\e807';
}
/* '' */
.icon-live-round:before {
  content: '\e808';
}
/* '' */
.icon-gallery-round:before {
  content: '\e809';
}
/* '' */
.icon-link-round:before {
  content: '\e80a';
}
/* '' */
.icon-news-round:before {
  content: '\e80b';
}
/* '' */
.icon-onboard-round:before {
  content: '\e80c';
}
/* '' */
.icon-tv-round:before {
  content: '\e80d';
}
/* '' */
.icon-weather-round:before {
  content: '\e80e';
}
/* '' */
.icon-tyres-round:before {
  content: '\e80f';
}
/* '' */
.icon-results-round:before {
  content: '\e810';
}
/* '' */
.icon-settings-round:before {
  content: '\e811';
}
/* '' */
.icon-shop-round:before {
  content: '\e812';
}
/* '' */
.icon-teams-round:before {
  content: '\e813';
}
/* '' */
.icon-devices-round:before {
  content: '\e814';
}
/* '' */
.icon-standings-round:before {
  content: '\e815';
}
/* '' */
.icon-play-round:before {
  content: '\e816';
}
/* '' */
.icon-menu:before {
  content: '\e817';
}
/* '' */
.icon-news:before {
  content: '\e818';
}
/* '' */
.icon-zoom:before {
  content: '\e819';
}
/* '' */
.icon-livemaps-round:before {
  content: '\e81a';
}
/* '' */
.icon-location:before {
  content: '\e81b';
}
/* '' */
.icon-user-round:before {
  content: '\e81c';
}
/* '' */
.icon-play:before {
  content: '\e81d';
}
/* '' */
.icon-arrow:before {
  content: '\e81e';
}
/* '' */
.icon-hd-round:before {
  content: '\e81f';
}
/* '' */
.icon-worldwide-round:before {
  content: '\e820';
}
/* '' */
.icon-rss:before {
  content: '\e821';
}
/* '' */
.icon-calendar:before {
  content: '\e822';
}
/* '' */
.icon-standings:before {
  content: '\e823';
}
/* '' */
.icon-web:before {
  content: '\e824';
}
/* '' */
.icon-goto:before {
  content: '\e825';
}
/* '' */
.icon-trophy-round:before {
  content: '\e826';
}
/* '' */
.icon-points-round:before {
  content: '\e827';
}
/* '' */
.icon-dvr-round:before {
  content: '\e828';
}
/* '' */
.icon-multiaudio-round:before {
  content: '\e829';
}
/* '' */
.icon-stats-round:before {
  content: '\e82a';
}
/* '' */
.icon-download:before {
  content: '\e82b';
}
/* '' */
.icon-crash:before {
  content: '\e82c';
}
/* '' */
.icon-info:before {
  content: '\e82d';
}
/* '' */
.icon-list:before {
  content: '\e82e';
}
/* '' */
.icon-podium:before {
  content: '\e82f';
}
/* '' */
.icon-service:before {
  content: '\e830';
}
/* '' */
.icon-time:before {
  content: '\e831';
}
/* '' */
.icon-tv:before {
  content: '\e832';
}
/* '' */
.icon-tyres:before {
  content: '\e833';
}
/* '' */
.icon-pin:before {
  content: '\e834';
}
/* '' */
.icon-weather:before {
  content: '\e835';
}
/* '' */
.icon-tickets-round:before {
  content: '\e836';
}
/* '' */
.icon-mail-round:before {
  content: '\e837';
}
/* '' */
.icon-rallytv:before {
  content: '\e86d';
}
/* '' */
.icon-maps:before {
  content: '\f031';
}
/* '' */
.icon-twitter:before {
  content: '\f099';
}
/* '' */
.icon-comment:before {
  content: '\f0e5';
}
/* '' */
.icon-final:before {
  content: '\f11e';
}
/* '' */
.icon-youtube:before {
  content: '\f16a';
}
/* '' */
.icon-instagram:before {
  content: '\f16d';
}
/* '' */
.icon-facebook:before {
  content: '\f230';
}
/* '' */
/* './storage/worldrally/www_wrc_com/?proxy=css/themes/default-mixins.less.' */
/*.image-2x(@image, @width, @height, @repeat: no-repeat) {
  @filename  : ~`/(.*)\.(jpg|jpeg|png|gif)/.exec(@{image})[1]`;
  @extension : ~`/(.*)\.(jpg|jpeg|png|gif)/.exec(@{image})[2]`;
  background-image: ~`"url('/?proxy=css/themes/@{filename}.@{extension}')"`;
  background-repeat: @repeat;

  @media print, screen,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
    background-image: ~`"url('/?proxy=css/themes/@{filename}@2x.@{extension}')"`;
    background-size: @width @height;
  }
}*/
.sravvpl_autoplayButton {
  position: absolute;
}
/* './storage/worldrally/www_wrc_com/?proxy=css/lib/slick.less.' */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* './storage/worldrally/www_wrc_com/?proxy=css/lib/jquery.mCustomScrollbar.css.' */
/*
== 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: visible;
  width: auto;
  height: auto;
}
/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 0px;
}
.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 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.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 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.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('/?proxy=css/lib/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);
}
/* ---------------------------------------- */
/* './storage/worldrally/www_wrc_com/?proxy=css/lib/selectize.css.' */
/**
 * selectize.css (v0.12.6)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: transparent;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-input input {
  position: absolute !important;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  /*border: 1px solid #d0d0d0;*/
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
/* './storage/worldrally/www_wrc_com/?proxy=css/lib/datatables.css.' */
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/jszip-2.5.0/pdfmake-0.1.36/dt-1.10.18/b-1.5.4/b-html5-1.5.4/b-print-1.5.4/r-2.2.2/rg-1.1.0
 *
 * Included libraries:
 *   JSZip 2.5.0, pdfmake 0.1.36, DataTables 1.10.18, Buttons 1.5.4, HTML5 export 1.5.4, Print view 1.5.4, Responsive 2.2.2, RowGroup 1.1.0
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url('/?proxy=css/lib/DataTables-1.10.18/images/sort_both.png');
}
table.dataTable thead .sorting_asc {
  background-image: url('/?proxy=css/lib/DataTables-1.10.18/images/sort_asc.png');
}
table.dataTable thead .sorting_desc {
  background-image: url('/?proxy=css/lib/DataTables-1.10.18/images/sort_desc.png');
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url('/?proxy=css/lib/DataTables-1.10.18/images/sort_asc_disabled.png');
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url('/?proxy=css/lib/DataTables-1.10.18/images/sort_desc_disabled.png');
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111111;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #111111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}
div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}
div.dt-button-info > div {
  padding: 1em;
}
div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0 0.5em;
  font-size: 0.9em;
}
button.dt-button,
div.dt-button,
a.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  margin-bottom: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  line-height: 1.6em;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-color: #e9e9e9;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='white', EndColorStr='#e9e9e9');
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
}
button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f9f9f9');
}
button.dt-button:active:not(.disabled),
button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled) {
  background-color: #e2e2e2;
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f3f3f3', EndColorStr='#e2e2e2');
  box-shadow: inset 1px 1px 3px #999999;
}
button.dt-button:active:not(.disabled):hover:not(.disabled),
button.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button.active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999999;
  background-color: #cccccc;
  background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#cccccc');
}
button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover {
  text-decoration: none;
}
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
  border: 1px solid #666;
  background-color: #e0e0e0;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e0e0e0');
}
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled) {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #79ace9;
  background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#bddef4', EndColorStr='#79ace9');
}
.dt-button embed {
  outline: none;
}
div.dt-buttons {
  position: relative;
  float: left;
}
div.dt-buttons.buttons-right {
  float: right;
}
div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}
div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
}
div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #dadada;
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f0f0f0', EndColorStr='#dadada');
  box-shadow: inset 1px 1px 3px #666666;
}
div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}
div.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}
div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}
div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}
div.dt-button-collection > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
div.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}
div.dt-button-collection.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}
div.dt-button-collection.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}
div.dt-button-collection .dt-button {
  border-radius: 0;
}
div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 2001;
}
@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}
button.dt-button.processing,
div.dt-button.processing,
a.dt-button.processing {
  color: rgba(0, 0, 0, 0.2);
}
button.dt-button.processing:after,
div.dt-button.processing:after,
a.dt-button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: ' ';
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  top: 9px;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}
div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
table.dataTable tr.dtrg-group td {
  background-color: #e0e0e0;
}
table.dataTable tr.dtrg-group.dtrg-level-0 td {
  font-weight: bold;
}
table.dataTable tr.dtrg-group.dtrg-level-1 td,
table.dataTable tr.dtrg-group.dtrg-level-2 td {
  background-color: #f0f0f0;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 2em;
  font-size: 0.9em;
}
table.dataTable tr.dtrg-group.dtrg-level-2 td {
  background-color: #f3f3f3;
}
/* './storage/worldrally/www_wrc_com/?proxy=css/lib/datepicker.css.' */
/*!
 * Datepicker v1.0.9
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-09-21T06:57:30.334Z
 */
.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 12px;
  left: 0;
  line-height: 30px;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 210px;
  z-index: -1;
}
.datepicker-container:after,
.datepicker-container:before {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.datepicker-dropdown {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 3px 6px #ccc;
  box-shadow: 0 3px 6px #ccc;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  z-index: 1;
}
.datepicker-inline {
  position: static;
}
.datepicker-top-left,
.datepicker-top-right {
  border-top-color: #39f;
}
.datepicker-top-left:after,
.datepicker-top-left:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
  border-top: 0;
  left: 10px;
  top: -5px;
}
.datepicker-top-left:before,
.datepicker-top-right:before {
  border-bottom-color: #39f;
}
.datepicker-top-left:after,
.datepicker-top-right:after {
  border-bottom-color: #fff;
  top: -4px;
}
.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: #39f;
}
.datepicker-bottom-left:after,
.datepicker-bottom-left:before,
.datepicker-bottom-right:after,
.datepicker-bottom-right:before {
  border-bottom: 0;
  bottom: -5px;
  left: 10px;
}
.datepicker-bottom-left:before,
.datepicker-bottom-right:before {
  border-top-color: #39f;
}
.datepicker-bottom-left:after,
.datepicker-bottom-right:after {
  border-top-color: #fff;
  bottom: -4px;
}
.datepicker-bottom-right:after,
.datepicker-bottom-right:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
  left: auto;
  right: 10px;
}
.datepicker-panel > ul {
  margin: 0;
  padding: 0;
  width: 102%;
}
.datepicker-panel > ul:after,
.datepicker-panel > ul:before {
  content: " ";
  display: table;
}
.datepicker-panel > ul:after {
  clear: both;
}
.datepicker-panel > ul > li {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
}
.datepicker-panel > ul > li:hover {
  background-color: #e5f2ff;
}
.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
  color: #999;
}
.datepicker-panel > ul > li.highlighted {
  background-color: #e5f2ff;
}
.datepicker-panel > ul > li.highlighted:hover {
  background-color: #cce5ff;
}
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: #39f;
}
.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default;
}
.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: #e5f2ff;
}
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view=next] {
  font-size: 18px;
}
.datepicker-panel > ul > li[data-view="month current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="years current"] {
  width: 150px;
}
.datepicker-panel > ul[data-view=months] > li,
.datepicker-panel > ul[data-view=years] > li {
  height: 52.5px;
  line-height: 52.5px;
  width: 52.5px;
}
.datepicker-panel > ul[data-view=week] > li,
.datepicker-panel > ul[data-view=week] > li:hover {
  background-color: #fff;
  cursor: default;
}
.datepicker-hide {
  display: none;
}
/* './storage/worldrally/www_wrc_com/?proxy=css/themes/wrx/basics.less.' */
body.noscroll {
  overflow: hidden;
}
header {
  height: 100px;
  background: #1f2a44;
  width: 100%;
  float: left;
  clear: both;
  position: fixed;
  z-index: 100;
}
header .logo {
  height: 100%;
  padding: 25px 35px;
  float: left;
  position: absolute;
  width: 193px;
  height: 100px;
  left: 100px;
}
header .logo img {
  /*height: 100%;*/
  height: 40%;
  margin: auto 0 auto 0;
  display: block;
}
header .logo img.logo-img2 {
  display: none;
}
header .logo:hover img.logo-img1 {
  display: none ;
}
header .logo:hover img.logo-img2 {
  display: block;
}

header .logo-wrc {
  height: 100%;
  padding: 25px 35px;
  float: left;
}
header .logo-wrc img {
  height: 100%;
  display: block;
}
header.header-wrcplus .logo img {
  height: auto;
}
header nav.main-nav > ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
header nav.main-nav > ul > li {
  float: left;
}
header nav.main-nav > ul > li.active {
  background: #02f3e9;
}
header nav.main-nav > ul > li.active > a > img {
  filter: brightness(100);
}
header nav.main-nav > ul > li > a {
  display: block;
  padding: 0 29px;
  color: #ffffff;
  font: 20px/100px 'world-rx-bold';
  text-transform: uppercase;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
header nav.main-nav > ul > li > a > img {
  height: 23px;
}
header nav.main-nav > ul > li > a:before {
  content: '';
  width: 150%;
  left: -170%;
  height: 120%;
  top: -10%;
  background: #02f3e9;
  position: absolute;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: -1;
}
header nav.main-nav > ul > li > a:hover > img {
  filter: brightness(100) saturate(0);
}
header nav.main-nav > ul > li > a:hover:before {
  left: -25%;
}
header nav.main-nav > ul > li > ul {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  background: #1f2a44;
  border-top: 2px solid rgba(255, 255, 255, 0.1);
  padding: 35px;
  margin: 0;
  list-style: none;
  grid-column-gap: 35px;
  grid-template-columns: repeat(7, 1fr);
}
header nav.main-nav > ul > li > ul > li > a {
  display: block;
  position: relative;
}
header nav.main-nav > ul > li > ul > li > a:hover .img-wrapper img {
  transform: scale(1.1);
}
header nav.main-nav > ul > li > ul > li > a .img-wrapper {
  width: 100%;
  height: 260px;
  overflow: hidden;
}
header nav.main-nav > ul > li > ul > li > a .img-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
header nav.main-nav > ul > li > ul > li > a strong {
  color: #ffffff;
  display: block;
}
header nav.main-nav > ul > li > ul > li > a strong.title-overlay {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px 20px;
  z-index: 1;
  background: #02f3e9;
}
header nav.main-nav > ul > li > ul > li > a strong.title-overlay:before {
  content: '';
  background: #02f3e9;
  transform: skew(-15deg);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: bottom;
}
header nav.main-nav > ul > li > ul > li.active a strong {
  color: #02f3e9;
}
header nav.main-nav > ul > li > ul > li.active a strong.title-overlay {
  color: #ffffff;
}
header nav.main-nav > ul > li > ul > li.active a .img-wrapper {
  border: 4px solid #02f3e9;
}
header nav.main-nav > ul > li.more {
  width: 100px;
  margin-right: 193px;
}
header nav.main-nav > ul > li.more a {
  display: block;
  height: 100%;
}
header nav.main-nav > ul > li.more a i {
  font-size: 30px;
}
header nav.main-nav > ul > li.more.menu-open ul.more-nav {
  display: block;
  padding: 15px 0 50px 165px;
  height: 332px;
}
header nav.main-nav > ul > li.more.menu-open ul.more-nav > li {
  font: 20px/60px 'world-rx-bold';
  float: left;
  margin-right: 90px;
  color: #ffffff;
  position: relative;
}
header nav.main-nav > ul > li.more.menu-open ul.more-nav > li:before {
  content: '';
  background: url('/?proxy=img/heading-element.svg') 0 0 no-repeat;
  position: absolute;
  top: 19px;
  left: -28px;
  width: 25px;
  height: 20px;
  background-size: contain;
}
header nav.main-nav > ul > li.more.menu-open ul.more-nav > li a {
  color: #ffffff;
  position: relative;
}
header nav.main-nav > ul > li.more.menu-open ul.more-nav > li ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
header nav.main-nav > ul > li.more.menu-open ul.more-nav > li ul li a {
  color: #ffffff;
  font: 15px/35px 'world-rx-reg';
}
header nav.main-nav > ul > li.more.menu-open ul.more-nav > li ul li a:before {
  content: none;
}
header nav.main-nav > ul > li.menu-open {
  background: #02f3e9;
}
header nav.main-nav > ul > li.menu-open > a > img {
  filter: brightness(100);
}
header nav.main-nav > ul > li.menu-open > ul {
  display: grid;
}
header nav.main-nav > ul > li.active {
  background: #02f3e9;
}
header nav.main-nav .toggle-mobile-menu {
  color: #ffffff;
  font: 16px/80px 'world-rx-bold';
  padding: 0 20px;
  text-transform: uppercase;
  float: left;
  white-space: nowrap;
}
header nav.main-nav .toggle-mobile-menu i {
  margin-right: 15px;
  font-size: 25px;
  float: left;
  margin-top: 27px;
}
header nav.meta-nav {
  float: right;
  height: 100%;
}
header nav.meta-nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  height: 100%;
}
header nav.meta-nav > ul > li {
  padding: 25px 30px;
  float: left;
  display: flex;
  border-left: 2px solid rgba(255, 255, 255, 0.1);
}
header nav.meta-nav > ul > li > a {
  color: #ffffff;
}
header nav.meta-nav > ul > li > a img {
  display: block;
  align-self: center;
}
header nav.meta-nav > ul > li > a.logo-button {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  padding: 0 20px;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
header nav.meta-nav > ul > li > a.logo-button img {
  height: 14px;
  width: auto;
}
header nav.meta-nav > ul > li > a.logo-button + a {
  margin-left: 20px;
}
header nav.meta-nav > ul > li > a.logo-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
header nav.meta-nav > ul > li > a.logo-button.esports img {
  height: 9px;
}
header nav.meta-nav > ul > li > a i {
  font-size: 20px;
}
header nav.meta-nav > ul > li.lang {
  width: 110px;
  position: relative;
  text-align: center;
  padding: 0;
}
header nav.meta-nav > ul > li.lang > ul {
  display: block;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 100px 0 0;
  background: #1f2a44;
  width: 100%;
  top: -2px;
}
header nav.meta-nav > ul > li.lang > ul > li {
  line-height: 100px;
  display: none;
  border-top: 2px solid rgba(255, 255, 255, 0.1);
}
header nav.meta-nav > ul > li.lang > ul > li > a {
  color: #ffffff;
  display: block;
  padding: 0 55px 0 35px;
  text-transform: uppercase;
}
header nav.meta-nav > ul > li.lang > ul > li.active {
  display: block;
  border-top: none;
  position: absolute;
  top: 0;
}
header nav.meta-nav > ul > li.lang > ul > li.active a {
  position: relative;
}
header nav.meta-nav > ul > li.lang > ul > li.active a:before {
  content: '▼';
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 35px;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
header nav.meta-nav > ul > li.lang > ul > li.active a:hover:before {
  color: #ffffff;
}
header nav.meta-nav > ul > li.lang > ul > li:hover {
  background: rgba(255, 255, 255, 0.1);
}
header nav.meta-nav > ul > li.lang > ul.menu-open > li {
  display: block;
}
header nav.meta-nav > ul > li.lang > ul.menu-open > li.active a:before {
  -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-backface-visibility: hidden;
}
header nav.meta-nav > ul > li.user {
  align-items: center;
  display: none;
}
header nav.meta-nav > ul > li.user .login-btn i {
  font-size: 35px;
}
header nav.meta-nav > ul > li.user.loggedin .login-btn i {
  color: #02f3e9;
}
header nav.meta-nav > ul > li:first-child {
  border: none;
}
main {
  width: 100%;
  float: left;
  clear: both;
  padding-top: 100px;
  /*****************************/
  /*                           */
  /*    STARTSEITEN ELEMENTE   */
  /*                           */
  /*****************************/
  /*****************************/
  /*                           */
  /*       DATEN ELEMENTE      */
  /*                           */
  /*****************************/
}
main > section {
  margin-bottom: 100px;
}
main > section.team-header:first-child,
main > section.wrc-updates:first-child {
  margin-top: 70px;
}
main section.content {
  width: 100%;
  max-width: 1400px;
  min-height: 850px;
  margin: 0 auto 100px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  padding: 40px;
  background: #ffffff;
}
main section.content.news {
  padding: 0 0 50px;
}
main section.content.news .contel-wrapper {
  max-width: 940px;
  margin: 0 auto;
}
main section.content.news .contel-wrapper:first-child {
  padding-top: 40px;
}
main section.content.news section.newsletter-reg {
  margin-top: 50px;
  margin-bottom: -50px;
}
main section.content.news .twitter-tweet {
  margin-left: auto;
  margin-right: auto;
}
main section.content.news img {
  width: 100%;
}
main section.content:after {
  content: '';
  width: 0;
  height: 0;
  display: table;
  clear: both;
}
main section.content figure.news-hero-teaser {
  margin: 0 0 50px 0;
  padding: 45px 0 0 0;
}
main section.content figure.news-hero-teaser img {
  width: 100%;
  height: auto;
  display: block;
  margin: 50px 0 0 0;
}
main section.content figure.news-hero-teaser h1 {
  font-size: 45px;
  line-height: 60px;
  max-width: 830px;
  margin: 0 auto;
}
main section.content figure.news-hero-teaser .news-meta {
  max-width: 830px;
  padding: 0 0 30px;
  margin: 0 auto;
  display: flex;
}
main section.content figure.news-hero-teaser .news-meta .date {
  font-size: 16px;
  line-height: 22px;
  float: left;
  text-transform: uppercase;
}
main section.content figure.news-hero-teaser .news-meta .tags {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
}
main section.content figure.news-hero-teaser .news-meta .tags i {
  color: #93969b;
  display: inline-block;
}
main section.content figure.news-hero-teaser .news-meta .tags a {
  color: #02f3e9;
}
main section.content figure.news-hero-teaser .news-meta .tags:before {
  content: "- ";
  padding-left: 3px;
}
main section.content figure.news-hero-teaser p {
  line-height: 28px;
  max-width: 830px;
  margin: 5px auto 0;
  font-size: 18px;
}
main section.content .fullscreen-textmobild {
  margin: 35px 0 50px;
}
main section.content .fullscreen-textmobild p,
main section.content .fullscreen-textmobild h2 {
  max-width: 940px;
  margin-left: auto !important;
  margin-right: auto !important;
}
main section.content .contel-wrapper > *:last-child,
main section.content .fullscreen-textmobild > *:last-child {
  margin-bottom: 0 !important;
}
main section.content .contel-wrapper h1,
main section.content .fullscreen-textmobild h1,
main section.content .contel-wrapper h2,
main section.content .fullscreen-textmobild h2,
main section.content .contel-wrapper h3,
main section.content .fullscreen-textmobild h3,
main section.content .contel-wrapper h4,
main section.content .fullscreen-textmobild h4,
main section.content .contel-wrapper h5,
main section.content .fullscreen-textmobild h5,
main section.content .contel-wrapper h6,
main section.content .fullscreen-textmobild h6,
main section.content .contel-wrapper strong,
main section.content .fullscreen-textmobild strong {
  text-transform: none;
}
main section.content .contel-wrapper:after,
main section.content .fullscreen-textmobild:after {
  content: "";
  clear: both;
  display: table;
}
main section.content .contel-wrapper .contel100.box,
main section.content .fullscreen-textmobild .contel100.box,
main section.content .contel-wrapper .contel50.box,
main section.content .fullscreen-textmobild .contel50.box {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  position: relative;
}
main section.content .contel-wrapper .contel100.bottom-bar,
main section.content .fullscreen-textmobild .contel100.bottom-bar,
main section.content .contel-wrapper .contel50.bottom-bar,
main section.content .fullscreen-textmobild .contel50.bottom-bar {
  border-bottom: 10px solid #02f3e9;
}
main section.content .contel-wrapper .contel100.bottom-bar:after,
main section.content .fullscreen-textmobild .contel100.bottom-bar:after,
main section.content .contel-wrapper .contel50.bottom-bar:after,
main section.content .fullscreen-textmobild .contel50.bottom-bar:after {
  position: absolute;
  bottom: -10px;
  right: 0;
  content: '';
  background: url(/?proxy=img/elements-line-corner.svg) 0 0 no-repeat #ffffff;
  width: 23px;
  height: 10px;
  z-index: 2;
}
main section.content .contel-wrapper .contel100 .box-title,
main section.content .fullscreen-textmobild .contel100 .box-title,
main section.content .contel-wrapper .contel50 .box-title,
main section.content .fullscreen-textmobild .contel50 .box-title {
  background: #1f2a44;
  color: #ffffff;
  font: 16px/50px 'world-rx-bold';
  padding: 0 20px;
  display: block;
  text-transform: uppercase;
}
main section.content .contel-wrapper .contel100,
main section.content .fullscreen-textmobild .contel100 {
  width: 100%;
  float: left;
  clear: both;
  margin: 35px 0 50px;
}
main section.content .contel-wrapper .contel100.box .box-title,
main section.content .fullscreen-textmobild .contel100.box .box-title {
  display: none;
}
main section.content .contel-wrapper .contel100 > h2,
main section.content .fullscreen-textmobild .contel100 > h2 {
  margin-bottom: 25px;
}
main section.content .contel-wrapper .contel50,
main section.content .fullscreen-textmobild .contel50 {
  width: 350px;
  margin-bottom: 30px;
}
main section.content .contel-wrapper .contel50.left,
main section.content .fullscreen-textmobild .contel50.left {
  margin-right: 50px;
  float: left;
}
main section.content .contel-wrapper .contel50.right,
main section.content .fullscreen-textmobild .contel50.right {
  margin-left: 50px;
  float: right;
}
main section.content .contel-wrapper > p,
main section.content .fullscreen-textmobild > p,
main section.content .contel-wrapper .news > p,
main section.content .fullscreen-textmobild .news > p {
  font-size: 16px;
  line-height: 26px;
  margin: 18px 0;
}
main section.content .contel-wrapper > p a,
main section.content .fullscreen-textmobild > p a,
main section.content .contel-wrapper .news > p a,
main section.content .fullscreen-textmobild .news > p a {
  color: #1f2a44;
  text-decoration: underline;
}
main section.content .contel-wrapper > p + .contel50,
main section.content .fullscreen-textmobild > p + .contel50,
main section.content .contel-wrapper .news > p + .contel50,
main section.content .fullscreen-textmobild .news > p + .contel50 {
  margin-top: 35px;
}
main section.content .contel-wrapper > p + .contel50 + h2,
main section.content .fullscreen-textmobild > p + .contel50 + h2,
main section.content .contel-wrapper .news > p + .contel50 + h2,
main section.content .fullscreen-textmobild .news > p + .contel50 + h2 {
  margin-top: 35px;
}
main section.content .contel-wrapper > p > img,
main section.content .fullscreen-textmobild > p > img,
main section.content .contel-wrapper .news > p > img,
main section.content .fullscreen-textmobild .news > p > img {
  width: 100%;
  height: auto;
}
main section.content .contel-wrapper > h2,
main section.content .fullscreen-textmobild > h2,
main section.content .contel-wrapper .news > h2,
main section.content .fullscreen-textmobild .news > h2 {
  margin: 0 0 10px 0;
  font-size: 20px;
  line-height: 30px;
}
main section.content .contel-wrapper > h2 + .contel100,
main section.content .fullscreen-textmobild > h2 + .contel100,
main section.content .contel-wrapper .news > h2 + .contel100,
main section.content .fullscreen-textmobild .news > h2 + .contel100 {
  margin-top: 10px;
}
main section.content .contel-wrapper > ul,
main section.content .fullscreen-textmobild > ul,
main section.content .contel-wrapper .news > ul,
main section.content .fullscreen-textmobild .news > ul {
  padding: 0;
  font-size: 17px;
  line-height: 23px;
  margin: 18px 0;
  width: 100%;
  float: left;
  clear: both;
  list-style: none;
  padding-left: 50px;
}
main section.content .contel-wrapper > ul li,
main section.content .fullscreen-textmobild > ul li,
main section.content .contel-wrapper .news > ul li,
main section.content .fullscreen-textmobild .news > ul li {
  margin-bottom: 23px;
  position: relative;
}
main section.content .contel-wrapper > ul li:last-child,
main section.content .fullscreen-textmobild > ul li:last-child,
main section.content .contel-wrapper .news > ul li:last-child,
main section.content .fullscreen-textmobild .news > ul li:last-child {
  margin: 0;
}
main section.content .contel-wrapper > ul li:before,
main section.content .fullscreen-textmobild > ul li:before,
main section.content .contel-wrapper .news > ul li:before,
main section.content .fullscreen-textmobild .news > ul li:before {
  content: '';
  width: 7px;
  height: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  top: 7px;
  left: -32px;
  background: #02f3e9;
  display: block;
}
main section.content .contel-wrapper > ul li a,
main section.content .fullscreen-textmobild > ul li a,
main section.content .contel-wrapper .news > ul li a,
main section.content .fullscreen-textmobild .news > ul li a {
  color: #02f3e9;
}
main section.content .contel-wrapper > ol,
main section.content .fullscreen-textmobild > ol,
main section.content .contel-wrapper .news > ol,
main section.content .fullscreen-textmobild .news > ol {
  padding: 0;
  font-size: 17px;
  line-height: 23px;
  margin: 18px 0;
  width: 100%;
  float: left;
  clear: both;
  padding-left: 50px;
  counter-reset: item;
  list-style: none;
}
main section.content .contel-wrapper > ol li,
main section.content .fullscreen-textmobild > ol li,
main section.content .contel-wrapper .news > ol li,
main section.content .fullscreen-textmobild .news > ol li {
  margin-bottom: 23px;
  position: relative;
}
main section.content .contel-wrapper > ol li:before,
main section.content .fullscreen-textmobild > ol li:before,
main section.content .contel-wrapper .news > ol li:before,
main section.content .fullscreen-textmobild .news > ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #02f3e9;
  font-weight: bold;
  position: absolute;
  top: 0px;
  left: -32px;
}
main section.content .contel-wrapper > ol li:last-child,
main section.content .fullscreen-textmobild > ol li:last-child,
main section.content .contel-wrapper .news > ol li:last-child,
main section.content .fullscreen-textmobild .news > ol li:last-child {
  margin: 0;
}
main section.content .contel-wrapper table:not(.data-table),
main section.content .fullscreen-textmobild table:not(.data-table) {
  border: none;
  margin: 18px 0;
  width: 100%;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  padding-bottom: 10px;
  margin: 50px 0 60px;
}
main section.content .contel-wrapper table:not(.data-table):before,
main section.content .fullscreen-textmobild table:not(.data-table):before {
  content: '';
  width: 100%;
  height: 10px;
  background: #02f3e9;
  position: absolute;
  bottom: -10px;
  left: 0;
}
main section.content .contel-wrapper table:not(.data-table):after,
main section.content .fullscreen-textmobild table:not(.data-table):after {
  position: absolute;
  bottom: -10px;
  right: 0;
  content: '';
  background: url(/?proxy=img/elements-line-corner.svg) 0 0 no-repeat #ffffff;
  width: 23px;
  height: 10px;
  z-index: 2;
}
main section.content .contel-wrapper table:not(.data-table) tbody tr td,
main section.content .fullscreen-textmobild table:not(.data-table) tbody tr td {
  border: none;
  font-size: 14px;
  line-height: 55px;
  border-bottom: 2px solid #f1f2f5;
  padding: 0 20px;
}
main section.content .contel-wrapper table:not(.data-table) tbody tr td a,
main section.content .fullscreen-textmobild table:not(.data-table) tbody tr td a {
  color: #1f2a44;
  text-decoration: underline;
}
main section.content .contel-wrapper table:not(.data-table) tbody tr:first-child td,
main section.content .fullscreen-textmobild table:not(.data-table) tbody tr:first-child td {
  background: #f1f2f5;
  font-family: 'world-rx-bold';
  text-transform: uppercase;
}
main section.content .contel-wrapper table:not(.data-table) tbody tr:last-child td,
main section.content .fullscreen-textmobild table:not(.data-table) tbody tr:last-child td {
  border: none;
}
main section.content .contel-wrapper figure.image a,
main section.content .fullscreen-textmobild figure.image a {
  display: block;
  position: relative;
  overflow: hidden;
}
main section.content .contel-wrapper figure.image a img,
main section.content .fullscreen-textmobild figure.image a img {
  display: block;
  width: 100%;
  transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main section.content .contel-wrapper figure.image a:hover img,
main section.content .fullscreen-textmobild figure.image a:hover img {
  transform: scale(1.1);
}
main section.content .contel-wrapper figure.image figcaption,
main section.content .fullscreen-textmobild figure.image figcaption {
  color: #93969b;
  font-size: 14px;
  line-height: 18px;
  margin-top: 10px;
  text-align: center;
}
main section.content .contel-wrapper .diashow .diashow-title,
main section.content .fullscreen-textmobild .diashow .diashow-title {
  color: #93969b;
  font-size: 14px;
  line-height: 18px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
  float: left;
  clear: both;
  display: block;
}
main section.content .contel-wrapper .diashow .imgslider,
main section.content .fullscreen-textmobild .diashow .imgslider {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
}
main section.content .contel-wrapper .diashow .imgslider figure.image,
main section.content .fullscreen-textmobild .diashow .imgslider figure.image {
  margin: 0;
}
main section.content .contel-wrapper figure.teaser-verlinkt,
main section.content .fullscreen-textmobild figure.teaser-verlinkt {
  display: flex;
}
main section.content .contel-wrapper figure.teaser-verlinkt .img-wrapper,
main section.content .fullscreen-textmobild figure.teaser-verlinkt .img-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  width: 350px;
  float: left;
}
main section.content .contel-wrapper figure.teaser-verlinkt .img-wrapper img,
main section.content .fullscreen-textmobild figure.teaser-verlinkt .img-wrapper img {
  display: block;
  width: 100%;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main section.content .contel-wrapper figure.teaser-verlinkt figcaption,
main section.content .fullscreen-textmobild figure.teaser-verlinkt figcaption {
  background: #f1f2f5;
  padding: 20px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
main section.content .contel-wrapper figure.teaser-verlinkt figcaption h3,
main section.content .fullscreen-textmobild figure.teaser-verlinkt figcaption h3 {
  font-size: 20px;
  line-height: 25px;
  margin: 0;
  text-transform: uppercase;
}
main section.content .contel-wrapper figure.teaser-verlinkt figcaption p,
main section.content .fullscreen-textmobild figure.teaser-verlinkt figcaption p {
  line-height: 25px;
  margin: 12px 0 0;
}
main section.content .contel-wrapper figure.teaser-verlinkt figcaption .btn,
main section.content .fullscreen-textmobild figure.teaser-verlinkt figcaption .btn {
  align-self: flex-start;
  margin-top: 12px;
}
main section.content .contel-wrapper figure.teaser-verlinkt:hover .img-wrapper img,
main section.content .fullscreen-textmobild figure.teaser-verlinkt:hover .img-wrapper img {
  transform: scale(1.2);
}
main section.content .contel-wrapper ul.download-list,
main section.content .fullscreen-textmobild ul.download-list,
main section.content .contel-wrapper ul.link-list,
main section.content .fullscreen-textmobild ul.link-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
main section.content .contel-wrapper ul.download-list li,
main section.content .fullscreen-textmobild ul.download-list li,
main section.content .contel-wrapper ul.link-list li,
main section.content .fullscreen-textmobild ul.link-list li {
  font-size: 14px;
  line-height: 50px;
  display: block;
  clear: both;
  padding: 0 20px;
  border-bottom: 2px solid #f1f2f5;
}
main section.content .contel-wrapper ul.download-list li a,
main section.content .fullscreen-textmobild ul.download-list li a,
main section.content .contel-wrapper ul.link-list li a,
main section.content .fullscreen-textmobild ul.link-list li a {
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  color: #1f2a44;
}
main section.content .contel-wrapper ul.download-list li a i,
main section.content .fullscreen-textmobild ul.download-list li a i,
main section.content .contel-wrapper ul.link-list li a i,
main section.content .fullscreen-textmobild ul.link-list li a i {
  float: left;
  font-size: 26px;
  margin-right: 15px;
}
main section.content .contel-wrapper ul.download-list li a:hover,
main section.content .fullscreen-textmobild ul.download-list li a:hover,
main section.content .contel-wrapper ul.link-list li a:hover,
main section.content .fullscreen-textmobild ul.link-list li a:hover {
  color: #02f3e9;
}
main section.content .contel-wrapper ul.download-list li:last-child,
main section.content .fullscreen-textmobild ul.download-list li:last-child,
main section.content .contel-wrapper ul.link-list li:last-child,
main section.content .fullscreen-textmobild ul.link-list li:last-child {
  border: none;
}
main section.content .contel-wrapper .contel100 ul.link-list,
main section.content .fullscreen-textmobild .contel100 ul.link-list {
  display: flex;
  justify-content: space-between;
}
main section.content .contel-wrapper .contel100 ul.link-list li,
main section.content .fullscreen-textmobild .contel100 ul.link-list li {
  border: none;
  justify-content: center;
  flex: 1;
  display: flex;
  border-right: 2px solid #f1f2f5;
  white-space: nowrap;
}
main section.content .contel-wrapper .contel100 ul.link-list li:last-child,
main section.content .fullscreen-textmobild .contel100 ul.link-list li:last-child {
  border: none;
}
main section.content .contel-wrapper .career-highlights,
main section.content .fullscreen-textmobild .career-highlights {
  list-style: none;
  margin: 0;
  padding: 0;
}
main section.content .contel-wrapper .career-highlights li,
main section.content .fullscreen-textmobild .career-highlights li {
  display: flex;
  border-bottom: 3px solid #f1f2f5;
  position: relative;
  padding: 25px 0;
  align-items: center;
}
main section.content .contel-wrapper .career-highlights li .year,
main section.content .fullscreen-textmobild .career-highlights li .year {
  padding: 0 25px;
  color: #02f3e9;
  font-size: 16px;
}
main section.content .contel-wrapper .career-highlights li .desc,
main section.content .fullscreen-textmobild .career-highlights li .desc {
  margin: 0;
  padding-right: 25px;
  font-size: 14px;
}
main section.content .contel-wrapper .career-highlights li:before,
main section.content .fullscreen-textmobild .career-highlights li:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  width: 35px;
  height: 35px;
  transform: rotate(-45deg) skew(30deg, 30deg) translateX(-50%);
  background: #ffffff;
  border: 5px solid #f1f2f5;
  border-bottom: 0;
  border-left: 0;
}
main section.content .contel-wrapper .career-highlights li:last-child,
main section.content .fullscreen-textmobild .career-highlights li:last-child {
  border: none;
}
main section.content .contel-wrapper .career-highlights li:last-child:before,
main section.content .fullscreen-textmobild .career-highlights li:last-child:before {
  display: none;
}
main section.content .contel-wrapper .event-info,
main section.content .fullscreen-textmobild .event-info {
  display: flex;
  flex-direction: column;
}
main section.content .contel-wrapper .event-info .info-header,
main section.content .fullscreen-textmobild .event-info .info-header {
  background: #f1f2f5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
main section.content .contel-wrapper .event-info .info-header img,
main section.content .fullscreen-textmobild .event-info .info-header img {
  height: 90px;
  display: block;
}
main section.content .contel-wrapper .event-info .info-header strong,
main section.content .fullscreen-textmobild .event-info .info-header strong {
  font-size: 16px;
}
main section.content .contel-wrapper .event-info .info-header span,
main section.content .fullscreen-textmobild .event-info .info-header span {
  font-size: 14px;
}
main section.content .contel-wrapper .event-info .event-facts,
main section.content .fullscreen-textmobild .event-info .event-facts {
  list-style: none;
  margin: 0;
  padding: 0;
}
main section.content .contel-wrapper .event-info .event-facts li,
main section.content .fullscreen-textmobild .event-info .event-facts li {
  display: flex;
  border-bottom: 1px solid #f1f2f5;
  position: relative;
  padding: 15px 20px;
  align-items: center;
}
main section.content .contel-wrapper .event-info .event-facts li strong,
main section.content .fullscreen-textmobild .event-info .event-facts li strong {
  font-size: 14px;
  flex: 1;
  text-transform: none;
}
main section.content .contel-wrapper .event-info .event-facts li span,
main section.content .fullscreen-textmobild .event-info .event-facts li span {
  font-size: 14px;
  flex: 1;
}
main section.content .contel-wrapper .event-info .btn,
main section.content .fullscreen-textmobild .event-info .btn {
  margin: 20px auto;
}
main section.content .contel-wrapper .form-wrapper,
main section.content .fullscreen-textmobild .form-wrapper {
  max-width: 450px;
}
main section.content .contel-wrapper .fullwidth-img,
main section.content .fullscreen-textmobild .fullwidth-img {
  display: block;
  width: 100%;
  margin-bottom: 40px;
}
main section.content .contel-wrapper .partner-list,
main section.content .fullscreen-textmobild .partner-list {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-gap: 25px;
  position: relative;
}
main section.content .contel-wrapper .partner-list li a,
main section.content .fullscreen-textmobild .partner-list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 25px;
  background: #f1f2f5;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main section.content .contel-wrapper .partner-list li a img,
main section.content .fullscreen-textmobild .partner-list li a img {
  display: block;
  height: 80px;
  max-width: 80%;
  object-fit: contain;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main section.content .contel-wrapper .partner-list li a:hover,
main section.content .fullscreen-textmobild .partner-list li a:hover {
  background: #e2e4ea;
}
main section.content .contel-wrapper .partner-list li a:hover img,
main section.content .fullscreen-textmobild .partner-list li a:hover img {
  transform: scale(1.1);
}
main section.content .contel-wrapper .partner-list.grid-1,
main section.content .fullscreen-textmobild .partner-list.grid-1 {
  grid-template-columns: repeat(1, 1fr);
}
main section.content .contel-wrapper .partner-list.grid-2,
main section.content .fullscreen-textmobild .partner-list.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
main section.content .contel-wrapper .partner-list.grid-4,
main section.content .fullscreen-textmobild .partner-list.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
main section.content .contel-wrapper .news.news-archive .cad,
main section.content .fullscreen-textmobild .news.news-archive .cad,
main section.content .contel-wrapper .news.news-archive .more_news,
main section.content .fullscreen-textmobild .news.news-archive .more_news,
main section.content .contel-wrapper .news.news-archive .article_list,
main section.content .fullscreen-textmobild .news.news-archive .article_list {
  display: none;
}
main section.content .contel-wrapper .news.news-archive figure,
main section.content .fullscreen-textmobild .news.news-archive figure,
main section.content .contel-wrapper .news.news-archive article.video,
main section.content .fullscreen-textmobild .news.news-archive article.video {
  width: 100%;
  float: left;
  clear: both;
  margin: 35px 0 50px;
}
main section.content .contel-wrapper .news.news-archive figure img,
main section.content .fullscreen-textmobild .news.news-archive figure img,
main section.content .contel-wrapper .news.news-archive article.video img,
main section.content .fullscreen-textmobild .news.news-archive article.video img {
  width: 100%;
  height: auto;
}
main section.content .contel-wrapper .news.news-archive article.video,
main section.content .fullscreen-textmobild .news.news-archive article.video {
  position: relative;
  padding-bottom: 56.25%;
}
main section.content .contel-wrapper .news.news-archive article.video > iframe,
main section.content .fullscreen-textmobild .news.news-archive article.video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
main section.content .contel-wrapper .page404,
main section.content .fullscreen-textmobild .page404 {
  padding: 50px 0;
}
main section.content .contel-wrapper .page404 > p,
main section.content .fullscreen-textmobild .page404 > p {
  font-size: 16px;
  line-height: 26px;
  margin: 18px 0;
}
main section.content .contel-wrapper .page404 > p a,
main section.content .fullscreen-textmobild .page404 > p a {
  color: #02f3e9;
}
main section.content .contel-wrapper .page404 > h3,
main section.content .fullscreen-textmobild .page404 > h3 {
  font-size: 30px;
  line-height: 30px;
  margin-top: 0;
}
main section.content .contel-wrapper .page404 > ul,
main section.content .fullscreen-textmobild .page404 > ul {
  padding: 0;
  font-size: 17px;
  line-height: 23px;
  margin: 18px 0;
  width: 100%;
  float: left;
  clear: both;
  list-style: none;
  padding-left: 85px;
}
main section.content .contel-wrapper .page404 > ul li,
main section.content .fullscreen-textmobild .page404 > ul li {
  margin-bottom: 23px;
  position: relative;
  font-size: 16px;
  line-height: 26px;
}
main section.content .contel-wrapper .page404 > ul li:last-child,
main section.content .fullscreen-textmobild .page404 > ul li:last-child {
  margin: 0;
}
main section.content .contel-wrapper .page404 > ul li:before,
main section.content .fullscreen-textmobild .page404 > ul li:before {
  content: '';
  width: 7px;
  height: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  top: 9px;
  left: -32px;
  background: #02f3e9;
  display: block;
}
main section.content .contel-wrapper .page404 > ul li a,
main section.content .fullscreen-textmobild .page404 > ul li a {
  color: #02f3e9;
}
main section.content .contel-wrapper .flag-wrapper,
main section.content .fullscreen-textmobild .flag-wrapper {
  margin: 0 0 15px;
  padding: 0;
}
main section.content .contel-wrapper .spott-video-component,
main section.content .fullscreen-textmobild .spott-video-component {
  float: left;
  width: 100%;
}
main section.content .contel-wrapper .spott-video-component .video-fallback,
main section.content .fullscreen-textmobild .spott-video-component .video-fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main section.content .contel-wrapper .video-lane-contel,
main section.content .fullscreen-textmobild .video-lane-contel {
  width: 100%;
  float: left;
  clear: both;
  margin: 35px 0 50px;
}
main section.content .contel-wrapper .video-lane-contel .main-grid,
main section.content .fullscreen-textmobild .video-lane-contel .main-grid {
  padding: 0;
}
main section.content .contel-wrapper .sponsors,
main section.content .fullscreen-textmobild .sponsors {
  width: 100%;
  float: left;
  clear: both;
  margin: 35px 0 50px;
}
main section.content .contel-wrapper .sponsors ul li,
main section.content .fullscreen-textmobild .sponsors ul li {
  position: relative;
  justify-content: center;
}
main section.content .contel-wrapper .sponsors ul li a,
main section.content .fullscreen-textmobild .sponsors ul li a {
  padding: 0;
}
main section.content .contel-wrapper .sponsors img,
main section.content .fullscreen-textmobild .sponsors img {
  max-height: 160px;
  object-fit: contain;
  padding: 20px 10px;
  width: 100%;
  max-width: inherit;
}
main section.content .contel-wrapper .google-ad,
main section.content .fullscreen-textmobild .google-ad {
  margin: 35px 0 50px;
}
main section.content .contel-wrapper div#calendar,
main section.content .fullscreen-textmobild div#calendar {
  clear: both;
  overflow: hidden;
}
main section.content .video-mobile-app.video-wrapper {
  margin: 50px 0;
  overflow: hidden;
}
main section.content .video-mobile-app.video-wrapper img {
  margin: 0;
}
main section.content .video-mobile-app.video-wrapper i {
  font-size: 120px;
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -5%;
  color: white;
}
main section.content .video-mobile-app.video-wrapper:hover {
  cursor: pointer;
}
main section.content .video-mobile-app.video-wrapper:hover i {
  color: #02f3e9;
}
main section.content .section-heading {
  float: left;
  margin: 0 0 30px 0;
  padding: 0 0 0 35px;
  width: auto;
}
main section.content .section-heading:before {
  left: 0;
}
main section.newsletter-reg {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  background: no-repeat center right;
  background-size: cover;
}
main section.newsletter-reg form {
  width: 60%;
  max-width: 700px;
  margin: 0 auto;
  padding: 50px 0;
  position: relative;
  z-index: 2;
}
main section.newsletter-reg form div > * {
  margin-top: 0 !important;
  position: relative;
}
main section.newsletter-reg form div div:nth-child(1) {
  display: none;
}
main section.newsletter-reg form div div:nth-child(4) p {
  padding-left: 46px;
  text-transform: initial;
  margin: 30px 0!important;
}
main section.newsletter-reg form div div:nth-child(4) p a {
  color: #fff;
}
main section.newsletter-reg form div div:nth-child(7) {
  height: 0;
  text-align: right;
}
main section.newsletter-reg form div .checkbox-inline {
  top: -80px;
  height: 0;
}
main section.newsletter-reg:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(31, 42, 68, 0.5);
}
main section.newsletter-reg img {
  display: none !important;
}
main section.newsletter-reg h1 {
  font-size: 40px;
  color: white;
  text-transform: uppercase;
}
main section.newsletter-reg h2 {
  color: white;
}
main section.newsletter-reg p {
  font-size: 13px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
}
main section.newsletter-reg input[type="email"] {
  text-transform: uppercase;
  border: none !important;
  border-radius: 0 !important;
  padding: 5px 40px 5px 25px!important;
  background-color: white;
  background: linear-gradient(290deg, transparent 20px, #ffffff 0) top right;
  z-index: 2;
  width: 70%;
  height: 56px;
}
main section.newsletter-reg button {
  background-color: #93969b !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 5px 25px!important;
  font: 14px/46px 'world-rx-reg';
  background: linear-gradient(290deg, transparent 20px, #93969b 0) top right !important;
  z-index: 1;
  text-transform: uppercase;
  font-weight: bold;
  transition: all 0.5s ease;
  width: 35%;
  min-width: 35% !important;
  top: -56px;
  height: 56px;
}
main section.newsletter-reg form[_lpchecked="1"] button {
  background-color: #02f3e9 !important;
  background: linear-gradient(290deg, transparent 20px, #02f3e9 0) top right !important;
}
main section.newsletter-reg form [type="checkbox"] + label {
  color: transparent;
  position: relative;
  height: 56px;
  width: 100%;
}
main section.newsletter-reg form [type="checkbox"] + label a {
  color: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  display: inline-block;
  left: 46px;
}
main section.newsletter-reg form [type="checkbox"] + label a:hover {
  color: transparent;
}
main section.newsletter-reg form [type="checkbox"]:checked + label::before {
  background: #fff;
  border-color: #fff;
}
main section.newsletter-reg form [type="checkbox"]:checked + label::after {
  color: #02f3e9;
}
main .main-grid {
  width: 100%;
  max-width: 1450px;
  padding: 0 25px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 25px;
  position: relative;
}
main .main-grid .grid-centered {
  grid-column: 1/9;
}
main .main-grid .main-grid {
  padding: 0;
}
main .main-grid + .btn-wrapper {
  display: flex;
  margin-top: 40px;
  justify-content: center;
}
main .main-grid + .btn-wrapper .btn {
  margin: 0 10px;
}
main .rally-hero {
  overflow: hidden;
}
main .rally-hero.infopage {
  margin-bottom: 40px;
}
main .rally-hero.infopage:after {
  background: #1F2A44;
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0.85;
  z-index: 0;
}
main .rally-hero.infopage .main-grid {
  grid-template-columns: repeat(8, 1fr);
  max-width: 1450px;
}
main .rally-hero.infopage .main-grid .alllive-logo-wrapper {
  text-align: center;
  margin: 100px auto 50px auto;
  width: 400px;
}
main .rally-hero.infopage .main-grid .alllive-logo-wrapper img {
  width: 100%;
  height: auto;
  text-align: center;
  display: block;
}
main .rally-hero.infopage .main-grid .video-hero-text {
  width: 100%;
  max-width: 800px;
  margin: auto;
  text-align: center;
}
main .rally-hero.infopage .main-grid .video-hero-text h3 {
  text-transform: uppercase;
  color: #02f3e9;
  font: 30px/36px 'world-rx-bold';
}
main .rally-hero.infopage .main-grid .video-hero-text > strong {
  font: 16px/22px 'world-rx-bold';
  color: white;
}
main .rally-hero.infopage .main-grid .video-hero-text a.skew-btn {
  float: none;
  max-width: 270px;
  margin: 50px auto;
}
main .rally-hero.infopage .main-grid .video-hero-text a.skew-btn strong {
  float: none;
  font: 22px/60px 'world-rx-bold';
}
main .rally-hero .skew-content > .unskew {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
main .rally-hero .rally-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  margin-left: -10px;
  margin-top: -10px;
}
main .rally-hero .rally-header .rally-plate {
  float: left;
  height: 75px;
  margin-right: 20px;
}
main .rally-hero .rally-header .rally-info {
  flex: 2 0;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding-bottom: 8px;
  padding-right: 25px;
}
main .rally-hero .rally-header .rally-info .rally-name {
  font-size: 20px;
  line-height: 20px;
  display: block;
  margin-bottom: 3px;
}
main .rally-hero .rally-header .rally-info .rally-date {
  font-size: 14px;
  display: block;
}
main .rally-hero .rally-header .rally-countdown {
  white-space: nowrap;
  width: 300px;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  padding-bottom: 8px;
}
main .rally-hero .rally-header .rally-countdown .nowlive,
main .rally-hero .rally-header .rally-countdown .completed {
  color: #02f3e9;
  font-size: 20px;
  line-height: 25px;
  display: block;
}
main .rally-hero .rally-header .rally-countdown .nowlive i,
main .rally-hero .rally-header .rally-countdown .completed i {
  font-size: 22px;
  line-height: 22px;
  margin-right: 5px;
  float: left;
}
main .rally-hero .rally-header .rally-countdown .completed {
  color: #000000;
}
main .rally-hero .rally-header .rally-countdown .addinfo {
  font-size: 14px;
  margin-top: 3px;
  margin-left: -5px;
  display: block;
}
main .rally-hero .rally-header .rally-countdown .addinfo .driver {
  color: #02f3e9;
}
main .rally-hero .rally-header .rally-countdown .addinfo .flag {
  height: 12px;
  margin: 0 5px -1px 0;
}
main .rally-hero .rally-header .rally-countdown .countdown-watch {
  margin-left: 15px;
  padding: 5px 0 5px 15px;
  margin-bottom: -5px;
  border-left: 2px solid #f1f2f5;
}
main .rally-hero .rally-header .rally-countdown .countdown-watch img {
  margin: 0;
}
main .rally-hero .stage-timeline {
  margin: 0;
}
main .rally-hero .data-contel {
  transform: none !important;
  flex: 1;
  padding: 40px 0;
}
main .rally-hero .data-contel > * {
  transform: skew(15deg);
}
main .rally-hero .data-table {
  margin-left: -10px;
}
main .rally-hero .data-table tbody tr {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
main .rally-hero .data-table tbody tr td {
  text-transform: uppercase;
  flex: auto;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
main .rally-hero .data-table tbody tr td .manufacturer {
  margin: 0 10px 0 0;
}
main .rally-hero .data-table tbody tr td:first-child {
  font-family: 'world-rx-bold';
}
main .rally-hero .data-table tbody tr td span.breakable {
  white-space: normal;
}
main .rally-hero .data-table tbody tr:nth-child(1) {
  margin-left: -20px;
}
main .rally-hero .data-table tbody tr:nth-child(1) td:first-child {
  color: #ffffff;
  position: relative;
}
main .rally-hero .data-table tbody tr:nth-child(1) td:first-child:before {
  content: '';
  width: calc(100% - 12px);
  height: 100%;
  background: #02f3e9;
  transform: skew(-15deg);
  z-index: -1;
  position: absolute;
  top: 0;
  left: 8px;
}
main .rally-hero .data-table tbody tr:nth-child(1) td:last-child {
  color: #02f3e9;
  font-family: 'world-rx-bold';
}
main .rally-hero .data-table tbody tr:nth-child(2) {
  margin-left: -34px;
}
main .rally-hero .data-table tbody tr:nth-child(3) {
  margin-left: -48px;
}
main .rally-hero .data-table tbody tr:nth-child(4) {
  margin-left: -62px;
}
main .rally-hero .data-table tbody tr:nth-child(5) {
  margin-left: -76px;
}
main .rally-hero .data-table thead tr {
  background: #f1f2f5;
  transform: skew(-15deg);
}
main .rally-hero .data-table thead tr th {
  background: none;
  transform: skew(15deg);
}
main .rally-hero .data-table.overall tbody tr td:nth-child(1) {
  width: 70px;
}
main .rally-hero .data-table.overall tbody tr td:nth-child(2) {
  width: 25%;
}
main .rally-hero .data-table.overall tbody tr td:nth-child(3) {
  width: 40%;
}
main .rally-hero .data-table.overall tbody tr td:nth-child(4) {
  width: 10%;
}
main .rally-hero .data-table.overall tbody tr td:nth-child(5) {
  width: 15%;
}
main .rally-hero .data-table.standings tbody tr td {
  height: 60px;
}
main .rally-hero .data-table.standings tbody tr td .portrait-wrapper {
  margin-bottom: -4px;
}
main .rally-hero .data-table.standings tbody tr td:nth-child(1) {
  width: 70px;
}
main .rally-hero .data-table.standings tbody tr td:nth-child(2) {
  width: 100px;
  padding: 0;
}
main .rally-hero .data-table.standings tbody tr td:nth-child(3) {
  width: 30%;
}
main .rally-hero .data-table.standings tbody tr td:nth-child(4) {
  width: 40%;
}
main .rally-hero .data-table.standings tbody tr td:nth-child(5) {
  width: 15%;
}
main .rally-hero .btn-wrapper {
  width: 100%;
  float: left;
  clear: both;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  margin-left: -108px;
}
main .rally-hero .videos {
  color: #ffffff;
  height: 170px;
  padding: 30px 50px;
  position: relative;
  margin-left: -50px;
  width: calc(100% + 100px);
  overflow: hidden;
  display: flex;
  align-items: center;
  transform: none !important;
}
main .rally-hero .videos:before {
  content: '';
  position: absolute;
  left: 0px;
  right: 0px;
  height: 100%;
  background: #1f2a44;
  top: 0;
  z-index: 0;
}
main .rally-hero .videos .box-heading {
  position: relative;
  padding-right: 7px;
  flex: 1 0;
  white-space: nowrap;
  transform: skew(15deg);
}
main .rally-hero .videos .box-heading span {
  display: block;
  padding-left: 5px;
  font-size: 14px;
}
main .rally-hero .videos .box-heading span strong {
  display: block;
  margin-left: -5px;
  font-size: 20px;
}
main .rally-hero .videos .box-heading .btn {
  margin: 10px 0 0 -5px;
}
main .rally-hero .videos .video-lane {
  display: flex;
  transform: skew(15deg);
}
main .rally-hero .videos .video-lane figure.video-teaser {
  margin: 0 7px;
}
main .rally-hero .videos .video-lane figure.video-teaser figcaption {
  font-size: 11px;
  padding: 10px;
}
main .rally-hero .temporaryTeaser a {
  height: 430px;
  width: 100%;
  overflow: hidden;
  transform: skew(-15deg);
  display: block;
}
main .rally-hero .temporaryTeaser a img {
  display: block;
  transform: skew(15deg);
  transform-origin: bottom;
  height: 100%;
  width: 118%;
  object-fit: cover;
}
main .rally-hero + .epg {
  margin-top: -70px;
}
main .wrc-updates .content-box {
  position: relative;
  min-width: 0;
}
main .wrc-updates .content-box.w3 {
  grid-column: 1/7;
  border-bottom: 10px solid #02f3e9;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
main .wrc-updates .content-box.w3:after {
  position: absolute;
  bottom: -10px;
  right: 0;
  content: '';
  background: url(/?proxy=img/elements-line-corner.svg) 0 0 no-repeat #ffffff;
  width: 23px;
  height: 10px;
  z-index: 2;
}
main .wrc-updates .content-box.w3 .teaser figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  color: #ffffff;
  z-index: 2;
  padding: 30px;
}
main .wrc-updates .content-box.w3 .teaser figcaption:before {
  content: '';
  background: #1f2a44;
  /* Old browsers */
  background-color: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #1f2942), color-stop(100%, rgba(31, 41, 66, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* IE10+ */
  background: linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* W3C */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#001f2942, endColorstr=#ff1f2942);
  /* IE6-9 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#001f2942, endColorstr=#ff1f2942);
  /* IE6-9 */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.8;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main .wrc-updates .content-box.w3 .teaser figcaption:hover:before {
  opacity: 1;
}
main .wrc-updates .content-box.w3 .teaser figcaption > * {
  z-index: 1;
  position: relative;
}
main .wrc-updates .content-box.w3 .teaser figcaption .date {
  color: #ffffff;
  font-size: 16px;
}
main .wrc-updates .content-box.w3 .teaser figcaption p {
  font-size: 16px;
}
main .wrc-updates .content-box.w3 .teaser figcaption h3 {
  font-size: 30px;
}
main .wrc-updates .content-box.w1 {
  grid-column: span 2;
  height: 355px;
  padding-bottom: 3px;
  position: relative;
}
main .wrc-updates .content-box.w1 > * {
  height: 100%;
  overflow: hidden;
}
main .wrc-updates .content-box.w1 .teaser figcaption p {
  display: none;
}
main .wrc-updates .content-box.w1:not(.ad):before {
  content: '';
  background: url(/?proxy=img/elements-line-grey.svg) 0 0 no-repeat;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}
main .wrc-updates .content-box.cal {
  grid-row-start: 1;
  grid-column: 7/9;
  border-bottom: 10px solid #02f3e9;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
main .wrc-updates .content-box.cal:after {
  position: absolute;
  bottom: -10px;
  right: 0;
  content: '';
  background: url(/?proxy=img/elements-line-corner.svg) 0 0 no-repeat #ffffff;
  width: 23px;
  height: 10px;
  z-index: 2;
}
main .wrc-updates .content-box.cal .calendar-slider {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .wrc-updates .content-box.cal .calendar-slider .event {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 60px;
}
main .wrc-updates .content-box.cal .calendar-slider .event img.rally-plate.flag-new {
  padding: 10px;
}
main .wrc-updates .content-box.cal .calendar-slider .event .rally-plate {
  width: 90%;
  max-width: 120px;
  display: block;
}
main .wrc-updates .content-box.cal .calendar-slider .event .rally-info {
  margin: 10% 0 20%;
  text-align: center;
}
main .wrc-updates .content-box.cal .calendar-slider .event .rally-info .rally-name {
  font-size: 16px;
  line-height: 23px;
  display: block;
}
main .wrc-updates .content-box.cal .calendar-slider .event .rally-info .rally-date {
  font-size: 14px;
  display: block;
}
main .wrc-updates .content-box.cal .calendar-slider .event .btn-wrapper {
  display: flex;
  justify-content: center;
}
main .wrc-updates .content-box.cal .calendar-slider .event .btn-wrapper .btn {
  margin: 0 8px;
}
main .wrc-updates .content-box.cal .calendar-slider .slick-arrow {
  background: #1f2a44;
}
main .wrc-updates .content-box.cal .calendar-slider .slick-arrow i {
  color: #ffffff;
}
main .wrc-updates .content-box.cal .calendar-slider .slick-arrow:hover {
  background: #02f3e9;
}
main .wrc-updates .content-box.cal .countdown-nextevent {
  background: #000000;
  color: #ffffff;
  padding: 20px;
}
main .wrc-updates .content-box.cal .countdown-nextevent .rally-plate {
  height: 120px;
  /* float: left; */
  display: block;
  margin-right: 10px;
}
main .wrc-updates .content-box.cal .countdown-nextevent > strong {
  font-size: 14px;
  line-height: 30px;
}
main .wrc-updates .content-box.cal .countdown-nextevent .rally-countdown {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  margin-top: 20px;
}
main .wrc-updates .content-box.cal .countdown-nextevent .rally-countdown .countdown-counter {
  align-self: flex-end;
  background: rgba(255, 255, 255, 0.05);
}
main .wrc-updates .content-box .ad-container {
  width: 100%;
  height: 100%;
}
main .wrc-updates .content-box .ad-container img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
main .wrc-updates .content-box .box-title {
  background: #1f2a44;
  color: #ffffff;
  font: 16px/20px 'world-rx-bold';
  height: 50px;
  padding: 0 20px;
  display: block;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
main .wrc-updates .content-box .box-title i {
  font-size: 30px;
  margin-right: 10px;
}
main .wrc-updates .content-box .box-title:before {
  content: '';
  width: 150%;
  left: -170%;
  height: 120%;
  top: -10%;
  background: #02f3e9;
  position: absolute;
  transform: skew(-15deg);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: -1;
}
main .wrc-updates .content-box .box-title:hover {
  color: #ffffff;
  border-color: #02f3e9;
}
main .wrc-updates .content-box .box-title:hover:before {
  left: -25%;
}
main .wrc-updates .content-box .box-title:hover i {
  color: #ffffff;
}
main .wrc-updates .content-box .data-contel {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
main .wrc-updates .content-box .standings-first {
  position: relative;
  padding: 20px 20px 0;
  border-bottom: 2px solid #f1f2f5;
  overflow: hidden;
  flex: 1;
}
main .wrc-updates .content-box .standings-first .num {
  float: left;
  color: #02f3e9;
  font-size: 48px;
  position: absolute;
  top: 18px;
  left: 15px;
}
main .wrc-updates .content-box .standings-first .portrait-wrapper {
  width: 40%;
  height: 100%;
  overflow: hidden;
  margin-left: 40px;
  margin-right: 20px;
  float: left;
}
main .wrc-updates .content-box .standings-first .portrait-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: top;
}
main .wrc-updates .content-box .standings-first .name {
  margin: 10px 0 15px;
  display: block;
}
main .wrc-updates .content-box .standings-first .name .flag {
  float: left;
  margin-right: 5px;
  height: 16px;
}
main .wrc-updates .content-box .standings-first .name strong {
  display: block;
}
main .wrc-updates .content-box .standings-first .manufacturer {
  width: 30px;
  margin-left: 15px;
}
main .wrc-updates .content-box .standings-first .pts {
  float: right;
  white-space: nowrap;
  line-height: 30px;
}
main .wrc-updates .content-box .standings-first .pts strong {
  font-size: 25px;
  color: #02f3e9;
}
main .wrc-updates .content-box table.standings tr td {
  white-space: nowrap;
  padding: 0 20px;
  height: 60px;
}
main .wrc-updates .content-box table.standings tr td .manufacturer {
  height: 20px;
  margin: -10px 0;
}
main .wrc-updates .content-box table.standings tr:last-child td {
  border: none;
}
main .wrcplus .skew-wrapper .skew-content .unskew {
  height: 100%;
  display: flex;
  flex-direction: column;
  transform: none;
}
main .wrcplus .skew-wrapper {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
main .wrcplus .skew-box {
  margin-right: -7px;
}
main .wrcplus .unskew > * {
  transform: skew(15deg);
}
main .wrcplus .wrc-passes {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  justify-content: space-between;
  padding-top: 35px;
}
main .wrcplus .wrc-passes .pass {
  transform: skew(-15deg);
  background: #f1f2f5;
  color: #000000;
  padding-bottom: 20px;
  text-align: center;
  width: calc(50% - 20px);
}
main .wrcplus .wrc-passes .pass .badge {
  position: absolute;
  top: -35px;
  transform: skew(15deg);
  left: 0;
}
main .wrcplus .wrc-passes .pass .badge:before {
  transform-origin: top;
  width: calc(100% + 7px);
}
main .wrcplus .wrc-passes .pass .heading {
  width: 100%;
  background: #1f2a44;
  color: #ffffff;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 25px;
}
main .wrcplus .wrc-passes .pass .heading span {
  transform: skew(15deg);
}
main .wrcplus .wrc-passes .pass .price {
  transform: skew(15deg);
  display: block;
  font-size: 30px;
  line-height: 25px;
  text-align: center;
  padding: 20px 0;
  position: relative;
}
main .wrcplus .wrc-passes .pass .price small {
  display: block;
  font-size: 16px;
  font-family: 'world-rx-reg';
  text-transform: none;
}
main .wrcplus .wrc-passes .pass .price small.before {
  color: #ff0000;
  text-decoration: line-through;
}
main .wrcplus .wrc-passes .pass .price small.before.empty {
  text-decoration: none;
}
main .wrcplus .wrc-passes .pass .price .rabatt {
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  text-align: center;
  padding: 15px 5px;
  top: -5px;
  left: -10px;
}
main .wrcplus .wrc-passes .pass .price .rabatt:before {
  transition: all 0.2s ease-out;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: #ff0000;
  left: 0;
  top: 0;
  border-radius: 6px;
  transform: rotate(45deg);
  z-index: 1;
}
main .wrcplus .wrc-passes .pass .price .rabatt span {
  z-index: 2;
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 16px;
}
main .wrcplus .wrc-passes .pass .btn {
  transform: skew(15deg);
}
main .wrcplus .wrc-passes .pass.season {
  background: #1f2a44;
}
main .wrcplus .wrc-passes .pass.season .heading {
  background: #02f3e9;
}
main .wrcplus .wrc-passes .pass.season .price {
  color: #ffffff;
}
main .wrcplus .wrc-passes .pass:hover .price .rabatt:before {
  transform: rotate(-45deg);
}
main .wrcplus .cancellation {
  display: block;
  width: 100%;
  text-align: center;
  background: #f1f2f5;
  font-size: 14px;
  padding: 8px 0;
  margin: -10px 0;
  transform: none !important;
}
main .wrcplus .cancellation p {
  transform: skew(15deg);
  margin: 0;
}
main .wrcplus .cancellation p strong {
  margin-right: 5px;
  text-align: center;
}
main .wrcplus .cancellation + .benefits ul {
  border-top: none;
}
main .wrcplus .benefits {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
main .wrcplus .benefits ul {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  transform: skew(-15deg);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
  padding-top: 30px;
  border-top: 2px solid #f1f2f5;
}
main .wrcplus .benefits ul li {
  width: calc(50% - 30px);
  float: left;
  display: flex;
  transform: skew(15deg);
}
main .wrcplus .benefits ul li i {
  font-size: 55px;
  margin-right: 15px;
  color: #02f3e9;
}
main .wrcplus .benefits ul li .benefit-text strong {
  font-size: 16px;
}
main .wrcplus .benefits ul li .benefit-text p {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
main .wrcplus .benefits ul li:nth-child(odd) {
  padding-right: 30px;
  margin-right: 30px;
}
main .wrcplus .benefits .btn {
  margin: 30px 0 40px -15%;
}
main .wrcplus .benefits .btn i.down {
  -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  margin-left: 10px;
}
main .wrcplus .skew-wrapper .box-bg {
  object-position: bottom;
}
main .news-lane {
  overflow: hidden;
}
main .news-lane .main-grid,
main .news-lane .section-heading {
  text-align: left;
}
main .news-lane .teaser {
  grid-column: span 2;
  padding-bottom: 3px;
  position: relative;
}
main .news-lane .teaser > * {
  height: 100%;
}
main .news-lane .teaser:before {
  content: '';
  background: url(/?proxy=img/elements-line-grey.svg) 0 0 no-repeat;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}
main .video-center {
  overflow: hidden;
  background: #1f2a44;
  padding: 100px 0;
}
main .video-center .section-heading {
  color: #ffffff;
}
main .video-center .slick-list {
  overflow: visible;
}
main .video-center .slick-slide:not(.slick-active) {
  opacity: 0.5;
}
main .video-center .slick-slide {
  transition: opacity 0.5s ease;
  opacity: 1;
}
main .video-center figure.video-teaser figcaption {
  font-size: 20px;
  padding: 30px;
}
main .video-center figure.video-teaser figcaption span {
  font-size: 16px;
}
main .video-lane-contel {
  overflow: hidden;
  padding: 50px 0;
  margin-bottom: 0;
  max-width: 1400px;
  margin: auto;
}
main .video-lane-contel .slick-list {
  overflow: visible;
}
main .video-lane-contel .slick-slide:not(.slick-active) {
  opacity: 0.5;
}
main .video-lane-contel .slick-slide {
  transition: opacity 0.5s ease;
  opacity: 1;
}
main .video-lane-contel figure.video-teaser figcaption {
  font-size: 16px;
  padding: 15px;
}
main .video-lane-contel figure.video-teaser figcaption span {
  font-size: 12px;
}
main .video-lane-contel figure.video-teaser figcaption .duration {
  float: right;
  white-space: nowrap;
  margin-left: 12px;
  font-family: 'world-rx-reg';
}
main .video-lane-contel figure.video-teaser figcaption h3 {
  font-size: 14px;
}
main .video-lane-contel + :not(.video-lane-contel) {
  margin-top: 70px;
}
main .teaserArchive form.site-filter,
main .videoArchive form.site-filter,
main .podcastArchive form.site-filter {
  display: flex;
  width: 100%;
  float: left;
  clear: both;
  justify-content: flex-start;
  margin: 0 0 30px 0;
}
main .teaserArchive form.site-filter .selectize-control,
main .videoArchive form.site-filter .selectize-control,
main .podcastArchive form.site-filter .selectize-control,
main .teaserArchive form.site-filter .dropdown-box,
main .videoArchive form.site-filter .dropdown-box,
main .podcastArchive form.site-filter .dropdown-box {
  margin-right: 20px;
  width: auto;
  min-width: 200px;
}
main .teaserArchive form.site-filter .reset-filters,
main .videoArchive form.site-filter .reset-filters,
main .podcastArchive form.site-filter .reset-filters {
  width: 50px;
  height: 50px;
}
main .teaserArchive form.site-filter .reset-filters i,
main .videoArchive form.site-filter .reset-filters i,
main .podcastArchive form.site-filter .reset-filters i {
  font-size: 20px;
}
main .teaserArchive .newslist-archive,
main .videoArchive .newslist-archive,
main .podcastArchive .newslist-archive {
  width: 100%;
  float: left;
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none;
}
main .teaserArchive .newslist-archive li,
main .videoArchive .newslist-archive li,
main .podcastArchive .newslist-archive li {
  margin-bottom: 15px;
}
main .teaserArchive .newslist-archive li figure.teaser,
main .videoArchive .newslist-archive li figure.teaser,
main .podcastArchive .newslist-archive li figure.teaser {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0);
}
main .teaserArchive .newslist-archive li figure.teaser a,
main .videoArchive .newslist-archive li figure.teaser a,
main .podcastArchive .newslist-archive li figure.teaser a {
  display: flex;
}
main .teaserArchive .newslist-archive li figure.teaser .news-meta,
main .videoArchive .newslist-archive li figure.teaser .news-meta,
main .podcastArchive .newslist-archive li figure.teaser .news-meta {
  margin-bottom: 10px;
}
main .teaserArchive .newslist-archive li figure.teaser .img-wrapper,
main .videoArchive .newslist-archive li figure.teaser .img-wrapper,
main .podcastArchive .newslist-archive li figure.teaser .img-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  flex: 0 0 300px;
  float: left;
}
main .teaserArchive .newslist-archive li figure.teaser .img-wrapper img,
main .videoArchive .newslist-archive li figure.teaser .img-wrapper img,
main .podcastArchive .newslist-archive li figure.teaser .img-wrapper img {
  display: block;
  width: 100%;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  height: 100%;
  object-fit: cover;
}
main .teaserArchive .newslist-archive li figure.teaser figcaption,
main .videoArchive .newslist-archive li figure.teaser figcaption,
main .podcastArchive .newslist-archive li figure.teaser figcaption {
  padding: 20px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 2px solid #f1f2f5;
  flex: 1;
}
main .teaserArchive .newslist-archive li figure.teaser figcaption .date,
main .videoArchive .newslist-archive li figure.teaser figcaption .date,
main .podcastArchive .newslist-archive li figure.teaser figcaption .date {
  float: left;
}
main .teaserArchive .newslist-archive li figure.teaser figcaption .date + .category:before,
main .videoArchive .newslist-archive li figure.teaser figcaption .date + .category:before,
main .podcastArchive .newslist-archive li figure.teaser figcaption .date + .category:before {
  content: '-';
  float: left;
  padding: 0 3px;
}
main .teaserArchive .newslist-archive li figure.teaser figcaption .category,
main .videoArchive .newslist-archive li figure.teaser figcaption .category,
main .podcastArchive .newslist-archive li figure.teaser figcaption .category {
  float: left;
}
main .teaserArchive .newslist-archive li figure.teaser figcaption h2,
main .videoArchive .newslist-archive li figure.teaser figcaption h2,
main .podcastArchive .newslist-archive li figure.teaser figcaption h2 {
  font-size: 20px;
  line-height: 25px;
  margin: 0;
  text-transform: uppercase;
}
main .teaserArchive .newslist-archive li figure.teaser figcaption p,
main .videoArchive .newslist-archive li figure.teaser figcaption p,
main .podcastArchive .newslist-archive li figure.teaser figcaption p {
  line-height: 23px;
  margin: 12px 0 0;
}
main .teaserArchive .newslist-archive li figure.teaser figcaption .btn,
main .videoArchive .newslist-archive li figure.teaser figcaption .btn,
main .podcastArchive .newslist-archive li figure.teaser figcaption .btn {
  align-self: flex-start;
  margin-top: 12px;
}
main .teaserArchive .newslist-archive li figure.teaser:hover,
main .videoArchive .newslist-archive li figure.teaser:hover,
main .podcastArchive .newslist-archive li figure.teaser:hover {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
}
main .teaserArchive .newslist-archive li figure.teaser:hover .img-wrapper img,
main .videoArchive .newslist-archive li figure.teaser:hover .img-wrapper img,
main .podcastArchive .newslist-archive li figure.teaser:hover .img-wrapper img {
  transform: scale(1.2);
}
main .teaserArchive .podcast-archive,
main .videoArchive .podcast-archive,
main .podcastArchive .podcast-archive {
  width: 100%;
  float: left;
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none;
}
main .teaserArchive .podcast-archive li,
main .videoArchive .podcast-archive li,
main .podcastArchive .podcast-archive li {
  margin-bottom: 15px;
}
main .teaserArchive .podcast-archive li figure.teaser,
main .videoArchive .podcast-archive li figure.teaser,
main .podcastArchive .podcast-archive li figure.teaser {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0);
}
main .teaserArchive .podcast-archive li figure.teaser a,
main .videoArchive .podcast-archive li figure.teaser a,
main .podcastArchive .podcast-archive li figure.teaser a {
  display: flex;
}
main .teaserArchive .podcast-archive li figure.teaser .news-meta,
main .videoArchive .podcast-archive li figure.teaser .news-meta,
main .podcastArchive .podcast-archive li figure.teaser .news-meta {
  margin-bottom: 10px;
}
main .teaserArchive .podcast-archive li figure.teaser .img-wrapper,
main .videoArchive .podcast-archive li figure.teaser .img-wrapper,
main .podcastArchive .podcast-archive li figure.teaser .img-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  flex: 0 0 300px;
  float: left;
}
main .teaserArchive .podcast-archive li figure.teaser .img-wrapper img,
main .videoArchive .podcast-archive li figure.teaser .img-wrapper img,
main .podcastArchive .podcast-archive li figure.teaser .img-wrapper img {
  display: block;
  width: 100%;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  height: 100%;
  object-fit: cover;
}
main .teaserArchive .podcast-archive li figure.teaser figcaption,
main .videoArchive .podcast-archive li figure.teaser figcaption,
main .podcastArchive .podcast-archive li figure.teaser figcaption {
  padding: 20px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 2px solid #f1f2f5;
  flex: 1;
}
main .teaserArchive .podcast-archive li figure.teaser figcaption .date,
main .videoArchive .podcast-archive li figure.teaser figcaption .date,
main .podcastArchive .podcast-archive li figure.teaser figcaption .date {
  float: left;
}
main .teaserArchive .podcast-archive li figure.teaser figcaption .date + .category:before,
main .videoArchive .podcast-archive li figure.teaser figcaption .date + .category:before,
main .podcastArchive .podcast-archive li figure.teaser figcaption .date + .category:before {
  content: '-';
  float: left;
  padding: 0 3px;
}
main .teaserArchive .podcast-archive li figure.teaser figcaption .category,
main .videoArchive .podcast-archive li figure.teaser figcaption .category,
main .podcastArchive .podcast-archive li figure.teaser figcaption .category {
  float: left;
}
main .teaserArchive .podcast-archive li figure.teaser figcaption h2,
main .videoArchive .podcast-archive li figure.teaser figcaption h2,
main .podcastArchive .podcast-archive li figure.teaser figcaption h2 {
  font-size: 20px;
  line-height: 25px;
  margin: 0;
  text-transform: uppercase;
}
main .teaserArchive .podcast-archive li figure.teaser figcaption p,
main .videoArchive .podcast-archive li figure.teaser figcaption p,
main .podcastArchive .podcast-archive li figure.teaser figcaption p {
  line-height: 22px;
  margin: 12px 0 0;
}
main .teaserArchive .podcast-archive li figure.teaser figcaption .btn,
main .videoArchive .podcast-archive li figure.teaser figcaption .btn,
main .podcastArchive .podcast-archive li figure.teaser figcaption .btn {
  align-self: flex-start;
  margin-top: 12px;
}
main .teaserArchive .podcast-archive li figure.teaser:hover,
main .videoArchive .podcast-archive li figure.teaser:hover,
main .podcastArchive .podcast-archive li figure.teaser:hover {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
}
main .teaserArchive .podcast-archive li figure.teaser:hover .img-wrapper img,
main .videoArchive .podcast-archive li figure.teaser:hover .img-wrapper img,
main .podcastArchive .podcast-archive li figure.teaser:hover .img-wrapper img {
  transform: scale(1.2);
}
main .teaserArchive .podcast-archive li figure.teaser .teaser-footer,
main .videoArchive .podcast-archive li figure.teaser .teaser-footer,
main .podcastArchive .podcast-archive li figure.teaser .teaser-footer {
  background: #f1f2f5;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
}
main .teaserArchive .videogrid-archive,
main .videoArchive .videogrid-archive,
main .podcastArchive .videogrid-archive {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
  float: left;
  width: 100%;
}
main .teaserArchive .videogrid-archive .teaser,
main .videoArchive .videogrid-archive .teaser,
main .podcastArchive .videogrid-archive .teaser {
  position: relative;
  width: 100%;
}
main .teaserArchive .videogrid-archive .teaser a,
main .videoArchive .videogrid-archive .teaser a,
main .podcastArchive .videogrid-archive .teaser a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
main .teaserArchive .videogrid-archive .teaser figcaption,
main .videoArchive .videogrid-archive .teaser figcaption,
main .podcastArchive .videogrid-archive .teaser figcaption {
  overflow: hidden;
  position: relative;
  flex: 1;
}
main .teaserArchive .videogrid-archive .teaser figcaption:before,
main .videoArchive .videogrid-archive .teaser figcaption:before,
main .podcastArchive .videogrid-archive .teaser figcaption:before {
  content: '';
  background: url(/?proxy=img/elements-line-grey.svg) 0 0 no-repeat;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}
main .teaserArchive .videogrid-archive .teaser figcaption .date,
main .videoArchive .videogrid-archive .teaser figcaption .date,
main .podcastArchive .videogrid-archive .teaser figcaption .date {
  float: left;
  font-size: 12px;
}
main .teaserArchive .videogrid-archive .teaser figcaption .date + .category:before,
main .videoArchive .videogrid-archive .teaser figcaption .date + .category:before,
main .podcastArchive .videogrid-archive .teaser figcaption .date + .category:before {
  content: '-';
  float: left;
  padding: 0 3px;
}
main .teaserArchive .videogrid-archive .teaser figcaption .category,
main .videoArchive .videogrid-archive .teaser figcaption .category,
main .podcastArchive .videogrid-archive .teaser figcaption .category {
  display: block;
  font-size: 12px;
}
main .teaserArchive .videogrid-archive .teaser figcaption h3,
main .videoArchive .videogrid-archive .teaser figcaption h3,
main .podcastArchive .videogrid-archive .teaser figcaption h3 {
  clear: left;
  float: left;
  margin: 10px 0 0;
  min-height: 42px;
}
main .teaserArchive .videogrid-archive .teaser.playing:before,
main .videoArchive .videogrid-archive .teaser.playing:before,
main .podcastArchive .videogrid-archive .teaser.playing:before,
main .teaserArchive .videogrid-archive .teaser.playing:after,
main .videoArchive .videogrid-archive .teaser.playing:after,
main .podcastArchive .videogrid-archive .teaser.playing:after {
  display: none;
}
main .teaserArchive .videogrid-archive .teaser.playing .img-wrapper,
main .videoArchive .videogrid-archive .teaser.playing .img-wrapper,
main .podcastArchive .videogrid-archive .teaser.playing .img-wrapper {
  background: #1f2a44;
  position: relative;
}
main .teaserArchive .videogrid-archive .teaser.playing .img-wrapper:before,
main .videoArchive .videogrid-archive .teaser.playing .img-wrapper:before,
main .podcastArchive .videogrid-archive .teaser.playing .img-wrapper:before {
  content: "Now playing...";
  color: #ffffff;
  font: 18px 'world-rx-bold';
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main .teaserArchive .videogrid-archive .teaser.playing .img-wrapper img,
main .videoArchive .videogrid-archive .teaser.playing .img-wrapper img,
main .podcastArchive .videogrid-archive .teaser.playing .img-wrapper img {
  opacity: 0.2;
}
main .teaserArchive div.paging,
main .videoArchive div.paging,
main .podcastArchive div.paging {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  float: left;
  clear: both;
  margin-top: 30px;
}
main .teaserArchive div.paging ul.pages,
main .videoArchive div.paging ul.pages,
main .podcastArchive div.paging ul.pages {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .teaserArchive div.paging ul.pages li,
main .videoArchive div.paging ul.pages li,
main .podcastArchive div.paging ul.pages li {
  float: left;
  padding: 0 10px;
  border-right: 1px solid #c9ccd2;
}
main .teaserArchive div.paging ul.pages li a,
main .videoArchive div.paging ul.pages li a,
main .podcastArchive div.paging ul.pages li a {
  display: block;
  font-size: 16px;
  color: #000000;
  line-height: 20px;
}
main .teaserArchive div.paging ul.pages li.active a,
main .videoArchive div.paging ul.pages li.active a,
main .podcastArchive div.paging ul.pages li.active a {
  color: #02f3e9;
  font-family: 'world-rx-bold';
}
main .teaserArchive div.paging ul.pages li:last-child,
main .videoArchive div.paging ul.pages li:last-child,
main .podcastArchive div.paging ul.pages li:last-child {
  border-right: none;
}
main .teaserArchive div.paging .btn.disabled,
main .videoArchive div.paging .btn.disabled,
main .podcastArchive div.paging .btn.disabled {
  pointer-events: none;
  opacity: 0;
}
main .video-archive-hero {
  display: flex;
  margin-bottom: 50px;
  background: #1f2a44;
  color: #ffffff;
  margin: -40px -40px 50px;
  padding: 40px;
  border-top: 3px solid #ffffff;
}
main .video-archive-hero .videoplayer {
  flex: 2;
}
main .video-archive-hero .videoplayer .video-fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
main .video-archive-hero .content {
  flex: 1;
  padding-left: 25px;
}
main .video-archive-hero .content .date {
  float: left;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
}
main .video-archive-hero .content .date + .category:before {
  content: '-';
  float: left;
  padding: 0 3px;
}
main .video-archive-hero .content .category {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
}
main .video-archive-hero .content h2 {
  clear: left;
  width: 100%;
  float: left;
  clear: both;
  margin: 20px 0 0;
  font-size: 30px;
  text-transform: uppercase;
}
main .video-archive-hero .content p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 22px;
  width: 100%;
  float: left;
  clear: both;
}
main .shop-slider {
  overflow: hidden;
}
main .shop-slider .main-grid,
main .shop-slider .section-heading {
  text-align: left;
}
main .shop-slider .shop-teaser {
  grid-column: span 2;
  padding-bottom: 3px;
  position: relative;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  min-height: 0;
  min-width: 0;
  margin: 0;
}
main .shop-slider .shop-teaser > * {
  height: 100%;
}
main .shop-slider .shop-teaser a {
  color: #000000;
}
main .shop-slider .shop-teaser .img-wrapper {
  display: block;
  width: 100%;
  padding: 20px;
  overflow: hidden;
}
main .shop-slider .shop-teaser .img-wrapper img {
  width: 100%;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main .shop-slider .shop-teaser figcaption {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px 20px;
}
main .shop-slider .shop-teaser figcaption .category {
  font-size: 14px;
}
main .shop-slider .shop-teaser figcaption .title {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  margin: 5px 0;
}
main .shop-slider .shop-teaser figcaption .price {
  color: #02f3e9;
  font-size: 30px;
}
main .shop-slider .shop-teaser:before {
  content: '';
  background: url(/?proxy=img/elements-line-grey.svg) 0 0 no-repeat;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}
main .shop-slider .shop-teaser:hover {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.35);
}
main .shop-slider .shop-teaser:hover .img-wrapper img {
  transform: scale(1.2);
}
main .data-contel.full {
  width: 100%;
  float: left;
  clear: both;
}
main .data-contel.full > * {
  margin-bottom: 30px;
}
main .data-contel.full > *:last-child {
  margin-bottom: 0;
  width: 100%;
  float: left;
  clear: both;
}
main .stage-timeline {
  width: 100%;
  float: left;
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  opacity: 1;
  margin-top: 20px;
}
main .stage-timeline > li {
  margin-right: 2px;
  position: relative;
  padding-top: 16px;
  float: left;
}
main .stage-timeline > li .day {
  position: absolute;
  top: 0;
  left: 1px;
  right: 3px;
  text-align: center;
  font-size: 9px;
  line-height: 16px;
  color: #93969b;
  text-transform: uppercase;
  z-index: 1;
}
main .stage-timeline > li .day:before {
  content: '';
  border: 1px solid #c9ccd2;
  border-bottom: 0;
  left: -1px;
  right: -1px;
  height: 50%;
  top: 0;
  position: absolute;
  z-index: -1;
}
main .stage-timeline > li > ul {
  list-style: none;
  display: flex;
  padding: 0;
}
main .stage-timeline > li > ul > li {
  position: relative;
  margin-right: 1px;
  text-align: center;
  color: #ffffff;
  flex: 1 0;
  padding-left: 3px;
  font-family: 'world-rx-bold';
  line-height: 18px;
  font-size: 11px;
  background: url(/?proxy=img/timeline-future.svg) 0 center no-repeat;
  background-size: 100%;
  margin: 0 -1px;
  padding-right: 4px;
  width: 100%;
}
main .stage-timeline > li > ul > li a {
  display: block;
  color: #ffffff;
  border: 3px solid transparent;
}
main .stage-timeline > li > ul > li.over {
  background-image: url(/?proxy=img/timeline-over.svg);
}
main .stage-timeline > li > ul > li.over:before {
  background: #1f2a44 !important;
}
main .stage-timeline > li > ul > li.live {
  background-image: url(/?proxy=img/timeline-live.svg) !important;
}
main .stage-timeline > li > ul > li.live:before {
  background: #02f3e9 !important;
}
main .stage-timeline > li:last-child {
  margin-right: 0;
}
main .stage-timeline.large {
  overflow: hidden;
  margin-top: 0;
}
main .stage-timeline.large > li {
  padding-top: 20px;
  margin-right: 5px;
}
main .stage-timeline.large > li .day {
  font-size: 12px;
  line-height: 20px;
}
main .stage-timeline.large > li .day:before {
  border: 2px solid #c9ccd2;
  border-bottom: 0;
}
main .stage-timeline.large > li > ul > li {
  line-height: 30px;
  font-size: 16px;
  margin: 0 -3px;
  padding-right: 6px;
}
main .stage-timeline.large > li > ul > li.active,
main .stage-timeline.large > li > ul > li:hover {
  background-image: url(/?proxy=img/timeline-future-active.svg);
}
main .stage-timeline.large > li > ul > li.active a,
main .stage-timeline.large > li > ul > li:hover a {
  border-top: 3px solid #02f3e9;
  border-bottom: 3px solid #02f3e9;
}
main .stage-timeline.large > li > ul > li.over.active,
main .stage-timeline.large > li > ul > li.over:hover {
  background-image: url(/?proxy=img/timeline-over-active.svg);
}
main .stage-timeline.large > li:last-child {
  margin-right: 0;
}
main .stage-timeline.large > li:last-child .day {
  right: 2px;
}
main .stage-timeline.large > li:first-child > ul > li:first-child {
  margin-left: 0;
}
main .stage-timeline.large > li:first-child > ul > li:first-child:hover:before,
main .stage-timeline.large > li:first-child > ul > li:first-child.active:before {
  border: 3px solid #02f3e9;
  border-right: none;
  box-sizing: border-box;
}
main .stage-timeline.large > li:first-child > ul > li:first-child:before {
  content: '';
  width: 13px;
  height: 100%;
  background: #93969b;
  position: absolute;
  top: 0;
  left: 0;
}
main .stage-timeline.large > li:last-child > ul > li:last-child {
  padding-right: 0;
  margin-right: 0;
}
main .stage-timeline.large > li:last-child > ul > li:last-child:hover:before,
main .stage-timeline.large > li:last-child > ul > li:last-child.active:before {
  border: 3px solid #02f3e9;
  border-left: none;
  box-sizing: border-box;
}
main .stage-timeline.large > li:last-child > ul > li:last-child:before {
  content: '';
  width: 10px;
  height: 100%;
  background: #93969b;
  position: absolute;
  top: 0;
  right: 0;
}
main .stage-timeline.large + .data-table {
  margin-top: 30px;
}
main .stage-timeline:not(.large) {
  padding: 0 2px;
}
main .stage-timeline:not(.large) > li:first-child > ul > li:first-child:before {
  content: '';
  width: 10px;
  height: 100%;
  background: #93969b;
  position: absolute;
  top: 0;
  left: -1px;
  z-index: -1;
  transform: skewX(-15deg);
}
main .stage-timeline:not(.large) > li:last-child > ul > li:last-child:before {
  content: '';
  width: 10px;
  height: 100%;
  background: #93969b;
  position: absolute;
  top: 0;
  right: -1px;
  z-index: -1;
  transform: skewX(-15deg);
}
main .stage-timeline.loaded {
  opacity: 1;
}
main .stage-timeline-wrapper {
  display: flex;
}
main .stage-timeline-wrapper + .dataTables_wrapper {
  margin-top: -30px;
}
main .stage-timeline-wrapper + .filter-row {
  margin-top: 30px;
}
main table.data-table {
  width: 100%;
  float: left;
  clear: both;
  border-collapse: collapse;
}
main table.data-table thead tr th {
  font: 14px/20px 'world-rx-bold';
  height: 50px;
  background: #f1f2f5;
  text-transform: uppercase;
  padding: 0 25px;
  border: none;
  text-align: left;
}
main table.data-table thead tr th .col-details-only {
  display: none;
}
main table.data-table thead tr th .flag {
  width: 25px;
  height: auto;
  margin-top: 3px;
}
main table.data-table tbody tr td {
  font-size: 14px;
  height: 50px;
  border-bottom: 2px solid #f1f2f5;
  padding: 0 25px;
}
main table.data-table tbody tr td .flag {
  margin: -4px 10px -4px 0;
  height: 16px;
}
main table.data-table tbody tr td .manufacturer {
  margin: -7px 10px -10px 0;
  height: 32px;
}
main table.data-table tbody tr td .manufacturer.small {
  height: 25px;
  float: left;
  margin: 0 8px 5px 0;
}
main table.data-table tbody tr td .breakable-name {
  white-space: normal;
  display: flex;
  align-items: center;
}
main table.data-table tbody tr td .breakable-name .manufacturer {
  margin: 0 10px 0 0;
}
main table.data-table tbody tr td .portrait-wrapper {
  height: 55px;
  width: 70px;
  overflow: hidden;
  margin: 0 auto -3px;
}
main table.data-table tbody tr td .portrait-wrapper img {
  width: 100%;
}
main table.data-table tbody tr td .pts {
  margin-right: 5px;
}
main table.data-table tbody tr td a {
  color: #000000;
  position: relative;
}
main table.data-table tbody tr td a:hover {
  color: #02f3e9;
}
main table.data-table tbody tr td a.link-with-icon {
  display: flex;
  align-items: center;
  color: #1f2a44;
  font-family: 'world-rx-bold';
  text-transform: uppercase;
  z-index: 1;
  padding: 0 10px;
  background: #02f3e9;
  line-height: 30px;
  height: 30px;
  font-size: 15px;
  width: fit-content;
  min-width: 105px;
  margin-left: auto;
  margin-right: 25px;
  border: 1px solid #02f3e9;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main table.data-table tbody tr td a.link-with-icon i {
  font-size: 25px;
  margin: 0 5px 0 0;
  display: none;
}
main table.data-table tbody tr td a.link-with-icon:before {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: -1px;
  left: 0;
  z-index: -1;
  background: #02f3e9;
  border: 1px solid #02f3e9;
  border-left: none;
  transform-origin: bottom left;
  transform: skew(-15deg, 0deg);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main table.data-table tbody tr td a.link-with-icon:after {
  content: " ";
  position: absolute;
  display: block;
  width: 0%;
  height: 100%;
  top: -1px;
  left: 0px;
  z-index: -1;
  background: #1f2a44;
  border: 1px solid #02f3e9;
  border-left: none;
  border-right: none;
  transform-origin: bottom left;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main table.data-table tbody tr td a.link-with-icon:hover {
  background: #1f2a44;
  color: #02f3e9;
}
main table.data-table tbody tr td a.link-with-icon:hover:after {
  width: 100%;
  border-right: 1px solid #02f3e9;
  transform: skew(-15deg, 0deg);
}
main table.data-table tbody tr td.mark-red {
  color: #ff0000;
}
main table.data-table tbody tr td.mark-green {
  color: #00b935;
}
main table.data-table.calendar tbody tr td a {
  display: flex;
  align-items: center;
  justify-content: center;
}
main table.data-table.calendar tbody tr td a.driver {
  white-space: nowrap;
}
main table.data-table.calendar tbody tr td:nth-child(2) a {
  width: fit-content;
}
main table.data-table.calendar tbody tr td:nth-child(2) a:before {
  font-family: "fontello";
  content: '\e807';
  position: absolute;
  right: -25px;
  font-size: 16px;
  font-weight: bold;
  color: #02f3e9;
}
main table.data-table.calendar tbody tr.upcoming td {
  background: #ffffff;
  color: #666666;
}
main table.data-table.calendar tbody tr.upcoming td a {
  color: #666666;
}
main table.data-table.calendar tbody tr.upcoming td a:hover {
  color: #02f3e9;
}
main table.data-table.calendar tbody tr.next-rally td {
  background: #fafafb;
}
main table.data-table.calendar tbody tr.next-rally td:first-child {
  color: #ffffff;
  position: relative;
  z-index: 1;
  font-family: 'world-rx-bold';
  overflow: hidden;
}
main table.data-table.calendar tbody tr.next-rally td:first-child:after {
  content: '';
  width: 90px;
  height: 100%;
  background: #02f3e9;
  transform: skew(-15deg);
  z-index: -1;
  position: absolute;
  top: 0;
  left: -20px;
}
main table.data-table.calendar tbody tr.next-rally a.link-with-icon {
  color: #1f2a44;
}
main table.data-table.epg tbody tr td a {
  display: flex;
  align-items: center;
  font-family: 'world-rx-bold';
  text-transform: uppercase;
}
main table.data-table.epg tbody tr td a i {
  font-size: 25px;
  margin-right: 10px;
  color: #1f2a44;
}
main table.data-table.epg tbody tr td a:hover i {
  color: #02f3e9;
}
main table.data-table.epg tbody tr.upcoming td {
  color: #808080;
}
main table.data-table.epg tbody tr.upcoming td a {
  color: #666666;
  pointer-events: none;
}
main table.data-table.epg tbody tr.upcoming td a:hover {
  color: #02f3e9;
}
main table.data-table.epg tbody tr.upcoming td a i {
  display: none;
}
main table.data-table.epg tbody tr.live td {
  background: #fafafb;
}
main table.data-table.epg tbody tr.live td a {
  color: #02f3e9;
}
main table.data-table.epg tbody tr.live td a i {
  color: #ffffff;
  margin-right: 50px;
}
main table.data-table.epg tbody tr.live td:first-child {
  color: #ffffff;
  position: relative;
  z-index: 1;
  font-family: 'world-rx-bold';
  overflow: hidden;
}
main table.data-table.epg tbody tr.live td:first-child:after {
  content: '';
  width: 100px;
  height: 100%;
  background: #02f3e9;
  transform: skew(-15deg);
  z-index: -1;
  position: absolute;
  top: 0;
  left: -20px;
}
main table.data-table.epg tbody tr.live td:first-child a {
  padding-top: 20px;
}
main table.data-table.epg tbody tr.live td:first-child a i {
  margin-top: -20px;
}
main table.data-table.epg tbody tr.live td:first-child a:before {
  content: 'NOW LIVE';
  position: absolute;
  font-family: 'world-rx-bold';
  color: #02f3e9;
  top: 8px;
  left: 105px;
  font-size: 11px;
}
main table.data-table.epg tbody tr.live a.link-with-icon {
  color: #02f3e9;
}
main table.data-table + .btn-wrapper {
  display: flex;
  justify-content: center;
}
main table.data-table + .btn-wrapper .btn {
  margin: 0 10px;
}
main table.data-table.livetiming-standings thead tr th,
main table.data-table.livetiming-standings tbody tr td {
  padding: 0 12px;
}
main table.data-table.livetiming-standings tbody tr td:nth-child(n+4) {
  font-size: 12px;
}
main table.data-table.livetiming-standings .dtr-data br {
  display: none;
}
main .table-scroll-wrapper {
  overflow: hidden;
  overflow-x: scroll;
}
main .content.news .table-scroll-wrapper {
  /*float: left;*/
}
main .data-table__wrapper {
  display: flex;
  flex-flow: row;
  padding-top: 30px;
}
main .data-table__wrapper .data-table__item {
  flex: 1 1 50%;
  width: 50%;
  margin: 0 15px;
}
main .data-table__wrapper .data-table__item:nth-of-type(1) {
  margin-left: 0;
}
main .data-table__wrapper .data-table__item:nth-of-type(2) {
  margin-right: 0;
}
main .data-table__wrapper .data-table__item .section-heading {
  padding-left: 30px;
  font-size: 20px;
  line-height: 24px;
}
main .data-table__wrapper .data-table__item .section-heading:before {
  left: 0;
  height: 24px;
}
main .datatables {
  border: none !important;
  width: 100% !important;
}
main .datatables tbody tr td {
  white-space: nowrap;
}
main .datatables.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child {
  padding-left: 40px;
}
main .datatables.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before {
  background: #1f2a44;
  border: none;
  color: #ffffff;
  width: 20px;
  height: 20px;
  font-size: 19px;
  line-height: 18px;
  border-radius: 20px;
  font-weight: bold;
  font-family: 'Arial, sans-serif';
  top: 50%;
  margin-top: -11px;
  box-shadow: none;
}
main .datatables.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before {
  background: #02f3e9;
  color: #ffffff;
}
main .datatables tr.dtrg-group td {
  background: #f1f2f5;
  font-size: 18px;
}
main .datatables .dtr-details .col-details-only {
  display: inline;
}
main .datatables > tbody > tr.child {
  padding: 0;
}
main .datatables > tbody > tr.child td.child {
  background: #f9f9f9;
  border-left: 2px solid #f1f2f5;
  border-right: 2px solid #f1f2f5;
}
main .datatables > tbody > tr.child ul.dtr-details {
  width: 100%;
}
main .datatables > tbody > tr.child ul.dtr-details > li {
  padding: 0;
  line-height: 45px;
  border-bottom: 1px solid #f1f2f5;
}
main .datatables > tbody > tr.child ul.dtr-details > li .dtr-title {
  font-weight: normal;
  font-family: 'world-rx-bold';
  text-transform: uppercase;
  min-width: 100px;
}
main .datatables > tbody > tr.child ul.dtr-details > li .hide-tablet {
  display: inline !important;
}
main .table-heading {
  width: 100%;
  float: left;
  clear: both;
  text-align: left;
  background: #93969b;
  display: block;
  padding: 10px 30px;
  font-size: 16px;
  color: #ffffff;
}
main .dataTables_wrapper + .table-heading {
  margin-top: 60px;
}
main #championshipStandings {
  float: left;
  width: 100%;
}
main form.data-filter.before-contentNav {
  margin-bottom: 25px;
}
main .data-heading-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
  margin-bottom: 25px;
  position: relative;
}
main .data-heading-wrapper h3.section-heading {
  margin-bottom: 0;
  padding-left: 35px;
}
main .data-heading-wrapper h3.section-heading:before {
  left: 0;
}
main .data-heading-wrapper form.data-filter {
  display: flex;
  justify-content: flex-end;
}
main .data-heading-wrapper form.data-filter .selectize-control {
  margin-left: 20px;
  width: auto;
  max-width: 200px;
}
main .data-heading-wrapper .switch-time {
  display: block;
  width: 170px;
  position: absolute;
  top: 15px;
  left: 230px;
}
main .data-heading-wrapper .switch-time strong {
  font-size: 11px;
  line-height: 30px;
  margin-left: 5px;
  text-transform: none;
}
main .filter-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  float: left;
  clear: both;
}
main .filter-row form.data-filter {
  display: flex;
  justify-content: flex-start;
}
main .filter-row form.data-filter .selectize-control {
  margin-right: 20px;
  width: auto;
  max-width: 200px;
}
main .filter-row .btn-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
main .filter-row .btn-list li {
  margin-left: 20px;
}
main .filter-row .btn-list li .btn {
  height: 52px;
  line-height: 28px;
}
main .rally-page-header {
  background: url(/?proxy=img/rally-page-header.jpg) center center no-repeat;
  background-size: cover;
  height: 225px;
  color: #ffffff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
}
main .rally-page-header .main-grid {
  height: 100%;
  padding: 0;
}
main .rally-page-header .rally-header {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 0;
}
main .rally-page-header .rally-header.grid-centered {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  padding: 0;
}
main .rally-page-header .rally-header .rally-plate {
  grid-column: 1/3;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: 180px;
  padding: 0 15px;
}
main .rally-page-header .rally-header .badge {
  align-self: flex-start;
  margin-bottom: 15px;
}
main .rally-page-header .rally-header .rally-info {
  grid-column: 3/7;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding-right: 25px;
  padding-left: 25px;
}
main .rally-page-header .rally-header .rally-info .rally-name {
  font-size: 35px;
  line-height: 35px;
  display: block;
  margin: 0 0 10px;
}
main .rally-page-header .rally-header .rally-info .rally-name a {
  color: #ffffff;
  display: inline-flex;
  margin-bottom: 0.5em;
}
main .rally-page-header .rally-header .rally-info .rally-name a i {
  margin: auto auto 0;
  font-size: 26px;
}
main .rally-page-header .rally-header .rally-info .rally-name a:hover i {
  color: #02f3e9;
}
main .rally-page-header .rally-header .rally-info .rally-date {
  font-size: 16px;
  display: block;
}
main .rally-page-header .rally-header .rally-countdown {
  grid-column: 7/13;
  margin: 0 30px 0 30px;
  white-space: nowrap;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-around;
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 0 30px;
  color: #000000;
}
main .rally-page-header .rally-header .rally-countdown:before {
  content: '';
  height: 100%;
  -webkit-transform: skew(-15deg);
  -moz-transform: skew(-15deg);
  -ms-transform: skew(-15deg);
  -o-transform: skew(-15deg);
  background: #ffffff;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
main .rally-page-header .rally-header .rally-countdown .nowlive,
main .rally-page-header .rally-header .rally-countdown .completed {
  color: #02f3e9;
  font-size: 30px;
  line-height: 35px;
  display: block;
}
main .rally-page-header .rally-header .rally-countdown .nowlive i,
main .rally-page-header .rally-header .rally-countdown .completed i {
  font-size: 30px;
  line-height: 30px;
  margin-right: 10px;
  float: left;
}
main .rally-page-header .rally-header .rally-countdown .completed {
  color: #000000;
}
main .rally-page-header .rally-header .rally-countdown .addinfo {
  font-size: 16px;
  margin-top: 3px;
  display: block;
}
main .rally-page-header .rally-header .rally-countdown .addinfo .driver {
  color: #02f3e9;
}
main .rally-page-header .rally-header .rally-countdown .addinfo .flag {
  height: 12px;
  margin: 0 5px -1px 0;
}
main .rally-page-header .rally-header .rally-countdown .startsin {
  font-size: 16px;
  position: absolute;
  top: 70px;
  left: 64px;
  width: 176px;
  text-align: center;
}
main .rally-page-header .rally-header .rally-countdown .countdown-counter {
  float: none;
  margin-top: 16px;
}
main .rally-page-header .rally-header .rally-countdown .countdown-counter .counter .value {
  font-size: 40px;
}
main .rally-page-header .rally-header .rally-countdown .countdown-watch {
  margin-left: 15px;
  padding-left: 10px;
  border-left: 2px solid #f1f2f5;
}
main .livecenter-wrapper {
  width: 100%;
  max-width: 1400px;
  min-height: 850px;
  margin: 0 auto 100px;
  display: flex;
  flex-direction: column;
}
main .livecenter-wrapper .content {
  background: #ffffff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  float: left;
  width: 100%;
  padding: 30px 40px 40px;
}
main .livecenter-wrapper .epg {
  float: left;
  width: 100%;
  margin-top: 50px;
}
main .livecenter-wrapper .epg .main-grid {
  padding: 0;
}
main .livecenter-wrapper .wrc-content-fallback a {
  display: flex;
  justify-content: center;
  align-items: center;
}
main .livecenter-wrapper .wrc-content-fallback a img {
  width: 100%;
  max-width: 950px;
}
main .livecenter-wrapper .OnboardAction {
  position: relative;
  width: 100%;
  padding-bottom: 66%;
}
main .livecenter-wrapper .OnboardAction > iframe {
  height: 100%;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
}
main .livestream-wrapper {
  width: calc(100% + 80px);
  margin: -30px -40px -40px;
  float: left;
  overflow: hidden;
}
main .livestream-wrapper .video-fallback {
  width: 100%;
  height: auto;
  display: block;
}
main .livetext {
  width: 100%;
  float: left;
  clear: both;
}
main .livetext .event {
  display: flex;
  position: relative;
  overflow: hidden;
}
main .livetext .event.pinned {
  margin-top: 25px;
}
main .livetext .event.pinned .event-info i {
  background: #02f3e9;
}
main .livetext .event.pinned .event-content {
  background: #1f2a44;
  border-bottom: 10px solid #02f3e9;
  margin-left: -1px;
  position: relative;
  color: white !important;
}
main .livetext .event.pinned .event-content:after {
  position: absolute;
  bottom: -10px;
  right: 0;
  content: '';
  background: url(/?proxy=img/elements-line-corner.svg) 0 0 no-repeat #ffffff;
  width: 23px;
  height: 10px;
  z-index: 2;
}
main .livetext .event .event-info {
  display: flex;
  flex-direction: column;
  margin-right: -25px;
  position: relative;
  padding-top: 30px;
}
main .livetext .event .event-info i {
  background: #1f2a44;
  color: #ffffff;
  width: 50px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  position: relative;
  z-index: 2;
}
main .livetext .event .event-info span {
  color: #93969b;
  font-size: 11px;
  text-align: center;
  background: #ffffff;
  padding: 5px 0 3px;
  border: 2px solid #c9ccd2;
  border-top: none;
  position: relative;
  z-index: 2;
}
main .livetext .event .event-info span:before {
  content: '';
  position: absolute;
  left: -2px;
  bottom: -13px;
  border-top: 11px solid #c9ccd2;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
}
main .livetext .event .event-info span time {
  display: block;
}
main .livetext .event .event-info span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;
  border-top: 10px solid #ffffff;
  border-right: 23px solid transparent;
  border-left: 23px solid transparent;
}
main .livetext .event .event-info:before {
  content: '';
  height: 200%;
  width: 2px;
  background: #c9ccd2;
  position: absolute;
  top: -30px;
  left: 24px;
  z-index: 1;
}
main .livetext .event .event-content {
  padding: 40px 60px 40px 85px;
  border-bottom: 1px solid #f1f2f5;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  flex: 1;
  min-width: 0;
}
main .livetext .event .event-content h3 {
  font-size: 20px;
  margin: 0 0 10px 0;
}
main .livetext .event .event-content p {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
main .livetext .event .event-content .video-wrapper,
main .livetext .event .event-content .fullwidth-wrapper {
  margin-top: 30px;
}
main .livetext .event .event-content .fullwidth-wrapper {
  width: 100%;
  float: left;
  clear: both;
}
main .livetext .event .event-content .fullwidth-wrapper > a {
  display: block;
}
main .livetext .event .event-content .fullwidth-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}
main .livetext .event .event-share {
  display: flex;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
  position: absolute;
  top: 0;
  right: -20px;
  height: 40px;
  background: #f1f2f5;
  padding: 0 40px 0 20px;
  align-items: center;
  justify-content: space-between;
}
main .livetext .event .event-share:before {
  content: '';
  background: #f1f2f5;
  transform: skew(15deg);
  transform-origin: bottom;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
main .livetext .event .event-share span {
  font-size: 11px;
  color: #93969b;
  display: block;
  white-space: nowrap;
  line-height: 20px;
}
main .livetext .event .event-share ul.social-share {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
}
main .livetext .event .event-share ul.social-share li {
  margin-left: 10px;
}
main .livetext .event .event-share ul.social-share li a {
  display: block;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main .livetext .event .event-share ul.social-share li a i {
  font-size: 20px;
}
main .livetext .event .event-share ul.social-share li a i.icon-facebook {
  color: #1877f2;
}
main .livetext .event .event-share ul.social-share li a i.icon-twitter {
  color: #38a0cd;
}
main .livetext .event .event-share ul.social-share li a:hover {
  transform: scale(1.2);
}
main .livetext .event:first-child .event-info:before {
  top: 30px;
}
@media (hover: hover) {
  main .livetext .event .event-share {
    pointer-events: none;
  }
  main .livetext .event:hover.pinned .event-content {
    background: #24304f;
  }
  main .livetext .event:hover .event-content {
    background: #fafafb;
  }
  main .livetext .event:hover .event-share {
    opacity: 1;
    pointer-events: all;
    right: 0;
  }
}
main .livetext + .btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  float: left;
  clear: both;
}
main .driver-hero {
  overflow: hidden;
}
main .driver-hero .skew-content > .unskew {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
main .driver-hero .skew-content > .unskew > * {
  transform: none;
}
main .driver-hero .skew-content > .unskew > * > * {
  transform: skew(15deg);
}
main .driver-hero .driver-header {
  display: flex;
  flex-direction: column;
}
main .driver-hero .driver-header .driver {
  display: flex;
  align-items: flex-end;
}
main .driver-hero .driver-header .driver .portrait {
  width: 135px;
  margin-right: 20px;
}
main .driver-hero .driver-header .driver .name {
  font-size: 40px;
  display: block;
}
main .driver-hero .driver-header .driver .name strong {
  display: block;
  margin-left: -10px;
  text-transform: uppercase;
  font-size: 70px;
  line-height: 50px;
  margin-top: 10px;
}
main .driver-hero .driver-header .driver .manufacturer {
  height: 100px;
  margin-left: auto;
}
main .driver-hero .driver-header .meta-info {
  display: flex;
  align-items: flex-end;
  margin-top: 30px;
}
main .driver-hero .driver-header .meta-info .co-driver {
  flex: 1;
  display: flex;
  align-items: flex-end;
}
main .driver-hero .driver-header .meta-info .co-driver .portrait {
  width: 80px;
  margin-right: 30px;
  float: left;
}
main .driver-hero .driver-header .meta-info .team {
  flex: 1;
}
main .driver-hero .driver-header .meta-info .team .info-data {
  text-align: right;
}
main .driver-hero .info-data .category,
main .driver-hero .driver-info ul li .category {
  display: block;
  font-size: 16px;
}
main .driver-hero .info-data .value,
main .driver-hero .driver-info ul li .value {
  font-size: 16px;
  display: block;
  margin-left: -10px;
  margin-top: 5px;
}
main .driver-hero .info-data .value a,
main .driver-hero .driver-info ul li .value a {
  color: #000000;
}
main .driver-hero .info-data .value a i,
main .driver-hero .driver-info ul li .value a i {
  color: #02f3e9;
  margin-right: 5px;
  font-size: 15px;
}
main .driver-hero .info-data .value a:hover,
main .driver-hero .driver-info ul li .value a:hover {
  color: #02f3e9;
}
main .driver-hero .info-data .value .flag,
main .driver-hero .driver-info ul li .value .flag {
  float: left;
  width: 24px;
  margin-right: 5px;
  margin-top: 2px;
}
main .driver-hero .driver-info .box-heading {
  display: block;
  float: left;
  background: #f1f2f5;
  padding: 10px 20px;
  position: relative;
  font-size: 16px;
  text-transform: uppercase;
  transform: skew(0);
}
main .driver-hero .driver-info .box-heading span {
  transform: skew(15deg);
  display: block;
}
main .driver-hero .driver-info > ul {
  width: 100%;
  float: left;
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
  transform: none !important;
  margin-left: 15px;
  display: flex;
  flex-wrap: wrap;
}
main .driver-hero .driver-info > ul > li {
  width: 33.3%;
  padding: 15px 0;
  float: left;
  border-top: 3px solid #f1f2f5;
  transform: skew(15deg);
}
main .driver-hero .driver-info > ul > li > div {
  transform: skew(-15deg);
  border-right: 3px solid #f1f2f5;
  padding: 15px 35px;
  height: 100%;
}
main .driver-hero .driver-info > ul > li > div > * {
  transform: skew(15deg);
}
main .driver-hero .driver-info > ul > li:nth-child(3n) > div {
  border-right: none;
}
main .driver-hero .driver-info > ul > li .value {
  text-transform: none;
  margin-left: 0;
}
main .driver-hero .driver-info > ul > li .social-media {
  list-style: none;
  margin: 3px 0 0;
  padding: 0;
}
main .driver-hero .driver-info > ul > li .social-media li {
  float: left;
  margin-right: 15px;
}
main .driver-hero .driver-info > ul > li .social-media li a {
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: block;
}
main .driver-hero .driver-info > ul > li .social-media li a i {
  font-size: 24px;
}
main .driver-hero .driver-info > ul > li .social-media li a i.icon-facebook {
  color: #1877f2;
}
main .driver-hero .driver-info > ul > li .social-media li a i.icon-twitter {
  color: #38a0cd;
}
main .driver-hero .driver-info > ul > li .social-media li a i.icon-web {
  color: #02f3e9;
}
main .driver-hero .driver-info > ul > li .social-media li a:hover {
  transform: scale(1.2);
}
main .driver-hero .team-info {
  background: #1f2a44;
  display: flex;
  justify-content: space-between;
  margin-left: -50px;
  width: calc(100% + 100px);
  padding: 0 50px;
  align-items: center;
}
main .driver-hero .team-info .car {
  margin: -15px 0 10px;
  width: 250px;
}
main .driver-hero .team-info .info-data {
  color: #ffffff;
}
main .driver-hero .team-info .info-data .category {
  float: left;
  clear: left;
  margin-right: 15px;
  width: 50px;
  line-height: 21px;
}
main .driver-hero .team-info .info-data .value {
  float: left;
  margin-top: 0;
  line-height: 21px;
}
main .driver-season-stats .season-stats {
  width: 100%;
  float: left;
  clear: both;
  list-style: none;
  margin: 0;
  padding: 50px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  display: flex;
}
main .driver-season-stats .season-stats li {
  transform: skew(-15deg);
  padding: 0 50px;
  border-right: 5px solid #f1f2f5;
  flex: 1;
}
main .driver-season-stats .season-stats li > * {
  transform: skew(15deg);
}
main .driver-season-stats .season-stats li span {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 16px;
}
main .driver-season-stats .season-stats li span i {
  font-size: 40px;
  margin-right: 10px;
}
main .driver-season-stats .season-stats li strong {
  color: #02f3e9;
  display: block;
  font-size: 60px;
  text-align: center;
  margin: 15px 0 0 -30px;
}
main .driver-season-stats .season-stats li:last-child {
  border: none;
}
main .team-header {
  overflow: hidden;
}
main .team-header .split-image-box,
main .team-header .split-image-box:nth-child(even) {
  flex-direction: row;
  background: #ffffff;
  box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.1);
}
main .team-header .split-image-box .img-wrapper,
main .team-header .split-image-box:nth-child(even) .img-wrapper {
  transform-origin: top;
}
main .team-header .split-image-box .img-wrapper img,
main .team-header .split-image-box:nth-child(even) .img-wrapper img {
  float: left;
  width: auto;
  height: 100%;
  min-width: 1160px;
}
main .team-header .split-image-box .box-content,
main .team-header .split-image-box:nth-child(even) .box-content {
  align-items: flex-start;
  text-align: left;
  padding: 0 100px 0 0;
  flex: 1;
}
main .team-header .split-image-box .box-content .team-logo,
main .team-header .split-image-box:nth-child(even) .box-content .team-logo {
  height: 165px;
}
main .team-header .split-image-box .box-content .team-info,
main .team-header .split-image-box:nth-child(even) .box-content .team-info {
  margin: 50px 0;
  width: 100%;
}
main .team-header .split-image-box .box-content .team-info > ul,
main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul {
  width: 100%;
  float: left;
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
  transform: skew(-15deg);
  margin-left: 15px;
  display: flex;
  flex-wrap: wrap;
  border-top: 3px solid #f1f2f5;
  border-bottom: 3px solid #f1f2f5;
}
main .team-header .split-image-box .box-content .team-info > ul > li,
main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li {
  width: 33.3%;
  padding: 25px 0;
  float: left;
  transform: skew(15deg);
}
main .team-header .split-image-box .box-content .team-info > ul > li > div,
main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li > div {
  transform: skew(-15deg);
  border-right: 3px solid #f1f2f5;
  padding: 15px 35px;
  height: 100%;
}
main .team-header .split-image-box .box-content .team-info > ul > li > div > *,
main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li > div > * {
  transform: skew(15deg);
}
main .team-header .split-image-box .box-content .team-info > ul > li:nth-child(3n) > div,
main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li:nth-child(3n) > div {
  border-right: none;
}
main .team-header .split-image-box .box-content .team-info > ul > li .category,
main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li .category {
  display: block;
  font-size: 16px;
}
main .team-header .split-image-box .box-content .team-info > ul > li .value,
main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li .value {
  font-size: 16px;
  display: block;
  margin-left: 0px;
  margin-top: 5px;
  text-transform: none;
}
main .team-header .split-image-box .box-content .team-info > ul > li .value a,
main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li .value a {
  color: #000000;
}
main .team-header .split-image-box .box-content .team-info > ul > li .value a i,
main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li .value a i {
  color: #02f3e9;
  margin-right: 5px;
  font-size: 15px;
}
main .team-header .split-image-box .box-content .team-info > ul > li .value a:hover,
main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li .value a:hover {
  color: #02f3e9;
}
main .team-header .split-image-box .box-content .team-info > ul > li .value .flag,
main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li .value .flag {
  float: left;
  width: 24px;
  margin-right: 5px;
  margin-top: 2px;
}
main .team-header .split-image-box .box-content .btn,
main .team-header .split-image-box:nth-child(even) .box-content .btn {
  align-self: flex-start;
}
main .team-driver .driver-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 25px;
  grid-row-gap: 50px;
  position: relative;
}
main .team-driver .driver-grid .driver-pair {
  border-bottom: 10px solid #02f3e9;
  position: relative;
  display: flex;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
main .team-driver .driver-grid .driver-pair:after {
  position: absolute;
  bottom: -10px;
  right: 0;
  content: '';
  background: url(/?proxy=img/elements-line-corner.svg) 0 0 no-repeat #ffffff;
  width: 23px;
  height: 10px;
  z-index: 2;
}
main .team-driver .driver-grid .driver-pair .driver {
  flex: 1;
}
main .team-driver .driver-grid .driver-pair .driver a {
  display: block;
  color: #000000;
  background: #f1f2f5;
  height: 100%;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main .team-driver .driver-grid .driver-pair .driver a:hover {
  background: #d3d6e0;
}
main .team-driver .driver-grid .driver-pair .driver a:hover .img-wrapper img {
  transform: scale(1.05);
}
main .team-driver .driver-grid .driver-pair .driver .img-wrapper {
  padding: 25px 40px 0;
  overflow: hidden;
  background: #ffffff;
}
main .team-driver .driver-grid .driver-pair .driver .img-wrapper img {
  width: 100%;
  display: block;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main .team-driver .driver-grid .driver-pair .driver .content-wrapper {
  padding: 25px 25px 12px;
  overflow: hidden;
}
main .team-driver .driver-grid .driver-pair .driver .content-wrapper h3 {
  font-size: 22px;
  margin: 15px 0 5px;
}
main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl {
  margin: 0;
}
main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl dt,
main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl dd {
  font-size: 16px;
  line-height: 35px;
  margin: 0;
}
main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl dt {
  margin: 0 8px 0 0;
  float: left;
  clear: left;
}
main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl dd {
  float: left;
}
main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl dd .flag {
  height: 18px;
  float: left;
  margin: 7px 8px 0 0;
}
main .team-driver .driver-grid .driver-pair .driver:first-child .content-wrapper {
  border-right: 2px solid #d3d6e0;
}
main .team-driver .driver-grid.single {
  grid-template-columns: repeat(4, 1fr);
}
main .team-driver .driver-grid.single .driver-pair .driver .content-wrapper {
  border-right: none !important;
}
main nav.content-tabnav {
  float: left;
  clear: both;
  height: 75px;
  width: 100%;
  margin: 0;
}
main nav.content-tabnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  height: 100%;
}
main nav.content-tabnav ul li {
  flex: 1;
  background: #1f2a44;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 2px solid rgba(255, 255, 255, 0.1);
  position: relative;
}
main nav.content-tabnav ul li a {
  color: rgba(255, 255, 255, 0.7);
  font: 16px 'world-rx-bold';
  text-transform: uppercase;
  display: flex;
  align-items: center;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main nav.content-tabnav ul li a i {
  font-size: 30px;
  margin-right: 5px;
}
main nav.content-tabnav ul li a:hover {
  color: #ffffff;
}
main nav.content-tabnav ul li.disabled {
  background: #0f1421;
}
main nav.content-tabnav ul li.active {
  background: #02f3e9;
}
main nav.content-tabnav ul li.active a {
  color: #ffffff;
}
main nav.content-tabnav ul li.info {
  flex: 0;
  padding: 0 20px;
}
main nav.content-tabnav ul li.info i {
  margin: 0;
}
main nav.content-tabnav ul li.alllive:after {
  width: 61px;
  height: 23px;
}
main nav.content-tabnav ul li:last-child {
  border: none;
}
main nav.content-nav {
  width: 100%;
  float: left;
  clear: both;
  border-bottom: 2px solid #f1f2f5;
  height: 40px;
  margin-bottom: 30px;
}
main nav.content-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
}
main nav.content-nav ul li {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
}
main nav.content-nav ul li a {
  font-size: 16px;
  line-height: 32px;
  color: #000000;
  text-transform: uppercase;
  padding: 0 15px;
  font-family: 'world-rx-bold';
  color: rgba(0, 0, 0, 0.7);
}
main nav.content-nav ul li a:before {
  content: '';
  width: 0;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #02f3e9;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main nav.content-nav ul li a:hover {
  color: #000000;
}
main nav.content-nav ul li a:hover:before {
  width: 100%;
}
main nav.content-nav ul li.active a {
  color: #000000;
}
main nav.content-nav ul li.active a:before {
  width: 100%;
}
main .flag-wrapper {
  margin: 30px auto;
}
main nav.content-flag-nav {
  width: 100%;
  float: left;
  clear: both;
}
main nav.content-flag-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  height: 100%;
}
main nav.content-flag-nav ul li {
  flex: 1;
  background: #1f2a44;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
main nav.content-flag-nav ul li a {
  color: rgba(255, 255, 255, 0.7);
  font: 16px 'world-rx-reg';
  text-transform: uppercase;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  padding: 10px 5px 7px;
  position: relative;
  flex-direction: column;
}
main nav.content-flag-nav ul li a img {
  width: 100%;
  display: block;
  max-width: 35px;
  margin: 10px 0;
}
main nav.content-flag-nav ul li a span {
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  display: none;
  align-items: center;
  height: 40px;
}
main nav.content-flag-nav ul li a:hover {
  background: rgba(255, 255, 255, 0.1);
}
main nav.content-flag-nav ul li a:hover img {
  display: none;
}
main nav.content-flag-nav ul li a:hover span {
  display: flex;
}
main nav.content-flag-nav ul li a:before {
  content: '';
  width: 0;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #02f3e9;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
main nav.content-flag-nav ul li.active a {
  background: rgba(255, 255, 255, 0.1);
}
main nav.content-flag-nav ul li.active a:before {
  width: 100%;
}
main nav.content-flag-nav ul li:last-child {
  border: none;
}
main .infopage-benefits {
  width: 100%;
  float: left;
  clear: both;
  overflow: hidden;
  position: relative;
  float: none;
}
main .infopage-benefits .main-grid {
  position: relative;
}
main .infopage-benefits .main-grid:before {
  content: '';
  width: 300%;
  height: 100%;
  background: #1f2a44;
  position: absolute;
  left: -100%;
  top: 0;
  z-index: -1;
}
main .infopage-benefits .benefits-hero {
  display: block;
  width: 100%;
  background: #1f2a44;
}
main .infopage-benefits .grid-centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #ffffff;
}
main .infopage-benefits .grid-centered .alllive-logo-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 80px 0 50px;
}
main .infopage-benefits .grid-centered .alllive-logo-wrapper .logo-wrc {
  height: 70px;
  margin-right: 25px;
}
main .infopage-benefits .grid-centered .alllive-logo-wrapper strong {
  font-size: 60px;
  line-height: 44px;
  white-space: nowrap;
}
main .infopage-benefits .grid-centered h3 {
  font-size: 30px;
  margin: 0 0 10px 0;
  max-width: 990px;
}
main .infopage-benefits .grid-centered p {
  font-size: 22px;
  margin: 10px 0;
  max-width: 990px;
}
main .infopage-benefits .grid-centered .benefits-list {
  list-style: none;
  position: relative;
  margin: 80px 0 0 0;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 390px;
}
main .infopage-benefits .grid-centered .benefits-list li {
  margin: 0 50px;
  padding-bottom: 30px;
  min-width: 150px;
}
main .infopage-benefits .grid-centered .benefits-list li a {
  color: #ffffff;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'world-rx-bold';
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: column wrap;
}
main .infopage-benefits .grid-centered .benefits-list li a i {
  font-size: 90px;
  display: block;
  margin-bottom: 10px;
}
main .infopage-benefits .grid-centered .benefits-list li a span {
  margin: auto;
  white-space: break-spaces;
  hyphens: auto;
}
main .infopage-benefits .grid-centered .benefits-list li a:hover {
  color: #02f3e9;
}
main .infopage-benefits .grid-centered .benefits-list li .info-wrapper {
  position: absolute;
  height: 390px;
  bottom: 0;
  left: 0;
  display: none;
  padding: 70px 0;
  align-items: center;
  text-align: left;
}
main .infopage-benefits .grid-centered .benefits-list li .info-wrapper:before {
  content: '';
  width: 300%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  left: -100%;
  top: 0;
  z-index: -1;
}
main .infopage-benefits .grid-centered .benefits-list li .info-wrapper i {
  font-size: 150px;
  margin-right: 50px;
}
main .infopage-benefits .grid-centered .benefits-list li .info-wrapper p {
  margin: 0;
  font-size: 18px;
  padding-right: 100px;
}
main .infopage-benefits .grid-centered .benefits-list li .info-wrapper p strong {
  display: block;
  text-transform: uppercase;
  font-size: 22px;
  margin-bottom: 10px;
}
main .infopage-benefits .grid-centered .benefits-list li .info-wrapper .benefit-img {
  height: 240px;
  margin-left: auto;
}
main .infopage-benefits .grid-centered .benefits-list li.active > a {
  color: #02f3e9;
}
main .infopage-benefits .grid-centered .benefits-list li.active > a:before {
  content: '';
  position: absolute;
  bottom: -48px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 18px solid #1f2a44;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
}
main .infopage-benefits .grid-centered .benefits-list li.active .info-wrapper {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
main .infopage-benefits + .infopage-benefit-boxes {
  margin-top: -100px;
}
main .infopage-benefit-boxes {
  width: 100%;
  float: left;
  clear: both;
  overflow: hidden;
  position: relative;
}
main .split-image-box {
  display: flex;
  height: 730px;
}
main .split-image-box .img-wrapper {
  width: 50%;
  transform: skew(-15deg);
  overflow: hidden;
  transform-origin: top;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  height: 100%;
  position: relative;
}
main .split-image-box .img-wrapper img {
  height: 100%;
  width: 120%;
  object-fit: cover;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) skewX(15deg);
}
main .split-image-box .box-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: skew(-15deg);
  align-items: flex-start;
  padding: 0 50px 0 0;
}
main .split-image-box .box-content > * {
  transform: skew(15deg);
}
main .split-image-box .box-content > i {
  font-size: 110px;
  color: #02f3e9;
  margin-bottom: 20px;
}
main .split-image-box .box-content h3 {
  font-size: 45px;
  color: #02f3e9;
  margin: 0 0 20px;
  max-width: 600px;
}
main .split-image-box .box-content strong {
  font-size: 22px;
  text-transform: uppercase;
}
main .split-image-box .box-content p {
  font-size: 18px;
  margin: 10px 0;
  max-width: 600px;
}
main .split-image-box:nth-child(even) {
  flex-direction: row-reverse;
  background: #f1f2f5;
}
main .split-image-box:nth-child(even) .img-wrapper {
  transform-origin: bottom;
}
main .split-image-box:nth-child(even) .img-wrapper img {
  float: right;
}
main .split-image-box:nth-child(even) .box-content {
  align-items: flex-end;
  text-align: right;
  padding: 0 0 0 50px;
}
main .infopage-benefit-boxes .split-image-box .img-wrapper img {
  width: 135%;
}
main .infopage-devices {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
  background: #1f2a44;
  color: #ffffff;
  padding: 100px 0;
  margin-top: -100px;
}
main .infopage-devices .grid-centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
main .infopage-devices .grid-centered h3 {
  margin: 0 0 30px;
  font-size: 45px;
  text-transform: uppercase;
  line-height: 110px;
}
main .infopage-devices .grid-centered h3 i {
  float: left;
  margin-right: 20px;
  font-size: 110px;
}
main .infopage-devices .grid-centered strong {
  font-size: 22px;
  text-transform: uppercase;
  max-width: 990px;
}
main .infopage-devices .grid-centered p {
  font-size: 18px;
  max-width: 990px;
}
main .infopage-devices .grid-centered .devices-list {
  display: flex;
  list-style: none;
  margin: 50px 0;
  padding: 0;
}
main .infopage-devices .grid-centered .devices-list li {
  margin: 0 50px;
  font-size: 16px;
  font-family: 'world-rx-bold';
  text-align: center;
  text-transform: uppercase;
}
main .infopage-devices .grid-centered .devices-list li img {
  display: block;
  margin: 0 auto 20px;
  height: 100px;
}
main .infopage-devices .grid-centered .devices-img {
  width: 100%;
  display: block;
  margin-bottom: -150px;
}
main .infopage-benefits-grid .grid-centered .benefits-list {
  width: 100%;
  float: left;
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
main .infopage-benefits-grid .grid-centered .benefits-list li {
  transform: skew(-15deg);
  padding: 0 80px;
  border-right: 5px solid #f1f2f5;
  flex: 1;
  text-align: center;
}
main .infopage-benefits-grid .grid-centered .benefits-list li > div {
  transform: skew(15deg);
  margin-left: -40px;
  padding: 50px 0;
}
main .infopage-benefits-grid .grid-centered .benefits-list li i {
  font-size: 90px;
  color: #02f3e9;
  margin-bottom: 20px;
}
main .infopage-benefits-grid .grid-centered .benefits-list li h3 {
  font-size: 35px;
  color: #02f3e9;
  margin: 0 0 20px;
  max-width: 600px;
}
main .infopage-benefits-grid .grid-centered .benefits-list li strong {
  font-size: 20px;
  text-transform: uppercase;
  display: block;
}
main .infopage-benefits-grid .grid-centered .benefits-list li p {
  font-size: 16px;
  margin: 10px 0;
}
main .infopage-benefits-grid .grid-centered .benefits-list li:last-child {
  border: none;
}
main .infopage-benefits-grid .grid-centered .infobox {
  width: 100%;
  float: left;
  clear: both;
  margin-top: 50px;
  text-align: center;
  background: #f1f2f5;
  padding: 20px;
  font-size: 16px;
}
main .infopage-benefits-grid .grid-centered .infobox a {
  color: #02f3e9;
}
.sponsors {
  overflow: hidden;
}
.sponsors ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}
.sponsors ul li {
  display: flex;
  flex: 1 0;
}
.sponsors ul li a {
  display: block;
  padding: 30px 10px;
}
.sponsors ul li a img {
  display: block;
  /*filter: saturate(0);
  -webkit-filter: saturate(0);
  -moz-filter: saturate(0);
  -o-filter: saturate(0);
  -ms-filter: saturate(0);*/
  width: 100%;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0.8;
}
.sponsors ul li a:hover img {
  filter: saturate(1);
  -webkit-filter: saturate(1);
  -moz-filter: saturate(1);
  -o-filter: saturate(1);
  -ms-filter: saturate(1);
  opacity: 1;
}
.sponsors ul:before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 300%;
  height: 100%;
  background: #f1f2f5;
}
footer {
  background: #1f2a44;
  color: #ffffff;
  width: 100%;
  float: left;
  clear: both;
  overflow: hidden;
}
footer ul.partner-pyramid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  position: relative;
  margin: 0 auto;
  padding: 45px 0 20px;
  max-width: 800px;
}
footer ul.partner-pyramid li {
  padding: 10px;
}
footer ul.partner-pyramid li.w12 {
  width: 100%;
}
footer ul.partner-pyramid li.w6 {
  width: 50%;
}
footer ul.partner-pyramid li.w3 {
  width: 33.3%;
}
footer ul.partner-pyramid li.w4 {
  width: 25%;
}
footer ul.partner-pyramid li a {
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  text-align: center;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
footer ul.partner-pyramid li a img {
  height: 80px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  filter: saturate(0);
  -webkit-filter: saturate(0);
  -moz-filter: saturate(0);
  -o-filter: saturate(0);
  -ms-filter: saturate(0);
  opacity: 0.7;
}
footer ul.partner-pyramid li a:hover img {
  opacity: 1;
  filter: saturate(1);
  -webkit-filter: saturate(1);
  -moz-filter: saturate(1);
  -o-filter: saturate(1);
  -ms-filter: saturate(1);
}
footer .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 0;
  margin: 0 auto;
}
footer .content .legal {
  list-style: none;
  margin: 0 0 50px 0;
  padding: 0;
}
footer .content .legal > li {
  float: left;
  padding: 0 40px;
}
footer .content .legal > li > a {
  display: block;
  color: #ffffff;
  font: 14px 'world-rx-bold';
  text-transform: uppercase;
}
footer .content .legal > li > a:hover {
  color: #02f3e9;
}
footer .content .legal > li > ul {
  list-style: none;
  margin: 0;
  padding: 5px 0 0 0;
}
footer .content .legal > li > ul > li > a {
  font-size: 12px;
  color: #ffffff;
  line-height: 20px;
}
footer .content .social {
  list-style: none;
  margin: 0 0 50px 0;
  padding: 0;
}
footer .content .social li {
  float: left;
  margin: 0 3px;
}
footer .content .social li a {
  display: block;
  padding: 3px;
  height: 33px;
  width: 33px;
  font-size: 21px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  text-align: center;
}
footer .content .social li a:hover {
  background: #02f3e9;
}
footer .content .copy {
  margin: 0;
  padding: 0;
  font-size: 11px;
}
.overlay-wrapper.video .overlay {
  padding: 0;
}
.overlay-wrapper.video .overlay .video-wrapper {
  width: 30%;
  padding-bottom: 56.25%;
  position: relative;
}
.overlay-wrapper.video .overlay .video-wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
}
.overlay-wrapper.video .overlay {
  padding: 0;
}
body.has-overlay {
  overflow: hidden;
}
body.has-overlay main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  filter: blur(11px);
}
body .overlay-wrapper {
  position: fixed;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .overlay-wrapper .overlay {
  background: #000000;
  width: 80%;
  max-width: 1160px;
  margin: 0 auto;
  position: relative;
  display: flex;
}
body .overlay-wrapper .overlay .video-wrapper {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}
body .overlay-wrapper .overlay .video-wrapper > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
}
body .overlay-wrapper .overlay .video-wrapper .video-fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body .overlay-wrapper .overlay .icon-close {
  position: absolute;
  top: 20px;
  right: -40px;
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
}
body .overlay-wrapper .overlay .icon-close:hover {
  color: #02f3e9;
}
#cookie {
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 100;
  border-top: 2px solid white;
  background: #1f2a44;
  width: 100%;
  left: 0;
  padding: 15px;
}
#cookie .cookie-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#cookie .cookie-wrapper .content {
  font: 14px/18px 'world-rx-reg';
  padding: 0 50px 0 0;
}
#cookie .cookie-wrapper .content .text {
  color: white;
}
#cookie .cookie-wrapper .content .text p {
  margin: 0;
  font-size: 14px;
}
#cookie .cookie-wrapper .content .text a {
  color: white;
  font-family: 'world-rx-bold';
  text-decoration: underline;
}
#cookie .cookie-wrapper .button .accept {
  color: white;
  background: #02f3e9;
  display: block;
  text-align: center;
}
#cookie .cookie-wrapper .button .accept a {
  color: #ffffff;
  font: 16px/40px 'world-rx-bold';
  display: block;
  height: 40px;
  min-width: 45px;
  padding: 0 25px;
}
.user-message {
  display: block;
  position: fixed;
  z-index: 99999999999;
  color: #eeeeee;
  width: 100%;
  max-width: 350px;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) skew(-15deg);
  -ms-transform: translate(-50%, -50%) skew(-15deg);
  transform: translate(-50%, -50%) skew(-15deg);
  background-color: #02f3e9;
  padding: 45px 45px 40px;
  font-size: 18px;
}
.user-message .inner {
  -webkit-transform: skew(15deg);
  -ms-transform: skew(15deg);
  transform: skew(15deg);
}
.user-message .close::before {
  cursor: pointer;
  content: 'x';
  top: 0;
  position: absolute;
  right: 0;
  z-index: 10;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 22px;
}
.spottTeaserArchiveAd {
  float: left;
  margin: 25px 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.spottTeaserArchiveAd + .videogrid-archive {
  margin-top: 25px;
}
.google-ad {
  width: 100%;
  display: flex;
  justify-content: center;
}
@keyframes ldio-jqbl19epsor {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.ldio-jqbl19epsor div {
  position: absolute;
  width: 120px;
  height: 120px;
  border: 20px solid #02f3e9;
  border-top-color: transparent;
  border-radius: 50%;
}
.ldio-jqbl19epsor div {
  animation: ldio-jqbl19epsor 1s linear infinite;
  top: 100px;
  left: 100px;
}
.loadingio-spinner-rolling-j5q9e5ficdo {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: none;
  margin-left: 40%;
  margin-top: 20%;
}
.ldio-jqbl19epsor {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
  /* see note above */
}
.ldio-jqbl19epsor div {
  box-sizing: content-box;
}
.skyscraper-ad,
.skyscraperHelper {
  position: fixed;
  width: 160px;
  height: 600px;
  margin: 0 auto;
  top: 125px;
  right: 0;
  bottom: 0;
  left: 0;
}
.skyscraper-ad.left,
.skyscraperHelper.left {
  margin-left: calc(50% - 700px - 160px - 25px);
}
.skyscraper-ad.right,
.skyscraperHelper.right {
  margin-right: calc(50% - 700px - 160px - 25px);
}
.skyscraper-ad img,
.skyscraperHelper img {
  border: none;
  width: 100%;
  height: 100%;
}
.skyscraperHelper {
  width: 1px;
}
body.video {
  background: url(/?proxy=img/WRC_Background_blau.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.video header {
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}
body.video footer {
  border-top: 2px solid rgba(255, 255, 255, 0.1);
}
body.video section.video-hero {
  height: 720px;
  background: transparent;
  border-bottom: 10px solid #02f3e9;
  position: relative;
  margin-bottom: 50px;
}
body.video section.video-hero:after {
  position: absolute;
  bottom: -10px;
  right: 0;
  content: '';
  background: url(/?proxy=img/elements-line-corner.svg) 0 0 no-repeat #1f2a44;
  width: 23px;
  height: 10px;
  z-index: 2;
}
body.video section.video-hero .content-box {
  max-width: 1400px;
  margin: auto;
  position: relative;
}
body.video section.video-hero .content-box .slick-list {
  overflow: visible;
}
body.video section.video-hero .content-box .slick-list .slick-slide:not(.slick-active) {
  opacity: 0.5;
}
body.video section.video-hero .content-box .slick-list figure.teaser {
  box-shadow: none;
}
body.video section.video-hero .content-box .slick-list figure.teaser .img-wrapper {
  height: 610px;
  display: flex;
}
body.video section.video-hero .content-box .slick-list figure.teaser .img-wrapper img {
  object-fit: cover;
}
body.video section.video-hero .content-box .slick-list figure.teaser figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 75%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  color: #ffffff;
  z-index: 2;
  padding: 180px 30px 200px 120px;
}
body.video section.video-hero .content-box .slick-list figure.teaser figcaption:before {
  content: '';
  background: #1f2a44;
  /* Old browsers */
  background-color: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #1f2942), color-stop(100%, rgba(31, 41, 66, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* IE10+ */
  background: linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* W3C */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#001f2942, endColorstr=#ff1f2942);
  /* IE6-9 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#001f2942, endColorstr=#ff1f2942);
  /* IE6-9 */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  margin-left: 0 !important;
}
body.video section.video-hero .content-box .slick-list figure.teaser figcaption:hover:before {
  opacity: 1;
}
body.video section.video-hero .content-box .slick-list figure.teaser figcaption > * {
  z-index: 1;
  position: relative;
}
body.video section.video-hero .content-box .slick-list figure.teaser figcaption .date {
  color: #ffffff;
  font-size: 16px;
}
body.video section.video-hero .content-box .slick-list figure.teaser figcaption p {
  font-size: 15px;
  position: absolute;
  top: 160px;
  color: #C9CCD2;
}
body.video section.video-hero .content-box .slick-list figure.teaser figcaption h3 {
  font-size: 45px;
  max-width: 65%;
}
body.video section.video-hero .content-box .slick-list figure.teaser figcaption h3:before {
  font-size: 20px;
  top: 5px;
  left: -75px;
}
body.video section.video-hero .content-box .slick-list figure.teaser figcaption h3:after {
  height: 40px;
  width: 55px;
  top: 10px;
  left: -70px;
}
body.video section.video-hero .content-box .slick-dots {
  bottom: 100px;
}
body.video section.video-hero .content-box section.channels {
  position: absolute;
  bottom: -50px;
  width: 100%;
  clear: both;
  left: 50px;
  margin: 0;
}
body.video section.video-hero .content-box section.channels ul {
  width: 75%;
}
body.video section.video-hero .btn-wrapper {
  opacity: 0.5;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 4;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.video section.video-hero .btn-wrapper:hover {
  opacity: 1;
}
body.video section.video-hero .btn-wrapper.more-videos {
  width: 150px;
  margin-left: -75px;
  left: 50%;
  top: auto;
  bottom: 30px;
  text-align: center;
  position: fixed;
}
body.video section.video-hero .btn-wrapper.more-videos a i {
  transform: rotate(-270deg);
}
body.video section.video-hero.channel {
  background: #1f2a44;
}
body.video section.video-hero.channel:before {
  content: '';
  background: #1f2a44;
  /* Old browsers */
  background-color: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #1f2942), color-stop(100%, rgba(31, 41, 66, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* IE10+ */
  background: linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* W3C */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#001f2942, endColorstr=#ff1f2942);
  /* IE6-9 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#001f2942, endColorstr=#ff1f2942);
  /* IE6-9 */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  margin-left: 0 !important;
}
body.video section.video-hero.channel .channelTeaserImg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 0.5;
}
body.video section.video-hero.channel .content-box {
  z-index: 3;
}
body.video section.video-hero.channel .content-box .channelLogo {
  width: 100%;
  text-align: center;
  padding: 50px 50px 0;
}
body.video section.video-hero.channel .content-box .channelLogo img {
  width: auto;
  height: auto;
}
body.video section.video-hero.channel .content-box .channelText {
  color: white;
  text-align: center;
  padding: 0 20px;
}
body.video section.video-hero.channel .content-box .channelText h1 {
  font: 20px/25px 'world-rx-bold';
  text-transform: uppercase;
}
body.video section.video-hero.channel .content-box .channelText p {
  font: 13px/16px 'world-rx-reg';
  margin-top: -10px;
}
body.video section.video-hero.channel .video-lane-contel {
  z-index: 3;
  position: relative;
}
body.video section.video-hero.channel .video-lane-contel figure.video-teaser figcaption h3 {
  font-size: 16px;
}
body.video section.video-hero.player .content-box #wrcSpottVideoPlayer > .videoplayer {
  width: 100%;
  max-width: 950px;
  margin: auto;
  padding-top: 30px;
  overflow: hidden;
}
body.video section.video-hero.player .content-box .videoText {
  width: 100%;
  max-width: 950px;
  margin: auto;
  color: white;
  position: relative;
}
body.video section.video-hero.player .content-box .videoText h1 {
  font-size: 30px;
  margin: 30px 0 10px;
}
body.video section.video-hero.player .content-box .videoText p {
  font-size: 13px;
  margin-top: 0;
}
body.video section.video-hero.player .content-box .videoText .share {
  position: absolute;
  top: 0;
  right: 0;
}
body.video section.video-hero.player .content-box .videoText .share span {
  color: white;
  opacity: 0.5;
  font-size: 12px;
  margin-right: 5px;
  position: relative;
  top: -3px;
}
body.video section.video-hero.player .content-box .videoText .share a {
  color: white;
  font-size: 25px;
  margin: 0 5px;
  opacity: 0.5;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.video section.video-hero.player .content-box .videoText .share a:hover {
  opacity: 1;
}
body.video section.channels {
  max-width: 1400px;
  margin: 0 auto 100px auto;
}
body.video section.channels .title {
  width: 15%;
  float: left;
  color: #ffffff;
  font: 15px/18px 'world-rx-bold';
  text-transform: uppercase;
  padding-right: 25px;
  margin-top: 40px;
  max-width: 230px;
}
body.video section.channels ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  width: 85%;
  justify-content: left;
}
body.video section.channels ul li {
  width: 20%;
  margin: 0 1%;
}
body.video section.channels ul li a {
  width: 100%;
  display: block;
  border: 2px solid #AAAAAA;
  border-radius: 5px;
  background: #364057;
  text-align: center;
  padding: 25px;
  position: relative;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  min-height: 70px;
}
body.video section.channels ul li a:before {
  content: '';
  background: #414D67;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 50%;
  z-index: 1;
  border-radius: 2px;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.video section.channels ul li a:hover {
  filter: brightness(1.1);
}
body.video section.channels ul li a:hover:before {
  filter: brightness(1.1);
}
body.video section.channels ul li a:hover img {
  transform: scale(1.1);
}
body.video section.channels ul li a img {
  position: relative;
  z-index: 2;
  border: none;
  width: 100%;
  height: auto;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.video section.search {
  margin-bottom: 20px;
}
body.video section.search form {
  opacity: 0.5;
}
body.video section.search form.active {
  opacity: 1;
}
body.video section.search form input {
  background: transparent;
  color: white;
  font-family: 'world-rx-bold';
  border: 2px solid #f1f2f5;
  line-height: 46px;
  padding-right: 55px;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}
body.video section.search form button.btn.grey {
  position: absolute;
  right: 25px;
  top: 0;
  width: 50px;
  height: 50px;
  border: 2px solid #f1f2f5;
  padding-top: 13px;
  background: #f1f2f5;
  color: black;
}
body.video section.search form button.btn.grey:before {
  background: white;
}
body.video section.search form button.btn.grey:hover {
  color: black;
  border-color: #f1f2f5;
}
body.video section.search form button.btn.grey i {
  font-size: 20px;
  color: black;
}
body.video section.search .search-info {
  grid-column: 1/9;
  color: #93969b;
  font-size: 14px;
  margin-top: -25px;
  padding: 0 25px;
}
body.video section.content-nav {
  margin-bottom: 20px;
}
body.video section.content-nav nav.content-nav {
  grid-column: 1/9;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}
body.video section.content-nav nav.content-nav ul li.active a {
  color: white;
}
body.video section.content-nav nav.content-nav ul li a {
  color: rgba(255, 255, 255, 0.7);
}
body.video section.content-nav nav.content-nav ul li a:hover {
  color: white;
}
body.video .section-heading {
  color: white;
}
body.video .slick-track {
  margin-left: 0;
}
body.video div#wrcSpottSearch {
  overflow: hidden;
  margin-bottom: 100px;
}
body.video section.search-results {
  margin-top: 50px;
  overflow: hidden;
}
body.video section.search-results .main-grid {
  display: block;
}
body.video section.search-results .main-grid .videogrid-archive {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
  float: left;
  width: 100%;
}
body.video section.search-results .main-grid .videogrid-archive .teaser {
  position: relative;
  width: 100%;
}
body.video section.search-results .main-grid .videogrid-archive .teaser a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body.video section.search-results .main-grid .videogrid-archive .teaser figcaption {
  overflow: hidden;
  position: relative;
  flex: 1;
  background: #1f2a44;
  color: white;
}
body.video section.search-results .main-grid .videogrid-archive .teaser figcaption .date {
  float: left;
  font-size: 12px;
}
body.video section.search-results .main-grid .videogrid-archive .teaser figcaption .date + .category:before {
  content: '-';
  float: left;
  padding: 0 3px;
}
body.video section.search-results .main-grid .videogrid-archive .teaser figcaption .category {
  display: block;
  font-size: 12px;
}
body.video section.search-results .main-grid .videogrid-archive .teaser figcaption h3 {
  clear: left;
  float: left;
  margin: 10px 0 0;
  min-height: 42px;
  text-transform: none;
}
body.video section.search-results .main-grid .videogrid-archive .teaser.playing:before,
body.video section.search-results .main-grid .videogrid-archive .teaser.playing:after {
  display: none;
}
body.video section.search-results .main-grid .videogrid-archive .teaser.playing .img-wrapper {
  background: #1f2a44;
  position: relative;
}
body.video section.search-results .main-grid .videogrid-archive .teaser.playing .img-wrapper:before {
  content: "Now playing...";
  color: #ffffff;
  font: 18px 'world-rx-bold';
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.video section.search-results .main-grid .videogrid-archive .teaser.playing .img-wrapper img {
  opacity: 0.2;
}
body.video section.search-results .main-grid div.paging {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  float: left;
  clear: both;
  margin-top: 30px;
}
body.video section.search-results .main-grid div.paging ul.pages {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.video section.search-results .main-grid div.paging ul.pages li {
  float: left;
  padding: 0 10px;
  border-right: 1px solid #c9ccd2;
}
body.video section.search-results .main-grid div.paging ul.pages li a {
  display: block;
  font-size: 16px;
  color: white;
  line-height: 20px;
}
body.video section.search-results .main-grid div.paging ul.pages li.active a {
  color: white;
  font-family: 'world-rx-bold';
  font-size: 20px;
}
body.video section.search-results .main-grid div.paging ul.pages li:last-child {
  border-right: none;
}
body.video section.search-results .main-grid div.paging a.btn {
  color: white;
  border-color: white;
}
body.video section.search-results .main-grid div.paging a.btn:hover {
  border-color: #02f3e9;
}
body.video section.search-results .main-grid div.paging .btn.disabled {
  pointer-events: none;
  opacity: 0;
}
@font-face {
  font-family: 'world-rx-reg';
  src: url('../font/world-rx-reg.eot');
  src: local(world-rx-reg), url('../font/world-rx-reg.woff2') format('woff2'), url('../font/world-rx-reg.woff') format('woff'), url('../font/world-rx-reg.ttf') format('truetype'), url('../font/world-rx-reg.svg#world-rx-reg') format('svg');
}
@font-face {
  font-family: 'world-rx-bold';
  src: url('../font/world-rx-bold.eot');
  src: local(world-rx-bold), url('../font/world-rx-bold.woff2') format('woff2'), url('../font/world-rx-bold.woff') format('woff'), url('../font/world-rx-bold.ttf') format('truetype'), url('../font/world-rx-bold.svg#world-rx-bold') format('svg');
}
@font-face {
  font-family: 'Digital7';
  src: url('../font/digital7.woff2') format('woff2'), url('../font/digital7.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
* {
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  position: relative;
  height: 100%;
  font-family: 'world-rx-reg';
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #FDFDFD;
}
i[class^="icon-"] {
  display: inline-block;
  margin: 0;
  padding: 0;
}
i[class^="icon-"]:before {
  margin: 0;
  padding: 0;
  display: block;
  width: auto;
}
a {
  text-decoration: none;
}
.fullwidth {
  width: 100%;
  float: left;
  clear: both;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-family: 'world-rx-bold';
  font-weight: normal;
  text-transform: uppercase;
}
.hide-desktop {
  display: none !important;
}
.hide-desktop-only {
  display: none !important;
}
.hide-desktop1380-only {
  display: none !important;
}
.show-tablet-portrait {
  display: none;
}
.acenter {
  text-align: center !important;
  justify-content: center;
}
.aleft {
  text-align: left !important;
}
.aright {
  text-align: right !important;
  justify-content: flex-end;
}
:focus {
  outline: none !important;
}
/************************/
/*                      */
/*    GLOBAL ELEMENTS   */
/*                      */
/************************/
.btn {
  background: #02f3e9;
  height: 40px;
  font: 14px/19px 'world-rx-bold';
  border: 2px solid #02f3e9;
  padding: 10px 20px;
  display: inline-flex;
  align-self: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  overflow: hidden;
  color: #ffffff;
  white-space: nowrap;
  cursor: pointer;
}
.btn:before {
  content: '';
  width: 150%;
  left: -170%;
  height: 120%;
  top: -10%;
  background: #1f2a44;
  position: absolute;
  transform: skew(-15deg);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: -1;
}
.btn:hover {
  color: #ffffff;
  border-color: #02f3e9;
}
.btn:hover:before {
  left: -25%;
}
.btn:hover i {
  color: #ffffff;
}
.btn i {
  font-size: 25px;
  display: flex;
  align-items: center;
}
.btn i.left {
  margin-right: 10px;
}
.btn i.right {
  margin-left: 10px;
}
.btn i.icon-arrow {
  font-size: 15px;
}
.btn i.icon-arrow.left {
  -webkit-transform: rotate(-180deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-backface-visibility: hidden;
}
.btn i.icon-play {
  font-size: 15px;
}
.btn.border {
  background: none;
}
.btn.white:before {
  background: #02f3e9;
}
.btn.white.border {
  border: 2px solid #ffffff;
}
.btn.white.border:hover {
  border-color: #02f3e9;
  color: #ffffff;
}
.btn.black {
  color: #000000;
}
.btn.black:before {
  background: #02f3e9;
}
.btn.black.border {
  border: 2px solid #000000;
}
.btn.black.border:hover {
  border-color: #02f3e9;
  color: #ffffff;
}
.btn.grey {
  color: #ffffff;
  background: #c9ccd2;
  border-color: #c9ccd2;
}
.btn.grey:before {
  background: #93969b;
}
.btn.grey:hover {
  border-color: #93969b;
}
.btn.grey.border {
  border: 2px solid #c9ccd2;
}
.btn.grey.border:hover {
  border-color: #02f3e9;
  color: #ffffff;
}
/******************/
/*    SCHRÄGEN    */
/******************/
.skew-box {
  transform: skew(-15deg);
  padding: 15px 25px;
  background: #1f2a44;
  color: #ffffff;
  font-size: 20px;
}
.skew-box .unskew {
  transform: skew(15deg);
}
.skew-box .unskew p {
  margin: 0;
  text-transform: uppercase;
}
.skew-box .unskew .alllive {
  width: 375px;
  margin-bottom: 15px;
}
.skew-box + .skew-btn {
  margin-right: 22px;
  margin-top: 10px;
}
.skew-btn {
  background: #02f3e9;
  color: #ffffff;
  display: flex;
  float: right;
  transform: skew(-15deg);
  height: 60px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.skew-btn:before {
  content: '';
  width: 150%;
  left: -170%;
  height: 120%;
  top: -10%;
  background: #ffffff;
  position: absolute;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: -1;
}
.skew-btn:hover {
  color: #02f3e9;
  border-color: #02f3e9;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
.skew-btn:hover:before {
  left: -25%;
}
.skew-btn:hover .icon-wrapper {
  border-color: #02f3e9;
}
.skew-btn .icon-wrapper {
  float: left;
  background: #ffffff;
  padding: 0 25px;
  height: 100%;
  border-right: 2px solid #ffffff;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.skew-btn .icon-wrapper i {
  color: #02f3e9;
  font-size: 30px;
  transform: skew(15deg);
}
.skew-btn .icon-wrapper i:before {
  line-height: 60px;
}
.skew-btn strong {
  transform: skew(15deg);
  display: block;
  padding: 0 25px;
  float: right;
  font-size: 22px;
  line-height: 60px;
}
.skew-wrapper {
  height: 760px;
  position: relative;
  overflow: hidden;
}
.skew-wrapper .main-grid {
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  max-width: 1805px;
}
.skew-wrapper .skew-content {
  transform: skew(-15deg);
  background: #ffffff;
  height: 100%;
  z-index: 2;
  padding: 40px 50px 0;
}
.skew-wrapper .skew-content > .unskew > * {
  transform: skew(15deg);
}
.skew-wrapper .skew-content .teaser-text-wrapper {
  position: absolute;
  top: 40px;
  white-space: nowrap;
}
.skew-wrapper .skew-content.right {
  grid-column: 5/10;
  transform-origin: bottom;
}
.skew-wrapper .skew-content.right .teaser-text-wrapper {
  right: 100%;
  margin-right: 50px;
  text-align: right;
}
.skew-wrapper .skew-content.left {
  grid-column: 2/7;
  transform-origin: bottom;
}
.skew-wrapper .skew-content.left .teaser-text-wrapper {
  right: 100%;
  margin-right: 50px;
  text-align: right;
}
.skew-wrapper .box-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.section-heading {
  font: 30px/28px 'world-rx-bold';
  position: relative;
  width: 100%;
  max-width: 1450px;
  padding: 0 25px 0 60px;
  margin: 0 auto 25px;
}
.badge {
  position: relative;
  color: #ffffff;
  font: 13px/25px 'world-rx-bold';
  height: 25px;
  text-transform: uppercase;
  display: inline-block;
  z-index: 1;
  padding: 0 10px;
  background: #02f3e9;
}
.badge:before {
  content: '';
  height: 100%;
  background: #02f3e9;
  transform: skew(-15deg);
  transform-origin: bottom;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.badge:after {
  content: '';
  width: 5px;
  height: 100%;
  background: #02f3e9;
  transform: skew(-15deg);
  position: absolute;
  left: 100%;
  margin-left: 8px;
}
.badge.large {
  line-height: 30px;
  height: 30px;
  font-size: 15px;
}
.slick-slider {
  min-width: 0;
}
.slick-arrow,
.scroll-arrow {
  background: #ffffff;
  z-index: 5;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 11px;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slick-arrow i,
.scroll-arrow i {
  font-size: 18px;
  color: #000000;
}
.slick-arrow.slick-next,
.scroll-arrow.slick-next,
.slick-arrow.next,
.scroll-arrow.next {
  right: 0;
}
.slick-arrow.slick-prev,
.scroll-arrow.slick-prev,
.slick-arrow.prev,
.scroll-arrow.prev {
  left: 0;
}
.slick-arrow.slick-prev i,
.scroll-arrow.slick-prev i,
.slick-arrow.prev i,
.scroll-arrow.prev i {
  -webkit-transform: rotate(-180deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-backface-visibility: hidden;
}
.slick-arrow.slick-prev:before,
.scroll-arrow.slick-prev:before,
.slick-arrow.prev:before,
.scroll-arrow.prev:before {
  font-size: inherit !important;
}
.slick-arrow:hover,
.scroll-arrow:hover {
  background: #02f3e9;
}
.slick-arrow:hover i,
.scroll-arrow:hover i {
  color: #ffffff;
}
.slick-arrow.disabled,
.scroll-arrow.disabled {
  display: none;
}
.slick-arrow.dark,
.scroll-arrow.dark {
  background: #1f2a44;
}
.slick-arrow.dark i,
.scroll-arrow.dark i {
  color: #ffffff;
}
.slick-arrow.dark:hover,
.scroll-arrow.dark:hover {
  background: #02f3e9;
}
.scroll-arrow {
  width: 28px;
  height: 28px;
  padding: 4px;
}
.scroll-arrow i {
  font-size: 14px;
}
.slick-dotted {
  padding-bottom: 40px !important;
}
.slick-dotted .slick-dots {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  list-style: none;
  white-space: nowrap;
}
.slick-dotted .slick-dots li {
  width: 12px;
  height: 5px;
  display: inline-block;
  margin: 0 4px;
}
.slick-dotted .slick-dots li button {
  width: 100%;
  height: 100%;
  border: none;
  background: #c9ccd2;
  text-indent: -9999px;
}
.slick-dotted .slick-dots li.slick-active button {
  background: #02f3e9;
}
figure.video-teaser {
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
}
figure.video-teaser figcaption {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  z-index: 2;
  height: 100%;
  width: 100%;
  flex-direction: column;
  padding: 20px;
  font-family: 'world-rx-bold';
  text-transform: uppercase;
}
figure.video-teaser figcaption .date {
  display: block;
  text-transform: none;
  font-family: 'world-rx-reg';
  margin-bottom: 5px;
}
figure.video-teaser figcaption h3 {
  font-family: 'world-rx-bold';
  text-transform: uppercase;
  margin: 0;
}
figure.video-teaser a {
  display: block;
  color: #ffffff;
  position: relative;
}
figure.video-teaser a:before {
  content: '';
  background: #1f2a44;
  /* Old browsers */
  background-color: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #1f2942), color-stop(100%, rgba(31, 41, 66, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* IE10+ */
  background: linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* W3C */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#001f2942, endColorstr=#ff1f2942);
  /* IE6-9 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#001f2942, endColorstr=#ff1f2942);
  /* IE6-9 */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.8;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
figure.video-teaser a:hover:before {
  opacity: 1;
}
figure.video-teaser img {
  width: 100%;
  display: block;
  z-index: 0;
}
figure.teaser {
  margin: 0;
  padding: 0;
  position: relative;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
figure.teaser a {
  color: #000000;
}
figure.teaser .img-wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
}
figure.teaser .img-wrapper img {
  width: 100%;
  display: block;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
figure.teaser figcaption {
  padding: 20px;
  overflow: hidden;
}
figure.teaser figcaption .date,
figure.teaser figcaption .category {
  color: #93969b;
  font-size: 14px;
}
figure.teaser figcaption h3 {
  font-size: 16px;
  margin: 10px 0;
  clear: both;
}
figure.teaser figcaption p {
  font-size: 14px;
  line-height: 21px;
  margin: 0;
  padding: 0;
}
figure.teaser:hover {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.35);
}
figure.teaser:hover .img-wrapper img {
  transform: scale(1.2);
}
.form-wrapper .payment-form {
  flex: 1 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.form-wrapper .form-row {
  margin-bottom: 25px;
}
.form-wrapper .form-row.col3 {
  width: 100%;
}
.form-wrapper .form-row.col2 {
  width: calc(66.666% - 7px);
}
.form-wrapper .form-row.col1 {
  width: calc(33.333% - 13px);
}
.form-wrapper .form-row.col50 {
  width: calc(50% - 10px);
}
.form-wrapper .form-row.spacing {
  margin-top: 50px;
}
.form-wrapper .btn-wrapper {
  display: flex;
  margin: 25px 0 0 0;
  justify-content: center;
}
.form-wrapper .btn-wrapper .btn {
  margin: 0 12px;
}
.form-wrapper .link-away {
  color: #02f3e9;
  font-size: 14px;
  display: block;
  margin-top: 25px;
}
.form-wrapper .link-away:hover {
  text-decoration: underline;
}
form {
  flex: 1 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
form label {
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
  font-family: 'world-rx-bold';
  text-transform: uppercase;
}
form label.error {
  color: #ff0000;
}
form label span.req {
  color: #02f3e9;
  font-family: 'world-rx-bold';
  text-transform: uppercase;
  margin-left: 5px;
}
form input,
form textarea,
form .datepicker {
  border: 2px solid #f1f2f5;
  width: 100%;
  padding: 0 25px;
  font: 14px/46px 'world-rx-reg';
}
form input.error,
form textarea.error,
form .datepicker.error {
  border: 2px solid #ff0000;
}
form textarea {
  min-width: 150px;
}
form span.error-msg,
form .errormsg {
  color: #ff0000;
  font-size: 13px;
  margin: 0 0 10px;
}
form .errormsg {
  margin: 0;
  line-height: 30px;
}
form button {
  cursor: pointer;
  z-index: 1;
  position: relative;
}
form span.checkbox,
form span.radio {
  display: block;
  width: 100%;
}
form span.checkbox + span,
form span.radio + span {
  margin-top: 10px;
}
form [type="checkbox"],
form [type="radio"] {
  position: absolute;
  left: -9999px;
}
form [type="checkbox"] + label,
form [type="radio"] + label {
  position: relative;
  padding-left: 50px;
  cursor: pointer;
  display: inline-block;
  font: 14px/30px 'world-rx-reg';
  text-transform: uppercase;
  margin-bottom: 0;
  text-transform: none;
}
form [type="checkbox"] + label a,
form [type="radio"] + label a {
  color: #000000;
  text-decoration: underline;
  display: contents;
}
form [type="checkbox"] + label a:hover,
form [type="radio"] + label a:hover {
  color: #02f3e9;
}
form [type="checkbox"] + label:before,
form [type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  border: 2px solid #f1f2f5;
  width: 30px;
  height: 30px;
  background: #ffffff;
  box-sizing: border-box;
}
form [type="checkbox"] + label:after,
form [type="radio"] + label:after {
  content: '\e800';
  font-family: "fontello";
  position: absolute;
  font-size: 14px;
  left: 5px;
  top: 0px;
  color: #ffffff;
  transition: all .2s;
  opacity: 0;
  transform: scale(0);
}
form [type="checkbox"] + label.error:before,
form [type="radio"] + label.error:before {
  border-color: #ff0000;
}
form [type="checkbox"]:checked + label:before,
form [type="radio"]:checked + label:before {
  background: #1f2a44;
  border-color: #1f2a44;
}
form [type="checkbox"]:checked + label:after,
form [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
  color: #ffffff;
}
form [type="radio"] + label:before {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
form .selectize-control,
form .selectize-control.single {
  width: 100%;
}
form .selectize-control .selectize-input,
form .selectize-control.single .selectize-input {
  float: left;
  background: transparent;
  border: 2px solid #f1f2f5;
  font-size: 14px;
  line-height: 50px;
  color: #000;
  width: 100%;
  padding: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-shadow: none;
  padding-right: 50px;
  border-radius: 0;
}
form .selectize-control .selectize-input .item,
form .selectize-control.single .selectize-input .item {
  width: 100%;
  padding: 0 25px;
}
form .selectize-control .selectize-input:after,
form .selectize-control.single .selectize-input:after {
  color: #000000;
  font-family: "fontello";
  content: '\e81e';
  font-size: 19px;
  top: 0px;
  right: 0px;
  height: 50px;
  width: 50px;
  background: #f1f2f5;
  text-align: center;
  z-index: -1;
  border: none;
  line-height: 50px;
  margin: 0;
  -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
}
form .selectize-control .selectize-input.dropdown-active,
form .selectize-control.single .selectize-input.dropdown-active {
  cursor: pointer;
  z-index: 2;
}
form .selectize-control .selectize-input.dropdown-active:after,
form .selectize-control.single .selectize-input.dropdown-active:after {
  transform: rotate(-90deg);
  margin: 0;
  border: none;
}
form .selectize-control .selectize-dropdown,
form .selectize-control.single .selectize-dropdown {
  margin-top: -2px;
  box-shadow: none;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  z-index: 5;
}
form .selectize-control .selectize-dropdown .selectize-dropdown-content .option,
form .selectize-control.single .selectize-dropdown .selectize-dropdown-content .option {
  background: #ffffff;
  border-bottom: 2px solid #f1f2f5;
  width: 100%;
  border-right: 2px solid #f1f2f5;
  border-left: 2px solid #f1f2f5;
  font: 14px/25px 'world-rx-reg';
  padding: 0 20px;
  color: #000000;
  cursor: pointer;
  height: 50px;
  display: flex;
  align-items: center;
}
form .selectize-control .selectize-dropdown .selectize-dropdown-content .option:hover,
form .selectize-control.single .selectize-dropdown .selectize-dropdown-content .option:hover {
  background: #f1f2f5;
}
form .selectize-control .selectize-dropdown .selectize-dropdown-content .option:first-child,
form .selectize-control.single .selectize-dropdown .selectize-dropdown-content .option:first-child {
  border-top: 2px solid #f1f2f5;
}
form .selectize-control .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar,
form .selectize-control.single .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar {
  background-color: #fff;
  width: 16px;
}
form .selectize-control .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar-track,
form .selectize-control.single .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar-track {
  background-color: #fff;
}
form .selectize-control .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar-thumb,
form .selectize-control.single .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 4px solid #fff;
}
form .selectize-control .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar-button,
form .selectize-control.single .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar-button {
  display: none;
}
form .dropdown-box {
  position: relative;
}
form .dropdown-box.open .dropdown-toggle {
  cursor: pointer;
  z-index: 2;
}
form .dropdown-box.open .dropdown-toggle:after {
  transform: rotate(-90deg);
  margin: 0;
  border: none;
}
form .dropdown-box.open .dropdown-list {
  max-height: 200px;
}
form .dropdown-box .dropdown-toggle {
  display: block;
  position: relative;
  text-decoration: none;
  min-width: 180px;
  max-width: 250px;
  background: transparent;
  border: 2px solid #f1f2f5;
  font-size: 14px;
  line-height: 50px;
  color: #000;
  padding: 0px 70px 0 20px;
  white-space: nowrap;
  box-shadow: none;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
form .dropdown-box .dropdown-toggle:after {
  color: #000000;
  font-family: "fontello";
  content: '\e81e';
  font-size: 19px;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 50px;
  width: 50px;
  background: #f1f2f5;
  text-align: center;
  z-index: 2;
  border: none;
  line-height: 50px;
  margin: 0;
  -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
}
form .dropdown-box .dropdown-list {
  display: block;
  position: absolute;
  top: 54;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: auto;
  margin: 0;
  background: transparent;
  font-size: 14px;
  line-height: 50px;
  color: #000;
  padding: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: none;
  border-radius: 0;
  z-index: 5;
}
form .dropdown-box .dropdown-list li {
  background: #ffffff;
  border-bottom: 2px solid #f1f2f5;
  width: 100%;
  border-right: 2px solid #f1f2f5;
  border-left: 2px solid #f1f2f5;
  font: 14px/16px 'world-rx-reg';
  padding: 5px 20px 5px 20px;
  color: #000000;
  cursor: pointer;
  height: 50px;
  display: flex;
  align-items: center;
  white-space: normal;
}
form .dropdown-box .dropdown-list li:hover:not(:first-child) {
  background: #f1f2f5;
}
form .dropdown-box .dropdown-list li.active {
  display: none;
}
form .datepicker-wrapper {
  position: relative;
}
form .datepicker-wrapper:before {
  content: '\e822';
  font-family: 'fontello';
  font-size: 23px;
  color: #1f2a44;
  background: #f1f2f5;
  text-align: center;
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  height: 46px;
  width: 46px;
  line-height: 46px;
}
form .datepicker-wrapper .datepicker {
  height: 50px;
  cursor: pointer;
}
.datepicker-top-left,
.datepicker-top-right {
  border-top-color: #f1f2f5;
}
.datepicker-top-left:before,
.datepicker-top-right:before {
  border-bottom-color: #f1f2f5;
}
.datepicker-panel > ul > li:hover {
  background: #f1f2f5;
}
.datepicker-panel > ul > li.highlighted {
  background: #f1f2f5;
  color: #000000;
  font-family: 'world-rx-bold';
}
.datepicker-panel > ul > li.picked {
  background: #1f2a44;
  color: #ffffff;
  font-family: 'world-rx-bold';
}
.datepicker-panel > ul > li[data-view="month current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="years current"] {
  font-family: 'world-rx-bold';
  text-transform: uppercase;
}
.datepicker-dropdown {
  border: 1px solid #f1f2f5;
}
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 18px;
  background-color: #1f2a44;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch input:checked + .slider {
  background: #1f2a44;
}
.toggle-switch input:checked + .slider:before {
  transform: translateX(10px);
}
.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #93969b;
  transition: .4s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.toggle-switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 1px;
  bottom: 1px;
  background-color: #ffffff;
  transition: .4s;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.countdown-counter {
  white-space: nowrap;
  padding: 5px;
  background: #f1f2f5;
  float: left;
  margin: 0;
}
.countdown-counter .counter {
  position: relative;
  display: inline-block;
  background: url('/?proxy=img/digit-bg.svg') 0 0 repeat;
  background-size: contain;
}
.countdown-counter .counter .value {
  color: #ffffff;
  font-family: 'Digital7', sans-serif;
  padding: 0 0.07em;
  margin-right: -0.157em;
  font-size: 35px;
  letter-spacing: 0.14em;
  line-height: 0.82em;
}
.countdown-counter .counter .title {
  position: absolute;
  top: -18px;
  left: 1px;
  right: 3px;
  text-align: center;
  font-size: 9px;
  line-height: 16px;
  color: #93969b;
  text-transform: uppercase;
  z-index: 1;
}
.countdown-counter .counter .title:before {
  content: '';
  border: 1px solid #93969b;
  border-bottom: 0;
  left: -1px;
  right: -1px;
  height: 50%;
  top: 0;
  position: absolute;
  z-index: -1;
}
.countdown-watch {
  float: right;
  margin-left: 10px;
  width: 105px;
}
.countdown-watch img {
  width: 100%;
  display: block;
}
.countdown-nextevent .countdown-counter .counter {
  background: url('/?proxy=img/digit-bg_d.svg') 0 0 repeat;
}
.video-wrapper {
  position: relative;
  width: 100%;
  float: left;
  clear: both;
  padding-bottom: 56.25%;
}
.video-wrapper > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.video-wrapper .video-fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header.header-wrcplus .logo {
  left: 50%;
  transform: translateX(-50%);
  padding: 30px 35px;
  width: auto;
  background: #02f3e9;
}
header.header-wrcplus nav.meta-nav > ul > li.lang > ul > li:not(.active) {
  line-height: 60px;
}
.subscription-hero {
  height: 475px;
  margin-bottom: -425px;
  position: relative;
  padding-top: 60px;
  z-index: 0;
}
.subscription-hero .main-grid {
  z-index: 2;
  position: relative;
}
.subscription-hero h1 {
  color: #ffffff;
  margin: 0 0 30px;
  text-align: center;
  font-size: 24px;
}
.subscription-hero form {
  justify-content: center;
}
.subscription-hero form label {
  font: 14px/44px 'world-rx-bold';
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 20px 0;
  float: left;
}
.subscription-hero form .selectize-control,
.subscription-hero form .selectize-control.single {
  width: auto;
}
.subscription-hero form .selectize-control .selectize-input,
.subscription-hero form .selectize-control.single .selectize-input {
  line-height: 40px;
  padding-right: 40px;
  color: #ffffff;
}
.subscription-hero form .selectize-control .selectize-input.input-active,
.subscription-hero form .selectize-control.single .selectize-input.input-active {
  color: #000000;
}
.subscription-hero form .selectize-control .selectize-input.input-active:after,
.subscription-hero form .selectize-control.single .selectize-input.input-active:after {
  color: #000000;
}
.subscription-hero form .selectize-control .selectize-input:after,
.subscription-hero form .selectize-control.single .selectize-input:after {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 17px;
  content: '\e81b';
  transform: none;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
.subscription-hero .box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.content.subscription {
  position: relative;
  z-index: 1;
  max-width: 900px;
  padding: 0 50px 50px;
  margin-bottom: 100px;
}
.content.subscription .progress-bar {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  background: #f1f2f5;
  padding: 25px 50px;
  margin: 0 -50px 20px;
}
.content.subscription .progress-bar li {
  flex: 1;
  height: 50px;
  padding: 0 20px 0 29px;
  display: flex;
  align-items: center;
  background: #93969b;
  position: relative;
  margin-right: 5px;
}
.content.subscription .progress-bar li .num {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 26px;
  border: 2px solid #ffffff;
  color: #ffffff;
  float: left;
  margin-right: 15px;
  text-align: center;
  font-size: 16px;
}
.content.subscription .progress-bar li .num i {
  font-size: 14px;
}
.content.subscription .progress-bar li .title {
  color: #ffffff;
  font-size: 14px;
  line-height: 17px;
}
.content.subscription .progress-bar li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 14px solid #f1f2f5;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.content.subscription .progress-bar li:after {
  content: '';
  position: absolute;
  top: 0;
  right: -14px;
  width: 0;
  height: 0;
  border-left: 14px solid #93969b;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  z-index: 2;
}
.content.subscription .progress-bar li:first-child {
  padding-left: 15px;
}
.content.subscription .progress-bar li:first-child:before {
  display: none;
}
.content.subscription .progress-bar li:last-child {
  margin: 0;
}
.content.subscription .progress-bar li:last-child:after {
  display: none;
}
.content.subscription .progress-bar li.active {
  background: #02f3e9;
}
.content.subscription .progress-bar li.active .num {
  background: #ffffff;
  color: #02f3e9;
}
.content.subscription .progress-bar li.active:after {
  border-left-color: #02f3e9;
}
.content.subscription .progress-bar li.checked {
  background: #1f2a44;
}
.content.subscription .progress-bar li.checked .num {
  background: #ffffff;
  color: #1f2a44;
}
.content.subscription .progress-bar li.checked:after {
  border-left-color: #1f2a44;
}
.content.subscription .progress-bar li.failure {
  background: #02f3e9;
}
.content.subscription .progress-bar li.failure .num {
  background: #ffffff;
  color: #02f3e9;
}
.content.subscription .progress-bar li.failure:after {
  border-left-color: #02f3e9;
}
.content.subscription .header-bar {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  background: #f1f2f5;
  padding: 25px 50px;
  margin: 0 -50px 40px;
}
.content.subscription .header-bar span {
  background: #1f2a44;
  height: 50px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: 'world-rx-bold';
  color: #ffffff;
  width: 100%;
}
.content.subscription .header-bar span i {
  font-size: 30px;
  margin-right: 15px;
}
.content.subscription .logo-alllive {
  width: 80%;
  max-width: 330px;
  margin: 0 auto 40px;
  display: block;
}
.content.subscription .wrc-passes {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  justify-content: space-between;
  padding-top: 35px;
  position: relative;
}
.content.subscription .wrc-passes .pass {
  color: #000000;
  text-align: center;
  width: calc(50% - 20px);
  border: 4px solid transparent;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  cursor: pointer;
}
.content.subscription .wrc-passes .pass .badge {
  position: absolute;
  top: -5px;
  left: 4px;
}
.content.subscription .wrc-passes .pass .heading {
  width: 100%;
  background: #1f2a44;
  color: #ffffff;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 25px;
}
.content.subscription .wrc-passes .pass .heading [type="radio"] + label {
  font-size: 22px;
  line-height: 25px;
  text-transform: uppercase;
  font-family: 'world-rx-bold';
  width: 100%;
  padding-left: 0;
}
.content.subscription .wrc-passes .pass .heading [type="radio"] + label:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: 2px solid #ffffff;
  border-radius: 0;
}
.content.subscription .wrc-passes .pass .heading [type="radio"] + label:after {
  color: #02f3e9;
}
.content.subscription .wrc-passes .pass .heading [type="radio"]:checked + label:before {
  background: #ffffff;
}
.content.subscription .wrc-passes .pass .price {
  display: block;
  font-size: 30px;
  line-height: 25px;
  text-align: center;
  padding: 25px 0;
  background: #f1f2f5;
  position: relative;
}
.content.subscription .wrc-passes .pass .price small {
  display: block;
  font-size: 16px;
  font-family: 'world-rx-reg';
  text-transform: none;
}
.content.subscription .wrc-passes .pass .price small.before {
  color: #ff0000;
  text-decoration: line-through;
}
.content.subscription .wrc-passes .pass .price small.before.empty {
  text-decoration: none;
}
.content.subscription .wrc-passes .pass .price .rabatt {
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  text-align: center;
  padding: 15px 5px;
  top: 30px;
  left: -10px;
}
.content.subscription .wrc-passes .pass .price .rabatt:before {
  transition: all 0.2s ease-out;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: #ff0000;
  left: 0;
  top: 0;
  border-radius: 6px;
  transform: rotate(45deg);
  z-index: 1;
}
.content.subscription .wrc-passes .pass .price .rabatt span {
  z-index: 2;
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 16px;
}
.content.subscription .wrc-passes .pass.season .heading {
  background: #02f3e9;
}
.content.subscription .wrc-passes .pass.season .price {
  color: #ffffff;
  background: #1f2a44;
}
.content.subscription .wrc-passes .pass.selected {
  border: 4px solid #02f3e9;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
}
.content.subscription .wrc-passes .pass:hover .price .rabatt:before {
  transform: rotate(-45deg);
}
.content.subscription .promocode {
  margin: 20px 0 30px 0;
}
.content.subscription .promocode .toggle-promo-input {
  font-size: 16px;
  display: block;
  color: #000000;
}
.content.subscription .promocode .toggle-promo-input i {
  margin-left: 5px;
}
.content.subscription .promocode .toggle-promo-input:hover {
  color: #02f3e9;
}
.content.subscription .promocode .toggle-promo-input.open i {
  -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
}
.content.subscription .promocode .toggle-promo-input.open + form {
  opacity: 1;
  max-height: 160px;
  margin-top: 10px;
}
.content.subscription .promocode form {
  display: flex;
  justify-content: flex-start;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  margin-top: 0;
}
.content.subscription .promocode form input[type="text"] {
  width: 250px;
  margin-right: 15px;
}
.content.subscription .benefits {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.content.subscription .benefits ul {
  flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
  padding-top: 40px;
}
.content.subscription .benefits ul li {
  width: calc(50% - 30px);
  float: left;
  display: flex;
  margin-bottom: 20px;
}
.content.subscription .benefits ul li i {
  font-size: 55px;
  margin-right: 15px;
  color: #02f3e9;
}
.content.subscription .benefits ul li .benefit-text strong {
  font-size: 16px;
}
.content.subscription .benefits ul li .benefit-text p {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.content.subscription .benefits ul li:nth-child(odd) {
  padding-right: 30px;
  margin-right: 30px;
}
.content.subscription .benefits .btn {
  margin: 30px 0 0;
}
.content.subscription .benefits.chooseproduct ul {
  padding-top: 0;
}
.content.subscription .benefits.chooseproduct ul li {
  display: block;
  width: calc(25% - 30px);
  text-align: center;
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid #F1F2F5;
  transform: skew(-15deg);
}
.content.subscription .benefits.chooseproduct ul li:nth-last-child(1) {
  margin-right: 0;
  border-right: none;
}
.content.subscription .benefits.chooseproduct ul li i {
  margin-right: 40px;
  font-size: 40px;
  transform: skew(15deg);
}
.content.subscription .benefits.chooseproduct ul li .benefit-text {
  margin-top: 10px;
  transform: skew(15deg);
}
.content.subscription .benefits.chooseproduct ul li .benefit-text strong {
  color: #02f3e9;
}
.content.subscription .benefits.chooseproduct ul li .benefit-text p {
  padding-top: 5px;
  font-size: 12px;
}
.content.subscription .cancel-sub-info {
  background: #F1F2F5;
  padding: 10px;
  margin-bottom: 20px;
}
.content.subscription .cancel-sub-info .wrapper {
  text-align: center;
}
.content.subscription .cancel-sub-info .wrapper i {
  margin-right: 10px;
  display: inline-block;
}
.content.subscription .cancel-sub-info .wrapper .text {
  display: inline-block;
  font-size: 12px;
}
.content.subscription .payment-methods-offered {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.content.subscription .payment-methods-offered li {
  flex: 1;
  margin: 0 10px 0 0;
  height: 30px;
  width: 50px;
  background: #f1f2f5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.content.subscription .payment-methods-offered li img {
  height: 100%;
  max-width: 35px;
  align-self: center;
  flex: 1;
  object-fit: contain;
}
.content.subscription .split {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.content.subscription .split .section-heading {
  font-size: 18px;
  line-height: 20px;
  padding-left: 25px;
  float: none;
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.content.subscription .split .section-heading:before {
  height: 19px;
}
.content.subscription .split .mid {
  flex: 3 1;
  padding-right: 50px;
}
.content.subscription .split .mid.promo .section-heading {
  margin-top: 15px;
}
.content.subscription .split .mid.promo img.promo-img {
  width: 100%;
  height: auto;
  display: block;
}
.content.subscription .split .mid.promo div.benefits ul li {
  width: 100%;
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.content.subscription .split .mid.promo div.benefits a.btn.big {
  font-size: 20px;
  height: 60px;
  padding: 20px 30px;
}
.content.subscription .split .small {
  flex: 2 1;
  padding-left: 50px;
  border-left: 2px solid #f1f2f5;
}
.content.subscription .split .small > small {
  display: block;
  font-size: 12px;
  margin: 30px 0 10px;
}
.content.subscription .split .small p {
  font-size: 14px;
  margin: 10px 0 30px;
}
.content.subscription .split .small .form-heading {
  position: relative;
  padding: 15px;
  background: #f1f2f5;
}
.content.subscription .split .small .form-heading .toggle-mobile-login {
  color: #000000;
  position: absolute;
  top: 22px;
  height: 30px;
  width: 30px;
  right: 15px;
  font-size: 18px;
  padding: 5px;
  border: 2px solid #000000;
  -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.content.subscription .split .small .form-heading.open .toggle-mobile-login {
  -webkit-transform: rotate(-90deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-backface-visibility: hidden;
}
.content.subscription .split .small .form-heading.open + .form-login {
  max-height: none;
  padding: 15px;
}
.content.subscription .split .small .form-heading.login p {
  margin: 10px 0 0 0;
}
.content.subscription .split .small .form-login {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  padding: 0 15px;
  background: #f1f2f5;
}
.content.subscription .split .small .form-login .submit {
  margin-top: 0;
}
.content.subscription .split .small dl {
  margin: 20px 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.content.subscription .split .small dl dt,
.content.subscription .split .small dl dd {
  font-size: 12px;
  display: block;
  line-height: 15px;
  width: 50%;
  float: left;
  padding: 0 10px 15px;
  background: #f1f2f5;
}
.content.subscription .split .small dl dt {
  clear: both;
  font-family: 'world-rx-bold';
  text-transform: uppercase;
  margin: 0;
}
.content.subscription .split .small dl dt.sub-type {
  background: none;
  padding: 0 0 10px 0;
  font-size: 16px;
  border-bottom: 2px solid #f1f2f5;
  line-height: 20px;
}
.content.subscription .split .small dl dd {
  margin: 0;
  text-align: right;
}
.content.subscription .split .small dl dd.status {
  font-size: 16px;
  background: none;
  text-align: right;
  font-family: 'world-rx-bold';
  text-transform: uppercase;
  border-bottom: 2px solid #f1f2f5;
  padding: 0 0 10px 0;
  width: 50%;
  float: left;
  line-height: 20px;
}
.content.subscription .split .small dl dd.status.green {
  color: #00b935;
}
.content.subscription .split .small dl dd.status.red {
  color: #ff0000;
}
.content.subscription .split .small dl dd.status + dt {
  padding-top: 10px;
}
.content.subscription .split .small dl dd.status + dt + dd {
  padding-top: 10px;
}
.content.subscription .split .small dl dd img {
  height: 11px;
  max-width: 45px;
}
.content.subscription .split .small form input + button {
  margin-top: 15px;
}
.content.subscription .form-wrapper form [type="checkbox"] + label {
  line-height: 16px;
  display: flex;
  min-height: 30px;
  align-items: center;
}
.content.subscription .form-wrapper form [type="checkbox"] + label:after {
  line-height: 30px;
}
.content.subscription .form-wrapper form + .section-heading {
  margin: 60px 0 30px;
}
.content.subscription .form-wrapper form .error-text {
  color: #ff0000;
  font-size: 14px;
  width: 100%;
  float: left;
  clear: both;
}
.content.subscription .form-wrapper form .login-error {
  background: rgba(255, 0, 0, 0.05);
  padding: 15px;
  width: 100%;
  float: left;
  clear: both;
}
.content.subscription .form-wrapper form .login-error .error-text {
  margin: 0;
}
.content.subscription .form-wrapper form .login-error + * {
  margin-top: 25px;
}
.content.subscription .form-wrapper form .form-row .error-text {
  margin: 10px 0 0;
}
.content.subscription .form-wrapper .payment-methods {
  list-style: none;
  margin: 0 -5px 30px -5px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  width: calc(100% + 10px);
}
.content.subscription .form-wrapper .payment-methods li {
  flex: 1;
  margin: 0 5px;
  height: 75px;
}
.content.subscription .form-wrapper .payment-methods li [type="radio"] + label {
  background: #f1f2f5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  height: 100%;
  border: 2px solid transparent;
  transition: background 0.2s ease;
}
.content.subscription .form-wrapper .payment-methods li [type="radio"] + label:before,
.content.subscription .form-wrapper .payment-methods li [type="radio"] + label:after {
  display: none;
}
.content.subscription .form-wrapper .payment-methods li [type="radio"] + label:hover {
  background: #e8eaef;
}
.content.subscription .form-wrapper .payment-methods li [type="radio"] + label img {
  height: 28px;
  max-width: 50px;
  align-self: center;
  flex: 1;
  object-fit: contain;
}
.content.subscription .form-wrapper .payment-methods li [type="radio"] + label span {
  display: block;
  text-align: center;
  color: #93969b;
  background: #f7f8f9;
  flex: 0 0 25px;
  width: 100%;
  font-size: 12px;
  line-height: 25px;
}
.content.subscription .form-wrapper .payment-methods li [type="radio"]:checked + label {
  border-color: #02f3e9;
}
.content.subscription .form-wrapper .payment-methods li [type="radio"]:checked + label span {
  background: #02f3e9;
  color: #ffffff;
}
.content.subscription .info-text {
  margin: 40px 0;
  padding: 30px 30px 30px 60px;
  background: #f1f2f5;
  font-size: 12px;
  position: relative;
}
.content.subscription .info-text:before {
  content: '\e807';
  font-family: 'fontello';
  font-size: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.content.subscription .info-text a {
  color: #000000;
  text-decoration: underline;
}
.content.subscription .info-text a:hover {
  color: #02f3e9;
}
.content.subscription .info-text + form {
  background: #f1f2f5;
  margin-top: -50px;
  padding: 0 20px 20px;
  margin-bottom: 30px;
}
.content.subscription .info-text + form [type="checkbox"] + label,
.content.subscription .info-text + form [type="radio"] + label {
  line-height: 15px;
}
.content.subscription .info-text + form [type="checkbox"] + label:before,
.content.subscription .info-text + form [type="radio"] + label:before {
  border: 2px solid #d3d6e0;
}
.content.subscription .info-text + form [type="checkbox"]:checked + label:before,
.content.subscription .info-text + form [type="radio"]:checked + label:before {
  border: 2px solid #1f2a44;
}
.content.subscription .info-text + form [type="checkbox"] + label:after,
.content.subscription .info-text + form [type="radio"] + label:after {
  top: 8px;
}
.content.subscription .info-text + form [type="checkbox"] + label.error:before {
  border-color: #ff0000;
}
.content.subscription .pass-info {
  margin-bottom: 30px;
  border-bottom: 2px solid #f1f2f5;
  padding-bottom: 30px;
}
.content.subscription .pass-info .pass {
  font-size: 16px;
  color: #02f3e9;
  display: block;
  margin: 20px 0 10px;
}
.content.subscription .pass-info .price {
  font-size: 30px;
  line-height: 32px;
  position: relative;
}
.content.subscription .pass-info .price small {
  display: block;
  font-size: 16px;
  font-family: 'world-rx-reg';
  text-transform: none;
}
.content.subscription .pass-info .price small.before {
  color: #ff0000;
  text-decoration: line-through;
}
.content.subscription .pass-info .price small.before.empty {
  text-decoration: none;
}
.content.subscription .pass-info .price .rabatt {
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  text-align: center;
  padding: 15px 5px;
  top: -20px;
  right: -100px;
}
.content.subscription .pass-info .price .rabatt:before {
  transition: all 0.2s ease-out;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: #ff0000;
  left: 0;
  top: 0;
  border-radius: 6px;
  transform: rotate(45deg);
  z-index: 1;
}
.content.subscription .pass-info .price .rabatt span {
  z-index: 2;
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 16px;
  color: white;
}
.content.subscription .pass-info .until {
  font-size: 14px;
  display: block;
}
.content.subscription .pass-info .method {
  display: block;
  margin: 10px 0 0;
  padding-top: 10px;
  font-size: 14px;
}
.content.subscription .pass-info.profile {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.content.subscription .pass-info .cancel-sub {
  margin-top: 20px;
}
.content.subscription .centered {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 480px;
  margin: 0 auto;
}
.content.subscription .centered i.large {
  border: 5px solid #02f3e9;
  border-radius: 115px;
  width: 115px;
  height: 115px;
  font-size: 55px;
  color: #02f3e9;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.content.subscription .centered strong {
  color: #02f3e9;
  font-size: 30px;
  text-align: center;
}
.content.subscription .centered p {
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  margin: 40px 0;
  padding: 0;
}
.content.subscription .centered .btn-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
}
.content.subscription .centered .btn-wrapper .btn {
  margin: 0 10px;
}
.content.subscription .centered .form-wrapper .btn {
  margin: 0 auto;
}
.content.subscription .footer-sub {
  background: #f1f2f5;
  margin: 0 -50px -50px;
  display: flex;
  justify-content: space-between;
  padding: 25px 50px;
  float: none;
  width: auto;
}
.section-heading.subscription {
  max-width: 950px;
}
body.has-overlay {
  overflow: hidden;
}
body.has-overlay main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  filter: blur(11px);
}
body .overlay-wrapper.onboarding {
  position: fixed;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .overlay-wrapper.onboarding .overlay {
  background: #000000;
  width: 80%;
  max-width: 890px;
  margin: 0 auto;
  position: relative;
  display: flex;
}
body .overlay-wrapper.onboarding .overlay.sec-code {
  max-width: 80%;
  width: auto;
}
body .overlay-wrapper.onboarding .overlay.sec-code .card-seccode-img {
  width: 100%;
  padding: 30px;
  max-width: 400px;
}
body .overlay-wrapper.onboarding .overlay.sec-code .card-seccode-img img {
  display: block;
  width: 100%;
}
body .overlay-wrapper.onboarding .overlay .icon-close {
  position: absolute;
  top: 20px;
  right: -40px;
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
}
body .overlay-wrapper.onboarding .overlay .icon-close:hover {
  color: #02f3e9;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content {
  background: #ffffff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  width: 100%;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .header-wrapper {
  background: #1f2a44;
  float: left;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .header-img {
  display: block;
  width: 80%;
  height: auto;
  margin: 0 auto -30px;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper {
  background: #ffffff;
  padding: 20px 50px 50px;
  float: left;
  margin-top: 30px;
  text-align: center;
  width: 100%;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper h2 {
  font-size: 24px;
  margin: 0;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper h3 {
  font-size: 18px;
  text-transform: none;
  font-family: 'world-rx-reg';
  margin: 5px 0px;
  padding-bottom: 30px;
  border-bottom: 2px solid #f1f2f5;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .logo-wrapper {
  display: flex;
  justify-content: center;
  margin: 30px 0 20px;
  align-items: flex-end;
  float: left;
  width: 100%;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .logo-wrapper img {
  height: 30px;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .logo-wrapper strong {
  font-size: 27px;
  line-height: 19px;
  margin-left: 10px;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .cols {
  margin-top: 40px;
  display: flex;
  background: #f1f2f5;
  padding: 15px;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .cols > div {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  padding: 15px;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .cols > div p {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .cols > div:first-child {
  border-right: 2px solid #d3d6e0;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .cols > div .btn {
  margin-top: 15px;
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .cols > div .btn i {
  transform: rotate(0);
}
body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper p {
  font-size: 16px;
  line-height: 24px;
}
.selectize.selectize--with-input .selectize-input {
  text-overflow: initial;
}
.selectize.selectize--with-input .selectize-input input {
  position: relative !important;
  margin-left: 20px !important;
  color: #333;
  opacity: 1 !important;
}
.contel100.contel100--banner {
  max-width: 1450px;
  margin: 35px auto 50px;
  padding: 0 25px;
}
/* './storage/worldrally/www_wrc_com/?proxy=css/themes/wrx/responsive.less.' */
@media screen and (max-width: 1900px) {
  header {
    height: 80px;
  }
  header .logo {
    left: 80px;
    height: 80px;
    padding: 23px 25px;
    width: 135px;
  }
  header .logo img {
    height: 34px;
  }
  header.header-wrcplus .logo img {
    height: 34px;
  }
  header nav.main-nav > ul > li > a {
    line-height: 80px;
    padding: 0 20px;
    font-size: 16px;
    text-align: center;
  }
  header nav.main-nav > ul > li > a > img {
    height: 16px;
  }
  header nav.main-nav > ul > li.more {
    width: 80px;
    margin-right: 135px;
  }
  header nav.main-nav > ul > li.more a i {
    font-size: 25px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav {
    padding: 25px 0 50px 135px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li {
    font: 16px/50px 'world-rx-bold';
    margin-right: 70px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li:before {
    top: 15px;
    left: -20px;
    width: 25px;
    height: 16px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li ul li a {
    font: 14px/32px 'world-rx-reg';
  }
  header nav.main-nav > ul > li > ul {
    grid-template-columns: repeat(5, 1fr);
  }
  header nav.meta-nav > ul > li {
    padding: 20px 25px;
  }
  header nav.meta-nav > ul > li.lang {
    width: 90px;
  }
  header nav.meta-nav > ul > li.lang > ul {
    padding-top: 80px;
  }
  header nav.meta-nav > ul > li.lang > ul > li {
    line-height: 80px;
  }
  header nav.meta-nav > ul > li.lang > ul > li > a {
    padding: 0 45px 0 25px;
  }
  header nav.meta-nav > ul > li.lang > ul > li.active a:before {
    right: 25px;
  }
  header nav.meta-nav > ul > li.user .login-btn i {
    font-size: 30px;
  }
  header nav.meta-nav > ul > li a > i {
    font-size: 16px;
  }
  header nav.meta-nav > ul > li a.logo-button {
    padding: 0 10px;
  }
  header nav.meta-nav > ul > li a.logo-button img {
    height: 12px;
  }
  header nav.meta-nav > ul > li a.logo-button.esports img {
    height: 8px;
  }
  main {
    padding-top: 80px;
  }
}
/* WEB MEDIUM */
@media screen and (max-width: 1880px) {
  .btn {
    font-size: 12px;
    line-height: 20px;
    padding: 8px 12px;
  }
  .btn i {
    font-size: 20px;
  }
  .btn i.icon-arrow,
  .btn i.icon-play {
    font-size: 13px;
  }
  .btn i.left {
    margin-right: 8px;
  }
  .btn i.right {
    margin-left: 8px;
  }
  .skew-wrapper {
    height: 680px;
  }
  .skew-wrapper .skew-content {
    padding: 30px 40px 0;
  }
  .skew-wrapper .skew-content.right .teaser-text-wrapper {
    margin-right: 40px;
  }
  .skew-box {
    font-size: 16px;
    padding: 12px 20px;
  }
  .skew-box .unskew .alllive {
    width: 305px;
  }
  .skew-btn {
    height: 50px;
  }
  .skew-btn strong {
    font-size: 18px;
    line-height: 50px;
    padding: 0 20px;
  }
  .skew-btn .icon-wrapper {
    padding: 0 20px;
  }
  .skew-btn .icon-wrapper i {
    font-size: 20px;
  }
  .skew-btn .icon-wrapper i:before {
    line-height: 50px;
  }
  figure.teaser figcaption .date,
  figure.teaser figcaption .category {
    font-size: 12px;
  }
  figure.teaser figcaption h3 {
    font-size: 14px;
  }
  .slick-arrow {
    width: 30px;
    height: 30px;
    padding: 8px;
  }
  .slick-arrow i {
    font-size: 15px;
  }
  .rally-countdown .countdown-watch {
    width: 90px;
  }
  .rally-countdown .countdown-counter .counter .value {
    font-size: 30px;
  }
  .section-heading {
    font-size: 25px;
  }
  header {
    height: 80px;
  }
  header .logo {
    left: 80px;
    height: 80px;
    padding: 23px 25px;
    width: 135px;
    background: #02f3e9;
  }
  header .logo img {
    height: 34px;
  }
  header.header-wrcplus .logo img {
    height: 34px;
  }
  header nav.main-nav > ul > li > a {
    line-height: 80px;
    padding: 0 15px;
    font-size: 16px;
    text-align: center;
  }
  header nav.main-nav > ul > li > a > img {
    height: 16px;
  }
  header nav.main-nav > ul > li.more {
    width: 80px;
    margin-right: 135px;
  }
  header nav.main-nav > ul > li.more a i {
    font-size: 25px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav {
    padding: 25px 0 50px 135px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li {
    font: 16px/50px 'world-rx-bold';
    margin-right: 55px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li:before {
    top: 15px;
    left: -20px;
    width: 25px;
    height: 16px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li ul li a {
    font: 14px/32px 'world-rx-reg';
  }
  header nav.main-nav > ul > li > ul {
    grid-template-columns: repeat(5, 1fr);
  }
  header nav.meta-nav > ul > li {
    padding: 20px 20px;
  }
  header nav.meta-nav > ul > li.lang {
    width: 90px;
  }
  header nav.meta-nav > ul > li.lang > ul {
    padding-top: 80px;
  }
  header nav.meta-nav > ul > li.lang > ul > li {
    line-height: 80px;
  }
  header nav.meta-nav > ul > li.lang > ul > li > a {
    padding: 0 45px 0 25px;
  }
  header nav.meta-nav > ul > li.lang > ul > li.active a:before {
    right: 25px;
  }
  header nav.meta-nav > ul > li.user .login-btn i {
    font-size: 30px;
  }
  header nav.meta-nav > ul > li a > i {
    font-size: 16px;
  }
  header nav.meta-nav > ul > li a.logo-button {
    padding: 0 10px;
  }
  header nav.meta-nav > ul > li a.logo-button img {
    height: 12px;
  }
  header nav.meta-nav > ul > li a.logo-button.esports img {
    height: 8px;
  }
  main > section {
    margin-bottom: 70px;
  }
  main > section.team-header:first-child,
  main > section.wrc-updates:first-child {
    margin-top: 50px;
  }
  main section.content {
    margin-bottom: 70px;
  }
  main .rally-hero.infopage .main-grid .video-hero-text a.skew-btn {
    max-width: 220px;
  }
  main .rally-hero.infopage .main-grid .video-hero-text a.skew-btn strong {
    font: 18px/50px 'world-rx-bold';
  }
  main .rally-hero .rally-header .rally-plate {
    height: 60px;
  }
  main .rally-hero .rally-header .rally-info {
    padding-bottom: 5px;
  }
  main .rally-hero .rally-header .rally-info .rally-name {
    font-size: 16px;
    line-height: 16px;
  }
  main .rally-hero .rally-header .rally-info .rally-date {
    font-size: 12px;
  }
  main .rally-hero .rally-header .rally-countdown {
    width: 260px;
  }
  main .rally-hero .rally-header .rally-countdown .nowlive,
  main .rally-hero .rally-header .rally-countdown .completed {
    font-size: 16px;
    line-height: 18px;
  }
  main .rally-hero .rally-header .rally-countdown .nowlive i,
  main .rally-hero .rally-header .rally-countdown .completed i {
    font-size: 18px;
    line-height: 18px;
  }
  main .rally-hero .rally-header .rally-countdown .addinfo {
    font-size: 12px;
  }
  main .rally-hero .videos {
    height: 150px;
    padding: 20px 40px;
    width: calc(100% + 80px);
    margin-left: -40px;
  }
  main .rally-hero .videos .box-heading span {
    font-size: 12px;
  }
  main .rally-hero .videos .box-heading span strong {
    font-size: 16px;
  }
  main .rally-hero .videos .box-heading .btn {
    margin-top: 5px;
  }
  main .rally-hero .data-table {
    /*margin-left:32px;*/
  }
  main .rally-hero .data-table.standings tbody tr td {
    height: 50px;
  }
  main .rally-hero .data-table.overall tbody tr td:nth-child(3) {
    white-space: inherit;
  }
  main .rally-hero .temporaryTeaser a {
    height: 370px;
  }
  main .rally-hero .temporaryTeaser a img {
    width: 115%;
  }
  main .rally-hero + .epg {
    margin-top: -40px;
  }
  main table.data-table tbody tr td,
  main table.data-table thead tr th {
    font-size: 12px;
    height: 45px;
    line-height: 14px;
    padding: 0 20px;
  }
  main table.data-table tbody tr td .manufacturer {
    height: 25px;
  }
  main table.data-table tbody tr td .portrait-wrapper {
    height: 45px;
    width: 60px;
  }
  main table.data-table.epg tbody tr.live td a i {
    margin-right: 40px;
  }
  main table.data-table.epg tbody tr.live td:first-child a:before {
    left: 95px;
  }
  main table.data-table.epg tbody tr.live td:first-child:after {
    width: 90px;
  }
  main .stage-timeline > li > ul > li {
    font-size: 10px;
  }
  main .epg .epg-header-wrapper .epg-day-nav a.go-live {
    font-size: 14px;
    margin-right: 10px;
  }
  main .epg .epg-header-wrapper .epg-day-nav a.go-live i {
    font-size: 18px;
  }
  main .epg .epg-header-wrapper .epg-day-nav ul li a {
    font-size: 14px;
    padding: 0 10px;
  }
  main .epg .epg-header-wrapper .epg-rally-header .rally-info {
    padding: 10px 15px;
  }
  main .epg .epg-header-wrapper .epg-rally-header .rally-info .rally-time {
    font-size: 12px;
    margin-left: -10px;
    margin-right: -10px;
  }
  main .epg .epg-header-wrapper .epg-rally-header .epg-view-switch {
    padding: 0 15px;
  }
  main .epg .epg-header-wrapper .epg-rally-header .epg-view-switch ul li a {
    font-size: 12px;
  }
  main .wrc-updates .content-box table.standings tr td {
    padding: 0 15px;
  }
  main .wrc-updates .content-box .standings-first {
    padding: 20px 15px 0;
  }
  main .wrc-updates .content-box .standings-first .pts {
    font-size: 14px;
  }
  main .wrc-updates .content-box .standings-first .pts strong {
    font-size: 18px;
  }
  main .wrc-updates .content-box .standings-first .manufacturer {
    width: 25px;
  }
  main .wrc-updates .content-box .standings-first .num {
    font-size: 35px;
    top: 22px;
  }
  main .wrc-updates .content-box .standings-first .flag {
    height: 12px;
  }
  main .wrc-updates .content-box .box-title {
    font-size: 14px;
  }
  main .wrc-updates .content-box.cal .calendar-slider .event {
    padding: 0 50px;
  }
  main .wrc-updates .content-box.cal .calendar-slider .event .rally-info .rally-name {
    font-size: 16px;
    line-height: 18px;
  }
  main .wrcplus .wrc-passes .pass .heading {
    font-size: 18px;
    height: 60px;
  }
  main .wrcplus .wrc-passes .pass .price {
    font-size: 25px;
    line-height: 20px;
  }
  main .wrcplus .wrc-passes .pass .price small {
    font-size: 14px;
  }
  main .wrcplus .benefits ul li i {
    font-size: 50px;
  }
  main .wrcplus .benefits ul li .benefit-text strong {
    font-size: 14px;
  }
  main .wrcplus .benefits ul li .benefit-text p {
    font-size: 12px;
  }
  main .video-center {
    padding: 70px 0;
  }
  main .video-center figure.video-teaser figcaption {
    font-size: 18px;
    padding: 20px;
  }
  main .video-center figure.video-teaser figcaption span {
    font-size: 14px;
  }
  main .video-lane-contel {
    padding: 30px 0;
  }
  main .rally-page-header {
    height: 180px;
  }
  main .rally-page-header .rally-header .rally-info .badge {
    margin-bottom: 10px;
  }
  main .rally-page-header .rally-header .rally-info .rally-name {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 5px;
  }
  main .rally-page-header .rally-header .rally-info .rally-name a i {
    font-size: 22px;
    margin-top: 2px;
  }
  main .rally-page-header .rally-header .rally-info .rally-date {
    font-size: 14px;
  }
  main .rally-page-header .rally-header .rally-countdown {
    padding: 0 50px;
  }
  main .rally-page-header .rally-header .rally-countdown .nowlive,
  main .rally-page-header .rally-header .rally-countdown .completed {
    font-size: 22px;
    line-height: 27px;
  }
  main .rally-page-header .rally-header .rally-countdown .nowlive i,
  main .rally-page-header .rally-header .rally-countdown .completed i {
    font-size: 25px;
    margin-right: 5px;
  }
  main .rally-page-header .rally-header .rally-countdown .addinfo {
    font-size: 14px;
  }
  main .rally-page-header .rally-header .rally-countdown .countdown-watch {
    width: 150px;
  }
  main .rally-page-header .rally-header .rally-countdown .startsin {
    font-size: 14px;
    left: 50px;
    width: 130px;
    top: 55px;
  }
  main .rally-page-header .rally-header .rally-countdown .countdown-counter .counter .value {
    font-size: 30px;
  }
  main nav.content-tabnav {
    height: 65px;
  }
  main nav.content-tabnav ul li a {
    font-size: 14px;
  }
  main nav.content-tabnav ul li a i {
    font-size: 25px;
  }
  main nav.content-nav ul li a {
    font-size: 14px;
    padding: 0 10px;
  }
  main .stage-timeline.large {
    padding: 0;
  }
  main .stage-timeline.large > li {
    padding-top: 20px;
  }
  main .stage-timeline.large > li .day {
    font-size: 10px;
    line-height: 20px;
  }
  main .stage-timeline.large > li .day:before {
    border: 1px solid #c9ccd2;
    border-bottom: 0;
  }
  main .stage-timeline.large > li > ul > li {
    line-height: 24px;
    font-size: 14px;
    margin: 0 -2px;
    padding-right: 3px;
  }
  main .stage-timeline.large > li > ul > li a {
    border-width: 2px;
  }
  main .stage-timeline.large > li > ul > li:hover a,
  main .stage-timeline.large > li > ul > li.active a {
    border-width: 2px;
  }
  main .stage-timeline.large + .data-table {
    margin-top: 20px;
  }
  main .stage-timeline.large > li:last-child > ul > li:last-child:hover:before,
  main .stage-timeline.large > li:last-child > ul > li:last-child.active:before {
    border-width: 2px;
  }
  main .stage-timeline.large > li:first-child > ul > li:first-child:hover:before,
  main .stage-timeline.large > li:first-child > ul > li:first-child.active:before {
    border-width: 2px;
  }
  main .filter-row .btn-list li .btn {
    line-height: 35px;
  }
  main .driver-hero .driver-header .driver .portrait {
    width: 110px;
  }
  main .driver-hero .driver-header .driver .name {
    font-size: 25px;
  }
  main .driver-hero .driver-header .driver .name strong {
    font-size: 50px;
    line-height: 40px;
  }
  main .driver-hero .driver-header .driver .manufacturer {
    height: 80px;
  }
  main .driver-hero .driver-header .meta-info .co-driver .portrait {
    width: 65px;
  }
  main .driver-hero .info-data .category,
  main .driver-hero .driver-info ul li .category {
    font-size: 14px;
  }
  main .driver-hero .info-data .value,
  main .driver-hero .driver-info ul li .value {
    font-size: 14px;
    margin-left: -7px;
  }
  main .driver-hero .info-data .value a i,
  main .driver-hero .driver-info ul li .value a i {
    font-size: 12px;
  }
  main .driver-hero .driver-info .box-heading {
    font-size: 14px;
  }
  main .driver-hero .driver-info > ul > li {
    padding: 10px 0;
  }
  main .driver-hero .driver-info > ul > li > div {
    padding: 10px 25px;
  }
  main .driver-hero .driver-info > ul > li .social-media li a i {
    font-size: 20px;
  }
  main .driver-hero .team-info {
    margin-left: -40px;
    width: calc(100% + 80px);
  }
  main .driver-hero .team-info .car {
    width: 180px;
  }
  main .driver-season-stats .season-stats {
    padding: 40px;
  }
  main .driver-season-stats .season-stats li span {
    font-size: 14px;
  }
  main .driver-season-stats .season-stats li strong {
    font-size: 50px;
    margin-left: -20px;
  }
  main .team-header .split-image-box .img-wrapper img,
  main .team-header .split-image-box:nth-child(even) .img-wrapper img {
    min-width: inherit;
    width: 130%;
  }
  main .team-header .split-image-box .box-content .team-info > ul > li,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li {
    padding: 10px 0;
  }
  main .team-header .split-image-box .box-content .team-info > ul > li > div,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li > div {
    padding: 10px 25px;
  }
  main .team-header .split-image-box .box-content .team-info > ul > li .social-media li a i,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li .social-media li a i {
    font-size: 20px;
  }
  main .team-header .split-image-box .box-content .team-info > ul > li .category,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li .category {
    font-size: 14px;
  }
  main .team-header .split-image-box .box-content .team-info > ul > li .value,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li .value {
    font-size: 14px;
    margin-left: -7px;
  }
  main .team-header .split-image-box .box-content .team-info > ul > li .value a i,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info > ul > li .value a i {
    font-size: 12px;
  }
  main .team-driver .driver-grid .driver-pair .driver .content-wrapper h3 {
    font-size: 18px;
  }
  main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl dt,
  main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl dd {
    font-size: 14px;
    line-height: 30px;
  }
  main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl dt .flag,
  main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl dd .flag {
    height: 15px;
  }
  main .livestream-wrapper {
    margin: -30px auto -40px;
    max-width: 950px;
    overflow: hidden;
    float: none;
  }
  main .livecenter-wrapper {
    margin-bottom: 70px;
  }
  main .infopage-benefits .grid-centered .alllive-logo-wrapper .logo-wrc {
    height: 55px;
  }
  main .infopage-benefits .grid-centered .alllive-logo-wrapper strong {
    font-size: 50px;
    line-height: 34px;
  }
  main .infopage-benefits .grid-centered h3 {
    font-size: 22px;
    max-width: 800px;
  }
  main .infopage-benefits .grid-centered p {
    font-size: 16px;
    max-width: 800px;
  }
  main .infopage-benefits .grid-centered .benefits-list {
    margin-top: 60px;
    padding-bottom: 300px;
  }
  main .infopage-benefits .grid-centered .benefits-list li {
    padding-bottom: 20px;
  }
  main .infopage-benefits .grid-centered .benefits-list li a {
    font-size: 14px;
  }
  main .infopage-benefits .grid-centered .benefits-list li a i {
    font-size: 70px;
  }
  main .infopage-benefits .grid-centered .benefits-list li .info-wrapper {
    padding: 0;
    height: 300px;
    padding-right: 60px;
  }
  main .infopage-benefits .grid-centered .benefits-list li .info-wrapper i {
    font-size: 120px;
    margin-right: 30px;
  }
  main .infopage-benefits .grid-centered .benefits-list li .info-wrapper p {
    font-size: 16px;
  }
  main .infopage-benefits .grid-centered .benefits-list li .info-wrapper p strong {
    font-size: 20px;
  }
  main .infopage-benefits .grid-centered .benefits-list li .info-wrapper .benefit-img {
    height: 180px;
  }
  main .infopage-benefits .grid-centered .benefits-list li.active > a:before {
    bottom: -38px;
  }
  main .infopage-benefits + .infopage-benefit-boxes {
    margin-top: -70px;
  }
  main .split-image-box {
    height: 630px;
  }
  main .split-image-box .box-content > i {
    font-size: 90px;
  }
  main .split-image-box .box-content h3 {
    font-size: 30px;
  }
  main .split-image-box .box-content strong {
    font-size: 20px;
  }
  main .split-image-box .box-content p {
    font-size: 16px;
  }
  main .split-image-box .img-wrapper img {
    width: 130%;
  }
  main .infopage-devices {
    padding: 70px 0;
    margin-top: -70px;
  }
  main .infopage-devices .grid-centered h3 {
    font-size: 30px;
    line-height: 90px;
  }
  main .infopage-devices .grid-centered h3 i {
    font-size: 90px;
  }
  main .infopage-devices .grid-centered strong {
    font-size: 20px;
    max-width: 800px;
  }
  main .infopage-devices .grid-centered p {
    font-size: 16px;
    max-width: 800px;
  }
  main .infopage-devices .grid-centered .devices-list {
    margin: 40px 0;
  }
  main .infopage-devices .grid-centered .devices-list li {
    font-size: 14px;
  }
  main .infopage-devices .grid-centered .devices-list li img {
    height: 80px;
  }
  main .infopage-devices .grid-centered .devices-img {
    margin-bottom: -120px;
  }
  main .infopage-benefits-grid .grid-centered .benefits-list li > div {
    padding: 30px 0;
  }
  main .infopage-benefits-grid .grid-centered .benefits-list li i {
    font-size: 70px;
  }
  main .infopage-benefits-grid .grid-centered .benefits-list li h3 {
    font-size: 22px;
  }
  main .infopage-benefits-grid .grid-centered .benefits-list li strong {
    font-size: 16px;
  }
  main .infopage-benefits-grid .grid-centered .benefits-list li p {
    font-size: 14px;
  }
  main .infopage-benefits-grid .grid-centered .infobox {
    font-size: 14px;
  }
  .skyscraper-ad,
  .skyscraperHelper {
    top: 105px;
  }
  body.video section.video-hero {
    height: 640px;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser .img-wrapper {
    height: 530px;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser figcaption {
    padding-top: 130px;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser figcaption p {
    top: 110px;
  }
  body.video section.video-hero.channel .content-box .channelLogo img {
    width: 250px;
  }
  body.video section.video-hero.channel .video-lane-contel figure.video-teaser figcaption h3 {
    font-size: 14px;
  }
  body.video section.video-hero.player .content-box #wrcSpottVideoPlayer > .videoplayer {
    max-width: 750px;
  }
  body.video section.video-hero.player .content-box .videoText {
    max-width: 750px;
  }
  body.video section.search form button.btn.grey {
    right: 20px;
  }
  body.video div#wrcSpottSearch {
    margin-bottom: 70px;
  }
  header.header-wrcplus .logo {
    padding: 25px 33px;
  }
  header.header-wrcplus nav.meta-nav > ul > li.lang > ul > li:not(.active) {
    line-height: 50px;
  }
  .subscription-hero {
    height: 420px;
    padding-top: 45px;
    margin-bottom: -380px;
  }
  .subscription-hero h1 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .content.subscription .progress-bar {
    padding: 20px 50px;
  }
  .content.subscription .progress-bar li {
    height: 40px;
  }
  .content.subscription .progress-bar li .num {
    width: 20px;
    height: 20px;
    line-height: 18px;
    font-size: 12px;
    margin-right: 10px;
  }
  .content.subscription .progress-bar li .num i {
    font-size: 11px;
  }
  .content.subscription .progress-bar li:after,
  .content.subscription .progress-bar li:before {
    border-top-width: 20px;
    border-bottom-width: 20px;
    border-left-width: 10px;
  }
  .content.subscription .progress-bar li:after {
    right: -10px;
  }
  .content.subscription .logo-alllive {
    max-width: 280px;
  }
  .content.subscription .wrc-passes .pass .heading {
    height: 65px;
  }
  .content.subscription .wrc-passes .pass .heading [type="radio"] + label {
    font-size: 18px;
  }
  .content.subscription .wrc-passes .pass .price {
    padding: 35px 0;
    font-size: 26px;
  }
  .content.subscription .wrc-passes .pass .price small {
    font-size: 14px;
  }
  .content.subscription .benefits ul li i {
    font-size: 50px;
  }
  .content.subscription .benefits ul li .benefit-text strong {
    font-size: 14px;
  }
  .content.subscription .benefits ul li .benefit-text p {
    font-size: 12px;
  }
  .content.subscription .benefits.chooseproduct ul li i {
    font-size: 45px;
  }
  .content.subscription .split .small .section-heading,
  .content.subscription .split .mid.promo .section-heading {
    font-size: 16px;
    line-height: 16px;
  }
  .content.subscription .split .small .section-heading:before,
  .content.subscription .split .mid.promo .section-heading:before {
    height: 17px;
  }
  .content.subscription .split mid.promo div.benefits a.btn.big {
    font-size: 18px;
    height: 50px;
    padding: 15px 25px;
  }
  .content.subscription .centered i.large {
    border-radius: 90px;
    width: 90px;
    height: 90px;
    font-size: 40px;
  }
  .content.subscription .centered strong {
    font-size: 26px;
  }
  .content.subscription .centered p {
    font-size: 14px;
    line-height: 22px;
    margin: 30px 0;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .header-wrapper {
    width: 100%;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .header-wrapper img {
    max-width: 500px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper {
    padding: 20px 40px 40px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper h2 {
    font-size: 22px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper h3 {
    font-size: 16px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper p {
    font-size: 14px;
    line-height: 22px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .split {
    display: flex;
    align-items: center;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .split .member {
    flex: 2;
    padding-right: 50px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .split .cols {
    flex-direction: column;
    margin-top: 25px;
    padding: 0 15px;
    flex: 1;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .split .cols > div {
    padding: 15px 0;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .split .cols > div .btn {
    margin-top: 10px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .split .cols > div p {
    font-size: 12px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .split .cols > div:first-child {
    border-right: none;
    border-bottom: 2px solid #d3d6e0;
  }
}
@media screen and (max-width: 1770px) {
  .skyscraper-ad,
  .skyscraperHelper {
    display: none !important;
  }
}
@media screen and (max-width: 1440px) {
  .skew-wrapper .skew-content.right {
    grid-column: 4/10;
  }
  .skew-wrapper .skew-content.left {
    grid-column: 1/7;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav {
    padding: 25px 0 50px 55px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li {
    margin-right: 55px;
  }
  main .epg .epg-header-wrapper .epg-day-nav {
    display: block;
  }
  main .epg .epg-header-wrapper .epg-day-nav a.go-live {
    float: left;
    margin-top: 11px;
  }
  main .epg .epg-header-wrapper .epg-day-nav ul {
    display: block;
    height: 45px;
    background: #ffffff;
    position: relative;
    padding-top: 45px;
    float: left;
    overflow: hidden;
    margin-top: 7px;
  }
  main .epg .epg-header-wrapper .epg-day-nav ul li {
    height: auto;
    border-bottom: 2px solid #f1f2f5;
  }
  main .epg .epg-header-wrapper .epg-day-nav ul li a {
    line-height: 45px;
    white-space: nowrap;
    padding: 0 45px 0 15px;
    display: block;
  }
  main .epg .epg-header-wrapper .epg-day-nav ul li a:before {
    display: none !important;
  }
  main .epg .epg-header-wrapper .epg-day-nav ul li.active {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
  }
  main .epg .epg-header-wrapper .epg-day-nav ul li.active a {
    position: relative;
  }
  main .epg .epg-header-wrapper .epg-day-nav ul li.active a:after {
    content: '▼';
    font-size: 12px;
    position: absolute;
    top: 0px;
    right: 15px;
    color: #000000;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  main .epg .epg-header-wrapper .epg-day-nav ul.open {
    z-index: 5;
    background: #ffffff;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
    height: auto;
    float: left;
    overflow: visible;
  }
  main .epg .epg-header-wrapper .epg-day-nav ul.open li {
    display: block;
  }
  main .epg .epg-header-wrapper .epg-day-nav ul.open li.active a:after {
    -webkit-transform: rotate(-180deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-backface-visibility: hidden;
  }
  main .livecenter-wrapper .epg .main-grid {
    padding: 0 25px;
  }
  body.video section.video-hero .content-box {
    margin: auto 25px;
  }
  body.video section.video-hero .content-box section.channels {
    padding: 0;
  }
  body.video section.channels {
    padding: 0 25px;
  }
}
@media screen and (max-width: 1380px) {
  .hide-desktop1380-only {
    display: block !important;
  }
  .hide-tablet1380 {
    display: none !important;
  }
  header .logo {
    left: 125px;
  }
  header nav.main-nav > ul {
    position: absolute;
    display: flex;
    flex-direction: column;
    background: #1f2a44;
    width: 100%;
    top: 80px;
    display: none;
  }
  header nav.main-nav > ul > li {
    display: flex;
    width: 100%;
  }
  header nav.main-nav > ul > li > a {
    width: 25%;
    background: rgba(255, 255, 255, 0.1);
    text-align: left;
    border-top: 2px solid rgba(255, 255, 255, 0.15);
  }
  header nav.main-nav > ul > li > ul {
    position: absolute;
    width: 75%;
    left: 25%;
    top: 0;
    bottom: 0;
    grid-template-columns: repeat(3, 1fr);
  }
  header nav.main-nav > ul > li > ul > li > a .img-wrapper {
    height: 180px;
  }
  header nav.main-nav > ul > li > ul > li:nth-child(1),
  header nav.main-nav > ul > li > ul > li:nth-child(2) {
    padding-bottom: 25px;
  }
  header nav.main-nav > ul > li.more {
    width: 100%;
    margin: 0;
  }
  header nav.main-nav > ul > li.more > a {
    width: 25%;
    height: auto;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav {
    padding-top: 20px;
    height: auto;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li {
    margin-right: 0;
    display: block;
    float: none;
    clear: both;
    line-height: 25px;
    padding-bottom: 40px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li:before {
    top: 4px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li a {
    line-height: 25px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li ul li {
    float: left;
    padding-right: 20px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li ul li a {
    line-height: 25px;
  }
  header nav.main-nav > ul > li.menu-open > a {
    background: none;
  }
  header nav.main-nav > ul > li.menu-open > a:before {
    display: none;
  }
  header nav.main-nav > ul > li.menu-open > ul {
    flex-wrap: wrap;
  }
  header nav.main-nav > ul > li:first-child a {
    border: none;
  }
  header nav.main-nav.open > ul {
    display: block;
  }
}
@media screen and (max-width: 1250px) {
  .hide-desktop-only {
    display: block !important;
  }
  .hide-tablet {
    display: none !important;
  }
  .skew-wrapper .skew-content.right {
    grid-column: 3/10;
  }
  .skew-wrapper .skew-content.left {
    margin-left: -50px;
  }
  .skew-box {
    max-width: 280px;
    white-space: normal;
    align-self: center;
  }
  .skew-box p br {
    display: none;
  }
  .skew-box .unskew .alllive {
    width: 235px;
  }
  .skew-wrapper .skew-content .teaser-text-wrapper {
    display: table;
    float: right;
  }
  .skew-wrapper .skew-content.right .teaser-text-wrapper {
    margin-right: -230px;
    transform: skew(15deg) translateX(calc(-100% - 20px));
  }
  .badge,
  .badge.large {
    font-size: 11px;
    line-height: 20px;
    height: 20px;
    padding: 0 8px;
  }
  header .logo {
    left: 125px;
  }
  header nav.main-nav > ul {
    position: absolute;
    display: flex;
    flex-direction: column;
    background: #1f2a44;
    width: 100%;
    top: 80px;
    display: none;
  }
  header nav.main-nav > ul > li {
    display: flex;
    width: 100%;
  }
  header nav.main-nav > ul > li > a {
    width: 25%;
    background: rgba(255, 255, 255, 0.1);
    text-align: left;
    border-top: 2px solid rgba(255, 255, 255, 0.15);
  }
  header nav.main-nav > ul > li > ul {
    position: absolute;
    width: 75%;
    left: 25%;
    top: 0;
    bottom: 0;
    grid-template-columns: repeat(3, 1fr);
  }
  header nav.main-nav > ul > li > ul > li > a .img-wrapper {
    height: 180px;
  }
  header nav.main-nav > ul > li > ul > li:nth-child(1),
  header nav.main-nav > ul > li > ul > li:nth-child(2) {
    padding-bottom: 25px;
  }
  header nav.main-nav > ul > li.more {
    width: 100%;
    margin: 0;
  }
  header nav.main-nav > ul > li.more > a {
    width: 25%;
    height: auto;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav {
    padding-top: 20px;
    height: auto;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li {
    margin-right: 0;
    display: block;
    float: none;
    clear: both;
    line-height: 25px;
    padding-bottom: 40px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li:before {
    top: 4px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li a {
    line-height: 25px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li ul li {
    float: left;
    padding-right: 20px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li ul li a {
    line-height: 25px;
  }
  header nav.main-nav > ul > li.menu-open > a {
    background: none;
  }
  header nav.main-nav > ul > li.menu-open > a:before {
    display: none;
  }
  header nav.main-nav > ul > li.menu-open > ul {
    flex-wrap: wrap;
  }
  header nav.main-nav > ul > li:first-child a {
    border: none;
  }
  header nav.main-nav.open > ul {
    display: block;
  }
  main .wrc-updates .content-box.w1 {
    grid-column: span 4;
    height: 375px;
  }
  main .wrc-updates .content-box.w3 {
    grid-column: 1/9;
  }
  main .wrc-updates .content-box.cal {
    grid-row-start: 2;
    grid-column: 1/9;
    flex-direction: row;
    padding-top: 50px;
  }
  main .wrc-updates .content-box.cal .box-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 2px solid #ffffff;
  }
  main .wrc-updates .content-box.cal .calendar-slider {
    min-width: 0;
    padding-right: 30px;
  }
  main .wrc-updates .content-box.cal .calendar-slider .slick-next {
    right: 30px;
  }
  main .wrc-updates .content-box.cal .calendar-slider .event {
    flex-direction: row;
    padding: 0 70px;
  }
  main .wrc-updates .content-box.cal .calendar-slider .event .rally-plate {
    width: 130px;
  }
  main .wrc-updates .content-box.cal .calendar-slider .event .rally-info {
    text-align: left;
    margin: 0 50px 0 20px;
    flex: 2 0;
  }
  main .wrc-updates .content-box.cal .calendar-slider .event .btn-wrapper {
    flex-direction: column;
  }
  main .wrc-updates .content-box.cal .calendar-slider .event .btn-wrapper .btn {
    margin: 5px;
  }
  main .wrc-updates .content-box.cal .countdown-nextevent {
    padding: 20px 30px;
  }
  main .rally-page-header {
    height: 150px;
  }
  main .rally-page-header .rally-header .rally-plate {
    margin-right: auto;
    width: 180px;
    grid-column: 1/4;
    height: auto;
    margin-left: auto;
    margin-right: 0;
  }
  main .rally-page-header .rally-header .rally-info {
    grid-column: 4/7;
    padding-left: 0;
    padding-right: 25px;
  }
  main .rally-page-header .rally-header .rally-info .badge {
    margin-bottom: 10px;
  }
  main .rally-page-header .rally-header .rally-info .rally-name {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 0px;
  }
  main .rally-page-header .rally-header .rally-info .rally-name a i {
    font-size: 19px;
  }
  main .rally-page-header .rally-header .rally-info .rally-date {
    font-size: 12px;
  }
  main .rally-page-header .rally-header .rally-countdown {
    grid-column: 0.53846154;
    margin: 0 20px 0 25px;
    justify-content: center;
    padding: 0;
    align-items: center;
  }
  main .rally-page-header .rally-header .rally-countdown .nowlive,
  main .rally-page-header .rally-header .rally-countdown .completed {
    font-size: 18px;
    line-height: 20px;
  }
  main .rally-page-header .rally-header .rally-countdown .nowlive i,
  main .rally-page-header .rally-header .rally-countdown .completed i {
    font-size: 18px;
    margin-right: 5px;
  }
  main .rally-page-header .rally-header .rally-countdown .addinfo {
    font-size: 12px;
  }
  main .rally-page-header .rally-header .rally-countdown .countdown-watch {
    width: 130px;
  }
  main .rally-page-header .rally-header .rally-countdown .startsin {
    font-size: 12px;
    left: 38px;
    top: 38px;
  }
  main .rally-page-header .rally-header .rally-countdown .countdown-counter {
    float: none;
    margin-top: 20px;
  }
  main .news-lane .teaser,
  main .shop-slider .shop-teaser {
    grid-column: span 2;
  }
  main .livestream-wrapper {
    max-width: 800px;
  }
  main nav.content-tabnav {
    height: 60px;
  }
  main nav.content-tabnav ul li a {
    font-size: 12px;
  }
  main nav.content-tabnav ul li a i {
    font-size: 22px;
  }
  main nav.content-tabnav ul li.alllive:after {
    height: 17px;
    width: 75px;
  }
  main nav.content-flag-nav ul li a span {
    font-size: 9px;
    line-height: 12px;
  }
  main .driver-hero .team-info {
    padding: 10px 40px;
  }
  main .driver-hero .team-info .car {
    width: 150px;
  }
  main .driver-season-stats .season-stats {
    padding: 40px 0;
  }
  main .driver-season-stats .season-stats li {
    padding: 0 40px;
  }
  main .split-image-box .img-wrapper {
    flex: 1.2;
  }
  main .split-image-box .box-content {
    flex: 1;
  }
  main section.content .contel-wrapper .sponsors img {
    padding: 30px 15px;
  }
  main section.newsletter-reg h1 {
    font-size: 30px;
    left: 0;
  }
  main section.newsletter-reg h2 {
    left: 0;
  }
  main section.newsletter-reg p {
    font-size: 11px;
  }
  main .rally-hero.infopage .main-grid .alllive-logo-wrapper {
    width: 250px;
  }
  main .rally-hero.infopage .main-grid .video-hero-text h3 {
    font: 23px/28px 'world-rx-bold';
  }
  main .rally-hero.infopage .main-grid .video-hero-text strong {
    font: 14px/18px 'world-rx-bold';
  }
  .sponsors ul li a {
    padding: 30px 15px;
  }
  body.video section.video-hero .content-box {
    margin: auto 25px;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser figcaption {
    padding-left: 100px;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser figcaption h3 {
    font-size: 35px;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser figcaption h3:before {
    font-size: 16px;
    left: -55px;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser figcaption h3:after {
    height: 30px;
    width: 43px;
    left: -50px;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser figcaption p {
    font-size: 14px;
    top: 115px;
  }
  body.video section.video-hero .btn-wrapper {
    top: 20px;
    left: 20px;
  }
  body.video section.video-hero .btn-wrapper.more-videos {
    top: auto;
    left: 50%;
  }
  body.video section.video-hero.player .content-box #wrcSpottVideoPlayer > .videoplayer {
    padding-top: 20px;
  }
  body.video section.channels .title {
    font-size: 12px;
    line-height: 15px;
  }
  body.video section.channels ul li a {
    padding: 20px;
  }
  .content.subscription .wrc-passes {
    padding-top: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .skew-wrapper .main-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .skew-wrapper .skew-content {
    transform: skew(0, -5deg);
    padding: 25px 25px 0;
    margin-top: -40px;
  }
  .skew-wrapper .skew-content.right,
  .skew-wrapper .skew-content.left {
    grid-column: 1/3;
    margin-left: -25px;
    margin-right: -25px;
  }
  .skew-wrapper .skew-content.right .teaser-text-wrapper,
  .skew-wrapper .skew-content.left .teaser-text-wrapper {
    right: auto;
    bottom: calc(100% + 220px);
    top: auto;
    margin: 0;
    left: 50%;
    transform: translateX(-50%) skew(0, 5deg);
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
  }
  .skew-wrapper .skew-content > .unskew > * {
    transform: skew(0, 5deg);
  }
  .skew-wrapper .box-bg {
    position: relative;
    height: 400px;
  }
  .skew-btn {
    flex: 0;
    float: none;
    align-self: center;
  }
  .skew-box {
    max-width: 500px;
  }
  .skew-box p br {
    display: inherit;
  }
  .skew-box .unskew .alllive {
    margin: 0 auto 15px;
  }
  .show-tablet-portrait {
    display: block;
  }
  .non-responsive .show-tablet-portrait {
    display: none;
  }
  form input,
  form form textarea,
  form form .datepicker {
    line-height: 43px;
  }
  form .selectize-control .selectize-input,
  form .selectize-control.single .selectize-input {
    line-height: 43px;
    padding-right: 43px;
  }
  form .selectize-control .selectize-input .item,
  form .selectize-control.single .selectize-input .item {
    padding: 0 15px;
  }
  form .selectize-control .selectize-input:after,
  form .selectize-control.single .selectize-input:after {
    width: 43px;
    height: 43px;
    font-size: 16px;
    line-height: 43px;
  }
  form .dropdown-box .dropdown-toggle {
    line-height: 43px;
    padding-right: 58px;
    padding-left: 15px;
  }
  form .dropdown-box .dropdown-toggle:after {
    width: 43px;
    height: 43px;
    font-size: 16px;
    line-height: 43px;
  }
  form .dropdown-box .dropdown-list li {
    padding: 0 15px;
    line-height: 43px;
  }
  form .datepicker {
    height: 47px;
  }
  form .datepicker:before {
    width: 43px;
    height: 43px;
    font-size: 20px;
    line-height: 43px;
  }
  form .selectize-control .selectize-dropdown .selectize-dropdown-content .option,
  form .selectize-control.single .selectize-dropdown .selectize-dropdown-content .option {
    line-height: 43px;
  }
  main > section {
    margin-bottom: 50px;
  }
  main > section.team-header:first-child,
  main > section.wrc-updates:first-child {
    margin-top: 30px;
  }
  main .main-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  main .main-grid .grid-centered {
    grid-column: 1/3;
  }
  main section.content {
    padding: 20px;
    margin-bottom: 50px;
  }
  main section.content.news {
    padding: 0 20px 30px;
  }
  main section.content figure.news-hero-teaser {
    padding-top: 35px;
  }
  main section.content figure.news-hero-teaser h1 {
    font-size: 35px;
    line-height: 50px;
    padding: 0 30px;
  }
  main section.content figure.news-hero-teaser p {
    font-size: 16px;
    line-height: 24px;
    padding: 0 30px;
  }
  main section.content figure.news-hero-teaser .news-meta {
    padding: 0px 30px 10px;
  }
  main section.content figure.news-hero-teaser .news-meta .date,
  main section.content figure.news-hero-teaser .news-meta .tags {
    font-size: 14px;
    line-height: 21px;
  }
  main section.content figure.news-hero-teaser img {
    width: calc(100% + 40px);
    margin: 40px -20px 0;
  }
  main section.content .contel-wrapper .contel100,
  main section.content .fullscreen-textmobild .contel100,
  main section.content .contel-wrapper .google-ad,
  main section.content .fullscreen-textmobild .google-ad,
  main section.content .contel-wrapper .video-lane-contel,
  main section.content .fullscreen-textmobild .video-lane-contel,
  main section.content .contel-wrapper .sponsors,
  main section.content .fullscreen-textmobild .sponsors,
  main section.content .contel-wrapper table:not(.data-table),
  main section.content .fullscreen-textmobild table:not(.data-table) {
    margin: 25px 0 40px;
  }
  main section.content .contel-wrapper .news > figure,
  main section.content .fullscreen-textmobild .news > figure,
  main section.content .contel-wrapper .news > article.video,
  main section.content .fullscreen-textmobild .news > article.video {
    margin: 25px 0 50px;
  }
  main section.content .contel-wrapper ul.download-list li,
  main section.content .fullscreen-textmobild ul.download-list li,
  main section.content .contel-wrapper ul.link-list li,
  main section.content .fullscreen-textmobild ul.link-list li {
    padding: 0 15px;
  }
  main section.content .contel-wrapper ul.download-list li a i,
  main section.content .fullscreen-textmobild ul.download-list li a i,
  main section.content .contel-wrapper ul.link-list li a i,
  main section.content .fullscreen-textmobild ul.link-list li a i {
    margin-right: 10px;
  }
  main section.content .contel-wrapper figure.teaser-verlinkt figcaption p,
  main section.content .fullscreen-textmobild figure.teaser-verlinkt figcaption p {
    display: none;
  }
  main section.content .contel-wrapper .sponsors img,
  main section.content .fullscreen-textmobild .sponsors img {
    padding: 15px;
  }
  main section.content .video-mobile-app.video-wrapper img {
    width: 100% !important;
    margin: 0 !important;
  }
  main .rally-hero {
    display: flex;
    flex-direction: column-reverse;
    overflow: visible;
    height: auto;
  }
  main .rally-hero.infopage video.box-bg {
    position: absolute !important;
    height: 100% !important;
  }
  main .rally-hero.infopage .main-grid .grid-centered {
    grid-column: 1/9;
  }
  main .rally-hero.infopage .main-grid .alllive-logo-wrapper {
    width: 200px;
    margin: 50px auto;
  }
  main .rally-hero.infopage .main-grid .video-hero-text h3 {
    font: 18px/22px 'world-rx-bold';
  }
  main .rally-hero.infopage .main-grid .video-hero-text strong {
    font: 12px/16px 'world-rx-bold';
  }
  main .rally-hero.infopage .main-grid .video-hero-text a.skew-btn {
    float: none;
    max-width: 200px;
    margin: 50px auto;
  }
  main .rally-hero .rally-header {
    margin: 20px 0 0 0;
  }
  main .rally-hero .data-contel {
    transform: skew(0, 5deg) !important;
  }
  main .rally-hero .data-contel > * {
    transform: none;
  }
  main .rally-hero .stage-timeline {
    margin: 20px 0 0;
  }
  main .rally-hero .stage-timeline > li > ul > li {
    margin: 0 -2px;
  }
  main .rally-hero .stage-timeline > li:first-child > ul > li:first-child:before {
    transform: none;
  }
  main .rally-hero .stage-timeline > li:last-child > ul > li:last-child:before {
    transform: none;
  }
  main .rally-hero .data-table {
    margin: 20px 0 0 0;
  }
  main .rally-hero .data-table thead tr {
    transform: skew(0);
  }
  main .rally-hero .data-table thead tr th {
    transform: skew(0);
  }
  main .rally-hero .data-table tbody tr:nth-child(1),
  main .rally-hero .data-table tbody tr:nth-child(2),
  main .rally-hero .data-table tbody tr:nth-child(3),
  main .rally-hero .data-table tbody tr:nth-child(4),
  main .rally-hero .data-table tbody tr:nth-child(5) {
    margin: 0;
  }
  main .rally-hero .data-table tbody tr:nth-child(1) td:first-child {
    background: #02f3e9;
  }
  main .rally-hero .data-table tbody tr:nth-child(1) td:first-child:before {
    width: 20px;
    margin-left: -12px;
    left: 100%;
    z-index: 2;
  }
  main .rally-hero .skew-content > .unskew > * {
    transform: skew(0, 5deg);
  }
  main .rally-hero .btn-wrapper {
    margin-left: 0;
  }
  main .rally-hero .videos {
    background: #1f2a44;
    margin: 0;
    width: 100%;
    padding: 25px;
    margin-top: 30px;
    height: auto;
    overflow: visible;
    width: calc(100% + 50px);
    margin-left: -25px;
    transform: skew(0, 5deg) !important;
  }
  main .rally-hero .videos .box-heading,
  main .rally-hero .videos .video-lane {
    transform: none;
  }
  main .rally-hero .videos .box-heading span {
    padding-left: 0;
  }
  main .rally-hero .videos .box-heading span strong {
    margin: 0;
  }
  main .rally-hero .videos .box-heading .btn {
    margin-left: 0;
  }
  main .rally-hero .videos:before {
    display: none;
  }
  main .rally-hero .temporaryTeaser a {
    transform: none;
    margin-top: 15px;
    height: auto;
  }
  main .rally-hero .temporaryTeaser a img {
    transform: none;
    width: 100%;
  }
  main .rally-hero + .epg {
    margin-top: -20px;
  }
  main .wrc-updates .content-box.w1 {
    grid-column: span 2;
    height: 300px;
    margin: 0 12px;
  }
  main .wrc-updates .content-box.w3 {
    grid-column: 1/3;
  }
  main .wrc-updates .content-box.cal {
    grid-row-start: 2;
    grid-column: 1/3;
    flex-direction: column;
  }
  main .wrc-updates .content-box.cal .calendar-slider {
    min-width: 0;
    padding: 25px 0;
  }
  main .wrc-updates .content-box.cal .calendar-slider .slick-next {
    right: 0px;
  }
  main .wrc-updates .content-box.cal .countdown-nextevent {
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  main .wrc-updates .content-box.cal .countdown-nextevent .rally-plate {
    height: 80px;
    margin-right: 20px;
  }
  main .wrc-updates .content-box.cal .countdown-nextevent > strong {
    line-height: 40px;
    font-size: 16px;
  }
  main .wrc-updates .content-box.cal .countdown-nextevent .rally-countdown {
    margin-top: 0;
    margin-left: 60px;
  }
  main .wrc-updates .content-box .standings-first {
    padding: 10px 10px 0;
  }
  main .wrc-updates .content-box .standings-first .num {
    font-size: 26px;
    top: 15px;
  }
  main .wrc-updates .content-box .standings-first .portrait-wrapper {
    width: 30%;
    margin-left: 35px;
  }
  main .wrc-updates .content-box .standings-first .name {
    font-size: 14px;
    margin: 5px 0 10px;
  }
  main .wrc-updates .content-box .standings-first .name .flag {
    height: 12px;
  }
  main .wrc-updates .content-box .standings-first .manufacturer {
    width: 20px;
    float: left;
  }
  main .wrc-updates .content-box .standings-first .pts strong {
    font-size: 16px;
    line-height: 20px;
  }
  main .wrc-updates .content-box table.standings tr td {
    padding: 0 10px;
    height: 55px;
  }
  main .wrc-updates .content-box table.standings tr td .flag {
    float: left;
  }
  main .wrc-updates .main-grid .main-grid {
    min-width: 0;
    min-height: 0;
    grid-column: span 2;
    width: calc(100% + 40px);
    margin-left: -20px;
    display: block;
  }
  main .wrc-updates .main-grid .main-grid .slick-list {
    padding: 18px 12px;
  }
  main .wrcplus .skew-wrapper {
    display: flex;
    flex-direction: column-reverse;
    overflow: visible;
    height: auto;
  }
  main .wrcplus .skew-wrapper .skew-content.right .teaser-text-wrapper {
    bottom: calc(100% + 180px);
  }
  main .wrcplus .wrc-passes {
    margin-top: 30px;
  }
  main .wrcplus .wrc-passes .pass {
    transform: none;
  }
  main .wrcplus .wrc-passes .pass .badge {
    top: -10px;
    transform: none;
  }
  main .wrcplus .wrc-passes .pass .badge:before {
    transform-origin: bottom;
    width: 100%;
  }
  main .wrcplus .wrc-passes .pass .heading span {
    transform: none;
  }
  main .wrcplus .wrc-passes .pass .heading,
  main .wrcplus .wrc-passes .pass .price,
  main .wrcplus .wrc-passes .pass .btn {
    transform: none;
  }
  main .wrcplus .cancellation {
    transform: skew(0, 5deg) !important;
  }
  main .wrcplus .cancellation p {
    transform: none;
  }
  main .wrcplus .benefits ul {
    transform: none;
  }
  main .wrcplus .benefits ul li {
    transform: none;
    margin-bottom: 10px;
  }
  main .news-lane .teaser {
    grid-column: span 2;
    margin: 0 12px;
  }
  main .news-lane .teaser p {
    display: none;
  }
  main .news-lane .main-grid {
    min-width: 0;
    min-height: 0;
    grid-column: span 2;
    width: calc(100% + 40px);
    margin-left: -20px;
    display: block;
  }
  main .news-lane .main-grid .slick-list {
    padding: 18px 12px;
  }
  main .shop-slider .shop-teaser {
    grid-column: span 2;
    margin: 0 12px;
  }
  main .shop-slider .main-grid {
    min-width: 0;
    min-height: 0;
    grid-column: span 2;
    width: calc(100% + 40px);
    margin-left: -20px;
    display: block;
  }
  main .shop-slider .main-grid .slick-list {
    padding: 18px 12px;
  }
  main .video-center {
    padding: 50px 0;
  }
  main .video-center figure.video-teaser figcaption {
    font-size: 16px;
  }
  main .video-center figure.video-teaser figcaption span {
    font-size: 12px;
  }
  main .video-lane-contel + :not(.video-lane-contel) {
    margin-top: 50px;
  }
  main .teaserArchive form.site-filter,
  main .videoArchive form.site-filter,
  main .podcastArchive form.site-filter {
    display: flex;
    width: calc(100% + 20px);
    justify-content: space-between;
    margin-top: 20px;
    margin-left: -10px;
  }
  main .teaserArchive form.site-filter .selectize-control,
  main .videoArchive form.site-filter .selectize-control,
  main .podcastArchive form.site-filter .selectize-control,
  main .teaserArchive form.site-filter .dropdown-box,
  main .videoArchive form.site-filter .dropdown-box,
  main .podcastArchive form.site-filter .dropdown-box {
    flex: 1;
    margin: 0 10px;
    max-width: inherit;
  }
  main .teaserArchive form.site-filter .selectize-control:last-child,
  main .videoArchive form.site-filter .selectize-control:last-child,
  main .podcastArchive form.site-filter .selectize-control:last-child,
  main .teaserArchive form.site-filter .dropdown-box:last-child,
  main .videoArchive form.site-filter .dropdown-box:last-child,
  main .podcastArchive form.site-filter .dropdown-box:last-child {
    margin-left: 20px;
  }
  main .teaserArchive form.site-filter .reset-filters,
  main .videoArchive form.site-filter .reset-filters,
  main .podcastArchive form.site-filter .reset-filters {
    margin: 0 10px;
    height: 47px;
    width: 47px;
  }
  main .teaserArchive form.site-filter .reset-filters i,
  main .videoArchive form.site-filter .reset-filters i,
  main .podcastArchive form.site-filter .reset-filters i {
    font-size: 16px;
  }
  main .teaserArchive .newslist-archive li figure.teaser figcaption,
  main .videoArchive .newslist-archive li figure.teaser figcaption,
  main .podcastArchive .newslist-archive li figure.teaser figcaption {
    padding: 15px 30px;
  }
  main .teaserArchive .newslist-archive li figure.teaser figcaption p,
  main .videoArchive .newslist-archive li figure.teaser figcaption p,
  main .podcastArchive .newslist-archive li figure.teaser figcaption p {
    font-size: 12px;
    line-height: 18px;
  }
  main .teaserArchive .newslist-archive li figure.teaser .img-wrapper,
  main .videoArchive .newslist-archive li figure.teaser .img-wrapper,
  main .podcastArchive .newslist-archive li figure.teaser .img-wrapper {
    flex: 0 0 250px;
  }
  main .teaserArchive .podcast-archive li figure.teaser figcaption,
  main .videoArchive .podcast-archive li figure.teaser figcaption,
  main .podcastArchive .podcast-archive li figure.teaser figcaption {
    padding: 15px 30px;
  }
  main .teaserArchive .podcast-archive li figure.teaser figcaption p,
  main .videoArchive .podcast-archive li figure.teaser figcaption p,
  main .podcastArchive .podcast-archive li figure.teaser figcaption p {
    font-size: 12px;
    line-height: 18px;
  }
  main .teaserArchive .podcast-archive li figure.teaser .img-wrapper,
  main .videoArchive .podcast-archive li figure.teaser .img-wrapper,
  main .podcastArchive .podcast-archive li figure.teaser .img-wrapper {
    flex: 0 0 250px;
  }
  main .rally-page-header {
    height: 130px;
  }
  main .rally-page-header .rally-header .main-grid {
    padding: 0;
  }
  main .rally-page-header .rally-header .rally-info {
    grid-column: 4/8;
    padding-right: 45px;
  }
  main .rally-page-header .rally-header .rally-countdown {
    grid-column: 8/13;
    margin: 0 20px 0 0px;
  }
  main .rally-page-header .rally-header .rally-countdown .startsin {
    top: 30px;
  }
  main .rally-page-header .rally-header .rally-countdown .countdown-watch {
    display: none;
  }
  main .rally-page-header .rally-header .rally-countdown .coutndown-counter {
    float: none;
  }
  main .stage-timeline.large > li > ul > li {
    line-height: 21px;
    font-size: 12px;
    margin: 0 -1px;
    padding-right: 3px;
    padding-left: 1px;
    text-indent: 2px;
  }
  main .livecenter-wrapper {
    margin-bottom: 50px;
  }
  main .livecenter-wrapper .content {
    padding: 20px;
  }
  main .livestream-wrapper {
    margin: -20px;
    width: calc(100% + 40px);
    max-width: inherit;
  }
  main .livetext .event .event-content {
    padding: 30px 0px 30px 45px;
  }
  main .livetext .event .event-info {
    padding-top: 25px;
  }
  main .filter-row .btn-list li .btn {
    height: 47px;
    line-height: 31px;
  }
  main nav.content-tabnav ul li a {
    font-size: 10px;
    flex-direction: column;
  }
  main nav.content-tabnav ul li a i {
    font-size: 22px;
    margin-bottom: 5px !important;
  }
  main nav.content-tabnav ul li.alllive:after {
    height: 12px;
    width: 50px;
  }
  main nav.content-tabnav + .video-wrapper {
    margin-top: -30px;
  }
  main nav.content-nav:not(.non-responsive) {
    height: auto;
    border: none;
    position: relative;
  }
  main nav.content-nav:not(.non-responsive) .mobile-dropdown-toggle {
    white-space: nowrap;
    padding: 0 45px 0 15px;
    display: block;
    position: relative;
    border-left: 4px solid #02f3e9;
    color: #000000;
    font: 14px/45px 'world-rx-bold';
    text-transform: uppercase;
    border-bottom: 2px solid #f1f2f5;
    z-index: 4;
  }
  main nav.content-nav:not(.non-responsive) .mobile-dropdown-toggle:after {
    content: '▼';
    font-size: 12px;
    position: absolute;
    top: 0px;
    right: 15px;
    color: #000000;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  main nav.content-nav:not(.non-responsive) ul {
    display: none;
    position: absolute;
    background: #ffffff;
    top: 47px;
    float: left;
    width: 100%;
    height: auto;
    max-height: 165px;
    overflow: auto;
  }
  main nav.content-nav:not(.non-responsive) ul li {
    height: auto;
    border-bottom: 2px solid #f1f2f5;
  }
  main nav.content-nav:not(.non-responsive) ul li a {
    line-height: 45px;
    white-space: nowrap;
    padding: 0 45px 0 15px;
    display: block;
  }
  main nav.content-nav:not(.non-responsive) ul li a:before {
    display: none !important;
  }
  main nav.content-nav:not(.non-responsive) ul li.active {
    display: none !important;
  }
  main nav.content-nav:not(.non-responsive).open .mobile-dropdown-toggle {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  }
  main nav.content-nav:not(.non-responsive).open .mobile-dropdown-toggle:after {
    -webkit-transform: rotate(-180deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-backface-visibility: hidden;
  }
  main nav.content-nav:not(.non-responsive).open ul {
    display: block;
    z-index: 5;
    background: #ffffff;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
    float: left;
  }
  main nav.content-nav:not(.non-responsive).open ul li {
    display: block;
  }
  main nav.content-flag-nav {
    height: auto;
    border: none;
    position: relative;
  }
  main nav.content-flag-nav .mobile-dropdown-toggle {
    white-space: nowrap;
    padding: 0 45px 0 15px;
    display: block;
    position: relative;
    border-left: 4px solid #02f3e9;
    color: #000000;
    font: 14px/45px 'world-rx-bold';
    text-transform: uppercase;
    border-bottom: 2px solid #f1f2f5;
    z-index: 4;
  }
  main nav.content-flag-nav .mobile-dropdown-toggle:after {
    content: '▼';
    font-size: 12px;
    position: absolute;
    top: 0px;
    right: 15px;
    color: #000000;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  main nav.content-flag-nav .mobile-dropdown-toggle img {
    height: 15px;
    float: left;
    margin: 14px 10px 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  }
  main nav.content-flag-nav ul {
    display: none;
    position: absolute;
    background: #ffffff;
    top: 47px;
    float: left;
    width: 100%;
    height: auto;
    max-height: 165px;
    overflow: auto;
  }
  main nav.content-flag-nav ul li {
    height: auto;
    border-bottom: 2px solid #f1f2f5;
    background: #ffffff;
  }
  main nav.content-flag-nav ul li a {
    line-height: 45px;
    white-space: nowrap;
    padding: 0 45px 0 15px;
    flex-direction: row;
    justify-content: flex-start;
  }
  main nav.content-flag-nav ul li a:before {
    display: none !important;
  }
  main nav.content-flag-nav ul li a img {
    height: 15px;
    float: left;
    margin: 0 10px 0 3px;
    width: auto;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  }
  main nav.content-flag-nav ul li a span {
    font: 14px/45px 'world-rx-bold';
    color: #000000;
    margin-top: 0;
    height: auto;
    display: flex;
  }
  main nav.content-flag-nav ul li a:hover img {
    display: block;
  }
  main nav.content-flag-nav ul li.active {
    display: none !important;
  }
  main nav.content-flag-nav.open .mobile-dropdown-toggle {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  }
  main nav.content-flag-nav.open .mobile-dropdown-toggle:after {
    -webkit-transform: rotate(-180deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-backface-visibility: hidden;
  }
  main nav.content-flag-nav.open ul {
    display: block;
    z-index: 5;
    background: #ffffff;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
    float: left;
  }
  main nav.content-flag-nav.open ul li {
    display: block;
  }
  main .driver-hero {
    display: flex;
    flex-direction: column-reverse;
    overflow: visible;
    height: auto;
  }
  main .driver-hero .skew-content > .unskew > * {
    transform: skew(0, 5deg);
  }
  main .driver-hero .skew-content > .unskew > * > * {
    transform: none;
  }
  main .driver-hero .driver-header {
    margin-top: 20px;
  }
  main .driver-hero .driver-header .meta-info {
    margin-top: 20px;
  }
  main .driver-hero .info-data .value,
  main .driver-hero .driver-info ul li .value {
    margin-left: 0;
  }
  main .driver-hero .driver-info {
    margin-top: 30px;
  }
  main .driver-hero .driver-info .box-heading {
    transform: skew(-15deg);
    margin-left: 5px;
  }
  main .driver-hero .driver-info > ul {
    margin-left: 0;
  }
  main .driver-hero .driver-info > ul > li {
    transform: none;
  }
  main .driver-hero .driver-info > ul > li > div {
    transform: none;
  }
  main .driver-hero .driver-info > ul > li > div > * {
    transform: none;
  }
  main .driver-hero .team-info {
    margin-top: 20px;
  }
  main .driver-season-stats .season-stats {
    padding: 30px 0;
  }
  main .driver-season-stats .season-stats li {
    padding: 0 30px;
  }
  main .driver-season-stats .season-stats li span {
    font-size: 12px;
  }
  main .driver-season-stats .season-stats li span i {
    font-size: 30px;
  }
  main .driver-season-stats .season-stats li strong {
    font-size: 40px;
    margin-left: 0;
    margin-top: 10px;
  }
  main .team-header .split-image-box,
  main .team-header .split-image-box:nth-child(even) {
    height: auto;
    flex-direction: column;
    overflow: hidden;
  }
  main .team-header .split-image-box .img-wrapper,
  main .team-header .split-image-box:nth-child(even) .img-wrapper {
    transform: skew(0, -5deg);
    height: 300px;
    width: 100%;
    transform-origin: left;
  }
  main .team-header .split-image-box .img-wrapper img,
  main .team-header .split-image-box:nth-child(even) .img-wrapper img {
    height: 130%;
    width: 100%;
    transform: skew(0, 5deg);
    position: relative;
    object-fit: cover;
    left: auto;
    margin-top: -40px;
  }
  main .team-header .split-image-box .box-content,
  main .team-header .split-image-box:nth-child(even) .box-content {
    align-items: center;
    padding: 20px 50px;
  }
  main .team-header .split-image-box .box-content .team-logo,
  main .team-header .split-image-box:nth-child(even) .box-content .team-logo {
    height: 120px;
  }
  main .team-header .split-image-box .box-content .btn,
  main .team-header .split-image-box:nth-child(even) .box-content .btn {
    align-self: center;
  }
  main .team-header .split-image-box .box-content .team-info,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info {
    margin: 30px 0;
  }
  main .team-header .split-image-box .box-content .team-info ul,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info ul {
    margin-left: 0;
    transform: none;
  }
  main .team-header .split-image-box .box-content .team-info ul > li,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info ul > li {
    transform: none;
  }
  main .team-header .split-image-box .box-content .team-info ul > li > div,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info ul > li > div {
    transform: none;
  }
  main .team-header .split-image-box .box-content .team-info ul > li > div > *,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info ul > li > div > * {
    transform: none;
  }
  main .team-header .split-image-box .box-content .team-info ul > li .value,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info ul > li .value {
    margin-left: 0;
  }
  main .team-driver .driver-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  main .team-driver .driver-grid.single {
    grid-template-columns: repeat(2, 1fr);
  }
  main .split-image-box {
    height: auto;
    flex-direction: column;
  }
  main .split-image-box .img-wrapper {
    transform: skew(0, -5deg);
    height: 300px;
    width: 100%;
    transform-origin: left;
  }
  main .split-image-box .img-wrapper img {
    height: 130%;
    width: 100%;
    transform: skew(0, 5deg);
    position: relative;
    object-fit: cover;
    left: auto;
    margin-top: -40px;
    top: 0;
  }
  main .split-image-box .box-content {
    transform: none;
    padding: 20px 50px 130px;
    align-items: center;
    text-align: center;
  }
  main .split-image-box .box-content > * {
    transform: none;
  }
  main .split-image-box:nth-child(even) {
    flex-direction: column;
  }
  main .split-image-box:nth-child(even) .img-wrapper {
    transform-origin: left;
  }
  main .split-image-box:nth-child(even) .box-content {
    padding: 20px 50px 130px;
    align-items: center;
    text-align: center;
  }
  main .infopage-benefits .grid-centered .benefits-list li {
    min-width: initial;
  }
  main .infopage-benefits .grid-centered .benefits-list li .info-wrapper .benefit-img {
    display: none;
  }
  main .infopage-benefit-boxes .split-image-box .img-wrapper img {
    width: inherit;
  }
  main .data-table__wrapper {
    flex-flow: column wrap;
  }
  main .data-table__wrapper .data-table__item {
    flex: 1 1 100%;
    width: 100%;
    margin: 0px 0 45px;
  }
  .sponsors ul {
    flex-wrap: wrap;
    padding: 15px 0;
  }
  .sponsors ul li {
    flex: 0 0 20%;
  }
  .sponsors ul li a {
    padding: 15px;
  }
  .sponsors ul li a img {
    max-width: 80px;
  }
  body.video section.video-hero {
    height: 540px;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser .img-wrapper {
    height: 430px;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser figcaption h3 {
    width: 90%;
    max-width: none;
  }
  body.video section.video-hero.channel .content-box .channelLogo img {
    width: 200px;
  }
  body.video section.video-hero.player .content-box #wrcSpottVideoPlayer > .videoplayer {
    max-width: 500px;
  }
  body.video section.video-hero.player .content-box .videoText {
    max-width: 500px;
  }
  body.video section.video-hero.player .content-box .videoText h1 {
    font-size: 20px;
    line-height: 25px;
  }
  body.video section.video-hero.player .content-box .videoText .share {
    bottom: -50px;
    left: 0;
    right: auto;
    top: auto;
  }
  body.video section.channels .title {
    margin-top: 20px;
  }
  body.video section.channels ul li a {
    padding: 10%;
  }
  body.video section.content-nav nav.content-nav.open ul {
    background: #1f2a44;
  }
  body.video section.content-nav nav.content-nav.open ul li {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  }
  body.video section.content-nav nav.content-nav .mobile-dropdown-toggle {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    color: white;
  }
  body.video section.content-nav nav.content-nav .mobile-dropdown-toggle:after {
    color: white;
  }
  body.video section.search .main-grid .grid-centered {
    grid-column: 1/9;
  }
  body.video section.search .search-info {
    font-size: 12px;
  }
  body.video div#wrcSpottSearch {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 750px) {
  header nav.main-nav > ul > li.more {
    margin-right: 0 !important;
  }
  .hide-mobile {
    display: none !important;
  }
  .hide-desktop {
    display: inline-block !important;
  }
  .skew-box {
    font-size: 14px;
  }
  .skew-btn {
    height: 45px;
  }
  .skew-btn .icon-wrapper i {
    font-size: 18px;
  }
  .skew-btn .icon-wrapper i:before {
    line-height: 45px;
  }
  .skew-btn strong {
    font-size: 16px;
    line-height: 45px;
  }
  .skew-wrapper .skew-content.right {
    margin-left: -20px;
    margin-right: -20px;
    padding: 25px 20px 0;
  }
  figure.teaser figcaption {
    padding: 15px;
  }
  .badge,
  .badge.large {
    font-size: 10px;
    line-height: 15px;
    height: 15px;
    padding: 0 5px;
  }
  .badge:after,
  .badge.large:after {
    margin-left: 5px;
  }
  .btn {
    font-size: 12px;
    line-height: 20px;
    padding: 3px 12px;
    height: 33px;
    line-height: 24px;
  }
  .btn i {
    font-size: 20px;
  }
  .btn i.icon-arrow,
  .btn i.icon-play {
    font-size: 13px;
  }
  .btn i.left {
    margin-right: 8px;
  }
  .btn i.right {
    margin-left: 8px;
  }
  form .dropdown-box .dropdown-toggle {
    max-width: inherit;
    min-width: inherit;
  }
  .rally-countdown .countdown-watch {
    width: 60px;
    margin-top: -6px;
  }
  .rally-countdown .countdown-counter {
    margin-bottom: 0;
  }
  .section-heading {
    font-size: 15px;
    line-height: 19px;
    padding-left: 45px;
  }
  body {
    -webkit-text-size-adjust: 100%;
  }
  header {
    height: 60px;
  }
  header .logo {
    left: 50%;
    transform: translateX(-50%);
    height: 60px;
    padding: 12px 25px;
    width: auto;
  }
  header .login-btn {
    float: right;
    margin-right: 20px;
    margin-top: 8px;
    color: #ffffff;
    font-size: 30px;
  }
  header nav.main-nav .toggle-mobile-menu {
    line-height: 60px;
  }
  header nav.main-nav .toggle-mobile-menu i {
    margin-top: 18px;
  }
  header nav.main-nav > ul {
    top: 120px;
    display: none;
    overflow: auto;
  }
  header nav.main-nav > ul > li {
    flex-direction: column;
  }
  header nav.main-nav > ul > li > a {
    width: 100%;
    font-size: 14px;
    line-height: 50px;
  }
  header nav.main-nav > ul > li > a:hover:before {
    display: none;
  }
  header nav.main-nav > ul > li > ul {
    width: 100%;
    left: auto;
    position: relative;
    padding: 0;
    border-top: none;
  }
  header nav.main-nav > ul > li > ul > li {
    width: 100%;
    padding: 0 25px !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  }
  header nav.main-nav > ul > li > ul > li > a {
    line-height: 50px;
    font-size: 14px;
  }
  header nav.main-nav > ul > li > ul > li > a .img-wrapper {
    display: none;
  }
  header nav.main-nav > ul > li > ul > li > a strong,
  header nav.main-nav > ul > li > ul > li > a strong.title-overlay {
    background: none;
    padding: 0;
    position: relative;
    top: auto;
    left: auto;
  }
  header nav.main-nav > ul > li > ul > li > a strong:before,
  header nav.main-nav > ul > li > ul > li > a strong.title-overlay:before {
    display: none;
  }
  header nav.main-nav > ul > li > ul > li:last-child {
    border: none;
  }
  header nav.main-nav > ul > li > ul > li.active a,
  header nav.main-nav > ul > li > ul > li.active a strong.title-overlay {
    color: #02f3e9;
  }
  header nav.main-nav > ul > li.more a {
    width: 100%;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav {
    height: calc(100% - 430px);
    overflow: scroll;
    padding: 20px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li {
    padding: 15px 25px!important;
    display: inline-block;
    line-height: 30px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li:before {
    top: 22px;
    left: 0;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li a {
    line-height: 30px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li ul li {
    padding-right: 30px;
  }
  header nav.main-nav > ul > li.more.menu-open ul.more-nav > li ul li a {
    line-height: 30px;
  }
  header nav.main-nav > ul > li.active {
    background: none;
  }
  header nav.main-nav > ul > li.active > a {
    color: #02f3e9;
  }
  header nav.main-nav > ul > li.menu-open {
    background: #02f3e9;
  }
  header nav.main-nav > ul > li.menu-open > a {
    color: #ffffff;
  }
  header nav.main-nav > ul > li.menu-open > ul {
    display: flex;
  }
  header nav.main-nav.open > ul,
  header nav.main-nav.open nav.meta-nav {
    display: block;
  }
  header nav.meta-nav {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    background: #1f2a44;
    height: 60px;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    display: none;
  }
  header nav.meta-nav > ul > li {
    width: 65%;
    padding: 12px 20px;
    display: block;
  }
  header nav.meta-nav > ul > li > a.logo-button {
    padding: 3px 5px;
    flex: 1 0;
    justify-content: center;
    align-items: center;
  }
  header nav.meta-nav > ul > li > a.logo-button img {
    align-self: normal;
    height: 28px;
  }
  header nav.meta-nav > ul > li > a.logo-button.shop {
    padding: 12px 5px;
  }
  header nav.meta-nav > ul > li > a.logo-button.shop img {
    height: 10px;
  }
  header nav.meta-nav > ul > li > a.logo-button.esports {
    padding: 14px 5px;
  }
  header nav.meta-nav > ul > li > a.logo-button.esports img {
    height: 6px;
  }
  header nav.meta-nav > ul > li > a.logo-button + a {
    margin-left: 15px;
  }
  header nav.meta-nav > ul > li.user {
    display: none;
  }
  header nav.meta-nav > ul > li.lang {
    padding: 0 20px;
    width: 35%;
  }
  header nav.meta-nav > ul > li.lang > ul {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0;
    top: 0;
  }
  header nav.meta-nav > ul > li.lang > ul > li {
    line-height: 60px;
    font-size: 14px;
    display: block;
    border: none;
    background: none;
    line-height: 58px;
  }
  header nav.meta-nav > ul > li.lang > ul > li > a {
    padding: 0;
    color: rgba(255, 255, 255, 0.5);
  }
  header nav.meta-nav > ul > li.lang > ul > li.active {
    position: relative;
    top: auto;
  }
  header nav.meta-nav > ul > li.lang > ul > li.active > a {
    font-family: 'world-rx-bold';
    color: #ffffff;
  }
  header nav.meta-nav > ul > li.lang > ul > li.active > a:before {
    display: none;
  }
  header nav.meta-nav > ul > li.ext-links {
    display: flex;
  }
  main {
    padding-top: 60px;
  }
  main .main-grid {
    padding: 0 20px;
  }
  main section.content.news .contel-wrapper:first-child {
    padding-top: 30px;
  }
  main section.content .section-heading {
    padding-left: 25px;
  }
  main section.content figure.news-hero-teaser h1 {
    font-size: 28px;
    line-height: 35px;
    padding: 0;
  }
  main section.content figure.news-hero-teaser p {
    padding: 0;
    margin-top: 10px;
  }
  main section.content figure.news-hero-teaser .news-meta {
    padding: 0 0 10px;
    width: 100%;
    float: left;
    clear: both;
  }
  main section.content figure.news-hero-teaser .news-meta .date,
  main section.content figure.news-hero-teaser .news-meta .tags {
    font-size: 12px;
    line-height: 18px;
    float: left;
  }
  main section.content .contel-wrapper > h2,
  main section.content .fullscreen-textmobild > h2,
  main section.content .contel-wrapper > h3:not(.section-heading),
  main section.content .fullscreen-textmobild > h3:not(.section-heading),
  main section.content .contel-wrapper > p,
  main section.content .fullscreen-textmobild > p,
  main section.content .contel-wrapper .news > h2,
  main section.content .fullscreen-textmobild .news > h2,
  main section.content .contel-wrapper .news > p,
  main section.content .fullscreen-textmobild .news > p {
    padding: 0;
  }
  main section.content .contel-wrapper > p + .contel50,
  main section.content .fullscreen-textmobild > p + .contel50,
  main section.content .contel-wrapper .news > p + .contel50,
  main section.content .fullscreen-textmobild .news > p + .contel50 {
    margin-top: 15px;
  }
  main section.content .contel-wrapper .contel50,
  main section.content .fullscreen-textmobild .contel50 {
    width: 100%;
    float: none;
  }
  main section.content .contel-wrapper ul.download-list li,
  main section.content .fullscreen-textmobild ul.download-list li,
  main section.content .contel-wrapper ul.link-list li,
  main section.content .fullscreen-textmobild ul.link-list li {
    padding: 0 15px;
  }
  main section.content .contel-wrapper ul.download-list li a i,
  main section.content .fullscreen-textmobild ul.download-list li a i,
  main section.content .contel-wrapper ul.link-list li a i,
  main section.content .fullscreen-textmobild ul.link-list li a i {
    margin-right: 10px;
  }
  main section.content .contel-wrapper .contel100 ul.link-list,
  main section.content .fullscreen-textmobild .contel100 ul.link-list {
    flex-direction: column;
  }
  main section.content .contel-wrapper .contel100 ul.link-list li,
  main section.content .fullscreen-textmobild .contel100 ul.link-list li {
    justify-content: flex-start;
    border-right: none;
    border-bottom: 2px solid #f1f2f5;
  }
  main section.content .contel-wrapper .contel100 > h2,
  main section.content .fullscreen-textmobild .contel100 > h2 {
    padding: 0;
  }
  main section.content .contel-wrapper figure.teaser-verlinkt,
  main section.content .fullscreen-textmobild figure.teaser-verlinkt {
    flex-direction: column;
  }
  main section.content .contel-wrapper figure.teaser-verlinkt .img-wrapper,
  main section.content .fullscreen-textmobild figure.teaser-verlinkt .img-wrapper {
    width: 100%;
  }
  main section.content .contel-wrapper figure.teaser-verlinkt figcaption,
  main section.content .fullscreen-textmobild figure.teaser-verlinkt figcaption {
    padding: 20px;
  }
  main section.content .contel-wrapper table:not(.data-table) tbody tr td,
  main section.content .fullscreen-textmobild table:not(.data-table) tbody tr td {
    line-height: 20px;
    height: 50px !important;
    padding: 5px 20px;
  }
  main section.content .contel-wrapper .form-wrapper,
  main section.content .fullscreen-textmobild .form-wrapper {
    padding: 0;
    max-width: inherit;
  }
  main section.content .contel-wrapper .table-scroll-wrapper,
  main section.content .fullscreen-textmobild .table-scroll-wrapper {
    overflow-x: scroll;
    width: 100%;
    float: left;
    clear: both;
  }
  main section.content .contel-wrapper .ad-container,
  main section.content .fullscreen-textmobild .ad-container {
    display: flex;
    justify-content: center;
  }
  main section.content .contel-wrapper .partner-list,
  main section.content .fullscreen-textmobild .partner-list {
    grid-gap: 15px;
  }
  main section.content .contel-wrapper .partner-list li a,
  main section.content .fullscreen-textmobild .partner-list li a {
    padding: 10px;
  }
  main section.content .contel-wrapper .partner-list li a img,
  main section.content .fullscreen-textmobild .partner-list li a img {
    height: 60px;
  }
  main section.content .contel-wrapper .page404,
  main section.content .fullscreen-textmobild .page404 {
    padding: 0;
  }
  main section.content .contel-wrapper .page404 > h3,
  main section.content .fullscreen-textmobild .page404 > h3 {
    padding: 0;
    font-size: 22px;
  }
  main section.content .contel-wrapper .page404 > p,
  main section.content .fullscreen-textmobild .page404 > p {
    padding: 0;
  }
  main section.content .contel-wrapper .page404 > ul,
  main section.content .fullscreen-textmobild .page404 > ul {
    padding-left: 35px;
  }
  main section.content .contel-wrapper .page404 > ul li,
  main section.content .fullscreen-textmobild .page404 > ul li {
    margin-bottom: 12px;
  }
  main section.content .contel-wrapper .sponsors img,
  main section.content .fullscreen-textmobild .sponsors img {
    padding: 5px;
  }
  main section.content .video-mobile-app.video-wrapper i {
    font-size: 60px;
    top: 45%;
  }
  main section.content .video-mobile-app.video-wrapper.alllive:after {
    height: 23px;
    width: 100px;
  }
  main section.content .section-heading {
    margin-bottom: 20px;
  }
  main .rally-hero .skew-content > .unskew {
    height: auto;
  }
  main .rally-hero .rally-header {
    flex-wrap: wrap;
    display: block;
  }
  main .rally-hero .rally-header .rally-plate {
    height: 50px;
    margin-right: 15px;
  }
  main .rally-hero .rally-header .rally-info {
    padding-right: 0;
    padding-bottom: 3px;
    height: 50px;
  }
  main .rally-hero .rally-header .rally-countdown {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 2px solid #f1f2f5;
    width: 100%;
    justify-content: space-between;
  }
  main .rally-hero .rally-header .rally-countdown .nowlive,
  main .rally-hero .rally-header .rally-countdown .completed {
    margin-top: 4px;
    margin-top: 0;
  }
  main .rally-hero .rally-header .rally-countdown .addinfo {
    margin-left: 0;
  }
  main .rally-hero .rally-header .rally-countdown .countdown-watch {
    border: none;
  }
  main .rally-hero .stage-timeline {
    margin: 20px 0 -20px 0;
  }
  main .rally-hero .stage-timeline > li:not(.live-day) {
    display: none;
  }
  main .rally-hero .stage-timeline > li.live-day {
    width: 100% !important;
    margin-right: 0;
    padding-top: 0;
  }
  main .rally-hero .stage-timeline > li.live-day .day {
    position: relative;
    padding: 0 10px;
    border: 1px solid #93969b;
    background: none;
    border-right: none;
    height: 18px;
    line-height: 16px;
    display: block;
    float: left;
    font-size: 11px;
  }
  main .rally-hero .stage-timeline > li.live-day .day:before {
    display: none;
  }
  main .rally-hero .stage-timeline > li.live-day > ul > li:last-child {
    margin-right: 0;
  }
  main .rally-hero .stage-timeline > li.live-day > ul > li:last-child:before {
    display: none;
  }
  main .rally-hero .data-table tbody tr {
    display: table-row;
  }
  main .rally-hero .data-table tbody tr td {
    display: table-cell;
  }
  main .rally-hero .data-table tbody tr td .manufacturer {
    margin: 0;
  }
  main .rally-hero .data-table tbody tr td:nth-child(2) {
    padding-left: 25px;
  }
  main .rally-hero .data-table.overall tbody tr td,
  main .rally-hero .data-table.standings tbody tr td {
    width: auto !important;
  }
  main .rally-hero .data-table + .btn-wrapper {
    margin-left: 0;
  }
  main .rally-hero .videos {
    display: block;
    padding: 20px 0;
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  main .rally-hero .videos .box-heading {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-right: 0;
    margin-bottom: 20px;
    padding: 0 20px;
  }
  main .rally-hero .videos .box-heading .btn {
    margin-top: -3px;
  }
  main .rally-hero .videos .video-lane .slick-list {
    padding: 0 10px;
  }
  main .rally-hero .videos .video-lane figure.video-teaser {
    margin: 0 10px;
  }
  main table.data-table tbody tr td,
  main table.data-table thead tr th {
    padding: 0 10px;
  }
  main table.data-table.calendar {
    display: block;
  }
  main table.data-table.calendar thead {
    display: none;
  }
  main table.data-table.calendar tbody {
    width: 100%;
    display: block;
  }
  main table.data-table.calendar tbody tr {
    display: block;
    border: 2px solid #f1f2f5;
    width: 100%;
    margin-bottom: 10px;
  }
  main table.data-table.calendar tbody tr td {
    display: block;
    border: none;
    padding: 5px 0;
    height: 40px;
    display: flex;
    align-items: center;
  }
  main table.data-table.calendar tbody tr td:nth-child(1) {
    display: none;
  }
  main table.data-table.calendar tbody tr td:nth-child(2) {
    font-size: 14px;
    height: 50px;
    padding: 0 10px;
  }
  main table.data-table.calendar tbody tr td:nth-child(3) {
    width: 45%;
    background: #f9f9f9;
    padding: 0 10px;
    border-bottom: 1px solid #f1f2f5;
    float: left;
  }
  main table.data-table.calendar tbody tr td:nth-child(3):before {
    content: 'Date: ';
    font-family: 'world-rx-bold';
    display: block;
    float: left;
    text-transform: uppercase;
    margin-right: 5px;
  }
  main table.data-table.calendar tbody tr td:nth-child(4) {
    width: 55%;
    background: #f9f9f9;
    padding: 0 10px;
    border-bottom: 1px solid #f1f2f5;
  }
  main table.data-table.calendar tbody tr td:nth-child(4) a {
    display: block;
    width: 100%;
  }
  main table.data-table.calendar tbody tr td:nth-child(4) a .flag {
    display: none;
  }
  main table.data-table.calendar tbody tr td:nth-child(5) {
    width: 100%;
    background: #f9f9f9;
    padding: 0 10px;
    justify-content: center;
  }
  main table.data-table.calendar tbody tr td:nth-child(5):before {
    font-family: 'world-rx-bold';
    width: 30%;
    display: block;
    float: left;
    text-transform: uppercase;
  }
  main table.data-table.calendar tbody tr.next-rally td:nth-child(2) {
    background: #02f3e9;
    color: #ffffff;
  }
  main table.data-table.calendar tbody tr.next-rally td:nth-child(2) a {
    color: #ffffff;
  }
  main table.data-table.epg tbody tr.live td:first-child:after {
    width: 45px;
    left: 31px;
  }
  main table.data-table.epg tbody tr.live td a i {
    margin-right: 25px;
  }
  main table.data-table.epg tbody tr td a {
    white-space: normal;
  }
  main table.data-table.epg .nobreak strong {
    display: block;
    font-size: 9px;
  }
  main table.data-table.epg .nobreak strong + span {
    display: none;
  }
  main .data-table__item .section-heading {
    padding-left: 25px;
    font-size: 14px;
    line-height: 18px;
  }
  main .data-table__item .section-heading::before {
    left: 0;
    height: 24px;
  }
  main .epg .epg-header-wrapper {
    flex-direction: column-reverse;
    height: auto;
    border: none;
  }
  main .epg .epg-header-wrapper .epg-day-nav {
    height: auto;
    width: 100%;
    border: 2px solid #f1f2f5;
    padding: 0 15px 10px;
    display: flex;
    flex-direction: row-reverse;
    position: relative;
  }
  main .epg .epg-header-wrapper .epg-day-nav ul {
    position: absolute;
    left: 10px;
    top: 0;
  }
  main .epg .epg-header-wrapper .epg-day-nav a.go-live {
    margin-right: 0;
  }
  main .epg .epg-header-wrapper .epg-rally-header {
    height: 55px;
    width: 100%;
  }
  main .epg .epg-header-wrapper .epg-rally-header .rally-info {
    flex: 1;
  }
  main .epg .epg-header-wrapper .epg-rally-header .rally-info:before {
    display: none;
  }
  main .wrc-updates .content-box.w1 {
    height: 270px;
  }
  main .wrc-updates .content-box.w3 {
    border-bottom-width: 5px;
    margin-bottom: 30px;
  }
  main .wrc-updates .content-box.w3 .teaser figcaption {
    padding: 15px;
  }
  main .wrc-updates .content-box.w3 .teaser figcaption h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 5px 0 0 0;
  }
  main .wrc-updates .content-box.w3 .teaser figcaption .date {
    font-size: 14px;
  }
  main .wrc-updates .content-box.w3 .teaser figcaption p {
    display: none;
  }
  main .wrc-updates .content-box.w3:after {
    height: 5px;
    bottom: -5px;
  }
  main .wrc-updates .content-box.w3 .slick-dotted {
    padding-bottom: 0 !important;
  }
  main .wrc-updates .content-box.w3 .slick-dotted .slick-dots {
    bottom: -35px;
  }
  main .wrc-updates .content-box.cal {
    border-bottom-width: 5px;
  }
  main .wrc-updates .content-box.cal .calendar-slider .event {
    display: block;
    padding: 0 20px;
    text-align: center;
  }
  main .wrc-updates .content-box.cal .calendar-slider .event .rally-plate {
    width: 80px;
    float: left;
    margin-right: 15px;
  }
  main .wrc-updates .content-box.cal .calendar-slider .event .rally-info {
    margin: 0;
    height: 50px;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  main .wrc-updates .content-box.cal .calendar-slider .event .rally-info .rally-name {
    font-size: 14px;
    line-height: 16px;
  }
  main .wrc-updates .content-box.cal .calendar-slider .event .rally-info .rally-date {
    font-size: 12px;
  }
  main .wrc-updates .content-box.cal .calendar-slider .event .btn-wrapper {
    clear: both;
    margin-top: 10px;
    flex-direction: row;
  }
  main .wrc-updates .content-box.cal .countdown-nextevent {
    display: block;
  }
  main .wrc-updates .content-box.cal .countdown-nextevent .rally-plate {
    height: 80px;
  }
  main .wrc-updates .content-box.cal .countdown-nextevent > strong {
    font-size: 12px;
    line-height: 30px;
  }
  main .wrc-updates .content-box.cal .countdown-nextevent .rally-countdown {
    margin: 25px 0 0;
  }
  main .wrc-updates .content-box.cal:after {
    height: 5px;
    bottom: -5px;
  }
  main .wrcplus .skew-wrapper .main-grid,
  main .wrcplus .skew-wrapper .skew-content {
    height: auto;
  }
  main .wrcplus .skew-wrapper .skew-content {
    transform-origin: left;
  }
  main .wrcplus .unskew {
    padding-top: 15px;
  }
  main .wrcplus .wrc-passes {
    margin-top: 10px;
    padding-top: 10px;
  }
  main .wrcplus .wrc-passes .pass {
    width: calc(50% - 10px);
  }
  main .wrcplus .wrc-passes .pass .heading {
    font-size: 16px;
    height: 50px;
  }
  main .wrcplus .wrc-passes .pass .price {
    font-size: 22px;
  }
  main .wrcplus .wrc-passes .pass .price .rabatt {
    width: 40px;
    height: 40px;
    padding: 10px 5px;
    top: 10px;
    left: -10px;
  }
  main .wrcplus .wrc-passes .pass .price .rabatt span {
    font-size: 11px;
    line-height: 11px;
  }
  main .wrcplus .benefits ul {
    height: auto;
    justify-content: flex-start;
    min-height: 0;
    flex: 0 0 auto;
  }
  main .wrcplus .benefits ul li {
    width: 100%;
    padding: 0;
    margin: 0 0 15px 0;
  }
  main .wrcplus .benefits .btn {
    margin: 30px 0;
    flex: 0 0 auto;
  }
  main .video-center {
    padding: 50px 0;
  }
  main .video-center figure.video-teaser figcaption {
    padding: 15px;
  }
  main .video-center figure.video-teaser figcaption span {
    font-size: 12px;
  }
  main .video-lane-contel {
    padding: 20px 0;
  }
  main .teaserArchive .newslist-archive li,
  main .videoArchive .newslist-archive li,
  main .podcastArchive .newslist-archive li {
    margin-bottom: 20px;
  }
  main .teaserArchive .newslist-archive li figure.teaser a,
  main .videoArchive .newslist-archive li figure.teaser a,
  main .podcastArchive .newslist-archive li figure.teaser a {
    flex-direction: column;
  }
  main .teaserArchive .newslist-archive li figure.teaser a.column-reverse {
    flex-direction: column-reverse;
  }
  main .teaserArchive .newslist-archive li figure.teaser .img-wrapper,
  main .videoArchive .newslist-archive li figure.teaser .img-wrapper,
  main .podcastArchive .newslist-archive li figure.teaser .img-wrapper {
    flex: 0;
  }
  main .teaserArchive .newslist-archive li figure.teaser figcaption,
  main .videoArchive .newslist-archive li figure.teaser figcaption,
  main .podcastArchive .newslist-archive li figure.teaser figcaption {
    padding: 15px;
  }
  main .teaserArchive .podcast-archive li,
  main .videoArchive .podcast-archive li,
  main .podcastArchive .podcast-archive li {
    margin-bottom: 20px;
  }
  main .teaserArchive .podcast-archive li figure.teaser > a,
  main .videoArchive .podcast-archive li figure.teaser > a,
  main .podcastArchive .podcast-archive li figure.teaser > a {
    flex-direction: column;
  }
  main .teaserArchive .podcast-archive li figure.teaser .img-wrapper,
  main .videoArchive .podcast-archive li figure.teaser .img-wrapper,
  main .podcastArchive .podcast-archive li figure.teaser .img-wrapper {
    flex: 0;
  }
  main .teaserArchive .podcast-archive li figure.teaser figcaption,
  main .videoArchive .podcast-archive li figure.teaser figcaption,
  main .podcastArchive .podcast-archive li figure.teaser figcaption {
    padding: 15px;
  }
  main .teaserArchive .podcast-archive li figure.teaser .teaser-footer,
  main .videoArchive .podcast-archive li figure.teaser .teaser-footer,
  main .podcastArchive .podcast-archive li figure.teaser .teaser-footer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  main .teaserArchive .podcast-archive li figure.teaser .teaser-footer .btn,
  main .videoArchive .podcast-archive li figure.teaser .teaser-footer .btn,
  main .podcastArchive .podcast-archive li figure.teaser .teaser-footer .btn {
    margin-top: 15px;
  }
  main .teaserArchive div.paging ul.pages li a,
  main .videoArchive div.paging ul.pages li a,
  main .podcastArchive div.paging ul.pages li a {
    font-size: 12px;
  }
  main .teaserArchive form.site-filter {
    flex-direction: column;
    width: 100%;
    margin: 0 0 20px;
  }
  main .teaserArchive form.site-filter .selectize-control,
  main .teaserArchive form.site-filter .dropdown-box {
    margin: 0 0 10px 0;
    width: 100%;
  }
  main .teaserArchive form.site-filter .reset-filters {
    width: 100%;
    margin: 0;
  }
  main .videoArchive .videogrid-archive {
    grid-template-columns: repeat(1, 1fr);
  }
  main .videoArchive form.site-filter {
    width: 100%;
    margin: 20px 0 30px;
  }
  main .videoArchive form.site-filter .selectize-control,
  main .videoArchive form.site-filter .dropdown-box {
    margin: 0 0 10px 0;
    flex: 0 0 100%;
    min-width: auto;
  }
  main .videoArchive form.site-filter .selectize-control:last-child,
  main .videoArchive form.site-filter .dropdown-box:last-child {
    margin-left: 0px;
  }
  main .videoArchive form.site-filter .reset-filters {
    width: 100%;
    margin: 0;
  }
  main .video-archive-hero {
    flex-direction: column;
    margin: -20px -20px 30px;
    padding: 0;
    border-top: none;
  }
  main .video-archive-hero .content {
    padding: 25px;
  }
  main .video-archive-hero .content h2 {
    font-size: 20px;
  }
  main .video-archive-hero .content .category,
  main .video-archive-hero .content .date {
    font-size: 12px;
  }
  main .video-archive-hero .content p {
    font-size: 14px;
    line-height: 18px;
  }
  main .rally-page-header {
    height: auto;
    overflow: hidden;
    margin-bottom: -3px;
  }
  main .rally-page-header .rally-header {
    padding: 15px 0;
  }
  main .rally-page-header .rally-header .rally-plate {
    grid-column: 1/6;
    margin-right: auto;
    width: 120px;
  }
  main .rally-page-header .rally-header .rally-info {
    grid-column: 6/12;
    padding-right: 0;
  }
  main .rally-page-header .rally-header .rally-info .badge {
    margin-bottom: 5px;
  }
  main .rally-page-header .rally-header .rally-info .rally-name {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0px;
  }
  main .rally-page-header .rally-header .rally-info .rally-name a i {
    font-size: 20px;
    margin-top: -2px;
    margin-bottom: -5px;
  }
  main .rally-page-header .rally-header .rally-info .rally-date {
    font-size: 12px;
  }
  main .rally-page-header .rally-header .rally-countdown {
    display: none;
    padding: 0 25px;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  main .rally-page-header .rally-header .rally-countdown:before {
    left: -50px;
    right: -50px;
    width: 150%;
  }
  main .rally-page-header .rally-header .rally-countdown .nowlive,
  main .rally-page-header .rally-header .rally-countdown .completed {
    font-size: 18px;
    line-height: 20px;
    margin-right: 30px;
  }
  main .rally-page-header .rally-header .rally-countdown .nowlive i,
  main .rally-page-header .rally-header .rally-countdown .completed i {
    font-size: 18px;
    margin-right: 5px;
  }
  main .rally-page-header .rally-header .rally-countdown .addinfo {
    font-size: 12px;
  }
  main .rally-page-header .rally-header .rally-countdown .countdown-watch {
    width: 130px;
  }
  main .rally-page-header .rally-header .rally-countdown .startsin {
    width: auto;
    top: auto;
    left: auto;
    position: relative;
    margin-right: 30px;
    font-size: 14px;
  }
  main .rally-page-header .rally-header .rally-countdown .countdown-info {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  main .rally-page-header .rally-header .rally-countdown .countdown-counter {
    margin: 14px 0 0;
  }
  main .rally-page-header .rally-header .rally-countdown .countdown-counter .counter .value {
    font-size: 27px;
  }
  main .livecenter-wrapper .OnboardAction {
    padding: 0;
    height: 620px;
  }
  main .livecenter-wrapper .data-heading-wrapper form.data-filter {
    margin-top: 0;
  }
  main .data-contel.full > * {
    margin-bottom: 20px;
  }
  main .livetext .event.pinned .event-content {
    margin-left: 4px;
    border-bottom-width: 5px;
  }
  main .livetext .event.pinned .event-content:after {
    height: 5px;
    bottom: -5px;
  }
  main .livetext .event .event-info:before {
    left: 19px;
  }
  main .livetext .event .event-info i {
    width: 40px;
    height: 35px;
    font-size: 20px;
  }
  main .livetext .event .event-info span {
    font-size: 10px;
  }
  main .livetext .event .event-info span:before {
    border-right-width: 20px;
    border-left-width: 20px;
  }
  main .livetext .event .event-info span:after {
    border-right-width: 18px;
    border-left-width: 18px;
  }
  main .livetext .event .event-content {
    padding-bottom: 90px;
    /* padding-bottom:20px;*/
  }
  main .livetext .event .event-content h3 {
    font-size: 18px;
  }
  main .livetext .event .event-content p {
    font-size: 14px;
    line-height: 22px;
  }
  main .livetext .event .event-content .fullwidth-wrapper {
    margin-top: 20px;
  }
  main .livetext .event .event-share {
    bottom: 30px;
    left: 60px;
    top: auto;
    right: auto;
    opacity: 1;
    padding: 0;
  }
  main .livetext .event .event-share span {
    display: none;
  }
  main .livetext .event .event-share ul.social-share li {
    margin: 0;
  }
  main .livetext .event .event-share ul.social-share li a {
    padding: 0 15px;
  }
  main .livetext .event .event-share ul.social-share li a i {
    font-size: 25px;
  }
  main .livetext .event .event-share ul.social-share li:last-child a {
    border-left: 2px solid #d9dce4;
  }
  main .livetext .event .event-share:before {
    display: none;
  }
  main .data-heading-wrapper {
    height: auto;
    flex-flow: row wrap;
  }
  main .data-heading-wrapper .section-heading {
    margin: 0 !important;
    padding-left: 25px !important;
  }
  main .data-heading-wrapper .switch-time {
    flex: 0 1 30%;
  }
  main .data-heading-wrapper .switch-time .toggle-switch {
    flex: 1 1 30%;
  }
  main .data-heading-wrapper .switch-time strong {
    line-height: inherit;
    flex: 1 1 70%;
  }
  main .data-heading-wrapper form.data-filter {
    margin-top: 20px;
  }
  main .data-heading-wrapper form.data-filter .selectize-control {
    width: 100%;
    max-width: 100%;
  }
  main .data-heading-wrapper form.data-filter .selectize-control:last-child {
    margin: 0;
  }
  main .filter-row {
    flex-direction: column;
  }
  main .filter-row form.data-filter {
    display: none;
    width: 100%;
    justify-content: space-between;
  }
  main .filter-row form.data-filter .selectize-control {
    margin: 0 0 10px 0;
    flex: 0 0 calc(50% - 5px);
  }
  main .filter-row .btn-list {
    width: 100%;
    justify-content: space-between;
    margin: -10px 0 20px;
  }
  main .filter-row .btn-list li {
    margin: 0;
    width: 100%;
  }
  main .filter-row .btn-list li .btn {
    width: 100%;
    line-height: 38px;
  }
  main .filter-row .btn-list li.refreshnow {
    display: none;
  }
  main .filter-row + .livetext {
    margin-top: -20px;
  }
  main nav.content-tabnav {
    height: auto;
    overflow: auto;
  }
  main nav.content-tabnav ul {
    white-space: nowrap;
    font-size: 0;
  }
  main nav.content-tabnav ul li {
    padding: 5px 0;
    display: block;
  }
  main nav.content-tabnav ul li a {
    font-size: 10px;
    flex-direction: column;
  }
  main nav.content-tabnav ul li.info {
    width: 22%;
    padding: 5px 0;
  }
  main nav.content-tabnav + nav.content-nav {
    margin-bottom: 20px;
  }
  main nav.content-tabnav + .video-wrapper {
    margin-top: -20px;
  }
  main .stage-timeline-wrapper {
    width: 100%;
    overflow: auto;
    display: block;
  }
  main .stage-timeline-wrapper + .dataTables_wrapper {
    margin-top: -10px;
  }
  main .stage-timeline.large {
    width: auto;
    min-width: 100%;
  }
  main .stage-timeline.large > li > ul > li {
    width: 50px;
    margin: 0 -2px;
    max-height: 30px;
    line-height: 2;
    min-height: 20px;
    padding: 0px 8px;
    display: flex;
    justify-content: center;
    overflow: hidden;
  }
  main .stage-timeline.large > li {
    padding-top: 0;
  }
  main .stage-timeline.large > li .day {
    display: none;
  }
  main .driver-hero .driver-header .driver .portrait {
    width: 80px;
  }
  main .driver-hero .driver-header .driver .name {
    font-size: 16px;
  }
  main .driver-hero .driver-header .driver .name strong {
    font-size: 30px;
    line-height: 25px;
  }
  main .driver-hero .driver-header .driver .manufacturer {
    height: 40px;
  }
  main .driver-hero .driver-header .meta-info {
    flex-direction: column;
    align-items: flex-start;
  }
  main .driver-hero .driver-header .meta-info .co-driver .portrait {
    width: 55px;
    margin-right: 10px;
  }
  main .driver-hero .driver-header .meta-info .team {
    margin-top: 15px;
    width: 100%;
    border-top: 2px solid #f1f2f5;
    padding-top: 15px;
  }
  main .driver-hero .driver-header .meta-info .team .info-data {
    text-align: left;
  }
  main .driver-hero .driver-info > ul > li {
    width: 50%;
  }
  main .driver-hero .driver-info > ul > li:nth-child(odd) > div {
    border-right: 3px solid #f1f2f5;
  }
  main .driver-hero .driver-info > ul > li:nth-child(even) > div {
    border-right: none;
  }
  main .driver-hero .team-info {
    width: calc(100% + 40px);
    margin-left: -20px;
    flex-direction: column;
    padding: 20px;
  }
  main .driver-hero .team-info .info-data {
    margin: 20px 0;
  }
  main .driver-hero .team-info .car {
    margin: -25px 0 0;
    width: 180px;
  }
  main .driver-season-stats .season-stats {
    flex-wrap: wrap;
    padding: 15px;
  }
  main .driver-season-stats .season-stats li {
    transform: none;
    border-bottom: 3px solid #f1f2f5;
    border-right: none;
    padding: 15px;
    flex: 1 0 50%;
  }
  main .driver-season-stats .season-stats li > * {
    transform: none;
  }
  main .driver-season-stats .season-stats li span {
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 70px;
    line-height: 12px;
  }
  main .driver-season-stats .season-stats li span i {
    margin-bottom: 10px;
    margin-right: 0;
  }
  main .driver-season-stats .season-stats li strong {
    margin-top: 0;
    line-height: 40px;
  }
  main .driver-season-stats .season-stats li:nth-child(odd) {
    border-right: 3px solid #f1f2f5;
  }
  main .driver-season-stats .season-stats li:nth-last-child(-n+2) {
    border-bottom: none;
  }
  main .team-header .split-image-box .img-wrapper,
  main .team-header .split-image-box:nth-child(even) .img-wrapper {
    height: 180px;
  }
  main .team-header .split-image-box .img-wrapper img,
  main .team-header .split-image-box:nth-child(even) .img-wrapper img {
    margin-top: -30px;
  }
  main .team-header .split-image-box .box-content,
  main .team-header .split-image-box:nth-child(even) .box-content {
    padding: 20px 40px !important;
  }
  main .team-header .split-image-box .box-content .team-logo,
  main .team-header .split-image-box:nth-child(even) .box-content .team-logo {
    height: 100px;
  }
  main .team-header .split-image-box .box-content .team-info ul > li,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info ul > li {
    flex: 1 0 50%;
    padding: 0;
  }
  main .team-header .split-image-box .box-content .team-info ul > li div,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info ul > li div {
    border-right: none;
    border-bottom: 3px solid #f1f2f5;
    padding: 15px;
  }
  main .team-header .split-image-box .box-content .team-info ul > li:last-child div,
  main .team-header .split-image-box:nth-child(even) .box-content .team-info ul > li:last-child div {
    border: none;
  }
  main .team-driver .driver-grid .driver-pair .driver .img-wrapper {
    padding: 15px 25px 0;
  }
  main .team-driver .driver-grid .driver-pair .driver .content-wrapper {
    padding: 15px 15px 8px;
  }
  main .team-driver .driver-grid .driver-pair .driver .content-wrapper h3 {
    font-size: 16px;
  }
  main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl dd,
  main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl dt {
    font-size: 12px;
    line-height: 25px;
  }
  main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl dd .flag,
  main .team-driver .driver-grid .driver-pair .driver .content-wrapper dl dt .flag {
    height: 12px;
    margin: 6px 5px 0 0;
  }
  main .team-driver .driver-grid.single {
    grid-template-columns: repeat(1, 1fr);
  }
  main .infopage-benefits .benefits-hero {
    height: 150px;
    object-fit: cover;
  }
  main .infopage-benefits .grid-centered .alllive-logo-wrapper {
    margin: 30px 0;
  }
  main .infopage-benefits .grid-centered .alllive-logo-wrapper .logo-wrc {
    height: 27px;
    margin-right: 10px;
  }
  main .infopage-benefits .grid-centered .alllive-logo-wrapper strong {
    font-size: 22px;
    line-height: 16px;
  }
  main .infopage-benefits .grid-centered h3 {
    font-size: 18px;
  }
  main .infopage-benefits .grid-centered p {
    font-size: 14px;
  }
  main .infopage-benefits .grid-centered .benefits-list {
    margin-top: 30px;
    padding-bottom: 250px;
    white-space: nowrap;
    position: static;
  }
  main .infopage-benefits .grid-centered .benefits-list li {
    width: 25%;
    margin: 0;
    padding-bottom: 10px;
    flex: 1 1 25%;
    height: 100%;
  }
  main .infopage-benefits .grid-centered .benefits-list li a {
    font-size: 12px;
  }
  main .infopage-benefits .grid-centered .benefits-list li a i {
    font-size: 45px;
    margin-bottom: 8px;
  }
  main .infopage-benefits .grid-centered .benefits-list li .info-wrapper {
    padding: 20px;
    height: auto;
    flex-direction: column;
    text-align: center;
    width: 100%;
    white-space: normal;
    height: 250px;
  }
  main .infopage-benefits .grid-centered .benefits-list li .info-wrapper i {
    font-size: 70px;
    margin: 0 0 20px 0;
  }
  main .infopage-benefits .grid-centered .benefits-list li .info-wrapper p {
    font-size: 14px;
    line-height: 20px;
    padding-right: 0px;
  }
  main .infopage-benefits .grid-centered .benefits-list li .info-wrapper p strong {
    font-size: 16px;
  }
  main .infopage-benefits .grid-centered .benefits-list li .info-wrapper .benefit-img {
    display: none;
  }
  main .infopage-benefits .grid-centered .benefits-list li.active > a:before {
    bottom: -20px;
    border-top-width: 10px;
  }
  main .split-image-box .img-wrapper {
    height: 180px;
  }
  main .split-image-box .img-wrapper img {
    margin-top: -30px;
  }
  main .split-image-box .box-content {
    padding: 20px 40px 80px !important;
  }
  main .split-image-box .box-content > i {
    font-size: 70px;
  }
  main .split-image-box .box-content h3 {
    font-size: 22px;
  }
  main .split-image-box .box-content strong {
    font-size: 16px;
  }
  main .split-image-box .box-content p {
    font-size: 14px;
    line-height: 20px;
  }
  main .infopage-devices {
    padding: 50px 0;
    margin-top: -50px;
  }
  main .infopage-devices .grid-centered h3 {
    font-size: 22px;
    line-height: 30px;
  }
  main .infopage-devices .grid-centered h3 i {
    font-size: 70px;
    display: block;
    float: none;
    margin: 0 0 20px 0;
  }
  main .infopage-devices .grid-centered strong {
    font-size: 16px;
  }
  main .infopage-devices .grid-centered p {
    font-size: 14px;
    line-height: 20px;
  }
  main .infopage-devices .grid-centered .devices-list {
    margin: 30px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  main .infopage-devices .grid-centered .devices-list li {
    margin: 0 2% 30px;
    flex: 0 0 29%;
    font-size: 12px;
  }
  main .infopage-devices .grid-centered .devices-list li img {
    height: 50px;
  }
  main .infopage-devices .grid-centered .devices-img {
    margin-bottom: -60px;
  }
  main .infopage-benefits-grid .grid-centered .benefits-list {
    flex-direction: column;
    transform: none;
  }
  main .infopage-benefits-grid .grid-centered .benefits-list li {
    padding: 0px;
    border: none;
    border-bottom: 3px solid #f1f2f5;
    transform: none;
  }
  main .infopage-benefits-grid .grid-centered .benefits-list li > div {
    transform: none;
    margin: 0;
  }
  main .infopage-benefits-grid .grid-centered .infobox {
    margin-top: 30px;
  }
  main section.newsletter-reg form {
    width: 100%;
    padding: 30px 20px;
    margin: 0;
  }
  main section.newsletter-reg form div .checkbox-inline {
    top: -100px;
  }
  main section.newsletter-reg h1 {
    font-size: 25px;
  }
  main section.newsletter-reg h2 {
    font-size: 15px;
  }
  main section.newsletter-reg p {
    font-size: 11px;
    line-height: 17px;
  }
  main section.newsletter-reg input[type="email"] {
    width: 68%;
  }
  main section.newsletter-reg button {
    width: 40%;
    min-width: 40% !important;
  }
  footer .content {
    padding: 10px 0 20px;
  }
  footer .content .legal {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  footer .content .legal > li {
    padding: 0 15px;
  }
  footer .content .legal > li > ul {
    margin-bottom: 30px;
  }
  footer .content .social {
    margin-bottom: 30px;
  }
  footer ul.partner-pyramid {
    padding: 35px 20px 10px;
  }
  footer ul.partner-pyramid li {
    padding: 5px;
  }
  footer ul.partner-pyramid li a {
    padding: 10px 5px;
  }
  footer ul.partner-pyramid li a img {
    height: 25px;
    max-width: 100%;
    object-fit: contain;
  }
  .sponsors ul li a {
    padding: 8px;
  }
  body .overlay-wrapper .overlay {
    width: 90%;
  }
  body .overlay-wrapper .overlay .icon-close {
    left: 50%;
    top: -40px;
    transform: translateX(-50%);
  }
  #cookie .cookie-wrapper .content .text p {
    font-size: 12px;
    line-height: 16px;
  }
  .user-message {
    max-width: 300px;
  }
  body.video section.video-hero .content-box {
    margin: auto;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser figcaption {
    padding-left: 60px;
    padding-right: 20px;
    padding-bottom: 170px;
    padding-top: 210px;
    height: 100%;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser figcaption h3 {
    font-size: 20px;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser figcaption h3:before {
    font-size: 10px;
    left: -40px;
    top: -3px;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser figcaption h3:after {
    height: 20px;
    width: 28px;
    left: -35px;
    top: 3px;
  }
  body.video section.video-hero .content-box .slick-list figure.teaser figcaption p {
    position: relative;
    top: auto;
    font-size: 12px;
    line-height: 17px;
    margin-top: -5px;
  }
  body.video section.video-hero .content-box section.channels {
    left: 0;
    padding: 0 20px;
    bottom: -30px;
  }
  body.video section.video-hero .content-box section.channels ul {
    width: 100%;
  }
  body.video section.video-hero.channel .content-box .channelLogo {
    padding-top: 75px;
  }
  body.video section.video-hero.channel .content-box .channelLogo img {
    width: 150px;
  }
  body.video section.video-hero.channel .content-box .channelText h1 {
    font-size: 16px;
    line-height: 20px;
  }
  body.video section.video-hero.channel .content-box .channelText p {
    font-size: 12px;
    line-height: 14px;
  }
  body.video section.video-hero.player .content-box {
    padding: 50px 20px;
  }
  body.video section.video-hero.player .content-box #wrcSpottVideoPlayer > .videoplayer {
    max-width: 450px;
  }
  body.video section.video-hero.player .content-box .videoText {
    max-width: 450px;
  }
  body.video section.channels .title {
    width: 100%;
    float: none;
    clear: both;
    max-width: none;
    margin-bottom: 15px;
  }
  body.video section.channels ul {
    width: 100%;
  }
  body.video section.channels ul li {
    margin: 0 0.5%;
  }
  body.video section.channels ul li:nth-child(1) {
    margin-left: 0;
  }
  body.video section.channels ul li a {
    padding: 20px 5%;
  }
  body.video section.search form button.btn.grey {
    right: 20px;
  }
  body.video section.search-results .main-grid .videogrid-archive {
    grid-template-columns: repeat(1, 1fr);
  }
  body.video section.search-results .main-grid div.paging ul.pages li a,
  body.video section.search-results .main-grid div.paging ul.pages li.active a {
    font-size: 12px;
  }
  header.header-wrcplus .logo {
    padding: 22px 15px;
  }
  header.header-wrcplus .logo img {
    height: 16px;
  }
  header.header-wrcplus .logo-wrc {
    padding: 20px 15px;
  }
  header.header-wrcplus .logo-wrc img {
    height: 20px;
  }
  header.header-wrcplus nav.meta-nav {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    display: block;
  }
  header.header-wrcplus nav.meta-nav > ul > li.lang {
    padding: 0;
    width: 60px;
  }
  header.header-wrcplus nav.meta-nav > ul > li.lang ul {
    display: block;
  }
  header.header-wrcplus nav.meta-nav > ul > li.lang ul li:not(.active) {
    display: none;
    line-height: 40px;
  }
  header.header-wrcplus nav.meta-nav > ul > li.lang ul.menu-open li {
    display: block;
  }
  .subscription-hero {
    height: auto;
    padding: 30px 0;
    margin: 0;
    display: none;
  }
  .subscription-hero h1 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .subscription-hero h1 br {
    display: none;
  }
  .subscription-hero form label {
    font-size: 12px;
  }
  .content.subscription {
    padding: 0 20px 20px;
    margin-bottom: 60px;
  }
  .content.subscription .progress-bar {
    padding: 15px 20px;
    margin: 0 -20px 25px;
  }
  .content.subscription .progress-bar li {
    flex-direction: column;
    align-items: center;
    padding: 3px 10px 0 12px;
    height: 50px;
    justify-content: center;
  }
  .content.subscription .progress-bar li .title {
    font-size: 11px;
    white-space: nowrap;
  }
  .content.subscription .progress-bar li .num {
    margin: 0 0 5px 0;
  }
  .content.subscription .progress-bar li:after,
  .content.subscription .progress-bar li:before {
    border-top-width: 25px;
    border-bottom-width: 25px;
  }
  .content.subscription .header-bar {
    padding: 15px 20px;
    margin: 0 -20px 25px;
  }
  .content.subscription .logo-alllive {
    max-width: 230px;
    margin-bottom: 30px;
  }
  .content.subscription .wrc-passes .pass {
    width: calc(50% - 5px);
    border: 2px solid transparent;
  }
  .content.subscription .wrc-passes .pass .heading {
    padding: 0 10px;
    height: 50px;
  }
  .content.subscription .wrc-passes .pass .heading [type="radio"] + label {
    font-size: 12px;
    padding-left: 30px;
    text-align: left;
  }
  .content.subscription .wrc-passes .pass .heading [type="radio"] + label:before {
    width: 20px;
    height: 20px;
  }
  .content.subscription .wrc-passes .pass .heading [type="radio"] + label:after {
    font-size: 11px;
    left: 3px;
  }
  .content.subscription .wrc-passes .pass .price {
    font-size: 22px;
    padding: 25px 0;
  }
  .content.subscription .wrc-passes .pass .price .rabatt {
    width: 40px;
    height: 40px;
    padding: 10px 5px;
    top: 10px;
    left: -10px;
  }
  .content.subscription .wrc-passes .pass .price .rabatt span {
    font-size: 11px;
    line-height: 11px;
  }
  .content.subscription .wrc-passes .pass .badge {
    top: 0;
  }
  .content.subscription .wrc-passes .pass.selected {
    border: 2px solid #02f3e9;
  }
  .content.subscription .form-wrapper .payment-methods li [type="radio"] + label img {
    height: 25px;
    max-width: 45px;
  }
  .content.subscription .form-wrapper .payment-methods li [type="radio"] + label span {
    font-size: 10px;
    line-height: 20px;
    flex: 0 0 20px;
  }
  .content.subscription .promocode {
    margin: 25px 0;
  }
  .content.subscription .promocode .toggle-promo-input {
    font-size: 12px;
  }
  .content.subscription .promocode form input[type="text"] {
    flex: 1;
    width: auto;
  }
  .content.subscription .benefits ul {
    padding-top: 25px;
  }
  .content.subscription .benefits ul li {
    width: 100%;
    padding: 0;
    margin: 0 0 15px 0;
  }
  .content.subscription .benefits .btn {
    margin-top: 20px;
  }
  .content.subscription .benefits.chooseproduct {
    margin: 10px 0;
  }
  .content.subscription .benefits.chooseproduct ul {
    padding-top: 0;
  }
  .content.subscription .benefits.chooseproduct ul li {
    display: flex;
    width: 100%;
    text-align: left;
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
  .content.subscription .benefits.chooseproduct ul li i {
    margin-right: 15px;
  }
  .content.subscription .benefits.chooseproduct ul li .benefit-text {
    margin-top: 0;
  }
  .content.subscription .benefits.chooseproduct ul li .benefit-text p {
    padding-top: 0;
  }
  .content.subscription .cancel-sub-info .wrapper i {
    margin-right: 5px;
  }
  .content.subscription .cancel-sub-info .wrapper .text {
    font-size: 10px;
  }
  .content.subscription .payment-methods-offered {
    justify-content: space-between;
  }
  .content.subscription .payment-methods-offered li {
    flex: 1;
    background: #e2e4ea;
    width: auto;
  }
  .content.subscription .payment-methods-offered li:last-child {
    margin: 0;
  }
  .content.subscription .split {
    flex-direction: column-reverse;
  }
  .content.subscription .split .mid,
  .content.subscription .split .small {
    flex: 0;
    padding: 0;
  }
  .content.subscription .split .small {
    border-left: none;
    margin-bottom: 30px;
  }
  .content.subscription .split .small .form-heading {
    position: relative;
    padding: 15px;
    background: #f1f2f5;
  }
  .content.subscription .split .small .form-heading .toggle-mobile-login {
    color: #000000;
    position: absolute;
    top: 22px;
    height: 30px;
    width: 30px;
    right: 15px;
    font-size: 18px;
    padding: 5px;
    border: 2px solid #000000;
    -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .content.subscription .split .small .form-heading.open .toggle-mobile-login {
    -webkit-transform: rotate(-90deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-backface-visibility: hidden;
  }
  .content.subscription .split .small .form-heading.open + .form-login {
    max-height: none;
    padding: 15px;
  }
  .content.subscription .split .small .form-heading.login p {
    margin: 10px 0 0 0;
  }
  .content.subscription .split .small .form-login {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    padding: 0 15px;
    background: #f1f2f5;
  }
  .content.subscription .split .small .form-login .submit {
    margin-top: 0;
  }
  .content.subscription .split .small dl dt,
  .content.subscription .split .small dl dd {
    background: #e2e4ea;
  }
  .content.subscription .split .mid.promo {
    padding: 0 15px 25px 15px;
  }
  .content.subscription .split .mid.promo div.benefits a.btn.big {
    font-size: 18px;
    height: 50px;
    padding: 15px 25px;
    line-height: 19px;
  }
  .content.subscription .split:not(.registration):not(.login) {
    flex-direction: column;
  }
  .content.subscription .split:not(.registration):not(.login) .small {
    padding: 15px;
    background: #f1f2f5;
    margin-top: 30px;
  }
  .content.subscription .split:not(.registration):not(.login) .small .pass-info {
    border-color: #e2e4ea;
  }
  .content.subscription .info-text {
    margin: 0 0 20px;
    padding: 20px 20px 20px 60px;
  }
  .content.subscription .info-text + form {
    margin-top: -20px;
  }
  .content.subscription .footer-sub {
    margin: 0 -20px -20px;
    padding: 15px 20px;
  }
  body .overlay-wrapper.onboarding {
    padding: 15px;
    height: 100%;
  }
  body .overlay-wrapper.onboarding .overlay {
    width: 100%;
    max-height: 100%;
    height: auto;
    overflow: auto;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper {
    padding: 15px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper h2 {
    font-size: 16px;
    line-height: 18px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper h3 {
    font-size: 14px;
    padding-bottom: 20px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .logo-wrapper {
    margin-top: 20px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .logo-wrapper img {
    height: 22px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .logo-wrapper strong {
    font-size: 20px;
    line-height: 12px;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .split {
    flex-direction: column;
  }
  body .overlay-wrapper.onboarding .overlay .onboarding-content .content-wrapper .split .member {
    padding-right: 0;
  }
  body .overlay-wrapper.onboarding .overlay.sec-code {
    overflow: visible;
  }
  body .overlay-wrapper.onboarding .overlay.sec-code .card-seccode-img {
    padding: 15px;
  }
  body .overlay-wrapper.onboarding .overlay.sec-code .icon-close {
    top: -40px;
  }
  .contel100.contel100--banner {
    padding: 0;
  }
}
/* './storage/worldrally/www_wrc_com/?proxy=css/themes/epg.less.' */
.epg .epg-header-wrapper {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #f1f2f5;
  height: 60px;
  align-items: center;
}
.epg .epg-header-wrapper .epg-day-nav {
  flex: 1 0;
  height: 100%;
  display: flex;
}
.epg .epg-header-wrapper .epg-day-nav a.go-live {
  background: #02f3e9;
  float: left;
  color: #ffffff;
  position: relative;
  display: flex;
  padding: 8px 10px;
  margin-right: 15px;
  font-size: 16px;
  line-height: 16px;
  align-items: center;
  font-family: 'world-rx-bold';
  height: 36px;
  border: 2px solid #02f3e9;
}
.epg .epg-header-wrapper .epg-day-nav a.go-live i {
  font-size: 22px;
  margin-right: 5px;
}
.epg .epg-header-wrapper .epg-day-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
}
.epg .epg-header-wrapper .epg-day-nav ul li {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
}
.epg .epg-header-wrapper .epg-day-nav ul li a {
  font-size: 16px;
  line-height: 32px;
  color: #000000;
  text-transform: uppercase;
  padding: 0 15px;
}
.epg .epg-header-wrapper .epg-day-nav ul li a:before {
  content: '';
  width: 0;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #02f3e9;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.epg .epg-header-wrapper .epg-day-nav ul li a:hover:before {
  width: 100%;
}
.epg .epg-header-wrapper .epg-day-nav ul li a small {
  text-transform: none;
}
.epg .epg-header-wrapper .epg-day-nav ul li.future a {
  opacity: 0.5;
}
.epg .epg-header-wrapper .epg-day-nav ul li.future a:hover {
  opacity: 1;
}
.epg .epg-header-wrapper .epg-day-nav ul li.active a:before {
  width: 100%;
}
.epg .epg-header-wrapper .epg-rally-header {
  height: 100%;
  display: flex;
}
.epg .epg-header-wrapper .epg-rally-header .rally-info {
  background: #f1f2f5;
  position: relative;
  height: 100%;
  padding: 10px 25px;
  display: flex;
  align-items: center;
}
.epg .epg-header-wrapper .epg-rally-header .rally-info:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f1f2f5;
  transform: skew(-15deg);
  transform-origin: top;
  z-index: -1;
}
.epg .epg-header-wrapper .epg-rally-header .rally-info .rally-plate {
  height: 100%;
  margin-left: 25px;
}
.epg .epg-header-wrapper .epg-rally-header .rally-info .rally-time {
  display: block;
  text-align: right;
  font-size: 14px;
  line-height: 17px;
}
.epg .epg-header-wrapper .epg-rally-header .rally-info .rally-time strong {
  display: block;
}
.epg .epg-header-wrapper .epg-rally-header .epg-view-switch {
  height: 100%;
  background: #e8eaef;
  padding: 0 25px;
  display: flex;
  align-items: center;
}
.epg .epg-header-wrapper .epg-rally-header .epg-view-switch ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.epg .epg-header-wrapper .epg-rally-header .epg-view-switch ul li {
  float: left;
}
.epg .epg-header-wrapper .epg-rally-header .epg-view-switch ul li a {
  padding: 0 10px;
  color: #000000;
  font-size: 14px;
  line-height: 30px;
  display: block;
  text-transform: uppercase;
  transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.epg .epg-header-wrapper .epg-rally-header .epg-view-switch ul li a:hover {
  background: #1f2a44;
  color: #ffffff;
}
.epg .epg-header-wrapper .epg-rally-header .epg-view-switch ul li.active a {
  background: #1f2a44;
  color: #ffffff;
}
.epg .epg-box-view {
  position: relative;
  min-width: 0;
}
.epg .epg-box-view .timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font-size: 0;
  margin-bottom: 3px;
}
.epg .epg-box-view .timeline li {
  width: 300px;
  border-left: 3px solid #02f3e9;
  background: #f1f2f5;
  font-size: 12px;
  line-height: 20px;
  padding: 7px 15px 5px;
  display: inline-block;
}
.epg .epg-box-view .timeline li span {
  display: block;
  line-height: 8px;
  font-size: 8px;
  text-transform: uppercase;
}
.epg .epg-box-view .epg-scroll-wrapper {
  position: relative;
  overflow: hidden;
}
.epg .epg-box-view .epg-elements {
  display: flex;
}
.epg .epg-box-view .epg-elements .epg-element {
  display: block;
  padding-right: 3px;
  overflow: hidden;
  height: 150px;
  position: relative;
  flex: 0 0 auto;
}
.epg .epg-box-view .epg-elements .epg-element a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #1f2a44;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 10px;
  font-size: 14px;
  color: #ffffff;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);
  overflow: hidden;
}
.epg .epg-box-view .epg-elements .epg-element .epg-title {
  display: block;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 1;
  z-index: 3;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.epg .epg-box-view .epg-elements .epg-element .epg-time {
  display: block;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 1;
  z-index: 3;
}
.epg .epg-box-view .epg-elements .epg-element .re-live {
  display: block;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 1;
  z-index: 3;
  font-size: 12px;
  margin-bottom: 2px;
}
.epg .epg-box-view .epg-elements .epg-element .epg-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.epg .epg-box-view .epg-elements .epg-element .nowlive {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(1);
  margin-top: -18px;
  margin-left: -77px;
  color: #ffffff;
  font-size: 24px;
  z-index: 1;
  display: flex;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  backface-visibility: hidden;
}
.epg .epg-box-view .epg-elements .epg-element .nowlive i.icon-play {
  margin: 0 10px 0 0;
  position: relative;
  opacity: 1;
  top: auto;
  left: auto;
}
.epg .epg-box-view .epg-elements .epg-element i.icon-play {
  backface-visibility: hidden;
  opacity: 0;
  color: #ffffff;
  background: #02f3e9;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -17px;
  margin-left: -17px;
  transform: scale(1);
  text-shadow: none;
  font-size: 16px;
  line-height: 35px;
  padding-left: 2px;
  text-align: center;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.epg .epg-box-view .epg-elements .epg-element i.icon-play:before {
  line-height: 35px;
}
.epg .epg-box-view .epg-elements .epg-element .progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  z-index: 2;
}
.epg .epg-box-view .epg-elements .epg-element .progress-bar .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #02f3e9;
}
.epg .epg-box-view .epg-elements .epg-element.post .epg-image {
  opacity: 0.2;
}
.epg .epg-box-view .epg-elements .epg-element.post .epg-title {
  opacity: 0.9;
}
.epg .epg-box-view .epg-elements .epg-element.post:hover .icon-play {
  opacity: 1;
  transform: scale(1.3);
}
.epg .epg-box-view .epg-elements .epg-element.post:hover .epg-image {
  opacity: 0.1;
}
.epg .epg-box-view .epg-elements .epg-element.post:hover .epg-title {
  opacity: 0.3;
}
.epg .epg-box-view .epg-elements .epg-element.post:hover .re-live {
  opacity: 0.3;
}
.epg .epg-box-view .epg-elements .epg-element.live a {
  border: 2px solid #02f3e9;
  overflow: hidden;
}
.epg .epg-box-view .epg-elements .epg-element.live a:before {
  content: '';
  background: #1f2a44;
  /* Old browsers */
  background-color: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #1f2942), color-stop(100%, rgba(31, 41, 66, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* IE10+ */
  background: linear-gradient(bottom, #1f2942 0%, rgba(31, 41, 66, 0) 100%);
  /* W3C */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#001f2942, endColorstr=#ff1f2942);
  /* IE6-9 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#001f2942, endColorstr=#ff1f2942);
  /* IE6-9 */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.8;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.epg .epg-box-view .epg-elements .epg-element.live:hover .nowlive {
  opacity: 1;
  transform: scale(1.2);
}
.epg .epg-box-view .epg-elements .epg-element.live:hover a:before {
  opacity: 1;
}
.epg .epg-box-view .epg-elements .epg-element.future a {
  pointer-events: none;
}
.epg .epg-box-view .epg-elements .epg-element.future .epg-image {
  opacity: 0.2;
}
.epg .epg-box-view .epg-elements .epg-element.future .epg-title,
.epg .epg-box-view .epg-elements .epg-element.future .epg-time {
  opacity: 0.6;
}
.epg .epg-box-view .epg-elements .epg-element.future.alllive:before {
  opacity: 0.8;
}
.epg .epg-box-view .epg-elements .epg-element.alllive > a:before {
  content: '';
  height: 23px;
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('/?proxy=img/flag-wrcplus.svg') 0 0 no-repeat;
  background-size: cover;
  z-index: 1;
}
.epg .epg-box-view .epg-elements .epg-element.rotated:before {
  display: none;
}
.epg .epg-box-view .epg-elements .epg-element.rotated > a {
  padding: 15px 3px;
  align-items: center;
}
.epg .epg-box-view .epg-elements .epg-element.rotated > a:before {
  display: none !important;
}
.epg .epg-box-view .epg-elements .epg-element.rotated .icon-play,
.epg .epg-box-view .epg-elements .epg-element.rotated .re-live {
  display: none;
}
.epg .epg-box-view .epg-elements .epg-element.rotated .epg-title {
  white-space: nowrap;
  overflow: hidden;
  writing-mode: vertical-rl;
  line-height: 12px;
  font-size: 10px;
  text-overflow: ellipsis;
  -webkit-transform: rotate(-180deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-backface-visibility: hidden;
}
.epg .epg-box-view .epg-elements .epg-element.playing > a {
  border: 3px solid #02f3e9;
  overflow: hidden;
}
.epg .epg-box-view .epg-elements .epg-element.playing .icon-play {
  opacity: 1;
  transform: scale(1.3);
}
.epg .epg-box-view .epg-elements .epg-element.playing.post .epg-image {
  opacity: 0.1;
}
.epg .epg-box-view .epg-elements .epg-element.playing.post .epg-title {
  opacity: 0.3;
}
.epg .epg-box-view .switch-time {
  margin-top: 20px;
}
.epg .epg-box-view .switch-time strong {
  font-size: 11px;
  line-height: 30px;
  margin-left: 5px;
  text-transform: none;
}
section.content section.epg {
  margin: 50px 0;
}
section.content section.epg .main-grid {
  padding: 0 !important;
}
section.content.news .contel-wrapper section.epg .hide-mobile {
  display: none !important;
}
section.content.news .contel-wrapper section.epg .hide-desktop {
  display: inline-block !important;
}
section.content.news .contel-wrapper section.epg .epg-header-wrapper .epg-day-nav a.go-live {
  font-size: 13px;
}
section.content.news .contel-wrapper section.epg .epg-header-wrapper .epg-day-nav ul li a {
  font-size: 13px;
}
section.content.news .contel-wrapper section.epg .epg-header-wrapper .epg-rally-header .rally-info .rally-time {
  font-size: 12px;
}
section.content.news .contel-wrapper section.epg .epg-header-wrapper .epg-rally-header .epg-view-switch ul li a {
  font-size: 12px;
}
/* './storage/worldrally/www_wrc_com/?proxy=css/themes/wrx/overwrites.less.' */
/*
  order of less files: 
    /css/themes/main.less
    /css/themes/epg.less
    /css/themes/wrx/basics.less
    /css/themes/wrx/overwrites.less
    /css/themes/responsive.less
    /css/themes/subscription.less
*/
.skewbox {
  transform: skew(-15deg);
}
.skewbox * {
  transform: skew(15deg);
}
.bg-primary {
  background-color: #02f3e9;
}
.bg-primary span {
  color: #1f2a44;
}
.bg-accent {
  background-color: #1f2a44;
}
.bg-accent span {
  color: #ffffff;
}
.bg-white {
  background-color: #ffffff;
}
.bg-white span {
  color: #1f2a44;
}
.btn {
  background: #02f3e9;
  border: 2px solid #02f3e9;
  color: #1f2a44;
}
.btn:hover {
  color: #02f3e9;
  border-color: #02f3e9;
}
.btn:hover:before {
  left: -25%;
}
.btn:hover i {
  color: #1f2a44;
}
.btn.black:before {
  background: #02f3e9;
}
.btn.black.border:hover {
  border-color: #02f3e9;
  color: #1f2a44;
}
.btn.btn-primary:hover i {
  color: #02f3e9;
}
.skew-btn {
  color: #1f2a44;
}
.skew-btn:hover {
  border-color: #1f2a44;
  color: #1f2a44;
}
.skew-btn:hover .icon-wrapper {
  border-color: #1f2a44;
}
.skew-btn .icon-wrapper {
  background: #1f2a44;
  border-right: 2px solid #1f2a44;
}
.badge {
  color: #1f2a44;
}
.countdown-counter .counter.wrx {
  background: url('/?proxy=img/digit-bg.svg') 0 0 no-repeat;
}
.countdown-counter .counter {
  background-repeat: repeat !important;
}
header {
  justify-content: space-between;
  display: flex;
}
header nav.main-nav > ul > li > a:hover {
  color: #1f2a44;
}
header nav.main-nav > ul > li > a #world-rx-plus {
  height: 26px;
  margin-bottom: -2px;
  margin-right: -10px;
}
header nav.main-nav > ul > li.active a {
  color: #1f2a44;
}
header nav.main-nav > ul > li.more {
  margin-right: 210px;
}
header nav.main-nav > ul > li.more.menu-overlay > a {
  display: inline-flex;
  height: 100px;
  justify-content: center;
  width: 100px;
  align-items: center;
}
header nav.main-nav > ul > li.more.menu-open ul.more-nav > li:before {
  background: url(../icon/heading-element.svg) 0 0 no-repeat;
}
header nav.main-nav > ul > li.menu-open > a {
  color: #1f2a44;
}
header nav.main-nav > ul > li > ul > li > a strong.title-overlay {
  color: #1f2a44;
}
header nav.main-nav > ul > li.active #world-rx-plus path,
header nav.main-nav > ul > li.menu-open #world-rx-plus path,
header nav.main-nav > ul > li > a:hover #world-rx-plus path {
  fill: #1f2a44;
}
header .logo {
  width: auto;
  display: inline-flex;
  padding: 0px 25px;
  justify-content: center;
  overflow: hidden;
}
header .logo svg {
  width: 160px;
  height: auto;
  position: relative;
}
header .logo path {
  transform: translateX(-6px) scale(1.05);
  transition: fill 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
header .logo.active path.caccent {
  fill: #02f3e9;
}
header .logo::before {
  content: '';
  width: 150%;
  left: -170%;
  height: 120%;
  top: -10%;
  background: #02f3e9;
  position: absolute;
  transform: skew(-20deg);
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: -1;
}
header .logo:hover path,
header .logo:hover path.caccent {
  fill: #1f2a44;
}
header .logo:hover::before {
  left: -25px;
}
header .logo .sm {
  display: none;
}
header .logo .sl {
  display: block;
}
header.header-wrcplus .logo {
  padding: 20px 30px;
  background: transparent;
  transform: translateX(0);
  left: 0;
}
header.header-wrcplus .logo::before {
  content: none;
}
header.header-wrcplus .logo:hover path {
  fill: #ffffff;
}
header.header-wrcplus .logo:hover path.caccent {
  fill: #02f3e9;
}
header.header-wrcplus .logoplus {
  left: 50%;
  transform: translateX(-50%);
  padding: 20px 0 30px;
  width: auto;
  background: transparent;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
header.header-wrcplus .logoplus svg {
  width: 160px;
  height: auto;
  position: relative;
}
main .rally-page-header {
  background: url(/?proxy=img/rally-page-header_world-rx.jpg) center center no-repeat;
  background-size: cover;
}
main .rally-hero .videos .box-heading .btn:hover i {
  color: #02f3e9;
}
main section.content .contel-wrapper .contel100.bottom-bar:after,
main section.content .fullscreen-textmobild .contel100.bottom-bar:after,
main section.content .contel-wrapper .contel50.bottom-bar:after,
main section.content .fullscreen-textmobild .contel50.bottom-bar:after {
  background: url(../image/elements-line-corner.svg) 0 0 no-repeat #ffffff;
}
main section.content .contel-wrapper .contel100.image .flag::after,
main section.content .fullscreen-textmobild .contel100.image .flag::after {
  background: url(../image/bg-flag.svg) 0 0 no-repeat;
}
main section.content .contel-wrapper .contel100.image .flag::before,
main section.content .fullscreen-textmobild .contel100.image .flag::before {
  color: #1f2a44;
}
main section.content .contel-wrapper > ul li:before,
main section.content .fullscreen-textmobild > ul li:before,
main section.content .contel-wrapper .news > ul li:before,
main section.content .fullscreen-textmobild .news > ul li:before {
  content: '';
  width: 7px;
  height: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  top: 7px;
  left: -32px;
  background: #02f3e9;
  display: block;
}
main section.content .contel-wrapper > ul li a,
main section.content .fullscreen-textmobild > ul li a,
main section.content .contel-wrapper .news > ul li a,
main section.content .fullscreen-textmobild .news > ul li a {
  color: #1f2a44;
}
main section.content .contel-wrapper table:not(.data-table):after,
main section.content .fullscreen-textmobild table:not(.data-table):after {
  background: url(../image/elements-line-corner.svg) 0 0 no-repeat #ffffff;
}
main .wrc-updates .content-box.w3:after {
  background: url(../image/elements-line-corner.svg) 0 0 no-repeat #ffffff;
}
main .wrc-updates .content-box.cal:after {
  background: url(../image/elements-line-corner.svg) 0 0 no-repeat #ffffff;
}
main .wrc-updates .content-box.cal .calendar-slider .slick-arrow:hover {
  color: #1f2a44;
}
main .wrc-updates .content-box.cal .calendar-slider .slick-arrow:hover .icon-arrow {
  color: #1f2a44;
}
main .wrc-updates .content-box .box-title:hover {
  color: #1f2a44;
  border-color: #02f3e9;
}
main .wrc-updates .content-box .box-title:hover i {
  color: #1f2a44;
}
main .wrcplus .wrc-passes .pass .heading {
  background: #1f2a44;
  color: #02f3e9;
}
main .wrcplus .wrc-passes .pass.season .heading {
  background: #02f3e9;
  color: #1f2a44;
}
main .wrcplus .benefits ul li i {
  color: #1f2a44;
}
main .livetext .event.pinned .event-content:after {
  background: url(../image/elements-line-corner.svg) 0 0 no-repeat #ffffff;
}
main .livetext .event.pinned .event-info i {
  color: #1f2a44;
}
main .team-driver .driver-grid .driver-pair:after {
  background: url(../image/elements-line-corner.svg) 0 0 no-repeat #ffffff;
}
main nav.content-tabnav ul li.active > a {
  color: #1f2a44;
}
main .stage-timeline-wrapper {
  display: flex;
  width: 100%;
  overflow: hidden;
}
main .stage-timeline-wrapper + .dataTables_wrapper {
  margin-top: -30px;
}
main .stage-timeline-wrapper + .filter-row {
  margin-top: 30px;
}
main .stage-timeline--new {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  opacity: 1;
  margin-top: 20px;
}
main .stage-timeline--new > li {
  position: relative;
  padding-top: 20px;
  margin-right: 5px;
}
main .stage-timeline--new > li .day {
  position: absolute;
  top: 0;
  left: 4px;
  right: 0;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: #c9ccd2;
  text-transform: uppercase;
  z-index: 1;
  width: calc(100% - 3px);
}
main .stage-timeline--new > li .day::before {
  content: '';
  border: 2px solid #c9ccd2;
  border-bottom: 0;
  left: 0px;
  right: 0px;
  height: 50%;
  top: 0;
  position: absolute;
  z-index: -1;
}
main .stage-timeline--new > li > ul {
  list-style: none;
  display: flex;
  padding: 0;
  width: 100%;
}
main .stage-timeline--new > li > ul > li {
  height: 40px;
  position: relative;
  background: #93969b;
  white-space: nowrap;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'world-rx-bold';
  padding: 0;
  font-size: 12px;
  width: 100%;
}
main .stage-timeline--new > li > ul > li a {
  color: #ffffff;
  width: calc(100% - 7px);
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #93969b;
  position: relative;
  margin-left: 3px;
  padding-left: 4px;
  min-width: 100px;
}
main .stage-timeline--new > li > ul > li a::after,
main .stage-timeline--new > li > ul > li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}
main .stage-timeline--new > li > ul > li a::after {
  left: 0px;
  border-left: 7px solid #93969b;
}
main .stage-timeline--new > li > ul > li a::before {
  right: -7px;
  border-left: 7px solid #93969b;
  z-index: 10;
}
main .stage-timeline--new > li > ul > li::after,
main .stage-timeline--new > li > ul > li::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
main .stage-timeline--new > li > ul > li::after {
  left: 0px;
  border-left: 8px solid #ffffff;
}
main .stage-timeline--new > li > ul > li::before {
  right: -8px;
  border-left: 8px solid #93969b;
  z-index: 10;
}
main .stage-timeline--new > li > ul > li.over::before,
main .stage-timeline--new > li > ul > li.over a::before,
main .stage-timeline--new > li > ul > li.over a::after {
  border-left-color: #1f2a44;
}
main .stage-timeline--new > li > ul > li:hover a::after,
main .stage-timeline--new > li > ul > li.live a::before,
main .stage-timeline--new > li > ul > li.live a::after,
main .stage-timeline--new > li > ul > li.live::before,
main .stage-timeline--new > li > ul > li.live::after,
main .stage-timeline--new > li > ul > li.active::before,
main .stage-timeline--new > li > ul > li.active a::after,
main .stage-timeline--new > li > ul > li.over:hover::before,
main .stage-timeline--new > li > ul > li.over.active::before,
main .stage-timeline--new > li > ul > li.over.active a::after {
  border-left-color: #02f3e9;
}
main .stage-timeline--new > li > ul > li.over a {
  background: #1f2a44;
}
main .stage-timeline--new > li > ul > li.live a {
  background: #02f3e9;
  color: #1f2a44;
  animation: pulse 2s infinite;
}
main .stage-timeline--new > li > ul > li:first-child.live a::after,
main .stage-timeline--new > li > ul > li :first-child.live::after {
  border-left-color: #ffffff;
}
main .stage-timeline--new > li:first-child > ul > li:first-child a {
  margin-left: 2px;
  max-width: calc(100% - 7px);
}
main .stage-timeline--new > li:first-child > ul > li:first-child a::after {
  content: none;
}
main .stage-timeline--new > li:first-child > ul > li:first-child::after {
  content: none;
}
main .stage-timeline--new > li:last-child {
  margin-right: 0;
}
main .stage-timeline--new > li:last-child > ul > li:last-child a {
  margin-left: 2px;
  width: calc(100% - 10px);
}
main .stage-timeline--new > li:last-child > ul > li:last-child a::before {
  content: none;
}
main .stage-timeline--new > li:last-child > ul > li:last-child::before {
  content: none;
}
main .stage-timeline--new > li:last-child .day {
  left: initial;
  right: 1px;
}
main .stage-timeline--new ul li:hover::before,
main .stage-timeline--new ul li.live:hover::before {
  border-left: 8px solid #02f3e9;
}
main .stage-timeline--new > li > ul > li.over {
  background: #1f2a44;
}
main .stage-timeline--new > li > ul > li.live,
main .stage-timeline--new > li > ul > li.active,
main .stage-timeline--new > li > ul > li:hover {
  background: #02f3e9;
}
main .stage-timeline--new.loaded {
  opacity: 1;
}
main .livecenter-wrapper .wrc-content-fallback a img {
  max-width: 100%;
}
.dataGrid__wrapper {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.dataGrid__wrapper .dataGrid__pole {
  width: 100%;
  align-items: center;
  max-width: 1024px;
  margin-left: 0;
}
.dataGrid__wrapper .dataGrid__pole .polerow {
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  box-sizing: border-box;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol.polecol--race span {
  font-family: 'world-rx-bold';
  line-height: 35px;
  padding: 0 15px;
  display: block;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol.polecol--race span::before {
  content: "RACE";
  padding-right: 2px;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper {
  position: relative;
  min-height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper::after {
  content: "";
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background: url(/?proxy=img/wrx/car_alt.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 2px;
  left: 5px;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper::before {
  content: "";
  width: calc(100%);
  height: calc(40%);
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0;
  border: 3.5px solid #f1f1f1;
  transition: all 300ms ease-in-out;
  box-sizing: border-box;
  border-style: solid solid none;
  border-radius: 3px;
  border-color: #a1a1a1;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__car {
  text-transform: uppercase;
  transform: skew(-15deg);
  color: #1f2a44;
  font-size: 22px;
  font-family: 'world-rx-bold';
  text-align: center;
  position: relative;
  top: 1px;
  line-height: 35px;
  font-weight: bold;
  z-index: 1;
  order: 1;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__car span {
  display: block;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__car span::before {
  content: "#";
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__nat-team {
  text-align: center;
  display: flex;
  z-index: 2;
  position: relative;
  order: 1;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__nat-team .position__nation {
  display: block;
  width: 100%;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__nat-team .position__nation img {
  width: 25%;
  max-width: 30px;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__nat-team .position__team {
  display: none;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__nat-team .position__team img {
  width: 25px;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__driver {
  font-size: 16px;
  text-align: center;
  z-index: 2;
  position: relative;
  order: 3;
  pointer-events: none;
  margin-bottom: -35px;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__driver div {
  padding: 5px;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__driver span {
  display: block;
  line-height: 1.2;
}
.dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__driver span:nth-of-type(2) {
  padding-left: 10px;
}
.dataGrid__wrapper .dataGrid__pole .polerow.polerow--header {
  background-color: #f1f2f5;
}
.dataGrid__wrapper .dataGrid__pole .polerow.polerow--header .polecol {
  flex: 1 0 20%;
  height: 50px;
  border: none;
  padding: 10px 15px;
}
.dataGrid__wrapper .dataGrid__pole .polerow.polerow--race {
  padding: 60px 0 45px;
  display: grid;
  grid-template-columns: 100px repeat(5, 300px);
}
.dataGrid__wrapper .dataGrid__pole .polerow.polerow--race .polecol {
  grid-row: 2/3;
}
.dataGrid__wrapper .dataGrid__pole .polerow.polerow--race .polecol:first-of-type {
  grid-column: 1;
  grid-row: 1/2;
  width: 100%;
}
.dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race {
  grid-template-rows: 50px 300px;
  grid-template-columns: 150px repeat(4, 170px);
}
.dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol {
  padding: 15px;
}
.dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:first-of-type {
  grid-row: 1/3;
}
.dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:nth-of-type(2) {
  grid-column: 2;
}
.dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:nth-of-type(3) {
  grid-column: 3;
}
.dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:nth-of-type(4) {
  grid-column: 4;
}
.dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:nth-of-type(5) {
  grid-column: 5;
}
.dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:nth-of-type(6) {
  grid-column: 6;
}
.dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race {
  grid-template-columns: 150px repeat(5, 170px);
}
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race,
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race {
  grid-template-columns: 200px repeat(5, 150px);
  grid-template-rows: 100px repeat(3, 280px);
  background-size: 100% 100%;
}
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race .polecol:first-of-type,
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race .polecol:first-of-type {
  grid-column: 1/2;
  grid-row: 1/4;
  width: 100%;
}
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race .polecol:nth-of-type(2),
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race .polecol:nth-of-type(2),
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race .polecol:nth-of-type(3),
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race .polecol:nth-of-type(3) {
  grid-row: 2/3;
}
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race .polecol:nth-of-type(2),
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race .polecol:nth-of-type(2) {
  grid-column: 2;
}
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race .polecol:nth-of-type(3),
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race .polecol:nth-of-type(3) {
  grid-column: 4;
}
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race .polecol:nth-of-type(4),
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race .polecol:nth-of-type(4) {
  grid-column: 3;
}
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race .polecol:nth-of-type(4),
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race .polecol:nth-of-type(4),
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race .polecol:nth-of-type(5),
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race .polecol:nth-of-type(5) {
  grid-row: 3/4;
}
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race .polecol:nth-of-type(5),
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race .polecol:nth-of-type(5) {
  grid-column: 5;
}
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race .polecol:nth-of-type(6),
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race .polecol:nth-of-type(6),
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race .polecol:nth-of-type(7),
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race .polecol:nth-of-type(7) {
  grid-row: 4/5;
}
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race .polecol:nth-of-type(6),
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race .polecol:nth-of-type(6) {
  grid-column: 4;
}
.dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race .polecol:nth-of-type(7),
.dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race .polecol:nth-of-type(7) {
  grid-column: 6;
}
.datafilter.datafilter--new {
  flex: 1 0;
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
}
.datafilter.datafilter--new .filteritem {
  background-color: #1f2a44;
  transform: skew(-15deg);
  margin-right: 5px;
  width: auto;
  white-space: nowrap;
  line-height: 30px;
}
.datafilter.datafilter--new .filteritem .filteritem__input[type="radio"] + label {
  padding: 10px 0px;
  text-transform: uppercase;
  transform: skew(15deg);
  color: #FFFFFF;
  font-size: 15px;
  font-family: 'world-rx-bold';
  min-width: 100px;
  text-align: center;
  line-height: 1;
}
.datafilter.datafilter--new .filteritem .filteritem__input[type="radio"] + label::before,
.datafilter.datafilter--new .filteritem .filteritem__input[type="radio"] + label::after {
  content: none;
}
.datafilter.datafilter--new .filteritem .filteritem__label svg {
  max-height: 18px;
}
.datafilter.datafilter--new .filteritem .filteritem__label svg path {
  fill: #fff;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.datafilter.datafilter--new .filteritem .filteritem__label svg path.rx1-accent {
  fill: #02f3e9;
}
.datafilter.datafilter--new .filteritem .filteritem__label svg path.rx2-accent {
  fill: #a72b2a;
}
.datafilter.datafilter--new .filteritem .filteritem__label svg path.rx2e-accent {
  fill: #aa2d29;
}
.datafilter.datafilter--new .filteritem .filteritem__label svg path.erx1-accent {
  fill: #ffd700;
}
.datafilter.datafilter--new .filteritem .filteritem__label svg path.erx3-accent {
  fill: #009abf;
}
.datafilter.datafilter--new .filteritem.active {
  background-color: #02f3e9;
}
.datafilter.datafilter--new .filteritem.active[type="radio"] + label {
  color: #1f2a44;
}
.datafilter.datafilter--new .filteritem.active .filteritem__label svg path,
.datafilter.datafilter--new .filteritem.active:hover .filteritem__label svg path {
  fill: #1f2a44;
}
.datafilter.datafilter--new .filteritem::after {
  position: absolute;
  content: "";
  bottom: -8px;
  height: 4px;
  width: 0;
  background-color: #02f3e9;
  left: 0;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.datafilter.datafilter--new .filteritem.active::after,
.datafilter.datafilter--new .filteritem:hover::after {
  width: 100%;
}
.datafilter.datafilter--new .filteritem .sr-only {
  display: none;
}
body.video section.video-hero:after {
  background: url(../image/elements-line-corner.svg) 0 0 no-repeat #1f2a44;
}
body.video .video-hero .btn.white.border {
  color: #ffffff;
}
body.video .video-hero .btn.white.border:hover {
  color: #1f2a44;
}
.video-lane .video-teaser.flag.wrx:before {
  color: #1f2a44;
}
.slick-arrow:hover i,
.scroll-arrow:hover i {
  color: #1f2a44;
}
.epg .epg-header-wrapper .epg-day-nav a.go-live {
  color: #1f2a44;
}
.epg .epg-header-wrapper .epg-day-nav a.go-live:hover {
  color: #02f3e9;
}
.epg .epg-header-wrapper .epg-day-nav a.go-live:hover i {
  color: #02f3e9;
}
.epg .epg-box-view .epg-elements .epg-element.alllive > a:before {
  background: url(/?proxy=img/wrx/flag-plus-left.svg) 0 0 no-repeat;
}
.content.subscription .progress-bar li.active {
  background: #1f2a44;
}
.content.subscription .progress-bar li.active::after {
  border-left-color: #1f2a44;
}
.content.subscription .progress-bar li.active .num {
  background: #1f2a44;
  color: #02f3e9;
  border-color: #02f3e9;
}
.content.subscription .progress-bar li.active .title {
  color: #02f3e9;
}
.content.subscription .wrc-passes .season .heading {
  color: #1f2a44;
}
.content.subscription .wrc-passes .season .heading [type="radio"] + label:after {
  color: #1f2a44;
}
.content.subscription .benefits.chooseproduct ul li .benefit-text strong {
  color: #1f2a44;
}
.content.subscription .form-wrapper .payment-methods li [type="radio"]:checked + label span {
  color: #1f2a44;
}
.news-archive-worldrx > p,
.news-archive-worldrx > span {
  font-size: inherit !important;
  font-family: inherit !important;
  line-height: 26px !important;
  margin: 18px 0 !important;
  text-align: justify !important;
}
.news-archive-worldrx .article-time,
.news-archive-worldrx h1:first-of-type,
.news-archive-worldrx .button.radius {
  display: none;
}
.skew-box .unskew .alllive {
  margin: 15px auto 30px;
}
footer ul.partner-pyramid li.cooper a img {
  height: 50px;
}
/* Standingsbox World RX */
main .wrc-updates .content-box.standings strong {
  font-weight: 900;
  font-family: 'world-rx-reg';
}
main .wrc-updates .content-box.standings .standings-first {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 0;
  align-items: center;
  height: 70px;
  flex: initial;
  background-color: #02f3e9;
  font-size: 14px;
}
main .wrc-updates .content-box.standings .standings-first .num {
  float: none;
  position: relative;
  top: initial;
  left: initial;
  padding: 0 18px 0 13px;
  color: #fff;
}
main .wrc-updates .content-box.standings .standings-first .name {
  margin: 0;
  width: 100%;
  padding: 0 15px;
  font-weight: 600;
}
main .wrc-updates .content-box.standings .standings-first .name .flag {
  float: initial;
  margin: -4px 10px -4px 0;
}
main .wrc-updates .content-box.standings .standings-first .name strong {
  display: inline;
  margin-left: 0.1em;
}
main .wrc-updates .content-box.standings .standings-first .pts {
  padding: 20px;
  font-weight: 900;
}
main .wrc-updates .content-box.standings .standings-first .pts strong {
  color: #000;
  font-size: 14px;
  margin-right: 5px;
}
@media screen and (max-width: 1900px) {
  header nav.main-nav > ul > li.more.menu-overlay > a {
    height: 80px;
    width: 80px;
  }
}
@media screen and (max-width: 1880px) {
  header .logo {
    background: transparent;
  }
  main .stage-timeline--new > li > ul > li {
    font-size: 10px;
  }
  main .stage-timeline--new > li {
    padding-top: 20px;
  }
  main .stage-timeline--new > li .day {
    font-size: 10px;
    line-height: 20px;
  }
  main .stage-timeline--new > li .day:before {
    border: 1px solid #c9ccd2;
    border-bottom: 0;
  }
  main .stage-timeline--new + .data-table {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1380px) {
  header .logo {
    left: 50%;
    position: absolute;
    transform: translate(-50%);
  }
  header .nav-main-nav > ul > li.more-menu-overlay > a {
    display: block;
    width: 25%;
    height: auto;
  }
  header.header-wrcplus .logo {
    padding: 20px;
  }
  header.header-wrcplus .logoplus {
    padding: 15px 0;
  }
}
@media screen and (max-width: 1024px) {
  .dataGrid__wrapper .dataGrid__pole .polerow.polerow--race {
    padding: 0 50px 45px;
  }
  .dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__driver {
    z-index: 2;
    margin-bottom: -45px;
  }
  .dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__driver div {
    display: block;
    transition: all 300ms ease-in-out;
    opacity: 1;
    opacity: 0;
    width: 0;
    height: 50px;
    margin-left: -15%;
  }
  .dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__driver div span {
    display: block;
  }
  .dataGrid__wrapper .dataGrid__pole .polerow .polecol.active .position__wrapper .position__driver div,
  .dataGrid__wrapper .dataGrid__pole .polerow .polecol:hover .position__wrapper .position__driver div {
    opacity: 1;
    width: 120%;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--semifinals .polerow.polerow--race,
  .dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race {
    grid-template-columns: 0 repeat(5, calc(100%/5));
    grid-template-rows: 50px calc(100vh/5);
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race {
    grid-template-columns: repeat(4, calc(100% / 4));
    grid-template-rows: 100px calc(100vh/4);
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol {
    padding: 5px;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:first-of-type {
    grid-row: 1/2;
    grid-column: 4;
    width: 100%;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:nth-of-type(2),
  .dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:nth-of-type(3),
  .dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:nth-of-type(4) {
    grid-row: 2/3;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:nth-of-type(2) {
    grid-column: 1;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:nth-of-type(3) {
    grid-column: 2;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:nth-of-type(4) {
    grid-column: 3;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol:nth-of-type(5) {
    grid-column: 4;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race {
    grid-template-columns: repeat(5, calc(100% / 5));
    grid-template-rows: 100px calc(100vh/4);
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race .polecol:first-of-type {
    grid-row: 1/2;
    grid-column: 5;
    width: 100%;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race .polecol:nth-of-type(2),
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race .polecol:nth-of-type(3),
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race .polecol:nth-of-type(4),
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race .polecol:nth-of-type(5),
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race .polecol:nth-of-type(6) {
    grid-row: 2/3;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race .polecol:nth-of-type(2) {
    grid-column: 1;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race .polecol:nth-of-type(3) {
    grid-column: 2;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race .polecol:nth-of-type(4) {
    grid-column: 3;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race .polecol:nth-of-type(5) {
    grid-column: 4;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race .polecol:nth-of-type(6) {
    grid-column: 5;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race {
    grid-template-rows: 100px repeat(3, calc(100vh/4));
    background-size: 100vw 100%;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--finals .polerow .polecol:nth-of-type(1) {
    grid-column: 6/7;
    grid-row: 1/2;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1023px) {
  main .stage-timeline--new {
    overflow: scroll;
    margin-top: 10px;
  }
  main .stage-timeline--new li {
    width: auto !important;
  }
  main .stage-timeline--new li a {
    max-width: calc(100% - 8px);
    min-width: 100px;
  }
}
@media screen and (max-width: 1000px) {
  main nav.content-tabnav ul li.alllive::after {
    height: 17px;
  }
}
@media screen and (max-width: 750px) {
  header {
    flex-direction: row-reverse;
  }
  header .logo path {
    transform: translateX(0) translateY(-13px) scale(2.45);
  }
  header .logo:hover path {
    fill: #ffffff;
  }
  header .logo:hover path.caccent {
    fill: #02f3e9;
  }
  header .logo::before {
    content: none;
  }
  header .logo svg {
    width: 70px;
  }
  header .logo .sl {
    display: none;
  }
  header .logo .sm {
    display: block;
  }
  header.header-wrcplus .logo {
    padding: 10px;
  }
  header.header-wrcplus .logo svg {
    width: 50px;
  }
  header.header-wrcplus .logoplus {
    padding: 0 25px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  header.header-wrcplus .logoplus svg {
    width: 80px;
  }
  header nav.main-nav.main-nav--wrx > ul {
    top: 60px;
  }
  header nav.main-nav.main-nav--wrx.open nav.meta-nav {
    display: none;
  }
  header nav.main-nav > ul > li > ul > li > a strong.title-overlay {
    color: #ffffff;
  }
  main .rally-page-header .rally-header.grid-centered {
    padding: 15px 0;
  }
  main .wrcplus .wrc-passes .pass {
    width: calc(100% - 10px);
  }
  main .stage-timeline-wrapper + .dataTables_wrapper {
    margin-top: -10px;
  }
  main .stage-timeline--new li {
    padding-top: 0;
  }
  main .stage-timeline--new li a {
    max-width: calc(100% - 7px);
    width: 100px;
  }
  main .stage-timeline--new > li {
    margin-right: 2px;
  }
  main .stage-timeline--new > li .day {
    display: none;
  }
  main .datafilter.datafilter--new {
    margin-top: 30px;
  }
  main .datafilter.datafilter--new .filteritem .filteritem__input[type="radio"] + label {
    width: 70px;
    padding: 5px 0;
  }
  main .datafilter.datafilter--new .filteritem .filteritem__label svg {
    max-height: 13px;
    width: auto;
  }
  .news-archive-worldrx p,
  .news-archive-worldrx span {
    padding: inherit !important;
  }
  .dataGrid__wrapper .dataGrid__pole {
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100vw;
    position: relative;
  }
  .dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__car {
    font-size: 16px;
    z-index: 2;
  }
  .dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__driver {
    margin-bottom: -35px;
    font-size: 10px;
  }
  .dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__driver div {
    margin-left: -20%;
    height: 35px;
  }
  .dataGrid__wrapper .dataGrid__pole .polerow .polecol .position__wrapper .position__nat-team {
    width: 100%;
  }
  .dataGrid__wrapper .dataGrid__pole .polerow.polerow--header .polecol--race {
    display: none;
  }
  .dataGrid__wrapper .dataGrid__pole .polerow.polerow--race {
    background-size: 100vw 100%;
    padding: 0 0 45px;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race {
    grid-template-columns: repeat(4, calc(100% / 4));
    grid-template-rows: 50px calc(100vh/5);
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify .polerow.polerow--race .polecol {
    padding: 5px;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race {
    grid-template-columns: repeat(5, calc(100% / 5));
    grid-template-rows: 50px calc(100vh/5);
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race .polecol {
    padding: 1.5px;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--qualify.fivecols .polerow.polerow--race .polecol:first-of-type {
    padding-right: 15px;
  }
  .dataGrid__wrapper .dataGrid__pole.grid--finals .polerow.polerow--race {
    grid-template-rows: 50px repeat(3, calc(100vh/6));
    padding-left: 5px;
    padding-right: 5px;
  }
  footer ul.partner-pyramid li.cooper a img {
    height: 40px;
  }
}
@media screen and (min-width: 1024px) {
  main .stage-timeline--new > li > ul > li a {
    min-width: 100px;
  }
}
@-webkit-keyframes pulse {
  0%,
  100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
}
@keyframes pulse {
  0%,
  100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
}
/* './storage/worldrally/www_wrc_com/?proxy=css/themes/flags.less.' */
/*
  Less file for 
    - all WRC+ | WRX+ Flags
    - all heading elements
*/
.section-heading::before {
  content: "";
  background: url("../image/heading-element.svg") 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 25px;
  width: 25px;
  height: 28px;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  .section-heading::before {
    width: 15px;
    height: 17px;
    left: 20px;
  }
  header .logo:hover img.logo-img1 {
    display: block ;
  }
  header .logo:hover img.logo-img2 {
    display: none;
  }
}
.flag::before {
  font-family: "fontello";
  font-size: 25px;
  padding: 15px;
  margin: 0 !important;
  color: #ffffff;
  text-align: center;
  line-height: 1em;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1250px) {
  .flag::before {
    padding: 10px;
    font-size: 20px;
  }
}
.flag::after {
  content: "";
  /*background: url("@{domain}/?proxy=img/@{flagFolder}/bg-flag.svg") 0 0 no-repeat;*/
  background-size: contain;
  height: 55px;
  width: 77px;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1250px) {
  .flag::after {
    height: 40px;
    width: 60px;
  }
}
.flag.zoom::before {
  content: "\e819";
}
.flag.news::before {
  content: "\e818";
}
.flag.video::before {
  content: "\e81d";
  margin-left: 3px !important;
}
.wrc .flag::after {
  background: url("/?proxy=img/wrc/bg-flag.svg") 0 0 no-repeat;
  background-size: contain;
}
.flag.wrc::before {
  color: #ffffff;
}
.wrx .flag::after {
  background: url("../image/bg-flag.svg") 0 0 no-repeat;
  background-size: contain;
}
.wrx .flag::before {
  color: #1f2a44;
}
.flag.wrx::before {
  color: #1f2a44;
}
.erc .flag::after {
  background: url("/?proxy=img/erc/bg-flag.svg") 0 0 no-repeat;
  background-size: contain;
}
.erc .flag::before {
  color: #ffffff;
}
.flag.erc::before {
  color: #ffffff;
}
body.video section.video-hero .teaser.slick-current.alllive.wrc a::after {
  content: '';
  position: absolute;
  background: url("/?proxy=img/wrc/flag-plus-right.svg") 0 0 no-repeat;
  background-size: cover;
  width: 61px;
  z-index: 1;
  height: 23px;
  width: 100px;
  top: 0;
  right: 0;
}
body.video section.video-hero .teaser.slick-current.alllive.wrx a::after {
  content: '';
  position: absolute;
  background: url("/?proxy=img/wrx/flag-plus-right.svg") 0 0 no-repeat;
  background-size: cover;
  width: 61px;
  height: 23px;
  z-index: 1;
  top: 0;
  right: 0;
}
body.video section.video-hero .teaser.slick-current.alllive.erc a::after {
  content: '';
  position: absolute;
  background: url("/?proxy=img/erc/flag-plus-right.svg") 0 0 no-repeat;
  background-size: cover;
  width: 61px;
  z-index: 1;
  height: 23px;
  width: 100px;
  top: 0;
  right: 0;
}
body.video section.search-results .main-grid .videogrid-archive .teaser.flag.wrc::after {
  background: url('/?proxy=img/wrc/bg-flag.svg') 0 0 no-repeat;
  background-size: contain;
}
body.video section.search-results .main-grid .videogrid-archive .teaser.flag.wrx::after {
  background: url('../image/bg-flag.svg') 0 0 no-repeat;
  background-size: contain;
}
body.video section.search-results .main-grid .videogrid-archive .teaser.flag.wrx::before {
  color: #1f2a44;
}
body.video section.search-results .main-grid .videogrid-archive .teaser.flag.erc::after {
  background: url('/?proxy=img/erc/bg-flag.svg') 0 0 no-repeat;
  background-size: contain;
}
body.video section.search-results .main-grid .videogrid-archive .teaser.alllive.wrc .img-wrapper::before {
  content: '';
  position: absolute;
  background: url("/?proxy=img/wrc/flag-plus-right.svg") 0 0 no-repeat;
  background-size: cover;
  width: 61px;
  height: 23px;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100px;
}
body.video section.search-results .main-grid .videogrid-archive .teaser.alllive.wrx .img-wrapper::before {
  content: '';
  position: absolute;
  background: url("/?proxy=img/wrx/flag-plus-right.svg") 0 0 no-repeat;
  background-size: cover;
  width: 61px;
  height: 23px;
  z-index: 1;
  top: 0;
  right: 0;
}
body.video section.search-results .main-grid .videogrid-archive .teaser.alllive.erc .img-wrapper::before {
  content: '';
  position: absolute;
  background: url("/?proxy=img/erc/flag-plus-right.svg") 0 0 no-repeat;
  background-size: cover;
  width: 61px;
  height: 23px;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100px;
}
.teaserArchive .videogrid-archive .teaser.alllive .img-wrapper::before,
.videoArchive .videogrid-archive .teaser.alllive .img-wrapper::before,
.podcastArchive .videogrid-archive .teaser.alllive .img-wrapper::before {
  content: '';
  position: absolute;
  background: url("/?proxy=img/wrx/flag-plus-right.svg") 0 0 no-repeat;
  background-size: cover;
  width: 61px;
  height: 23px;
  z-index: 1;
  top: 0;
  right: 0;
}
main nav.content-tabnav ul li.alllive::after {
  content: '';
  position: absolute;
  background: url("/?proxy=img/wrx/flag-plus-right.svg") 0 0 no-repeat;
  background-size: cover;
  z-index: 1;
  top: 0;
  right: -2px;
}
main nav.content-tabnav ul li:last-child.alllive::after {
  right: 0;
}
main section.content .video-mobile-app.video-wrapper.alllive::after {
  content: '';
  position: absolute;
  background: url("/?proxy=img/wrx/flag-plus-right.svg") 0 0 no-repeat;
  background-size: cover;
  width: 61px;
  height: 23px;
  z-index: 1;
  height: 46px;
  width: 200px;
  top: 0;
  right: 0;
}
main .video-lane-contel figure.video-teaser.alllive.wrx a::after {
  content: '';
  position: absolute;
  background: url("/?proxy=img/wrx/flag-plus-right.svg") 0 0 no-repeat;
  background-size: cover;
  width: 61px;
  height: 23px;
  z-index: 1;
  top: 0;
  right: 0;
}
main .video-lane-contel figure.video-teaser.alllive.wrc a::after {
  content: '';
  position: absolute;
  background: url("/?proxy=img/wrc/flag-plus-right.svg") 0 0 no-repeat;
  background-size: cover;
  width: 61px;
  height: 23px;
  z-index: 1;
  width: 100px;
  top: 0;
  right: 0;
}
main .video-lane-contel figure.video-teaser.alllive.erc a::after {
  content: '';
  position: absolute;
  background: url("/?proxy=img/erc/flag-plus-right.svg") 0 0 no-repeat;
  background-size: cover;
  width: 61px;
  height: 23px;
  z-index: 1;
  width: 100px;
  top: 0;
  right: 0;
}
.news-lane .teaser.wrc .flag::after {
  background: url("/?proxy=img/wrc/bg-flag.svg") 0 0 no-repeat;
}
.news-lane .teaser.wrx .flag::after {
  background: url("../image/bg-flag.svg") 0 0 no-repeat;
}
.news-lane .teaser.erc .flag::after {
  background: url("/?proxy=img/erc/bg-flag.svg") 0 0 no-repeat;
}
.video-lane .video-teaser.flag.wrc::after {
  background: url("/?proxy=img/wrc/bg-flag.svg") 0 0 no-repeat;
  background-size: contain;
}
.video-lane .video-teaser.flag.wrx::after {
  background: url("../image/bg-flag.svg") 0 0 no-repeat;
  background-size: contain;
}
.video-lane .video-teaser.flag.erc::after {
  background: url("/?proxy=img/erc/bg-flag.svg") 0 0 no-repeat;
  background-size: contain;
}
/* './storage/worldrally/www_wrc_com/?proxy=laola1/cms-core/&proxy=/lightgallery/dist/css/lightgallery.css.' */
/*! lightgallery - v1.2.14 - 2016-01-18
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */
@font-face {
  font-family: 'lg';
  src: url('../font/lg.eot&n1z373');
  src: url('../font/lg.eot&#iefixn1z373') format("embedded-opentype"), url('../font/lg.woff&n1z373') format("woff"), url('../font/lg.ttf&n1z373') format("truetype"), url('../font/lg.svg&n1z373#lg') format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {
  font-family: 'lg';
  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;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}
@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}
.lg-toolbar {
  z-index: 1080;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}
.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}
#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}
.lg-toolbar,
.lg-prev,
.lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
  -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
  -o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
  transition: transform 250ms ease 0s, opacity 250ms !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}
.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url('/?proxy=lightgallery/dist/img/vimeo-play.png') no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url('/?proxy=lightgallery/dist/img/vimeo-play.png') no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url('/?proxy=lightgallery/dist/img/video-play.png') no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url('/?proxy=lightgallery/dist/img/youtube-play.png') no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url('/?proxy=lightgallery/dist/img/youtube-play.png') no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-palying .lg-object,
.lg-outer .lg-has-video.lg-video-palying .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-palying .lg-video-object {
  visibility: visible;
}
.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}
.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  -moz-transition: -moz-transform 0.3s ease 0s;
  -o-transition: -o-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important;
  transition: transform 0.3s ease 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
#lg-zoom-in:after {
  content: "\e311";
}
#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}
.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}
.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}
.group {
  *zoom: 1;
}
.group:before,
.group:after {
  display: table;
  content: "";
  line-height: 0;
}
.group:after {
  clear: both;
}
.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url('/?proxy=lightgallery/dist/img/loading.gif') no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 5px;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}
.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
/*# sourceMappingURL=lightgallery.css.map */