@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Rubik';
  src: url("../fonts/Rubik-Medium.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
#splashscreen {
  position: fixed;
  z-index: 222; }

#splashscreen-background {
  width: 100vw;
  height: 100vh;
  padding: 0;
  padding-top: 24vh;
  margin: 0;
  background: linear-gradient(-45deg, #4dc8e9, #3c58c5);
  text-align: center;
  vertical-align: middle; }

.navigation-splashscreen-background {
  opacity: .6; }

#splashscreen-logo {
  width: 32vw;
  height: 41vh;
  margin: auto;
  background: url("../images/logo-inwersyjne-pion-rgb.svg") bottom center no-repeat;
  background-size: contain; }

loader {
  position: absolute;
  z-index: 999;
  top: 40vh;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 1; }

loader div {
  opacity: 1; }

.loader {
  position: relative;
  display: block;
  width: 10vw;
  height: 18vh;
  margin-left: auto;
  margin-right: auto;
  background: none; }

.loader div {
  position: absolute;
  top: 5rem;
  left: 5.8125rem;
  width: 0.875rem;
  height: 2.5rem;
  border-radius: 0.625rem;
  background: #fff; }

.loader-small {
  transform: scale(0.4);
  position: relative; }

.loader > div:nth-of-type(1) {
  opacity: 1;
  transform: rotate(0deg) translate(0, -3.75rem);
  animation: loader-animation 1s linear infinite;
  animation-delay: -1s; }

.loader > div:nth-of-type(2) {
  opacity: 1;
  transform: rotate(30deg) translate(0, -3.75rem);
  animation: loader-animation 1s linear infinite;
  animation-delay: -.916666666666667s; }

.loader > div:nth-of-type(3) {
  opacity: 1;
  transform: rotate(60deg) translate(0, -3.75rem);
  animation: loader-animation 1s linear infinite;
  animation-delay: -.833333333333333s; }

.loader > div:nth-of-type(4) {
  opacity: 1;
  transform: rotate(90deg) translate(0, -3.75rem);
  animation: loader-animation 1s linear infinite;
  animation-delay: -.75s; }

.loader > div:nth-of-type(5) {
  opacity: 1;
  transform: rotate(120deg) translate(0, -3.75rem);
  animation: loader-animation 1s linear infinite;
  animation-delay: -.666666666666667s; }

.loader > div:nth-of-type(6) {
  opacity: 1;
  transform: rotate(150deg) translate(0, -3.75rem);
  animation: loader-animation 1s linear infinite;
  animation-delay: -.583333333333333s; }

.loader > div:nth-of-type(7) {
  opacity: 1;
  transform: rotate(180deg) translate(0, -3.75rem);
  animation: loader-animation 1s linear infinite;
  animation-delay: -.5s; }

.loader > div:nth-of-type(8) {
  opacity: 1;
  transform: rotate(210deg) translate(0, -3.75rem);
  animation: loader-animation 1s linear infinite;
  animation-delay: -.416666666666667s; }

.loader > div:nth-of-type(9) {
  opacity: 1;
  transform: rotate(240deg) translate(0, -3.75rem);
  animation: loader-animation 1s linear infinite;
  animation-delay: -.333333333333333s; }

.loader > div:nth-of-type(10) {
  opacity: 1;
  transform: rotate(270deg) translate(0, -3.75rem);
  animation: loader-animation 1s linear infinite;
  animation-delay: -.25s; }

.loader > div:nth-of-type(11) {
  opacity: 1;
  transform: rotate(300deg) translate(0, -3.75rem);
  animation: loader-animation 1s linear infinite;
  animation-delay: -.166666666666667s; }

.loader > div:nth-of-type(12) {
  opacity: 1;
  transform: rotate(330deg) translate(0, -3.75rem);
  animation: loader-animation 1s linear infinite;
  animation-delay: -.083333333333333s; }

.categories-nav-listing {
  display: block;
  height: 20.25rem;
  margin: 1.75rem 0 0 -0.6875rem;
  white-space: nowrap; }
  .categories-nav-listing x-item {
    position: relative;
    z-index: 99;
    display: inline-table;
    overflow: hidden;
    width: 19.25rem;
    height: 19.25rem;
    padding: 0;
    margin: 0 0.9375rem;
    transition: transform 0.2s ease-in-out; }
    .categories-nav-listing x-item.active {
      z-index: 998;
      box-shadow: 0 5px 24px 8px rgba(0, 0, 0, 0.2);
      transform: scale(1.1); }
  .categories-nav-listing .element {
    height: 100%;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .categories-nav-listing .image-overlay {
    height: 100%;
    background-image: radial-gradient(circle at 50% 37%, rgba(0, 0, 0, 0), #000); }
  .categories-nav-listing .title {
    position: absolute;
    bottom: 2.75rem;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    color: #FFF;
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
    text-overflow: ellipsis; }

.category_driver-nav-listing {
  position: relative;
  z-index: 2;
  display: block;
  height: 26.25rem;
  margin-top: 1.75rem;
  white-space: nowrap; }
  .category_driver-nav-listing x-item {
    position: relative;
    z-index: 99;
    display: inline-table;
    overflow: hidden;
    width: 28.625rem;
    height: 26.25rem;
    padding: 0;
    margin: 0 1.0625rem;
    color: #000;
    transition: transform .2s ease-in-out; }
    .category_driver-nav-listing x-item.active {
      z-index: 999;
      top: -0.375rem;
      background: #fff;
      box-shadow: 0 5px 24px 8px rgba(0, 0, 0, 0.2);
      transform: scale(1.05); }
      .category_driver-nav-listing x-item.active .element .descr {
        background: #fff;
        height: 13.5rem;
        padding: 0 1.25rem 1.25rem 1.25rem; }
        .category_driver-nav-listing x-item.active .element .descr .title,
        .category_driver-nav-listing x-item.active .element .descr .subtitle,
        .category_driver-nav-listing x-item.active .element .descr .lead {
          left: 1.25rem; }
        .category_driver-nav-listing x-item.active .element .descr .lead {
          display: block; }
      .category_driver-nav-listing x-item.active .element .pegi {
        visibility: visible; }
    .category_driver-nav-listing x-item .element {
      width: 100%;
      height: 26.25rem;
      background-size: 28.625rem 21.75rem;
      background-repeat: no-repeat; }
      .category_driver-nav-listing x-item .element .expiring {
        display: none; }
      .category_driver-nav-listing x-item .element .pegi {
        position: absolute;
        top: 0.75rem;
        left: 1.125rem;
        width: 2.3125rem;
        border-radius: 0.3125rem;
        color: #fff;
        background: #d0d24a;
        font-size: 1.875rem;
        font-weight: 700;
        text-align: center;
        line-height: 2.3125rem;
        visibility: hidden; }
      .category_driver-nav-listing x-item .element .catchup {
        position: absolute;
        top: 0.625rem;
        right: 1.125rem;
        width: auto;
        height: 1.9375rem;
        padding: 0 0.5rem;
        border-radius: 0.125rem;
        color: #fff;
        background: #d0011b;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.9375rem;
        text-transform: uppercase;
        text-align: center; }
      .category_driver-nav-listing x-item .element .payable {
        position: absolute;
        bottom: 4.4rem;
        left: 0;
        width: 100%;
        height: 2.5625rem;
        color: #fff;
        background: rgba(0, 0, 0, 0.85) !important;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.25rem;
        text-align: center; }
        .category_driver-nav-listing x-item .element .payable span {
          display: inline-block;
          width: 2rem;
          height: 1.9375rem;
          background-image: url("../images/padlock.svg");
          background-repeat: no-repeat;
          background-size: 2rem 2rem;
          vertical-align: sub; }
      .category_driver-nav-listing x-item .element .descr {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        position: absolute;
        top: 22.25rem;
        left: 0;
        width: 28.625rem;
        height: 6.875rem;
        padding: 0;
        background: none;
        font-size: 1.3125rem;
        text-overflow: ellipsis;
        white-space: normal; }
        .category_driver-nav-listing x-item .element .descr .title {
          color: #000;
          font-size: 1.4375rem;
          font-weight: bold; }
        .category_driver-nav-listing x-item .element .descr .subtitle {
          color: #6a6a6a;
          margin: 0.6875rem 0 0 0; }
        .category_driver-nav-listing x-item .element .descr .lead {
          display: none; }

.driver-nav-listing {
  display: block;
  height: 39rem;
  margin: 1.75rem 0 0 -0.625rem;
  white-space: nowrap; }
  .driver-nav-listing x-item {
    position: relative;
    z-index: 99;
    display: inline-table;
    overflow: hidden;
    padding: 0;
    border: solid 0.375rem transparent;
    margin: 0 0.5rem;
    color: #FFF;
    transition: transform .2s ease-in-out; }
    .driver-nav-listing x-item.active {
      z-index: 998;
      border: solid 0.375rem #FFF;
      margin: 0 0.5rem;
      box-shadow: 0 5px 24px 8px rgba(0, 0, 0, 0.2);
      transform: scale(1.1); }
    .driver-nav-listing x-item .element {
      width: 33.4375rem;
      height: 34.4375rem;
      background-color: #000;
      background-repeat: no-repeat;
      background-size: 100%; }
    .driver-nav-listing x-item .listingLogo {
      position: absolute;
      right: 0;
      bottom: 6.9375rem;
      left: 1.4375rem;
      height: 9.125rem;
      background-size: contain;
      background-repeat: no-repeat; }
    .driver-nav-listing x-item .descr {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      position: absolute;
      top: 28.75rem;
      width: 100%;
      padding: 0.5rem 1.4375rem 0;
      font-size: 1.625rem;
      line-height: 1.2;
      white-space: normal;
      text-overflow: ellipsis; }
    .driver-nav-listing x-item .image-overlay {
      height: 100%;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 66%, #000 100%); }

.listing-nav-listing {
  display: block;
  height: 20.25rem;
  margin: 1.75rem 0 0 -0.6875rem;
  white-space: nowrap; }
  .listing-nav-listing x-item {
    position: relative;
    z-index: 99;
    display: inline-table;
    overflow: hidden;
    width: 22.8125rem;
    height: 19.5rem;
    padding: 0;
    margin: 0 0.9375rem;
    color: #000;
    transition: transform .2s ease-in-out; }
    .listing-nav-listing x-item.active {
      z-index: 998;
      background: #fff;
      box-shadow: 0 5px 24px 8px rgba(0, 0, 0, 0.2);
      transform: scale(1.06); }
      .listing-nav-listing x-item.active .descr {
        top: 10.5rem;
        padding: 0.5rem 1.125rem;
        transition: top .2s ease-out .2s;
        background-color: #fff; }
      .listing-nav-listing x-item.active .title {
        max-width: initial; }
      .listing-nav-listing x-item.active .lead {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-top: 0.75rem;
        font-size: 1.25rem;
        line-height: 1.2;
        white-space: normal;
        text-overflow: ellipsis; }
      .listing-nav-listing x-item.active .tv_station {
        visibility: hidden; }
      .listing-nav-listing x-item.active .pegi {
        visibility: visible; }
    .listing-nav-listing x-item .element {
      height: 100%;
      background-repeat: no-repeat;
      background-size: 100%; }
    .listing-nav-listing x-item .tv_station {
      position: absolute;
      top: 14.375rem;
      right: 0.625rem; }
    .listing-nav-listing x-item .expiring {
      display: none; }
    .listing-nav-listing x-item .pegi {
      position: absolute;
      top: 0.75rem;
      left: 1.125rem;
      padding: 0.3125rem;
      border-radius: 0.3125rem;
      color: #fff;
      background: #d0d24a;
      font-size: 1.5rem;
      font-weight: 700; }
    .listing-nav-listing x-item .catchup {
      position: absolute;
      top: 0.75rem;
      right: 1.125rem;
      padding: 0.25rem 0.5rem;
      border-radius: 0.125rem;
      color: #fff;
      background: #d0011b;
      box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.4);
      font-size: 1.25rem;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center; }
    .listing-nav-listing x-item .payable {
      position: absolute;
      top: 12rem;
      width: 100%;
      height: 1.75rem;
      color: #fff;
      background: rgba(0, 0, 0, 0.85) !important;
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 1.75rem;
      text-align: center; }
      .listing-nav-listing x-item .payable span {
        display: inline-block;
        width: 1.5rem;
        height: 1.3125rem;
        background-image: url("../images/padlock.svg");
        background-repeat: no-repeat;
        background-size: 1.5rem 1.5rem; }
    .listing-nav-listing x-item .descr {
      position: absolute;
      top: 14.25rem;
      width: 100%;
      line-height: 1.2; }
    .listing-nav-listing x-item .title {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      max-width: 16.5625rem;
      margin-top: 0.5rem;
      color: #000;
      font-size: 1.4375rem;
      font-weight: bold;
      white-space: normal; }
    .listing-nav-listing x-item .subtitle {
      overflow: hidden;
      color: #6a6a6a;
      font-size: 1.3125rem;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .listing-nav-listing x-item .lead {
      display: none; }

.stations_driver-nav-listing {
  position: absolute !important;
  bottom: 2.5rem;
  z-index: 5;
  display: block;
  height: 13.75rem;
  white-space: nowrap; }
  .stations_driver-nav-listing x-item {
    display: inline-table;
    position: relative;
    width: 23.75rem;
    height: 13.75rem;
    margin: 0 1.0625rem;
    padding: 0;
    z-index: 20; }
    .stations_driver-nav-listing x-item .element {
      width: 23.75rem;
      height: 13.75rem;
      background-color: #fff;
      background-position: center;
      background-repeat: no-repeat; }
  .stations_driver-nav-listing x-item.active {
    background: #fff;
    z-index: 50;
    box-shadow: 0 0.3125rem 1.5rem 0.5rem rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0.3125rem 1.5rem 0.5rem rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }

.horizontal-list {
  position: relative;
  display: block;
  width: 100%; }
  .horizontal-list x-list {
    position: absolute;
    transform: translateX(0) translateZ(0);
    transition: transform .2s linear; }

x-item.active > .popup-button {
  color: #4585c3;
  background: #fff;
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.5);
  zoom: 120%; }

.popup {
  max-width: 62.5rem;
  min-height: 25rem;
  border-bottom: none;
  color: #fff;
  background: linear-gradient(135deg, #415ec8 0%, #415ec8 20%, #53c9ea 100%);
  box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.75);
  text-align: center; }
  .popup .popup-button {
    width: 20.625rem;
    height: 3.75rem;
    border: 2px solid #fff;
    border-radius: 0.3125rem;
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
    color: #ffffff;
    background: rgba(214, 214, 214, 0);
    font-size: 1.6rem; }

.popup-heading {
  margin: 0;
  font-size: 4rem; }

ux-dialog {
  border: none; }

ux-dialog-header.au-target {
  height: 5.625rem;
  border-bottom: none; }

ux-dialog-body {
  height: 10.625rem;
  font-size: 2rem; }

ux-dialog-footer.au-target {
  min-height: 3.125rem;
  border-top: none;
  text-align: center; }

ux-dialog-overlay.active {
  background-color: rgba(0, 0, 0, 0.75); }

#side-menu {
  position: fixed;
  z-index: 200;
  top: 0;
  width: 40.1875rem;
  height: 100vh;
  padding-top: 3.125rem;
  margin-left: -33.875rem;
  background-image: linear-gradient(149deg, #3c58c5, #4dc8e9);
  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.4);
  transition: margin-left .2s linear; }
  #side-menu x-list {
    display: block; }
  #side-menu.active {
    margin-left: 0; }
    #side-menu.active x-item.active .menu-el {
      background-color: #4eb2e6;
      font-weight: 400; }
  #side-menu .menu-el {
    height: 5.625rem;
    padding: 1.4375rem 0 1.4375rem 10.375rem;
    color: #fff;
    background-size: auto 2.625rem;
    background-position: 6.875rem 1.125rem;
    background-repeat: no-repeat;
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 2.25rem; }
  #side-menu .menu-el-search {
    background-image: url("../images/side-menu-szukaj.svg"); }
  #side-menu .menu-el-home {
    background-image: url("../images/side-menu-home.svg"); }
  #side-menu .menu-el-missed {
    background-image: url("../images/side-menu-przegapiles.svg"); }
  #side-menu .menu-el-default {
    background-image: url("../images/side-menu-kategorie.svg"); }
  #side-menu .menu-el-about {
    background-image: url("../images/side-menu-o-aplikacji.svg"); }
  #side-menu .menu-el-live {
    background-image: url("../images/side-menu-na-zywo.svg");
    background-position-y: 1.375rem; }
  #side-menu.not-active .menu-el {
    opacity: 0;
    transition: opacity .2s linear; }

.hamburger span {
  position: absolute;
  top: 50%;
  right: 1.875rem; }

.hamburger span,
.hamburger span:before,
.hamburger span:after {
  position: absolute;
  width: 2.1875rem;
  height: 0.3125rem;
  border-radius: 0.0625rem;
  background: #ffffff;
  content: ''; }

.hamburger span:before {
  top: -0.625rem; }

.hamburger span:after {
  top: -1.25rem; }

#side-menu .slider-mark.prev {
  z-index: 100;
  top: 0;
  left: inherit !important;
  width: 100%;
  height: 3.75rem;
  background: none; }

#side-menu .slider-mark.next {
  z-index: 100;
  background: none;
  bottom: 0;
  top: inherit !important;
  right: 0;
  width: 100%;
  height: 3.75rem; }

.belsat span {
  display: block;
  width: 72px;
  height: 21px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: -144px 0px; }

.T1D span {
  display: block;
  width: 72px;
  height: 21px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: -72px -102px; }

.T2D span {
  display: block;
  width: 72px;
  height: 20px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: -144px -21px; }

.tvp3 span {
  display: block;
  width: 72px;
  height: 23px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: 0px -102px; }

.ABC span {
  display: block;
  width: 38px;
  height: 32px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: -144px -60px; }

.KHSH span {
  display: block;
  width: 72px;
  height: 19px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: -144px -41px; }

.TKH span {
  display: block;
  width: 72px;
  height: 31px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: -72px -38px; }

.INF span {
  display: block;
  width: 72px;
  height: 16px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: -144px -92px; }

.T5D span {
  display: block;
  width: 72px;
  height: 34px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: 0px -38px; }

.tvpparlmanet span {
  display: block;
  width: 72px;
  height: 11px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: -144px -108px; }

.tvppolonia span {
  display: block;
  width: 72px;
  height: 38px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: 0px 0px; }

.TRO span {
  display: block;
  width: 72px;
  height: 35px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: -72px 0px; }

.TRS span {
  display: block;
  width: 72px;
  height: 30px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: 0px -72px; }

.tvpsport span {
  display: block;
  width: 72px;
  height: 24px;
  background-image: url("../images/tv-stations-sprite.png");
  background-position: -72px -72px; }

thumbnail {
  position: absolute;
  transition: all 150ms ease-in;
  box-shadow: 0 24px 24px 0 #0000004c, 0 0 24px 0 #00000038;
  border-style: solid;
  border-width: .5px;
  border-image-source: linear-gradient(to bottom, #ffffffcc, #ffffff66 5%, #ffffff00 20%, #ffffff00);
  border-image-slice: 1;
  background-color: #d8d8d8; }

thumbnail.prev {
  right: 353px; }

thumbnail.next {
  left: 348px; }

thumbnail .element {
  width: 388px;
  height: 330px;
  background-repeat: no-repeat; }

thumbnail .element:after {
  border-right: solid 20px transparent;
  border-left: solid 20px transparent;
  border-top: solid 20px #d8d8d8;
  transform: translateX(-50%);
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 50%;
  height: 0;
  width: 0; }

thumbnail .element .descr {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  position: absolute;
  top: 220px;
  left: 0;
  width: 312px;
  height: 110px;
  padding: 9px 24px;
  text-overflow: ellipsis;
  white-space: normal; }

thumbnail .element .descr .header {
  margin-bottom: 9px;
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  color: #4a4a4a; }

thumbnail .element .descr .title {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 9px; }

thumbnail .element .descr .subtitle {
  font-size: 22px;
  line-height: 1.1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

#virtual-keyboard {
  display: table;
  width: 100%;
  margin-top: 1.75rem; }
  #virtual-keyboard x-list {
    width: unset !important; }
    #virtual-keyboard x-list[data-nav-orientation=vertical] > * {
      display: table-row; }
    #virtual-keyboard x-list[data-nav-orientation=horizontal] > * {
      display: inline-block;
      vertical-align: top; }
  #virtual-keyboard .keyboard-row x-item {
    position: relative;
    display: inline-table; }
  #virtual-keyboard x-item, #virtual-keyboard x-button {
    display: inline-block;
    width: 3.75rem;
    height: 3.75rem;
    margin: 0.5625rem;
    vertical-align: middle;
    font-size: 2.25rem;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.75rem;
    text-align: center; }
  #virtual-keyboard x-item.active {
    width: 4rem;
    height: 4rem;
    margin: 0.4375rem;
    border-radius: 0.25rem;
    background-color: #fff;
    box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0 rgba(0, 0, 0, 0.22);
    line-height: 4rem; }
  #virtual-keyboard .backspace,
  #virtual-keyboard .switch,
  #virtual-keyboard .clear {
    width: 10rem !important;
    height: 4rem;
    margin: 0.4375rem; }
  #virtual-keyboard .backspace {
    background-image: url(../images/backspace.svg);
    background-position: center;
    background-size: 3rem 1.625rem;
    background-repeat: no-repeat; }
  #virtual-keyboard .spacebar {
    background-image: url(../images/spacebar.svg);
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat; }
  #virtual-keyboard .spacebar,
  #virtual-keyboard .spacebar.active {
    display: block !important;
    width: 11.25rem;
    margin: 0 auto; }
  #virtual-keyboard .letters .spacebar {
    margin: 0.125rem 11.5rem; }
  #virtual-keyboard .letters .spacebar.active {
    margin: 0 11.5rem; }
  #virtual-keyboard .numbers .spacebar {
    margin: 0.125rem 2rem; }
  #virtual-keyboard .numbers .spacebar.active {
    margin: 0 2rem; }

.home {
  height: 100%;
  margin: 0;
  margin-left: 6rem; }

.home .home-top {
  display: table;
  width: 100%;
  padding: 4.375rem 5.8125rem 3.75rem 2.6875rem;
  margin: 0; }

.home .home-top .tvp-logo-box {
  height: 4.125rem;
  background: url("../images/logo-vod.svg") center right no-repeat;
  background-size: 20.9375rem 4.125rem; }

.home .home-top .search-button,
.home .home-top .tvp-logo-box {
  display: table-cell;
  width: 50%; }

.home .home-body {
  padding: 0 0 0 5.125rem; }

.website {
  width: 100%;
  min-height: 100vh; }
  .website .top-website {
    height: 42.75rem;
    padding: 0 0 0 5.125rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size: 1.5rem; }
    .website .top-website .website-desc {
      height: 35rem;
      text-shadow: 1px 1px 0 #000; }
      .website .top-website .website-desc h1 {
        padding: 6.25rem 12.5rem 0 0;
        margin: 0;
        color: #fff; }
      .website .top-website .website-desc .title-img {
        width: 25.5rem;
        height: 14.375rem;
        background-size: auto 100%;
        background-repeat: no-repeat; }
      .website .top-website .website-desc .subtitle {
        color: #9b9b9b;
        line-height: 5.5rem; }
      .website .top-website .website-desc .lead {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        width: 41.25rem;
        height: 9.75rem;
        color: #fff;
        white-space: normal;
        line-height: 1.33;
        text-overflow: ellipsis; }
    .website .top-website .website-control-buttons {
      display: block;
      margin-top: 1rem;
      font-size: 1.25rem; }
    .website .top-website .website-control-buttons .control-buttons {
      display: inline-block;
      vertical-align: middle; }
    .website .top-website .website-control-buttons .control-buttons {
      width: 43%; }
    .website .top-website .website-control-buttons .control-buttons x-item {
      display: inline-block;
      margin-right: 2rem; }
  .website .website-body {
    padding: 0 0 0 5.125rem; }
    .website .website-body .website-body h1 {
      color: #696969;
      font-size: 2.25rem;
      font-weight: 400; }
  .website .slider-mark.prev {
    left: -4.5rem; }
  .website .slider-mark.next {
    width: 16.125rem; }

.regulations {
  color: #ffffff; }

.regulations h2 {
  font-size: 2.25rem; }

.regulations .regulations-wrapper {
  padding: 0 25rem 15.625rem 25rem;
  margin: 12.5rem auto 6.25rem auto;
  font-size: 1.5rem;
  line-height: 1.75; }

.category {
  width: 100vw;
  min-height: 100vh;
  padding-left: 6.125rem; }
  .category .category-top {
    padding: 4.25rem 0 1.25rem 5.125rem; }
    .category .category-top .category-title {
      font-size: 4.5rem;
      font-weight: 300; }
  .category .category-body {
    padding: 0 0 0 5.125rem; }
    .category .category-body h1 {
      font-size: 2.25rem;
      font-weight: 400;
      color: #696969; }

.category_driver-nav-listing .slider-mark.prev {
  left: -5rem; }

.category_driver-nav-listing .slider-mark.next {
  z-index: 100;
  top: 0;
  width: 16.25rem; }

.more-info .more-info-wrapper {
  width: 75rem;
  padding-bottom: 9.375rem;
  margin: 6.25rem auto 0 auto;
  color: #fff; }

.more-info .blur-background {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url("../images/blurred.png") no-repeat; }

.more-info .title-img {
  float: left;
  width: 27.3125rem;
  height: 15.375rem;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.more-info .title-description {
  min-height: 15.375rem;
  margin: 0 0 0 33.5625rem; }

.more-info .video-title {
  margin: 0 0 1.5625rem 0;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.25; }

.more-info .video-subtitle {
  font-size: 2rem; }

.more-info .lead {
  margin: 5rem 0 0 0;
  font-size: 2.5rem;
  line-height: 1.35; }

#search {
  width: 100vw;
  min-height: 100vh; }

#search #search-section {
  padding-top: 4.5625rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  margin: 0 0 0 8.375rem; }

#search #search-section x-list {
  width: 100rem; }

#search #search-section x-item #search-input {
  width: 96.25rem;
  border: none;
  outline: none;
  box-shadow: none; }

#search #search-section .search-button {
  width: 98.75rem;
  margin: 0;
  background: #fff; }

#search #search-section .slider-mark.prev {
  left: -3.375rem; }

#search #search-section .slider-mark.next {
  right: -0.75rem;
  width: 10.75rem; }

.about-view {
  padding: 8.5rem 0 0;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.75;
  text-align: left; }
  .about-view .content {
    width: 67.5rem;
    margin: 0 auto; }
  .about-view .background {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8); }
  .about-view h1 {
    margin-bottom: 1.875rem;
    font-size: 3rem;
    font-weight: 700; }
  .about-view h2 {
    margin-bottom: 2.8125rem;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.17; }
  .about-view h3 {
    margin: 0 0 0.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.17; }
  .about-view p {
    margin: 0 0 2.625rem; }

.player-view {
  width: 100vw;
  height: 100vh;
  background: #000; }
  .player-view .av-player {
    height: 100%;
    background-color: #000; }
  .player-view .ctrl-progress-timer {
    width: 12.5625rem;
    padding: 0 1.875rem;
    text-align: right; }
    .player-view .ctrl-progress-timer span {
      display: inline-block;
      color: #a4a4a4;
      font-size: 1.25rem;
      font-weight: 400;
      text-align: right;
      text-shadow: 1px 1px 0 #000; }
      .player-view .ctrl-progress-timer span:first-child {
        min-width: 3.125rem;
        color: #fff;
        text-align: left; }
      .player-view .ctrl-progress-timer span:first-child.wide {
        min-width: 5rem; }
  .player-view .ad-break-indicator {
    position: fixed;
    z-index: 11;
    bottom: 0;
    left: 0;
    padding: 0.625rem 1.25rem 0.625rem 1.25rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
    text-transform: uppercase; }
    .player-view .ad-break-indicator h4 {
      padding-right: 1.875rem;
      margin-top: 0;
      text-align: right; }
    .player-view .ad-break-indicator .ctrl-progress {
      float: right;
      width: 12.5625rem;
      padding: 0 1.875rem;
      border: 0;
      text-align: right; }
      .player-view .ad-break-indicator .ctrl-progress span {
        display: inline-block;
        color: #a4a4a4;
        font-size: 1.25rem;
        font-weight: 400;
        text-align: right;
        text-shadow: 1px 1px 0 #000; }
        .player-view .ad-break-indicator .ctrl-progress span:first-child {
          min-width: 3.125rem;
          color: #fff;
          text-align: left; }
        .player-view .ad-break-indicator .ctrl-progress span:first-child.wide {
          min-width: 5rem; }
        .player-view .ad-break-indicator .ctrl-progress span:nth-child(2) {
          padding: 0; }
        .player-view .ad-break-indicator .ctrl-progress span:nth-child(3) {
          padding-left: 0.3125rem; }
  .player-view .osd {
    position: fixed;
    z-index: 11;
    top: 1.875rem;
    right: 1.875rem;
    border-radius: 1rem;
    padding: 1.875rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    font-size: 3.375rem;
    font-weight: 400;
    text-shadow: 1px 1px 0 #000; }
  .player-view .panel-backdrop {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15); }
  .player-view .info-panel {
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0;
    width: 110rem;
    padding: 4.0625rem 5rem;
    color: #fff;
    text-shadow: 1px 1px 0 #000; }
    .player-view .info-panel img {
      width: 14.375rem;
      height: 7.5rem;
      margin: 5rem 0 3.4375rem 0; }
    .player-view .info-panel h1 {
      margin-bottom: 3rem;
      font-size: 3rem;
      font-weight: 700;
      line-height: 1.2; }
    .player-view .info-panel h5 {
      margin-bottom: 3.5rem;
      font-size: 1.25rem;
      font-weight: 400; }
    .player-view .info-panel p {
      width: 38.75rem;
      font-size: 1.5rem;
      font-weight: 400;
      line-height: 1.35; }
    .player-view .info-panel .error-message {
      position: fixed;
      top: 7.8125rem;
      left: 46.875rem;
      font-size: 1.6875rem; }
  .player-view .controls-panel {
    position: relative;
    z-index: 12;
    bottom: 14.0625rem;
    width: 75rem;
    margin-left: auto;
    margin-right: auto;
    background: rgba(0, 0, 0, 0.7); }
  .player-view .ctrl-slider {
    position: relative;
    width: 100%;
    height: 0.625rem;
    border: solid 1px #5c5c5c;
    background: #000; }
    .player-view .ctrl-slider .ctrl-progress {
      height: inherit;
      background: #3ecff2; }
    .player-view .ctrl-slider .ad-marker {
      position: absolute;
      top: 0;
      width: 0.1875rem;
      height: inherit;
      background-color: #9b0013; }
    .player-view .ctrl-slider .fw-rw-marker {
      position: absolute;
      top: -0.5625rem;
      width: 1.5rem;
      height: 15.375rem;
      /* background-color: #fff; */
      /* border-radius: 50%; */ }
  .player-view .ctrl-btns {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 4.8125rem;
    border: solid 1px #5c5c5c; }
    .player-view .ctrl-btns > x-item {
      display: block;
      float: left;
      width: 4.875rem;
      height: inherit;
      border-left: solid 1px #5c5c5c;
      border-right: solid 1px #5c5c5c;
      color: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: auto 40%;
      font-size: 1.25rem;
      line-height: 4.8125rem;
      text-align: center;
      cursor: pointer; }
    .player-view .ctrl-btns .btn-prev {
      background-image: url("../images/player/v2/player-prev.svg"); }
    .player-view .ctrl-btns .btn-rew {
      background-image: url("../images/player/v2/player-rew.svg"); }
    .player-view .ctrl-btns .btn-play {
      background-image: url("../images/player/v2/player-play.svg"); }
    .player-view .ctrl-btns .btn-pause {
      background-image: url("../images/player/v2/player-pause.svg"); }
    .player-view .ctrl-btns .btn-fwd {
      background-image: url("../images/player/v2/player-fwd.svg"); }
    .player-view .ctrl-btns .btn-next {
      background-image: url("../images/player/v2/player-next.svg"); }
    .player-view .ctrl-btns .disabled {
      opacity: .2; }
    .player-view .ctrl-btns .btn-txt {
      float: right;
      border-left: solid 1px #5c5c5c;
      background-image: url("../images/player/v2/player-txt.svg");
      background-position: 1.3125rem 1.625rem;
      background-repeat: no-repeat; }
    .player-view .ctrl-btns .btn-cog {
      float: right;
      border-right: none;
      background-image: url("../images/player/v2/player-cog.svg");
      background-position: 1.5rem 1.4375rem;
      background-position: no-repeat; }
      .player-view .ctrl-btns .btn-cog .btn-cog-icon {
        position: absolute;
        z-index: -1;
        display: block;
        width: 76px;
        height: 76px;
        background-size: 30px 30px; }
    .player-view .ctrl-btns .ctrl-progress-timer {
      float: right;
      width: 250px;
      border: 0; }
    .player-view .ctrl-btns x-item.active {
      background-color: #2cb9ec; }
    .player-view .ctrl-btns:after {
      clear: both;
      content: ""; }

.live {
  width: 100vw;
  min-height: 100vh;
  background: url("../images/live-background.png") center center no-repeat;
  background-size: 100vw; }

.stations_driver-nav-listing .slider-mark.prev {
  left: 0; }

.stations_driver-nav-listing .slider-mark.next {
  width: 16.25rem; }

.station {
  width: 100vw;
  min-height: 100vh;
  background-color: #000;
  color: #fff; }
  .station .streaming-player-view {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100vh; }
  .station .info-panel {
    position: absolute;
    z-index: 12;
    padding-top: 3.3125rem;
    padding-left: 6rem;
    width: 53.75rem; }
    .station .info-panel .time {
      padding-left: 15.75rem; }
    .station .info-panel .ctrl-slider {
      position: relative;
      width: 100%;
      height: 0.625rem;
      background: #979797; }
      .station .info-panel .ctrl-slider .ctrl-progress {
        height: inherit;
        background: #3ecff2; }
    .station .info-panel h2 {
      margin-bottom: 0.625rem;
      font-size: 1.625rem; }
    .station .info-panel img {
      position: absolute;
      width: 13.75rem; }
    .station .info-panel h1 {
      margin-top: 0;
      padding-left: 15.75rem;
      padding-top: 1.25rem;
      font-size: 2.5rem; }
    .station .info-panel p {
      position: absolute;
      top: 16.25rem;
      font-size: 1.5rem; }
  .station .controls-panel {
    position: absolute;
    z-index: 12;
    right: 0;
    bottom: 2.5rem;
    left: 0;
    width: 75rem;
    padding: 1.25rem 1rem;
    margin: auto;
    background: rgba(0, 0, 0, 0.7); }
  .station .ctrl-slider {
    position: relative;
    width: 100%;
    height: 0.625rem;
    border: none;
    margin-bottom: 1.25rem;
    background: #fff; }
    .station .ctrl-slider .ctrl-progress {
      height: inherit;
      background: #3ecff2; }
    .station .ctrl-slider .fw-rw-marker {
      position: absolute;
      top: -0.5rem;
      width: 1.5rem;
      height: 1.5rem;
      margin-left: -0.375rem;
      background-color: #fff;
      border-radius: 50%; }
  .station .ctrl-btns {
    width: 100%;
    height: 4.875rem;
    display: inline-block;
    overflow: hidden; }
    .station .ctrl-btns > x-item {
      width: 4.875rem;
      height: inherit;
      display: block;
      margin: 0 3px;
      float: left;
      color: #fff;
      background-position: center;
      background-repeat: no-repeat;
      background-size: auto 40%; }
    .station .ctrl-btns .btn-prev {
      background-image: url("../images/player/player-prev.svg"); }
    .station .ctrl-btns .btn-rew {
      background-image: url("../images/player/player-rew.svg"); }
    .station .ctrl-btns .btn-play {
      background-image: url("../images/player/player-play.svg"); }
    .station .ctrl-btns .btn-pause {
      background-image: url("../images/player/player-pause.svg"); }
    .station .ctrl-btns .btn-fwd {
      background-image: url("../images/player/player-fwd.svg"); }
    .station .ctrl-btns .btn-next {
      background-image: url("../images/player/player-next.svg"); }
    .station .ctrl-btns .disabled {
      opacity: .2; }
    .station .ctrl-btns x-item.active {
      background-color: #2cb9ec; }
  .station .panel-backdrop {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 10%, #000 80%); }

.info-panel.au-enter, .panel-backdrop.au-enter {
  opacity: 0; }

.info-panel.au-left, .panel-backdrop.au-left {
  opacity: 0; }

.info-panel.au-leave-active, .panel-backdrop.au-leave-active {
  animation: FadeOut 3s; }

/* animation definitions */
@keyframes loader-animation {
  0% {
    background-color: #fff; }
  100% {
    background-color: #4c9edc; } }
@keyframes FadeIn {
  to {
    opacity: 1; } }
@keyframes FadeOut {
  to {
    opacity: 0; } }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

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

html {
  font-size: 16px; }

@media (max-width: 1280px) {
  html {
    font-size: 10.675px; }

  .tv_station span {
    zoom: .66; } }
body {
  overflow: hidden;
  margin: 0;
  font-family: 'Lato', sans-serif;
  line-height: 1; }

body.no-mouse .slider-mark {
  visibility: hidden !important; }
body.no-mouse #side-menu {
  pointer-events: none; }

.router-view-out-container {
  position: fixed;
  visibility: hidden; }

.home, #search, .website, .category, body {
  background: linear-gradient(to right, #929695, #d3cfc4); }

.active .search-button, #search #search-section .search-button.focus {
  box-shadow: 2px 9px 30px 3px 2px 9px 30px 3px rgba(0, 0, 0, 0.4); }

.hidden {
  display: none !important; }

h1 {
  font-size: 2.25rem;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.1;
  color: inherit; }

video {
  width: 100% !important;
  height: 100% !important; }

.search-button {
  display: inline-block;
  width: 47.3125rem;
  height: 4.25rem;
  border-radius: 0.25rem;
  margin: 0.1875rem 0 0 1.4375rem;
  background-color: rgba(255, 255, 255, 0.5); }

.active .search-button {
  background: #fff; }

.search-button .placeholder {
  display: block;
  width: 42.5rem;
  padding: 0 0 0 3.5rem;
  margin: 0.875rem 0 0 1.5625rem;
  color: #686c6b;
  background: url("../images/search.svg") left no-repeat;
  background-size: 1.9375rem 1.9375rem;
  font-size: 2.25rem;
  font-weight: 300; }

x-return-button {
  position: absolute;
  top: 4.875rem;
  right: 4.875rem;
  width: 4.375rem;
  height: 4.375rem; }

x-return-button.active, x-return-button:hover {
  top: 3rem;
  right: 2.5rem;
  width: 8.4375rem;
  height: 10.1875rem; }

.return-light {
  background: url("../images/return-white.svg") no-repeat;
  background-size: 100% auto; }

.return-light .active, .return-light:hover {
  background: url("../images/return-active.svg") no-repeat;
  background-size: 100% auto; }

.return-dark {
  background: url("../images/return.svg") no-repeat;
  background-size: 100% auto; }

.return-dark .active, .return-dark:hover {
  background: url("../images/return-active.svg") no-repeat;
  background-size: 100% auto; }

.categories-offset-left {
  margin-left: -339px; }

.categories-scroll-left {
  margin-left: -678px !important; }

.category_driver-offset-left {
  margin-left: -493px; }

.category_driver-scroll-left {
  margin-left: -986px !important; }

.driver-offset-left {
  margin-left: -563px; }

.driver-scroll-left {
  margin-left: -1126px !important; }

.listing-offset-left {
  margin-left: -395px; }

.listing-scroll-left {
  margin-left: -790px !important; }

.thumbnailbox {
  position: absolute;
  right: 612px;
  bottom: 440px;
  width: 780px; }

.hideThumbnail {
  opacity: 0; }

.btn {
  display: inline-block;
  width: 18.75rem;
  border: solid 0.125rem #fff;
  border-radius: 0.3125rem;
  overflow: hidden;
  color: #fff;
  line-height: 3.125rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top; }

.btn.active, .btn:hover {
  width: 18.75rem;
  margin: 0 1.0625rem 0 0;
  background-color: #fff;
  color: #000; }

.page-host {
  position: relative;
  width: 100vw;
  overflow: hidden; }

.page-host.regulations-page {
  background-color: #42413F; }

.navbar-nav li.loader {
  margin: 12px 24px 0 6px; }

.pictureDetail {
  max-width: 425px; }

.card {
  position: relative;
  padding: 0;
  margin-bottom: 32px;
  overflow: hidden;
  background-color: #337ab7;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border: 1px solid #ccc;
  border-radius: 8px;
  color: #88acd9;
  text-align: center; }

.card .content {
  margin-top: 10px; }

.card .content .name {
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 20px; }

.card .header-bg {
  /* This stretches the canvas across the entire hero unit */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  border-bottom: 1px #fff solid;
  border-radius: 6px 6px 0 0; }

.card .avatar {
  position: relative;
  margin-top: 15px;
  z-index: 100; }

.card .avatar img {
  width: 100px;
  height: 100px;
  border: 2px #fff solid;
  border-radius: 50%; }

.slider-mark {
  position: absolute;
  height: 100%;
  color: #fff;
  font-weight: bolder;
  text-align: center;
  vertical-align: middle;
  opacity: .2;
  margin: auto; }

.slider-mark.prev {
  background-image: url("../images/slider-left-mark.svg");
  background-repeat: no-repeat;
  background-position: 50% 40%;
  background-size: 4.125rem;
  z-index: 100;
  top: 0;
  left: -4.25rem;
  width: 4.125rem; }

.slider-mark.prev:hover {
  background-image: url("../images/slider-left-mark-enabled.svg");
  background-position: 50% 39%; }

.slider-mark.prev.enabled, .slider-mark.next.enabled {
  opacity: 1; }

.slider-mark.next {
  background-image: url("../images/slider-right-mark.svg");
  background-repeat: no-repeat;
  background-position: 100% 40%;
  background-size: 4.125rem;
  z-index: 100;
  top: 0;
  right: -0.75rem;
  width: 10rem; }

.slider-mark.next:hover {
  background-image: url("../images/slider-right-mark-enabled.svg");
  background-position: 100% 39%; }

.categories-nav-listing .slider-mark.next {
  width: 3.75rem;
  right: -0.75rem; }

.driver-nav-listing .slider-mark.next {
  z-index: 100;
  top: 0;
  right: -0.75rem;
  width: 4rem; }

/*# sourceMappingURL=styles.css.map */